* {
outline: 0;
box-sizing: border-box
}

a {
text-decoration: none
}

a:focus,
a:hover {
text-decoration: none
}

.row {
margin: 0;
width: 100%;
height: 100%
}
.row:before, .row:after {display: none !important;}

body {
width: 100%;
overflow-x: hidden;
background-color: #fff;
color: #2d2d2d;
font-family: 'PT Sans'!important;
height: 100%
}
.nav_wrapper{
background: transparent;
}

.navbar {
/* background-image: linear-gradient(to right, #9458F0, #4E41F1); */
min-height: 65px;
margin: 0;
/* border-bottom: 2px solid #f8f8f8; */
z-index: 999;
position: relative;
top: 0;
left: 0;
right: 0;
width: 100%;
padding-left: 0;
}

.navbar-collapse .navbar-nav .nav-item {
padding: 0 10px
}

.navbar-collapse .navbar-nav .nav-item .nav-link {
color: #FFFFFF;
font-size: 15px
}

.navbar-dark .navbar-toggler-icon {
background-image: url(https://www.animaker.com/static/assets/images/marketing_video/navbar.svg)!important;
cursor: pointer
}

.navbar-collapse .navbar-nav .nav-item .nav-link.signUpButton {
color: #fff;
font-size: 15px;
padding: 5px 26px;
background-color: #F1821E;
border-radius: 4px;
cursor: pointer;
font-family: 'PT Sans'!important;
font-weight:bold;
}
.online_video_maker .promo_wrapper{
  /* background-image: linear-gradient(to right, #9458F0, #4E41F1); */
  background-image: url('https://www.animaker.com/static_2.0/img/videomaker/video_maker_bg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #351D86;
}
/* promo header section start */
.online_video_maker .makeavideo_section .herosection_button {
width: 380px;
text-align: center;
font-family: 'PT Sans'!important;
margin:0 auto;
}

.online_video_maker .makeavideo_section {
/* background: url(https://www.animaker.com/static/assets/images/marketing_video/background1.svg) no-repeat; */

background-size: cover;
height: 100%;
width: 100%;
position:relative;
/* padding: 70px 0; */
position:rlative
}
.online_video_maker .makeavideo_section_inner{
padding: 30px 0 100px 0;
background-image: url(https://www.animaker.com/static_2.0/img/promovideomaker/Top_wave.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
}

.online_video_maker .makeavideo_section .row {
display: flex;
align-items: center
}

.online_video_maker .makeavideo_section .leftside_content {
display: inline-block;
padding-right: 0%;
padding-left:0;
text-align: center;
}

.online_video_maker .makeavideo_section .rightside_content {
padding: 0
}

.online_video_maker .makeavideo_section .rightside_content .videoSection video {
width: 100%;
height: 100%;
border-radius: 4px;
border-bottom-left-radius: 5px;
box-shadow: 0 3px 6px #0000001A
}

.online_video_maker .makeavideo_section .rightside_content .video_content {
padding-top: 10px;
text-align: center
}

.online_video_maker .makeavideo_section .leftside_content #p1 {
padding: 0px 0 15px 0;
font-size: 18px;
line-height: 1.8;
font-family: 'PT Sans'!important;
color:#efefef;
}

.online_video_maker .makeavideo_section .leftside_content #p2 {
font-size: 13px;
color: #fff;
padding-top: 10px;
line-height: 1.8;
font-family: 'PT Sans'!important;
opacity:0.59;
}

.online_video_maker .makeavideo_section .rightside_content .video_content p {
display: inline-block;
color: #BCA7FF;
font-size: 16px;
border-radius: 5px;
padding: 8px;
font-family: 'PT Sans'!important
}

.online_video_maker .makeavideo_section .leftside_content h1 {
font-size: 52px;
line-height: 1.3;
font-weight: 600;
font-family: 'PT Sans'!important;
color:#fff;
}

.online_video_maker .makeavideo_section .leftside_content a,
.online_video_maker .getStartedSection a
{
width: 280px;
font-size: 18px;
font-weight: 600;
background: linear-gradient(270deg, #f57400 0, #e8e24a 100%);
color: #fff;
height: 60px;
text-align: center;
border-radius: 4px;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
border: none;
/* opacity: .8; */
font-family: 'PT Sans'!important;
box-shadow: 0 3px 6px #00000029;
margin:0 auto;
}

.online_video_maker .makeavideo_section .leftside_content a:hover,
.online_video_maker .skyrocket_section a:hover {
  background: #ffca00
}
.online_video_maker .element_img{
  text-align: center;
  margin: 20px 0 0px 0;
}
.online_video_maker .element_img .gOULTz {
  display: inline-block;
  /* border-radius: 10px; */
  overflow: hidden;
}
.online_video_maker .element_img .gOULTz video {
  max-width: 100%;
  height: auto;
  display: block;
  width: 578px !important;
  height: 325px !important;
  z-index: 0;
}
.herosection_dog{
background: url(https://www.animaker.com/static_2.0/img/videomaker/herosection_dog.svg);
position: absolute;
width: 164px;
height: 187px;
bottom: 50px;
left: 150px;
}
.herosection_mascot{
background: url(https://www.animaker.com/static_2.0/img/videomaker/herosection_mascot.svg);
position: absolute;
width: 246px;
height: 318px;
bottom: 50px;
right: 150px;
}

.custom_container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 15px
}

.customers {
  padding: 50px 0;
  background-color: #FBF9FE;
}
.customers p{
  font-family: 'PT Sans'!important;
  color:#54536C;
  font-size: 18px;
  text-align:center;
  padding-bottom: 30px;
  padding-top:40px;
}
.animation_liveaction{
  background: #ffffff 0% 0% no-repeat padding-box;
  text-align:center;
  padding: 100px 0;
}
.animation_liveaction h2{
font-size: 32px;
font-weight: 600;
font-family: 'PT Sans'!important;
color: #000000;
margin-bottom:30px;;
}
.animation_liveaction h3{
color: #2D2D2D;
font-family: 'PT Sans'!important;
font-weight: bold;
margin-bottom: 20px;
font-size:24px;
}
.animation_liveaction p{
color: #54536C;
font-family: 'PT Sans'!important;
font-size: 18px;
}
.animation_liveaction img{
width:450px;
}

.videotemplates {
display: inline-block;
width: 100%;
height: 100%;
padding: 100px 0;
background-color: #F8F8F8;
}

.videotemplates .templateheader {
text-align: center
}

.videotemplates .templateheader h2,.animaker_best_features .templateheader h2,.testimonals_sliderSection h2{
font-size: 32px;
font-weight: 600;
line-height: 1.2;
padding-bottom: 16px;
font-family: 'PT Sans'!important;
color:#000;
text-align: center;
}

.videotemplates .templateheader p,.videomaking_steps_desc,.animakerusercollaboration_feature p,.usecase_section p,.usecase_tools p {
font-size: 18px;
color: #54536c;
padding-bottom: 35px;
font-family: 'PT Sans'!important
}

.videotemplates .main_templatebody {
display: inline-block;
width: 100%;
}


.main_templatebody .template1, .main_templatebody .template2, .main_templatebody .template3, .main_templatebody .template4, .main_templatebody .template5, .main_templatebody .template6,.main_templatebody .template7,.main_templatebody .template8,.main_templatebody .template9{
margin: 0px 15px 20px 0px;
}

.videotemplates .videoContainter {
position: relative;
margin-bottom: 12px
}

.videotemplates .videoContainter img {
border-radius: 5px;
width: 100%;
height: 100%;
box-shadow: 0 3px 6px #00000029
}

.video_template_footer .video_temp_desctiption h1 {
font-size: 18px;
line-height: 1.4;
font-family: 'PT Sans'!important
}

.use_templateEdit button {
margin: 0 auto;
width: 80%;
font-size: 18px;
background-image: linear-gradient(to right, #503df9, #9e52f7);
color: #fff;
height: 40px;
text-align: center;
border-radius: 4px;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
border: none;
opacity: .8;
font-family: 'PT Sans'!important
}

.videoContainter .moments_menus {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%) translateY(-50%)
}

.videoContainter:hover>img {
opacity: .5
}
.videoContainter:hover>p {
font-weight: bold;
}
.videoContainter:hover~p {
font-weight: bold;
}
.videoContainter:hover+p {
font-weight: bold;
}

.videoContainter:hover>.moments_menus {
opacity: 1
}

.videoContainter .playiconnormal {

position: absolute;
bottom: 10px;
right: 10px;
width: 50px;
height: 50px;
background-image: url(https://www.animaker.com/static/assets/images/marketing_video/play-icon.svg);
cursor: pointer
}

.videoContainter:hover > .playiconnormal {
display: none;
}

.videoContainter .play_icon {
display: inline-block;
width: 70px;
height: 70px;
background-image: url(https://www.animaker.com/static/assets/images/marketing_video/play-icon.svg);
cursor: pointer
}

.videoContainter .edit_template {
display: inline-block;
width: 70px;
height: 70px;
background-image: url(https://www.animaker.com/static/assets/images/marketing_video/edit.svg);
cursor: pointer
}

.videotemplates .see_moreSection {
text-align: center;
width: 100%;
margin-top: 50px
}

.videotemplates .see_moreSection a {
color: #9D9D9D;
font-size: 16px
}

.videotemplates .see_moreSection a:hover {
color: #2d2d2d
}

.videomaking_steps {
background-position: bottom;
padding: 100px 0 100px 0
}

.videomaking_steps .stepsHeader {
text-align: center
}

.videomaking_steps .stepsHeader h2 {
font-size: 32px;
font-weight: 600;
font-family: 'PT Sans'!important;
margin-bottom: 18px
}

.videomaking_steps .videoStep1{
padding-top: 50px;
width: 100%
}
.videomaking_steps .videoStep2,
.videomaking_steps .videoStep3 {
padding-top: 80px;
}

.marketing_video_description .everthingMarketingTabcontentSection,
.videomaking_steps .step1templatestartfromScratchContent,
.videomaking_steps .step2AddpersonaliseDragandDropContent,
.videomaking_steps .step3exportyourvideoContent {
padding-top: 50px;
width: 470px;
/* margin: 0 auto */
}

.videomaking_steps .step1CountImage,
.videomaking_steps .step2CountImage,
.videomaking_steps .step3CountImage {
display: inline-block;
width: 10%
}

.videomaking_steps .step1Content,
.videomaking_steps .step2Content,
.videomaking_steps .step3Content {
float: right;
width: 90%;
padding-left: 20px
}

.videomaking_steps .step1CountImage img,
.videomaking_steps .step2CountImage img,
.videomaking_steps .step3CountImage img {
/* width: 100%;
height: 100% */
}

.step1Content h3,
.step2Content h3,
.step3Content h3 {
margin: 0;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
padding-bottom: 25px;
font-family: 'PT Sans'!important
}

.step1Content p,
.step2Content p,
.step3Content p {
font-size: 18px;
color: #54536c;
line-height: 1.4
}

.step1VideoSection img,
.step2VideoSection img,
.step3VideoSection img {
width: 100%;
height: 100%
}

.videoStep1,
.videoStep2,
.videoStep3 {
padding-top: 40px;
display: inline-block
}
.videomaking_steps .step1CountImage, .videomaking_steps .step2CountImage, .videomaking_steps .step3CountImage{margin-left:20px;}
.videomaking_steps .step1Content, .videomaking_steps .step2Content, .videomaking_steps .step3Content{float:none;}
.step1Content h3, .step2Content h3, .step3Content h3{padding-bottom:5px;padding-top:15px;}

.videomaking_steps .videMaking_mobileView {
display: none;
text-align: center
}

.videMaking_mobileView h3 {
font-size: 24px;
padding-top: 25px;
font-family: 'PT Sans'!important;
font-weight: 600;
}

.animaker_users_description {
background-image: linear-gradient(to right, #9458F0, #4E41F1);
background-size: cover;
height: 100%;
width: 100%;
padding: 75px 0;
position: relative;
}

.animaker_users_description .usersHeader h2 {
color: #fff;
font-size: 32px;
font-weight: 600;
padding-bottom: 50px;
font-family: 'PT Sans'!important
}

.animaker_users_description .mainDescriptionSection .animakerAnimosCreated,
.animaker_users_description .mainDescriptionSection .animakerAssestsCollection,
.animaker_users_description .mainDescriptionSection .animakerUsersCreated,
.animaker_users_description .usersHeader {
text-align: center
}

.mainDescriptionSection .animos_logo img,
.mainDescriptionSection .assets_logo img,
.mainDescriptionSection .users_logo img {
width: 54px;
height: 54px;
}

.mainDescriptionSection .animos_count #p1,
.mainDescriptionSection .assets_count #p1,
.mainDescriptionSection .users_count #p1 {
padding-top: 20px;
font-size: 32px;
font-weight: 600;
color: #FFCD01
}

.mainDescriptionSection .animos_text #p2,
.mainDescriptionSection .assets_text #p2,
.mainDescriptionSection .users_text #p2 {
font-size: 18px;
color: #fff
}

.getStartedSection {
margin-top: 70px
}

.getStartedSection a,.skyrocket_section a  {
margin: 0 auto;
width: 380px;
font-size: 18px;
font-weight: 600;
background: linear-gradient(270deg, #f57400 0, #e8e24a 100%);
color: #fff;
height: 60px;
text-align: center;
border-radius: 4px;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
border: none;
opacity: 1;
font-family: 'PT Sans'!important;
box-shadow: 0 3px 6px #00000029
}
.animaker_users_description {
overflow: hidden;
}
.music_icon{position:absolute;top:-15px;opacity: 0.6;}
@keyframes animatewhitesnow {
to {top:105%;-webkit-transform: rotate(180deg);transform: rotate(180deg);} }
.img1{animation: animatewhitesnow 4s linear 1.5s infinite ;left: 3%;width: 28px;height: 27px;}
.img13{left: 9%;animation: animatewhitesnow 3.5s ease 1s infinite;width: 28px;height: 27px;;}
.img2{animation: animatewhitesnow 5.5s ease 1s infinite ;left:12%;width: 28px;height: 27px;}
.img3{animation: animatewhitesnow 6s ease-in infinite;left:19%;width: 28px;height: 27px;}
.img4{animation: animatewhitesnow 5s ease-out 4s infinite;left: 25%;width: 28px;height: 27px;}
.img5{animation: animatewhitesnow 3.7s ease-in-out 2.5s infinite;left: 31%;width: 28px;height: 27px;}
.img6{animation: animatewhitesnow 4.5s linear 1s infinite ;left: 40%;width: 28px;height: 27px;}
.img7{animation: animatewhitesnow 4.7s ease infinite;left: 49%;width: 28px;height: 27px;;}
.img8{animation: animatewhitesnow 3.2s ease-in 0.5s infinite;left: 56%;width: 28px;height: 27px;}
.img9{animation: animatewhitesnow 3s ease-in-out infinite ;left: 63%;width: 28px;height: 27px;}
.img10{animation: animatewhitesnow 2.9s ease-out 1.5s infinite;left: 77%;width: 28px;height: 27px;}
.img11{left: 85%;animation: animatewhitesnow 4s linear 3s infinite;width: 28px;height: 27px;}
.img12{left: 93%;animation: animatewhitesnow 4s ease 2s infinite;width: 28px;height: 27px;}

.animaker_best_features{
padding:110px 0 40px 0;
}
.animakerbestfeature_mobile,.templates_mobile{
display:none;
}
.animakerbestfeature_desktop h3,.animakerbestfeature_mobile h3{
font-size: 24px;
font-weight: bold;
color: #2D2D2D;
}
.animakerbestfeature_desktop p,.animakerbestfeature_mobile p{
color: #54536C;
font-size: 18px;
}
.animaker_best_features .bestfeature2,.animaker_best_features .bestfeature3,.animaker_best_features .bestfeature4{
padding-top:50px;
}
.animakertemplates{
padding: 70px 0;
background: #F8F8F8 0% 0% no-repeat padding-box;
}
.animakertemplates h3{
font-size: 32px;
font-weight: bold;
color: #2D2D2D;
font-family: 'PT Sans'!important;
margin-bottom: 20px;
}
.animakertemplates p{
color: #54536C;
font-size: 18px;
font-family: 'PT Sans'!important;
}

.animakerusercollaboration_feature {
padding: 40px 0 80px 0;
text-align: center;
}
.animakerusercollaboration_feature h2,.usecase_section h2,.usecase_tools h2 {
font-size: 32px;
font-weight: bold;
color: #2d2d2d;
margin-bottom:20px;
}
.animakerusercollaboration_feature video{
width:940px;
}
.testimonals_sliderSection {
padding: 100px 0;
background-color: #FBF9FE;
}

.testimonals_sliderSection .testimonalsMainslide.secondtype{
display: flex;
}
.testimonals_sliderSection .testimonalsMainslide {
width: 50%;
margin: 0 auto;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
padding: 40px;
text-align: center;
height:240px;
}

.testimonalsMainslide.secondtype .testimonial-img{
width: 25%;
display: flex;
align-items: center;
justify-content: center;
}

.testimonalsMainslide.secondtype .testimonial-img .testiLogo{
width: 100%;border-radius: 50%;vertical-align: middle;


}
.testimonalsMainslide.secondtype .testimonial-text{
width:75%;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-left: 30px;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.testimonalsMainslide.secondtype .testimonial-quote{
text-align: left;
font-size: 18px;
/* line-height: 1.4; */
color: #54536C;
}
.testimonalsMainslide.secondtype .testimonail-auth{
text-align: left;
font-size: 16px;
color: #2D2D2D;
font-weight: bold;
margin: 0;
}
.testimonail-desg {
text-align: left;
font-size: 14px;
color: #54536C;
}
.testimonals_sliderSection h2{
color: #54536C;
margin-bottom:20px;
}

.testimonals_sliderSection .join_animakerSection {
padding-top: 50px;
text-align: center
}

.testimonals_sliderSection .join_animakerSection #p1 {
font-weight: 600;
font-size: 18px
}

.testimonals_sliderSection .join_animakerSection #p2 {
font-size: 15px;
color: #54536c;
padding-top: 10px
}

.testimonalsMainslide .testiDetails {
display: inline-flex;
align-items: center
}

.testimonalsMainslide .testiNameandcompany {
padding-left: 16px;
padding-top: 10px
}

.testimonalsMainslide .testiNameandcompany #p1 {
font-size: 18px;
font-weight: 600;
margin-bottom: 5px
}

.testimonalsMainslide .testiNameandcompany #p2 {
font-size: 15px;
color: #54536c
}

.testimonalsMainslide .testiDescription {
font-size: 18px;
line-height: 1.4;
padding: 25px 0
}

.testimonals_sliderSection .ratingpoints {
width: 49px;
height: 28px;
color: #54536c;
background-color: #f6f4fe;
font-size: 15px;
justify-content: center;
text-align: center;
border-radius: 14px;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center
}
.testimonial-slides .carousel-inner{height: auto !important}
.carousel-indicators li.active{background-color: #CDAFFF;border-color: #CDAFFF;}
#myCarousel .carousel-indicators li.active{background-color: #FBD936;border-color: #FBD936;}
.carousel-indicators{
bottom:-70px;
}
.carousel-indicators li{border-color: #ECE0FF;background-color: #ECE0FF;}
#myCarousel .carousel-indicators li{background-color: #EBEBEB;border-color: #EBEBEB;}
.testi_company_logo{
width: 100px;height: 60px;
margin: 0 auto;
margin-bottom: 20px;
}
.carousel-indicators li{
display:inline-block;width:10px;height:10px;margin:3px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px
}
#myCarousel .carousel-indicators li.active {
width:19px;height:8px;
}

.usecase_section{
padding:120px 0 70px 0;
text-align: center;
}
.usecase_section .container_wrapper{
margin-top:50px;
}
.usecase_menu{
padding: 20px;
box-shadow: 0 3px 6px #00000029;
text-align: center;
margin-bottom: 30px;
width: 223px;
}
.usecase_menu span{
padding-left:20px;
color: #54536c;
}
.usecase_menu:hover,.usecase_image:hover {
  background: #f1f1f1;
}
.usecasevideo{
margin-right: 30px;
}


.video_editor_usecases {
background-color: #F8F8F8;
height: 100%;
width: 100%;
padding: 100px 0;
position: relative;
}

.video_editor_usecases .usersHeader h2 {
color: #2d2d2d;
font-size: 40px;
font-weight: 600;
padding-bottom: 50px;
font-family: 'PT Sans'!important
}
.video_editor_usecases .mainDescriptionSection{
position:relative;
}

.video_editor_usecases .mainDescriptionSection .animakerAnimosCreated,
.video_editor_usecases .mainDescriptionSection .animakerAssestsCollection,
.video_editor_usecases .mainDescriptionSection .animakerUsersCreated,
.video_editor_usecases .usersHeader {
text-align: center;
width:100%;
display:inline-block;
}
.video_editor_usecases .mainDescriptionSection img{
width:100%;
}
.viewallstartdesttransupdate::-webkit-scrollbar {
width: 6px;
}
/* Track */
.viewallstartdesttransupdate::-webkit-scrollbar-track {
background: transparent;
border-radius: 6px;
}

/* Handle */
.viewallstartdesttransupdate::-webkit-scrollbar-thumb {
background:transparent;
border-radius: 6px;
}

/* Handle on hover */
.viewallstartdesttransupdate::-webkit-scrollbar-thumb:hover{
background:transparent;
}
.horizontal-images{
width: 100%;
display: flex;
align-items: flex-end;
}
.usecasetoolsmenuupdate{
width: 100%;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}


.mainDescriptionSection .animos_text_slide #p2,
.mainDescriptionSection .assets_text_slide #p2,
.mainDescriptionSection .users_text_slide #p2 {
font-size: 16px;
color: #2d2d2d;
margin-top:20px;
}
.slidelefticon {
display: none;
background-image: url(https://www.animaker.com/static_2.0/img/trimvideomaker/slide-left-arrow.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 9999;
position: absolute;
top: 28%;
left: -50px;
}
.sliderighticon {
background-image: url(https://www.animaker.com/static_2.0/img/trimvideomaker/slide-right-arrow.svg);
background-repeat: no-repeat;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 9999;
position: absolute;
top: 28%;
right: -50px
}
.usecasetool_menulist{
text-align: center;
width: 100%;
display: inline-block;
}

/* Frequently asked questions css here */

.frequently_asked{
padding: 60px 0px;
background-color: #F8F8F8;
}

.frequently_asked .frequently_header h2{
font-size: 24px;
font-weight: 700;
color: #54536C;
}

.questions_block{
padding: 40px 0px;
}

.questions_block .question1,.questions_block .question2,.questions_block .question3,.questions_block .question4,.questions_block .question5{
padding: 30px 22px 22px 22px;
border-bottom:1px solid #EBEBEB;
}
.questions_block .question1 p,.questions_block .question2 p,.questions_block .question3 p,.questions_block .question4 p,.questions_block .question5 p{
display: inline-block;
font-size: 18px;
color: #54536C;
}
.questions_block .question1 .add,.questions_block .question2 .add,.questions_block .question3 .add,.questions_block .question4 .add,.questions_block .question5 .add{
float: right;
background-image: url(https://dev-static.animaker.com/icons/add.svg);
width:25px;
height: 25px;
cursor: pointer;
opacity:0.5;
}

.questions_block .question1 h4,.questions_block .question2 h4,.questions_block .question3 h4,.questions_block .question4 h4,.questions_block .question5 h4{
display: none;
font-size: 18px;
color: #54536C;
}
.questions_block .active_question{
background-color: #ffffff;
box-shadow: 0px 3px 6px #0000001A;
border-radius: 4px;
opacity: 1;

}
.questions_block .active_question .add{
background-image: url(https://dev-static.animaker.com/icons/close.svg);
}
.questions_block .active_question p{
font-weight: 700;
}
.header_container{
border-bottom: 2px solid #F8F8F8;
}
.usecase_tools{
padding: 40px 0;
text-align: center;
}
.usecasetools_block{
width: 118px;
/* height: 158px; */
margin: 0 25px;
}
.usecasetoolsmenusection.mobile{
display:none;
}
.usecasetoolsmenusection.desktop .row,.usecasetoolsmenusection.mobile .row{
justify-content: center;

}
.usecasetools_block p{
margin: 10px 0;
padding: 0;
font-size: 16px;
color: #54536C;
}
.usecase_image{
padding: 40px;
box-shadow: 0 3px 6px #00000029;
text-align: center;
border-radius: 5px;
}
.usecase_image img{
width:30px;
height:30px;
}
.related_resource_section{
padding: 100px 0 70px;
}
.related_resource_section .uploadVideo{
padding:30px;
font-size:14px;
cursor:pointer;
}
.related_resource_section .uploadVideo .steps_content{
margin-top:10px;
margin-bottom:0px;
font-size:18px;
color:#54536C;
font-weight:bold;
}
.related_resource_section .uploadVideo .step_title{
font-weight: bold;
}
.related_resource_section .header h2 {
font-size: 32px;
font-weight: 600;
font-family: 'PT Sans'!important;
text-align: center;
}
.related_desc{
background-color: #fff;
padding: 25px;
box-shadow: 0px 3px 6px #0000001A;
}
.steps_content_text{
color: #9D9D9D;
}
.steps_content_text:hover{
color: #54536C;
}
.skyrocket_section {
background: none;
background-position: bottom;
padding: 0;
background-color: #FBF9FE;
}
.skyrocket_section_inner {
padding: 70px 0;
background-image: url(https://www.animaker.com/static_2.0/static_2.0/img/weddingslideshowmaker/bottom_wave.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
background-color: #FBF9FE;
}
.skyrocket_section {
background: url(https://www.animaker.com/static/assets/images/marketing_video/lastbackground.svg) repeat no-repeat;
background-position: bottom;
/* padding: 100px 0 200px; */
}

.skyrocket_section h2 {
font-size: 32px;
font-weight: 600;
line-height: 1.2;
padding-bottom: 15px;
font-family: 'PT Sans'!important
}

.skyrocket_section #p1 {
font-size: 18px;
color: #54536c
}

.skyrocket_section .skyrocket_section #p2 {
font-size: 15px;
color: #54536c;
text-align: center
}

.skyrocket_section .skyrocketRegisterbuttonSection {
width: 380px;
padding: 25px 0;
text-align: center
}
.topuserslogo_section{
text-align: center;
padding: 40px 0;
}

.topuserslogo {
font-size: 18px;
color: #cacaca
}

.topuserslogo img{
width:100%;
margin:0 auto;
padding-left: 18px;
display: inline-block;
height: 25px;
}


#playvideopopup {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4)
}

#playvideopopup .playvideopopup_content {
margin: auto;
position: relative;
width: 977.778px;
height: 687.5px
}

#playvideopopup .outerDivLayer {
margin-right: 45px;
height: 100%;
padding: 10px;
background-color: #fefefe
}

#playvideopopup .playvideopopup_content .close_svg {
position: absolute;
right: 0;
top: 0;
background-image: url(https://www.animaker.com/static/assets/images/marketing_video/clear_normal.svg);
width: 38px;
height: 38px;
z-index: 9;
cursor: pointer
}

#playvideopopup .playvideopopup_content .close_svg:hover {
background-image: url(https://www.animaker.com/static/assets/images/marketing_video/clear.svg)
}

#playvideopopup .playvideopopup_content .playvideopopup_body {
padding: 0;
overflow: hidden;
height: 90%;
position: relative
}

#playvideopopup .playvideopopup_content .playvideopopup_body iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}

#playvideopopup .playvideopopup_content .playvideopopup_footer {
height: 10%;
padding-top: 25px
}

#playvideopopup .playvideopopup_content .playvideoproject_name {
font-family: Pt sans;
font-size: 20px;
color: #2d2d2d
}

#playvideopopup .playvideopopup_content .use-preview-span {
display: inline-block;
float: right
}

#playvideopopup .playvideopopup_content .use-preview-span a {
padding: 10px 50px;
background-image: linear-gradient(to right, #7f6fec, #a07ceb);
color: #fff;
font-family: Pt sans;
font-size: 20px;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
font-family: 'PT Sans'!important
}

.sliderighticon {
background-image: url(https://www.animaker.com/static_2.0/img/videomaker/icon-right-arrow.svg);
background-repeat: no-repeat;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 9999;
position: absolute;
top: 28%;
right: 100px;
}
.slidelefticon {
display: none;
background-image: url(https://www.animaker.com/static_2.0/img/videomaker/icon-left-arrow.svg);
background-repeat: no-repeat;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 9999;
position: absolute;
top: 28%;
left: 100px;
}

.usecasetoolsmenuupdate::-webkit-scrollbar {
width: 6px;
}
/* Track */
.usecasetoolsmenuupdate::-webkit-scrollbar-track {
background: transparent;
border-radius: 6px;
}

/* Handle */
.usecasetoolsmenuupdate::-webkit-scrollbar-thumb {
background:transparent;
border-radius: 6px;
}

/* Handle on hover */
.usecasetoolsmenuupdate::-webkit-scrollbar-thumb:hover{
background:transparent;
}



/* promo header section end */


/* skyrocket section end */

/* Footer css */

#footerWrapper {
background: #221E2F;
}
#footerWrapper .row{
display: block;
}
#footerWrapper ul li{
font-family: 'PT Sans';
color: #AFAFAF;
line-height: 2em;
text-align: justify;
font-size: 16px;
list-style-type: none;
}
.pt30{
padding-top:3em;
padding-bottom: 20px;
}
footer h1, footer h2, footer h3, footer h4 {
color: #F5811A;
margin-bottom: 40px;
font-size: 27px;
font-family: 'PT Sans';
font-weight:700;
}
.row:before, .row:after {
display: table;
content: " ";
}
.footer_animaker{
color: #777;
}
.footer_animaker {
font-size: 14px;
line-height: 1.5em;
font-family: 'PT Sans';
/* font-family: 'Poppins', sans-serif; */
}
.footer-color1 {
color: #fe7800;
}
.footertxt ul{
padding-left:0 !important;
}
.footertxt ul li a, .footer_animaker a {
color: #777;
}
.category_product {
font-family: 'PT Sans';
color: #fff;
font-size: 20px;
}
.iconfacebook,.icongoogle,.iconlinkedin,.icontwitter,.iconyoutube{float:left;height:32px;width:32px;display:block}.iconfacebook{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -9px -8px no-repeat rgba(0,0,0,0)}.iconfacebook:hover{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -9px -49px no-repeat rgba(0,0,0,0)}.icontwitter{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -44px -8px no-repeat rgba(0,0,0,0)}.icontwitter:hover{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -44px -49px no-repeat rgba(0,0,0,0)}.icongoogle{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -80px -9px no-repeat rgba(0,0,0,0)}.icongoogle:hover{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -80px -49px no-repeat rgba(0,0,0,0)}.iconlinkedin{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -115px -9px no-repeat rgba(0,0,0,0)}.iconlinkedin:hover{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -115px -49px no-repeat rgba(0,0,0,0)}.iconyoutube{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -152px -10px no-repeat rgba(0,0,0,0)}.iconyoutube:hover{background:url(https://www.animaker.com/static/assets/images/footer-animaker-logo-new.png) -152px -49px no-repeat rgba(0,0,0,0)}
.footer-copyright {
font-weight: 700;
font-size: 14px;
color: #4B4B65;
font-family: 'PT Sans';
margin:0;
}
.divider{
border-right: 1px solid #d8d8d8;
}
.navbar:before, .navbar:after {
display: none;
content: " ";
}
.footer_section{
float: left;
}
.footertxt .col-sm-6{
width:50%;
}



@media (max-width:1680px) {
.custom_container {
max-width: 1400px
}
}

@media (max-width:1440px) {
/* .online_video_maker .makeavideo_section{
padding: 60px 0;
} */
.online_video_maker .makeavideo_section .leftside_content h1 {
font-size: 45px;
font-family: 'PT Sans'!important
}
.custom_container {
max-width: 1200px
}
.online_video_maker .promo_wrapper{
  /* background-image: linear-gradient(to right, #9458F0, #4E41F1); */
  background-image: url('https://www.animaker.com/static_2.0/img/videomaker/video_maker_bg2.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

}

@media (max-width:1366px) {
.custom_container {
max-width: 1140px
}
.online_video_maker .makeavideo_section .leftside_content h1 {
font-size: 45px;
font-family: 'PT Sans'!important
}
.step1Content h3,
.step2Content h3,
.step3Content h3 {
    font-size: 24px;
    font-family: 'PT Sans'!important
}
.step1Content p,
.step2Content p,
.step3Content p {
    font-size: 18px;
    font-family: 'PT Sans'!important
}
}

@media (max-width:1226px) {
.online_video_maker .skyrocket_section .topuserslogo img {
width: 380px
}
.online_video_maker .getStartedSection a,
.online_video_maker .makeavideo_section .herosection_button,
.online_video_maker .makeavideo_section .leftside_content a,
.online_video_maker .skyrocket_section .skyrocketRegisterbuttonSection,
.online_video_maker .skyrocket_section a
{
width: 320px
}
.custom_container {
max-width: 1024px
}
.testimonals_sliderSection .testimonalsMainslide {
    width: 57%
}


.online_video_maker .makeavideo_section .leftside_content #p1 {
font-size: 16px;
padding: 10px 0 10px 0
}
.online_video_maker .makeavideo_section .leftside_content #p2 {
font-size: 14px
}
.online_video_maker .makeavideo_section .leftside_content a {
font-size: 16px;
height: 55px;
font-family: 'PT Sans'!important
}
.online_video_maker .makeavideo_section .rightside_content .video_content p {
font-size: 15px;
font-family: 'PT Sans'!important
}
.usecase_menu{
  width:216px;
}
.sliderighticon{
  right: 0px;
}
.slidelefticon{
  left: 0px;
}
.herosection_mascot{
  right:0
}
.herosection_dog{
  left:0;
}
}

@media (max-width:1024px) {
.custom_container {
max-width: 940px
}
.step1Content h3,
.step2Content h3,
.step3Content h3 {
    font-size: 24px;
    font-family: 'PT Sans'!important
}
.step1Content p,
.step2Content p,
.step3Content p {
    font-size: 15px;
    font-family: 'PT Sans'!important
}
}

@media (max-width:991px) {

.online_video_maker .animakermasketzetpack img{
width: 380px;
}
.online_video_maker .animaker_profeatures_mobile{
  display:block;
  text-align:center;
}
.online_video_maker .animaker_profeatures_desktop{
  display:none;
}

.online_video_maker .makeavideo_section,.online_video_maker .skyrocket_section{
text-align: center;
}

.online_video_maker .makeavideo_section .herosection_button,
.online_video_maker .skyrocket_section .skyrocketRegisterbuttonSection{
margin: 0 auto;
}

.online_video_maker .skyrocket_section .animakermasketzetpack {
padding-top: 50px
}
.custom_container {
max-width: 800px
}
.online_video_maker .skyrocket_section .topuserslogo span {
display: none
}
.online_video_maker .skyrocket_section .topuserslogo img{
padding: 0;
}
.custom_container {
max-width: 900px
}

.online_video_maker .makeavideo_section .leftside_content h1 {
font-size: 42px
}


.online_video_maker .makeavideo_section .row {
display: flex;
align-items: center
}

.online_video_maker .makeavideo_section .leftside_content #p1 {
padding: 20px 0
}

.online_video_maker .mainDescriptionSection .animos_count #p1,
.online_video_maker .mainDescriptionSection .assets_count #p1,
.online_video_maker .mainDescriptionSection .users_count #p1 {
font-size: 32px
}

.online_video_maker .steps_desktop_view{
display: none;
}
.online_video_maker .steps_mobile_view{
display: block;
}
.online_video_maker .trimVideo_makingsteps{
text-align: center;
}

.online_video_maker .trimVideo_makingsteps .uploadVideo,.online_video_maker .trimVideo_makingsteps .trimVideo,.online_video_maker .trimVideo_makingsteps .downloadShare{
padding:0px 10px;
}
.online_video_maker .trimVideo_makingsteps .uploadVideo img,.online_video_maker .trimVideo_makingsteps .trimVideo img,.online_video_maker .trimVideo_makingsteps .downloadShare img{
  height:auto;
}

.videomaking_steps .videMaking_desktop_view {
    display: none
}
.videomaking_steps .videMaking_mobileView {
    display: block
}
.step1Content h3,
.step2Content h3,
.step3Content h3 {
    font-size: 24px;
    font-family: 'PT Sans'!important
}
.step1Content p,
.step2Content p,
.step3Content p {
    font-size: 18px;
    font-family: 'PT Sans'!important
}
.animakerbestfeature_desktop,.templates_desktop{
display:none;
}
.animakerbestfeature_mobile,.templates_mobile{
display:block;
text-align: center;
}

.testimonals_sliderSection .testimonalsMainslide {
    width: 70%
}
.testimonals_sliderSection .testimonalsMainslide.secondtype{
    flex-direction: column;
}

.testimonalsMainslide.secondtype .testimonial-img{
    width: 100%;
}
.testimonalsMainslide.secondtype .testimonial-img .testiLogo{
    width: 50%;
}
.testimonalsMainslide.secondtype .testimonial-text{
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
}
.animakerusercollaboration_feature video{
width:100%;
}
.navbar-collapse .navbar-nav .nav-item .nav-link.signUpButton{
  background-color: transparent;
}
.herosection_mascot,.herosection_dog{
  display:none;
}




}


@media (max-width:850px) {
.custom_container {
max-width: 740px
}
}

@media (max-width:776px) {
.custom_container {
max-width: 680px
}
.online_video_maker .testimony .testimonial-slides{
width:100%;
}
.usecasetoolsmenusection.mobile{
  display:block;
}
.usecasetoolsmenusection.desktop{
  display:none;
}
}

@media (max-width:720px) {
.custom_container {
max-width: 600px
}
}

@media (max-width:650px) {
.custom_container {
max-width: 550px
}


}

@media (max-width:580px) {
.custom_container {
max-width: 540px
}

.online_video_maker .makeavideo_section,.online_video_maker .skyrocket_section {
padding: 50px 0;
}
.online_video_maker .main_templatebody .template1, .online_video_maker .main_templatebody .template2, .online_video_maker .main_templatebody .template3, .online_video_maker .main_templatebody .template4, .online_video_maker .main_templatebody .template5, .online_video_maker .main_templatebody .template6{
margin: 0px 15px 20px 15px;
}
.online_video_maker .makeavideo_section .leftside_content h1,.online_video_maker .videotemplates .templateheader h2,.online_video_maker .animaker_users_description .usersHeader h2,.online_video_maker .trimVideo_makingsteps h2,.online_video_maker .animaker_best_features h2{
font-size:30px;
}
.online_video_maker .animakerbestfeature_desktop{
display:none;
}
.online_video_maker .animakerbestfeature_mobile{
display:block;
text-align: center;
}
.online_video_maker .animakerbestfeature_mobile h3{
font-size:24px;
}
.online_video_maker .animaker_best_features .bestfeature1{
padding-top:50px;
}
.online_video_maker .animakerbestfeature_mobile p{
margin:20px 0;
}
.online_video_maker .makeavideo_section .leftside_content{
padding:0;
}
.animakertemplates h3{
  font-size:30px;
}
.animakertemplates p{
  margin-top:40px;
}



.online_video_maker .getStartedSection a,
.online_video_maker .makeavideo_section .herosection_button,
.makeavideo_section .leftside_content a,
.online_video_maker .skyrocket_section .skyrocketRegisterbuttonSection,
.online_video_maker .skyrocket_section a{
width: 300px;
}
}

@media (max-width:560px) {
.custom_container {
max-width: 500px
}
}

@media (max-width:530px) {
.custom_container {
max-width: 480px
}
}

@media (max-width:500px) {

.online_video_maker .skyrocket_section .topuserslogo img {
width: 100%;
}

.online_video_maker .animakermasketzetpack img{
width: 100%;
}

.custom_container {
max-width: 450px
}
.online_video_maker .skyrocket_section h2{
font-size: 24px;
}
.online_video_maker .makeavideo_section_inner{
padding:0;

}
.online_video_maker .testimony .testimony_inner{
padding:0;
background-image: none;
}
.step2Content h3,
.step3Content h3 {
    font-size: 22px;
    font-family: 'PT Sans'!important
}



.online_video_maker .skyrocket_section .skyrocketRegisterbuttonSection,.online_video_maker .skyrocket_section .skyrocket_section_inner{
padding:0;
}
.testimonals_sliderSection .testimonalsMainslide {
    width: 90%
}
.animation_liveaction img{
  width:100%;
}
}

@media (max-width:480px) {
.custom_container {
max-width: 400px
}
}

@media (max-width:430px) {
.custom_container {
max-width: 380px
}
}

@media (max-width:400px) {
.online_video_maker .getStartedSection a,
.online_video_maker .makeavideo_section .herosection_button,
.online_video_maker .makeavideo_section .leftside_content a,
.online_video_maker .skyrocket_section .skyrocketRegisterbuttonSection,
.online_video_maker .skyrocket_section a{
width: 100%;
}
.custom_container {
max-width: 370px
}

}

@media (max-width:380px) {
.custom_container {
width: 100%;
padding: 0px 10px;
}
}