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

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

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

/* Header nav bar */

.navbar{
  background-color: #fff;
  min-height: 65px;
  margin: 0px;
  border-bottom: 2px solid #F8F8F8;
  z-index: 999;

  position: sticky;
  top: 0;
  right: 0;
  left: 0;
}
.navbar-collapse .navbar-nav .nav-item {
  padding: 0px 10px;
}
.navbar-collapse .navbar-nav .nav-item .nav-link{
  color: #54536c;
  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: 6px 20px;
  background-color: #F1821F;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'PT Sans' !important;
}


  /* End of header */

.makeavideo_section .herosection_button{
  /* padding-right:35%; */
  width: 380px;
  text-align:center;
  font-family: 'PT Sans' !important;
}

.g2Crowdlogo{
  display: inline-block;
  background: url(https://www.animaker.com/static/assets/images/marketing_video/g2Crowdlogo.svg) no-repeat;
  width: 90px;
  height: 26px;
  vertical-align: middle;

}
.makeavideo_section{

    background-image: url(https://www.animaker.com/static_2.0/img/christmasmaker/christmas-banner.svg);

    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0px;
    height: 100%;
    width: 100%;

}

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

.makeavideo_section .leftside_content{
  display: inline-block;
  padding-right: 5%;
}
.makeavideo_section .rightside_content{
  padding: 0;
}

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

}

.makeavideo_section .rightside_content .video_content{
  padding-top: 10px;
  text-align: center;
}
.makeavideo_section .leftside_content #p1{
  padding: 20px 0px 30px 0px;
  font-size: 18px;
  line-height: 1.8;
  font-family: 'PT Sans' !important;
}
.makeavideo_section .leftside_content #p2{
  font-size: 15px;
  color: #54536c;
  padding-top: 10px;
  line-height: 1.8;
  font-family: 'PT Sans' !important;
}

.makeavideo_section .rightside_content .video_content p {
  display: inline-block;
  color: #54536c;
  font-size: 16px;
  /* background-color: white; */
  border-radius: 5px;
  /* box-shadow: 0 24px 80px 0 rgba(76,96,114,.12), 0 1px 4px 0 rgba(109,133,158,.08); */
  padding: 8px;
  font-family: 'PT Sans' !important;
}

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

.makeavideo_section .leftside_content a, .skyrocket_section a, .join_animakerSection a{
    width: 380px;
    font-size: 18px;
    font-weight: 500;
    background-image: linear-gradient(to right, #503df9, #9e52f7);
    color: white;
    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: 0.8;
    font-family: 'PT Sans' !important;
    box-shadow: 0px 3px 6px #00000029;
}

.makeavideo_section .leftside_content a:hover, .skyrocket_section a:hover , .join_animakerSection a:hover{
  background:#FFCA00;
}


.animaker_helpsection {
  padding: 120px 0px;
  background-color: #F6F2FD;
}

.animaker_helpsection .helpheader_section{
  position: relative;
}


.animaker_helpsection .helped_testimonals .giftboxbg{
  position: absolute;
  background-image: url(https://www.animaker.com/static_2.0/img/christmasmaker/giftbox_bg.svg);
  width: 100%;
  height: 100%;
  top:0px;
  right: 0px;
  transform: translate(0,-100%);

}

.animaker_helpsection .helpheader_section h2{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 16px;
  white-space: pre;
  font-family: 'PT Sans' !important;
}

.animaker_helpsection .helpheader_section p{
  font-size: 18px;
  color: #54536c;
  padding-bottom: 35px;
  font-family: 'PT Sans' !important;
}

.animaker_helpsection .helped_testimonals .testimonal_header p{
  font-size: 18px;
  line-height: 1.5;
  font-family: 'PT Sans' !important;
}

.testimonal_author .testimonal_auth_content{
  padding-left: 20px;
}
.testimonal_author .testimonal_auth_content #p1{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.testimonal_author .testimonal_auth_content #p2{
  font-size: 15px;
  color: #54536c;
}

.testimonal_author{
  padding-top: 25px;
  display: flex;
  align-items: center;

}

.testimonal_author img{
    float: left;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.testimonals_slide{
  background-color: #fff;
  border: 2px solid #F8F8F8;
  padding: 70px 50px;
  border-radius: 6px;
}

.helped_testimonals .logotestimonals_outer{
  height: 100%;
  padding:0px;
}

.helped_testimonals .row .logotestimonals_outer.frst:nth-child(1){
padding:0px 10px 10px 10px;
}
.helped_testimonals .row .logotestimonals_outer.frst:nth-child(2){
padding:0px 0px 10px 0px;
}
.helped_testimonals .row .logotestimonals_outer.scnd:nth-child(1){
padding:0px 10px 0px 10px;
}

.logotestimonals{

  background-color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.helped_testimonals .logotestimonals img{
  width: 120px;
  height: 60px;
}

.animaker_helpsection .helped_testimonals{
  display: flex;
}


/* Video templates */

.videotemplates{

  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 100px 0px;
}

.videotemplates .templateheader{

  text-align: center;
}

.videotemplates .templateheader h2{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 16px;
  white-space: pre;
}

.videotemplates .templateheader p{
  font-size: 18px;
  color: #54536c;
  padding-bottom: 35px;
  white-space: pre;
}

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

.template1, .template2, .template3 , .template4, .template5, .template6{
  margin:0px 15px 20px 0px;
  height: 300px;

}


.videotemplates .videoContainter{
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 15px;
}

.videotemplates .videoContainter img{
  border-radius: 5px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 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: white;
  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: 0.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: 0.5;
}
.videoContainter:hover > .moments_menus{
  opacity: 1;
}

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

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

  cursor: pointer;

  /* box-shadow: 0 0 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.45);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.45);
  border-radius: 50%; */
}

.videoContainter .edit_template{
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url(https://www.animaker.com/static/assets/images/marketing_video/edit.svg);
  cursor: pointer;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.45);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.45);
  border-radius: 50%; */
}

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

.videotemplates .see_moreSection a{

  /* color: #a2a2a2; */
  color: #a2a2a2;
  font-size: 18px;

  /* width: 100%;
  font-size: 18px;
  font-weight: 500;
  background-image: linear-gradient(to right, #9458F0, #4E41F1);
  color: white;
  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: 0.8;
  font-family: 'PT Sans' !important; */

}

.videotemplates .see_moreSection a:hover{
  /* background:#FFCA00; */
  color: #2d2d2d;
}


/* Animaker users */
.animaker_users_description{
  background: url(https://www.animaker.com/static_2.0/img/musicvideomaker/usersbackground.svg) no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  padding: 100px 0px;
  position: relative;

}

.animaker_users_description .holiday_icon{
  position: absolute;
  top: -15px;
}
@keyframes animatewhitesnow {
  to {top:105%;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}

.pathloop1{animation: animatewhitesnow 4s linear 1.5s infinite ;left: -10px;width: 55px;height: 55px;}
.pathloop2{left: 20%;animation: animatewhitesnow 5s ease 1.5s infinite;width: 35px;height: 35px;}
.pathloop3{left: 30%;animation: animatewhitesnow 4s ease 1s infinite;width: 55px;height: 55px;}
.pathloop4{left: 60%;animation: animatewhitesnow 5s ease 1.5s infinite;width: 35px;height: 35px;}
.pathloop5{right: -10px;animation: animatewhitesnow 4s ease 1.5s infinite;width: 55px;height: 55px;}



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


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

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

.mainDescriptionSection .users_count #p1, .mainDescriptionSection .animos_count #p1, .mainDescriptionSection .assets_count #p1{
  padding-top: 20px;
  font-size: 35px;
  font-weight: 600;
  color: #FFCD00;
}
.mainDescriptionSection .users_text #p2, .mainDescriptionSection .animos_text #p2, .mainDescriptionSection .assets_text #p2{
  font-size: 18px;
  color: #fff;
  padding:0 60px;
}

.getStartedSection{
  margin-top: 50px;
}

.getStartedSection a{

  margin: 0 auto;
  width: 380px;
  font-size: 18px;
  font-weight: 500;
  background:linear-gradient(270deg, #F57400 0%, #E8E24A 100%) 0% 0% no-repeat;
  color: white;
  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: 0px 3px 6px #00000029;
}

.testimonals_sliderSection .join_animakerSection button{
  margin: 0 auto;
  width: 380px;
  font-size: 18px;
  font-weight: 500;
  background:linear-gradient(to right, #503df9, #9e52f7) no-repeat;
  color: white;
  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: 0.8;
  font-family: 'PT Sans' !important;
  box-shadow: 0px 3px 6px #00000029;

}

.getStartedSection a:hover , .testimonals_sliderSection .join_animakerSection button:hover {
  background:#FFCA00;
}



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


.videomaking_steps .stepsHeader{
  text-align: center;
}
.videomaking_steps .stepsHeader h2{
  font-size: 40px;
  font-weight: 600;
  font-family: 'PT Sans' !important;
  margin-bottom:38px;
}


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

.videomaking_steps .step1templatestartfromScratchContent, .videomaking_steps .step2AddpersonaliseDragandDropContent, .videomaking_steps .step3exportyourvideoContent , .marketing_video_description .everthingMarketingTabcontentSection{
  padding-top: 50px;
  width: 600px;
  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: 32px;
  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%;
}


.testimonals_sliderSection{
  padding: 100px 0px;
  background-color: #f6f4fe;
}


.testimonals_sliderSection .testimonalsMainslide{
  width: 45%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);

  padding: 50px;
  text-align: center;
}

.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 0px;
}

.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;
}


/* Swiper css hre */

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.marketing_video_description{
  display: inline-block;
  padding: 100px 0px 200px 0px;
  width: 100%;
}

.versatiletemplateMaking , .assettemplateMaking , .easyinterfacetemplateMaking{
  padding: 10px 10px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  cursor: pointer;
  position: relative;
}

.versatiletemplateMaking:hover , .assettemplateMaking:hover , .easyinterfacetemplateMaking:hover{
  background-color: rgba(0, 0, 0, 0.04);
}


.active-w-tab .template-play-timer {
  position: absolute;
  width:0%;
  left: 0%;
  right: 0%;
  height: 2px;
  bottom: -1px;
  background-color: #FFCA00;
}

.play-transistion{
  width: 100%;
  -webkit-transition: width 1s linear;
  transition: width 1s linear;
}


.left-right-tab-pane.w-tab-pane{
  position: relative;
  display: none;
}
.left-right-tab-pane.w-tab-active{
  display: block;
}

.everthing_testimonals{
  width: 420px;
  position: absolute;
  bottom: -60px;
  right: 50px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.15);
  padding: 20px;
  /* text-align: center; */
}

.everthing_testimonals p{
  font-size: 15px;
}

.everthing_testimonals .author_details{
  display: inline-flex;
  align-items: center;
}

.everthing_testimonals .testiNameandcompany{
  padding-left: 20px;
}

.everthing_testimonals .testiNameandcompany h4 {

  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'PT Sans' !important;
}

.everthing_testimonals .testiNameandcompany p {
  font-size: 12px;
  color: #54536c;
  font-family: 'PT Sans' !important;
  margin-bottom:0;
}



.marketing_video_description .header {
  text-align: center;
  padding-bottom: 42px;

}
.marketing_video_description .header h2{

  font-size: 40px;
  font-weight: 600;
  white-space: pre;
  font-family: 'PT Sans' !important;
}

.marketing_video_description .contentSection .everthingMarketingTabcontentSection h3{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  font-family: 'PT Sans' !important;
}
.marketing_video_description .contentSection .everthingMarketingTabcontentSection p{

  display: none;
  padding-top: 10px;
  font-size: 18px;
  color: #54536c;
  line-height: 1.4;
  font-family: 'PT Sans' !important;

}

.versatiletemplate{
  margin-right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(https://www.animaker.com/static/assets/images/marketing_video/template2.svg) no-repeat;
  vertical-align: middle;

}
.assettemplate{
  margin-right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(https://www.animaker.com/static/assets/images/marketing_video/template1.svg) no-repeat;
  vertical-align: middle;

}
.easyinterfacetemplate{
  margin-right: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(https://www.animaker.com/static/assets/images/marketing_video/template3.svg) no-repeat;
  vertical-align: middle;
}

/* Rocket section */

.skyrocket_section{
  background: url(https://www.animaker.com/static/assets/images/marketing_video/lastbackground.svg) repeat no-repeat;
  background-position: bottom;
  padding: 150px 0px;
}

.skyrocket_section h2{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 15px;
  white-space: pre;
  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{
  padding: 25px 0px;
  width: 380px;
  text-align: center;
}

.skyrocket_section .topuserslogo{

  font-size: 18px;
  color: #CACACA;
}

.skyrocket_section .topuserslogo img {
  padding-left: 18px;
  display:inline-block;
  width: 500px;
  height:25px;
}



/* Video popup code */

/* The Modal (background) */
#playvideopopup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

  /* Modal Content */
#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;
  /* font-weight: bold; */
  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: #ffffff;
  font-family: Pt sans;
  font-size: 20px;
  /* font-weight: bold; */
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'PT Sans' !important;
}

/* best fetaures section */

.animaker_best_features{
padding:110px 0 40px 0;
}
.animaker_best_features h2{
  font-size: 32px;
font-weight: 600;
line-height: 1.2;
padding-bottom: 16px;
font-family: 'PT Sans'!important;
color:#000;
text-align: center;
}
.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;
}
.videomaking_steps_desc{
  font-size: 18px;
  color: #54536c;
  padding-bottom: 35px;
  font-family: 'PT Sans'!important;
}

.videotemplates .main_templatebody{
display: block;
width: 856px;
margin: 0 auto;
text-align: center;
}
.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 14px 12px 0px;
width: 270px;
height: 100%;
}
.custom_container{
  max-width: 1500px;
  margin: 0 auto;
  padding: 0px 15px;
}
.custom_logo_container{
  max-width: 1250px;
  margin: 0 auto;
  padding: 0px 15px;
}

@media (max-width:1680px){

  .makeavideo_section .leftside_content h1{
    font-size: 45px;

  }

  .skyrocket_section h2{
    white-space: unset;
  }

  .custom_container{
    max-width: 1400px;
  }
  .custom_logo_container{
      max-width: 1100px;
  }
  .makeavideo_section .leftside_content{

  }

  .everthing_testimonals{
    bottom: -100px;
  }

}




@media (max-width:1440px){

  .animaker_helpsection .testimonals_slide{
    padding: 50px;
  }

  .custom_container,.custom_logo_container{
    max-width: 1200px;
  }

  .videomaking_steps .step1templatestartfromScratchContent, .videomaking_steps .step2AddpersonaliseDragandDropContent, .videomaking_steps .step3exportyourvideoContent, .marketing_video_description .everthingMarketingTabcontentSection{
      width: 500px;
  }
  .makeavideo_section .herosection_button{
    /* padding-right:25%; */
  }
  .everthing_testimonals{
    bottom: -150px;
  }

}

@media (max-width:1366px){

  .animaker_helpsection .helped_testimonals .giftboxbg{
    display: none;
  }

  .custom_container,.custom_logo_container{
    max-width: 1140px;
  }

  .makeavideo_section .herosection_button{
    /* padding-right:20%; */
  }

  .makeavideo_section .leftside_content{

  }
  .makeavideo_section .leftside_content h1{
    font-size: 38px;

  }



  .step1Content h3, .step2Content h3, .step3Content h3{
    font-size: 28px;

  }
  .step1Content p, .step2Content p, .step3Content p{
    font-size: 16px;
  }

}

@media (max-width:1226px){

  .videotemplates .templateheader h2,.videotemplates .templateheader p{
    white-space: unset;
  }


  .skyrocket_section .topuserslogo img {

    width: 340px;

  }

  .getStartedSection a, .testimonals_sliderSection .join_animakerSection button , .makeavideo_section .leftside_content a, .skyrocket_section a , .join_animakerSection a, .makeavideo_section .herosection_button , .skyrocket_section .skyrocketRegisterbuttonSection{
    width: 320px;
  }

  .custom_container{
    max-width: 1024px;
  }

  .everthing_testimonals{
   width: 400px;
  }

  .testimonals_sliderSection .testimonalsMainslide{
    width: 55%;
  }

  .makeavideo_section .leftside_content{


  }
  .makeavideo_section .leftside_content h1{
    font-size: 32px;
    font-family: 'PT Sans' !important;
  }

  .makeavideo_section .leftside_content #p1 {
    font-size: 16px;
    padding: 10px 0px 10px 0px;
  }
  .makeavideo_section .leftside_content #p2 {
    font-size: 14px;
  }
  .makeavideo_section .leftside_content a{
    font-size: 16px;
    height: 55px;
    font-family: 'PT Sans' !important;
  }
  .makeavideo_section .rightside_content .video_content p{
    font-size: 15px;
    font-family: 'PT Sans' !important;
  }


  .makeavideo_section .herosection_button{
    /* padding-right:15%; */
  }

}

@media (max-width:1024px){

  .custom_container{
    max-width: 940px;
  }

  .everthing_testimonals{
    width: 380px;
    bottom: -200px;
  }


  .videomaking_steps .step1templatestartfromScratchContent, .videomaking_steps .step2AddpersonaliseDragandDropContent, .videomaking_steps .step3exportyourvideoContent, .marketing_video_description .everthingMarketingTabcontentSection{
    width: 400px;
  }
  .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;
  }
  .makeavideo_section .herosection_button{
    /* padding-right:5%; */
  }
}



.videomaking_steps .videMaking_mobileView{
  display: none;
  text-align: center;
}
.videMaking_mobileView h3{
 font-size: 24px;
 padding-top: 25px;
 font-weight: 600;
 font-family: 'PT Sans' !important;
}

.videMaking_mobileView p{
 padding: 15px 15px;
 font-family: 'PT Sans' !important;

}




@media (max-width:991px){

  .animaker_helpsection .helpheader_section h2 , .marketing_video_description .header h2{
    white-space: unset;
  }

  .videomaking_steps .videMaking_desktop_view {
    display: none;
  }

  .videomaking_steps .videMaking_mobileView  {
    display: block;
  }

  .skyrocket_section .animakermasketzetpack{
    padding-top: 50px;
  }

  .custom_container{
    max-width: 800px;
  }

  .skyrocket_section .topuserslogo span{
    display: none;
  }

  .custom_container{
    max-width: 900px;
  }

  .animaker_helpsection .helpheader_section .cloud1, .animaker_helpsection .helpheader_section .cloud2{
    display: none;
  }

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

  .marketing_video_description .testimonal_videoplay_section{
      padding: 50px 0px;
  }


  .everthing_testimonals{
    width: 420px;
    bottom: -100px;
  }

  .testimonals_sliderSection .testimonalsMainslide{
    width: 70%;
  }

  .makeavideo_section .row{
    display: flex;
    align-items: center;
  }
  .step2VideoSection{
    float: right;
  }

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

  .step1Content h3, .step2Content h3, .step3Content h3{
    font-size: 32px;
    font-family: 'PT Sans' !important;
  }
  .step1Content p, .step2Content p, .step3Content p{
    font-size: 18px;
    font-family: 'PT Sans' !important;
  }

  .animaker_helpsection .helped_testimonals{
    display: unset;
  }
  .animaker_helpsection .logotestimonals_outer{
    height: 140px;
  }

  .helped_testimonals .col-lg-6{
      padding: 0px;
  }

  .animaker_helpsection .testimonals_slide{
    padding: 50px;
    margin-bottom: 10px;
  }

  .helped_testimonals .row .logotestimonals_outer.frst:nth-child(1){
  padding:0px 10px 10px 0px;
  }
  .helped_testimonals .row .logotestimonals_outer.scnd:nth-child(1){
  padding:0px 10px 0px 0px;
  }


  .mainDescriptionSection .users_count #p1, .mainDescriptionSection .animos_count #p1, .mainDescriptionSection .assets_count #p1{
    font-size: 27px;
  }

  .videomaking_steps .step1templatestartfromScratchContent, .videomaking_steps .step2AddpersonaliseDragandDropContent, .videomaking_steps .step3exportyourvideoContent{
    width: 80%;
  }

  .marketing_video_description .everthingMarketingTabcontentSection{
    width: 90%;
  }

  .videomaking_steps .step1VideoSection,  .videomaking_steps .step2VideoSection, .videomaking_steps .step3VideoSection{
    width: 90%;
    float: right;
    padding-top: 26px;
  }

  #playvideopopup .playvideopopup_content{
    width: 700px;
    height: 550px;
  }


}

@media (max-width:860px) {
  .videotemplates .main_templatebody{
  width: 630px;
  }
  .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{
  width: 300px;
  height: 100%;
  }
  .discount1,.discount2,.discount3,.discount4,.discount5,.discount6,.discount7,.discount8{display:none;}
  .dog,.mascot{
    display:none;
  }
  .online_video_maker .promo_wrapper{
    background-position: top;
  }

}
@media (max-width:670px) {
  .videotemplates .main_templatebody,.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{
    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:0 15px 20px 15px;
  }
}



@media (max-width: 850px){

  .custom_container {
      max-width: 740px;
  }

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

  .custom_container {
      max-width: 680px;
  }

}

@media (max-width: 720px){

  .custom_container {
      max-width: 600px;
  }

}


@media (max-width: 650px){

  .videotemplates .templateheader h2{
    white-space: unset;
  }

  .videomaking_steps .videoStep2, .videomaking_steps .videoStep3{
    padding-top: 40px;
  }

  .custom_container {
      max-width: 550px;
  }

}


@media (max-width: 600px){
  .template1, .template2, .template3 , .template4, .template5, .template6{
    margin:0px 0px 20px 0px;
  }
}



@media (max-width: 580px){

  .custom_container {
      max-width: 540px;
      padding:0 10px;
  }
  .animaker_users_description .holiday_icon{
    display: none;
  }

}

@media (max-width: 560px){

  .custom_container {
      max-width: 500px;
  }

}

@media (max-width: 530px){

  .custom_container {
      max-width: 480px;
  }

}


@media (max-width:500px) {

  .marketing_video_description{
    padding:50px 10px 200px 10px;
  }

  .animaker_helpsection, .videotemplates, .animaker_users_description , .videomaking_steps , .testimonals_sliderSection {
    padding:50px 0px;
  }

  .skyrocket_section{
    text-align: center;
    padding: 50px 0px;
  }

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

  .custom_container {
    max-width: 450px;
  }


  .animaker_helpsection .helpheader_section h2,.videotemplates .templateheader h2, .animaker_users_description .usersHeader h2, .videomaking_steps .stepsHeader h2, .marketing_video_description .header h2, .skyrocket_section h2{
    font-size: 24px;
    font-family: 'PT Sans' !important;
  }

  .step1Content h3, .step2Content h3, .step3Content h3{
    font-size: 22px;
    font-family: 'PT Sans' !important;
  }


.marketing_video_description .testimonal_videoplay_section{
    padding: 30px 0px 100px 0px;
}

.everthing_testimonals{
  right: 10px;
  width: 90%;
  bottom: -230px;
}

  .testimonals_sliderSection .testimonalsMainslide{
    width: 90%;
  }

  .animaker_helpsection .testimonals_slide{
    padding: 20px;
  }




  .animaker_best_features h2{
    font-size:30px;
    }
  .animakerbestfeature_desktop{
    display:none;
  }
  .animakerbestfeature_mobile{
    display:block;
    text-align: center;
  }
  .animakerbestfeature_mobile h3{
    font-size:24px;
  }
  .animaker_best_features .bestfeature1{
    padding-top:50px;
  }
  .animakerbestfeature_mobile p{
    margin:20px 0;
  }



 #playvideopopup .playvideopopup_content .playvideopopup_body{
   height: 100%;
 }
 #playvideopopup .playvideopopup_content .playvideopopup_footer{
   display: none;
 }

 #playvideopopup .playvideopopup_content .close_svg{
   top:-15px;
 }

 #playvideopopup .outerDivLayer {
  margin-right:0px;
}
 #playvideopopup .playvideopopup_content{
    width: 100%;
 }

}


@media (max-width: 480px){

  .custom_container {
      max-width: 400px;
  }

}

@media (max-width: 430px){

  .custom_container {
      max-width: 380px;
  }

}


@media (max-width: 400px){

  .getStartedSection a, .testimonals_sliderSection .join_animakerSection button , .makeavideo_section .leftside_content a, .skyrocket_section a , .join_animakerSection a, .makeavideo_section .herosection_button , .skyrocket_section .skyrocketRegisterbuttonSection{
    width: 280px;
    margin:0 auto;
  }

  .custom_container {
      max-width: 370px;
  }
  .skyrocket_section .topuserslogo img {
      width: 300px;
}

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