@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Lobster|Monotype|Montserrat:500,600,800|Mountains%20of%20Christmas|Alfa+Slab+One|Ribeye');
.server_error{background: #f9665c;color: #221f1f;font-family: 'Open Sans',sans-serif;font-size: 17px;font-weight: 600;text-align: center;margin-bottom: 5%;padding: 10px;border-radius: 3px;position: relative;width: 100%;}
.server_thank{background-color: #a1ca4a;color: #221f1f; font-family: 'Open sans',sans-serif;font-weight: 600;border-radius: 3px;text-align: center; font-size: 20px; padding: 10px; margin: 0px 10px 50px;position: relative;}
.close_err{background-image: url('https://www.animaker.com/static/assets/images/landing/close-icon-new.png');position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;width: 25px;height: 25px;cursor: pointer;background-position: -3px -2px;}

.c_popup {position: fixed;left: 0;right: 0;margin: 10% auto 0;top: 0;}
.explainer-head{margin-top: 20px !important;}
.explainer-subtext{font-family: 'Open Sans',sans-serif;font-weight: 500;font-size: 30px;margin-top: 18px !important;}
.tryanimbtn{color: #ffffff;font-family: 'Open Sans',sans-serif;font-weight: 500;}
.tryanimbtn:hover{color: #ffffff;}
div#myCarousel {height: calc(100% - 10px);margin-bottom: 0 !important;}

.customers {margin: 52px 0;}
.customers p {font-size: 25px; margin-top: 2%; font-family: 'Raleway-Regular',sans-serif; line-height: 1.5em;}
.customers img {width: 100%;}

.template_video_section {position: relative;background-image: none;}
.template_video_section .video-set{background: 0 0;top: 0;font-size:1.25em;}
.template_video_section .light.left{left: 0;}
.template_video_section .light.right{right: 0;transform: scaleX(-1);}
.template_video_section .content-upper ul li{line-height:3;position: relative;text-align:left;font-weight: 500;font-size: 19px;font-family: 'Open sans',sans-serif;}
.template_video_section .content-upper ul li span.hcircle{height: 45px;width: 45px;left: -78px;top: 3px;right: 0;bottom: 0;position: absolute;}
.template_video_section .content-upper ul li span.hcircle::after{content: '';height: 25px;position: absolute;top: 36px;left: 21px;opacity: 0.6;}
.template_video_section .content-upper ul li::before{content: '';height: 8px;width: 8px;position: absolute;border-radius: 50%;top: 0;bottom: 0;left: -60px;margin: auto;}
.template_video_section .template-box .templates_title{color: #5e5aec;font-size: 30px;font-weight: 600;padding: 15px 50px;display: inline-block;font-family: 'Montserrat';}
.template_video_section .section-iconbox{margin-bottom: 40px;}
.template_video_section .template-box{margin-bottom: 50px;width: 100%;}
.template_video_section .template-box ul li.horizontal{width: 265px;height: 160px;display: inline-block;padding: 10px;margin-bottom: 80px;}
.template_video_section .template-box ul li .thumb{height: 100%;background-size: 100% 100%;position: relative;}
.template_video_section .template-box ul li .thumb .temp_overlay{opacity: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.71);position: relative;transition: 0.2s ease all;}
.template_video_section .template-box ul li .thumb:hover .temp_overlay{opacity: 1;}
.template_video_section .template-box ul li a.play{background-image:url('https://www.animaker.com/static/assets/images/landing/play_icon_v1.png');background-repeat: no-repeat;position: absolute;height: 50px;width: 50px;margin: auto;left: 0;right: 0;top: 0;bottom: 0;background-size: 100% 100%;cursor: pointer;z-index: 99;}
.template_video_section .template-box ul li.vertical{width: 205px;height: 325px;display: inline-block;margin-bottom: 100px;padding: 10px;}
.template_video_section .template-box ul li .greet_msg{background-color: #fff;}
.template_video_section .template-box ul li.horizontal .greet_msg{height: 70px;padding: 13px 0;}
.template_video_section .template-box ul li .greet_msg p{display: inline-block;}
.template_video_section .template-box ul li .greet_msg .temp_text{margin: 0;text-align: center;font-size: 16px;font-family: 'Open sans',sans-serif;vertical-align: middle;}
.template_video_section .template-box ul li.horizontal .greet_msg .temp_text{width:50%;}
.template_video_section .template-box ul li.vertical .greet_msg .temp_text{display: block;}
.template_video_section .template-box ul li .greet_msg .edit_temp{display: inline-block;padding: 3px 0px;border-radius: 30px;font-size: 15px;margin:5px 0px 10px 0px;font-weight: 400;font-family: 'Open sans',sans-serif;cursor: pointer;}
.template_video_section .template-box ul li .greet_msg .edit_temp a{color: #fff;text-decoration: none;padding: 0px 20px;}
.template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp{display: none;position: absolute;bottom: 10%;padding: 5px 0px;border-radius: 30px;background-color: #FF9B2C;display: inline-block;left: 0;right: 0;margin: auto;width: 20%;cursor: pointer;}
.template_video_section .template-box ul li .horizon_thumb:hover .temp_overlay .edit_temp{display: block;}
.template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp a{color: #fff;font-size: 17px;font-weight: bold;font-family: 'Open Sans',sans-serif;text-decoration: none;}
.template_video_section .content-upper ul li span.numcircle{color: #fff;font-weight: bold;font-style: normal;position: absolute;z-index: 1;height: 100%;top: -20px;bottom: 0;margin: auto;left: -65px;padding: 0 12px;font-size: 25px;}
.template_video_section .content-upper ul li span.numcircle::before{content: '';border-radius: 30px;background-color: #42C560;height: 40px;width: 40px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;z-index: -1;transform: translateY(25%);}

.testimony{background-color: #ffffff;}
.testimony .testimonial-slides {margin: 80px 0;}
.testimony .testimonial-slides #myCarousel.double{width: 70%;margin: auto;height: 200px;}
.testimony .testimonial-slides .testimonial_set{display: inline-block;vertical-align: top;}
.testimony .testimonial-slides .testimonial-quote{margin: 0;}
.testimony .testimonial-slides .testimonial_set.testimonial-quote{width: 25%;margin-top: -50px;}
.testimonial-slides .carousel-inner{height: 180px;}
.testimony .testimonial-slides .testimonial_set.carousel-inner{width: 70%;float: right;}
.testimony .testimonial-slides .carousel-inner .testimonial p{font-family: 'Open Sans',sans-serif;padding-top: 0;}
.testimony .testimonial-slides .carousel-indicators{bottom: -20px;}
.testimony .testimonial-slides .carousel-indicators li{border-color: #BDBBBC;background-color: #BDBBBC;}
.testimony .info-timer{height: 100px;}
.testimony .loading{margin: auto;}
#footerWrapper,.testimony,.video-making p,.videostyle_section{position: relative;z-index: 1;}

.video-making{text-align: center;position:relative;padding: 60px 0;width: 100%;}
.video-making .video-maker{font-size:80px;color:#fff;font-weight: 500;padding: 50px 0;}
.video-making .special{font-size:30px;font-family: 'Open sans',sans-serif;width: 60%;margin: 0 auto 45px;line-height: 1.5;}
.video-making .video_own{display: inline-block;color:#ffffff;padding:18px 25px;border-radius: 30px;text-decoration: none !important;font-size: 20px;font-family: 'Open sans',sans-serif;font-weight:600;z-index: 1;position: relative;}
.video-making .video_own:hover{color: #ffffff;}

.videostyle_section{text-align: center;background: #fff;}
.videostyle_section .video_head{font-family: 'Montserrat';color: #888888;font-size: 30px;margin: 50px 0 !important;}
.videostyle_section ul{margin-bottom: 50px;}
.videostyle_section ul li{width: 350px;height: 200px;display: inline-block;padding: 10px;margin-bottom: 50px;vertical-align: middle;}
.videostyle_section ul li .video_thumb{height: 100%;background-size: 100% 100%;}
.videostyle_section ul li .temp_text{color: #888888;font-family: 'Open sans',sans-serif;font-size: 25px;margin: 10px 0;}


.landing_section{position: relative;min-height: 30vh;margin-top: 70px;}
.landing_section .container{position: relative;}
.landing_section .video_bg{background-size: 100% 100%;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.landing_section .video_section{width: 45%}
.landing_section .video_section .element{background-color: transparent;}
.landing_section .video_section .element .loop_video{left: 0;right: 0;top: 0;bottom: 0;position: absolute;width: 90%;height: 90%;margin: auto;}
.landing_section .video_section .element .loop_video video{width: 100%!important;height: auto!important;}
.landing_section .video_content {width: 50%;display: inline-block;position: absolute;top: 0;right: 0;height: 100%;}
.landing_section .video_content .container{height: 70%;position: absolute;top: 0;bottom: 0;margin: auto;}
.landing_section .video_content .head_title{font-family: 'Montserrat';font-size: 40px;}
.landing_section .video_content .head_subtitle{font-family: 'Open Sans',sans-serif;font-weight: 400;font-size: 20px;}
.landing_section .video_content .headcreate_btn{font-family: 'Open Sans',sans-serif;font-size: 20px;padding: 17px 30px;font-weight: bold;border-radius: 30px;margin-top: 10%;position: absolute;}

/****Introyoutube view*****/
.introyoutube_view .explainer-head{font-family: 'Montserrat';}
.introyoutube_view .explainer-subtext{color: #ff9c00;}
.introyoutube_view .tryanimbtn{color: #C81800;background: #f5f5f5;font-weight: 600;}
.introyoutube_view .tryanimbtn:hover{background: #c81800;color: #ffffff;}
.introyoutube_view .customers p{color: #402d12;}
.introyoutube_view .template_video_section {background-color:  #f5f5f5;}
.introyoutube_view .template_video_section h3.text-center{color: #C71901;font-family: 'Montserrat';font-size: 55px;margin: auto;z-index: 1;position: relative;font-weight: 600;margin-top: 50px !important;}
.introyoutube_view .template_video_section .template_text{color: #484757;text-align: center;margin: 20px 100px;font-size: 20px;line-height: 2;font-family: 'Open Sans',sans-serif;}
.introyoutube_view .template_video_section .template-box ul{width: 90%;margin: auto;}
/* .introyoutube_view .template_video_section .template-box ul li.horizontal{width: 300px;margin: 0 30px 80px;} */
.introyoutube_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/show_social_media.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/thank_audience.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/intro_brand_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/focus_brand_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/website_url.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/unveil_brand_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp7{background-image:url('https://www.animaker.com/static/assets/images/landing/sketch_brand_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp8{background-image:url('https://www.animaker.com/static/assets/images/landing/multiple_cta.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp9{background-image:url('https://www.animaker.com/static/assets/images/landing/logo_url.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp10{background-image:url('https://www.animaker.com/static/assets/images/landing/brand_cta_search.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp11{background-image:url('https://www.animaker.com/static/assets/images/landing/draw_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp12{background-image:url('https://www.animaker.com/static/assets/images/landing/logo_url_transition.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp13{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp14{background-image:url('https://www.animaker.com/static/assets/images/landing/follow_cta.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp15{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_logo_url.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp16{background-image:url('https://www.animaker.com/static/assets/images/landing/circular_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp17{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_web_url.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp18{background-image:url('https://www.animaker.com/static/assets/images/landing/search_boxcta.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp19{background-image:url('https://www.animaker.com/static/assets/images/landing/brand_name_tag_url.jpg');}
.introyoutube_view .template_video_section .template-box ul li .htemp20{background-image:url('https://www.animaker.com/static/assets/images/landing/tetris_logo.jpg');}
.introyoutube_view .template_video_section .template-box ul li .greet_msg .temp_text{color: #3d3a4e;font-family: 'Montserrat';font-size:12px;font-weight:600;}
.introyoutube_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #8D8B8B;}
.introyoutube_view .video_procedure .tabcontainer{margin: 50px auto;width: 80%;}
.introyoutube_view .video_procedure h3{text-align: center;color: #C71901;font-family: 'Montserrat';font-size: 55px;font-weight: 600;margin-bottom: 50px;}
.introyoutube_view .video_procedure .procedure_list{}
.introyoutube_view .video_procedure .procedure_list ul{margin: 0 50px;}
.introyoutube_view .video_procedure .procedure_list ul li {margin: 30px 0px;}
.introyoutube_view .video_procedure .procedure_list ul li  p{}
.introyoutube_view .video_procedure .procedure_list ul li .head_text{position: relative;color: #484757;font-size: 30px;font-weight: 600;font-family: 'Montserrat';}
.introyoutube_view .video_procedure .procedure_list ul li .head_text::before{background-color: #C71901;content: '';height: 8px;width: 8px;position: absolute;border-radius: 50%;top: 0;bottom: 0;left: -35px;margin: auto;}
.introyoutube_view .video_procedure .procedure_list ul li .sub_text{font-family: 'Open Sans',sans-serif;color: #5C5B69;font-size: 20px;line-height: 2;}
.introyoutube_view .features{}
.introyoutube_view .features h3{font-family: 'Montserrat';color: #c71901;font-size: 50px;font-weight: bold;text-align:center;}
.introyoutube_view .features .feature_types{}
.introyoutube_view .features .feature_types ul li{display: inline-block;text-align:center;width:350px;padding:1%;vertical-align: top;}
.introyoutube_view .features .feature_types ul li p.type_head{color: #555555;font-weight: bold;font-size: 24px;font-family: 'Montserrat';padding-top: 10%;}
.introyoutube_view .features .feature_types ul li p.type_text{color:#484757;font-size: 16px;font-family:'Open Sans',sans-serif;padding-top: 5%;}
.introyoutube_view .video-making{ background-color: #cb1801;}
.introyoutube_view .video-making .video-maker{font-family: 'Montserrat';font-weight: bolder;font-size: 60px;color: #000000;line-height: 1;}
.introyoutube_view .video-making .special{color:#ffffff;width: 75%;}
.introyoutube_view .video-making .video_own{background-color: #ffffff;color: #000000;font-weight: 600;font-size: 30px;}
.introyoutube_view .video-making img.down{position: absolute;top: -20%;}
@keyframes animationdown { to {top:105%;} }
@-webkit-keyframes animationdown { to {top:105%;} }
.introyoutube_view .video-making .img1{-webkit-animation: animationdown 4s linear 1.5s infinite ;left: 3%;-moz-animation: animationdown 4s linear 1.5s infinite ;left: 3%;animation: animationdown 4s linear 1.5s infinite ;left: 3%;width: 44px;height: 44px;}
.introyoutube_view .video-making .img2{-webkit-animation: animationdown 5.5s ease 1s infinite ;left:9%;-moz-animation: animationdown 5.5s ease 1s infinite ;left:9%;animation: animationdown 5.5s ease 1s infinite ;left:9%;width: 30px;height: 30px;}
.introyoutube_view .video-making .img3{-webkit-animation: animationdown 6s ease-in infinite;left:12%;-moz-animation: animationdown 6s ease-in infinite;left:12%;animation: animationdown 6s ease-in infinite;left:12%;width: 40px;height: 40px;}
.introyoutube_view .video-making .img4{-webkit-animation: animationdown 5s ease-out 4s infinite;left: 19%;-moz-animation: animationdown 5s ease-out 4s infinite;left: 19%;animation: animationdown 5s ease-out 4s infinite;left: 19%;width: 50px;height: 50px;}
.introyoutube_view .video-making .img5{-webkit-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;-moz-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;width: 29px;height: 29px;}
.introyoutube_view .video-making .img6{-webkit-animation: animationdown 4.5s linear 1s infinite ;left: 31%;-moz-animation: animationdown 4.5s linear 1s infinite ;left: 31%;animation: animationdown 4.5s linear 1s infinite ;left: 31%;width: 35px;height: 35px;}
.introyoutube_view .video-making .img7{-webkit-animation: animationdown 4.7s ease infinite;left: 40%;-moz-animation: animationdown 4.7s ease infinite;left: 40%;animation: animationdown 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.introyoutube_view .video-making .img8{-webkit-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;-moz-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;width: 25px;height: 25px;}
.introyoutube_view .video-making .img9{-webkit-animation: animationdown 3s ease-in-out infinite ;left: 53%;-moz-animation: animationdown 3s ease-in-out infinite ;left: 53%;animation: animationdown 3s ease-in-out infinite ;left: 53%;width: 30px;height: 30px;}
.introyoutube_view .video-making .img10{-webkit-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;-moz-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;width: 40px;height: 40px;}
.introyoutube_view .video-making .img11{-webkit-animation: animationdown 4s linear 3s infinite;left: 69%;-moz-animation: animationdown 4s linear 3s infinite;left: 69%;animation: animationdown 4s linear 3s infinite;left: 69%;width: 30px;height: 30px;}
.introyoutube_view .video-making .img12{-webkit-animation: animationdown 4s ease 1s infinite;left: 74%;-moz-animation: animationdown 4s ease 1s infinite;left: 74%;animation: animationdown 4s ease 1s infinite;left: 74%;width: 50px;height: 50px;}
.introyoutube_view .video-making .img13{-webkit-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;-moz-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;animation: animationdown 3.5s ease-out 1s infinite;left: 80%;width: 33px;height: 33px;}
.introyoutube_view .video-making .img14{-webkit-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;-moz-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;width: 60px;height: 60px;}
.introyoutube_view .video-making .img15{-webkit-animation: animationdown 2s linear 1s infinite;left: 93%;-moz-animation: animationdown 2s linear 1s infinite;left: 93%;animation: animationdown 2s linear 1s infinite;left: 93%;width: 40px;height: 40px;}


/****Intromaker view*****/
.intromaker_view .landing_video .overlay-content .intro{background-color: rgba(53, 50, 50,0.7);}
.intromaker_view .explainer-head{font-family: 'Montserrat';color: #ffffff;font-weight: 600;}
.intromaker_view .explainer-subtext{color: #ff9c00;font-family:'Open sans',sans-serif;}
.intromaker_view .tryanimbtn{background: #9568d6;}
.intromaker_view .tryanimbtn:hover{color: #ffffff;}
.intromaker_view .customers p {color: #4B3920;}
.intromaker_view .template_video_section {background-color:  #f5f5f5;}
.intromaker_view .template_video_section  h3.text-center{color: #ff3366;font-family: 'Montserrat';font-size: 40px;margin: auto;font-weight: 500;z-index: 1;position: relative;margin-top: 50px !important;}
.intromaker_view .template_video_section .content-upper ul li{color: #484757;}
.intromaker_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #ff3366;}
.intromaker_view .template_video_section .content-upper ul li::before{background-color: #ff3366;}
.intromaker_view .template_video_section .template-box .templates_title{color: #9568d6;}
.intromaker_view .template_video_section .template-box ul{width: 90%;margin: auto;}
/* .intromaker_view .template_video_section .template-box ul li.horizontal{margin: 0 30px 80px;} */
.intromaker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/show_social_media.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/thank_audience.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/intro_brand_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/focus_brand_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/website_url.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/unveil_brand_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp7{background-image:url('https://www.animaker.com/static/assets/images/landing/sketch_brand_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp8{background-image:url('https://www.animaker.com/static/assets/images/landing/multiple_cta.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp9{background-image:url('https://www.animaker.com/static/assets/images/landing/logo_url.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp10{background-image:url('https://www.animaker.com/static/assets/images/landing/brand_cta_search.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp11{background-image:url('https://www.animaker.com/static/assets/images/landing/draw_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp12{background-image:url('https://www.animaker.com/static/assets/images/landing/logo_url_transition.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp13{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp14{background-image:url('https://www.animaker.com/static/assets/images/landing/follow_cta.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp15{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_logo_url.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp16{background-image:url('https://www.animaker.com/static/assets/images/landing/circular_logo.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp17{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_web_url.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp18{background-image:url('https://www.animaker.com/static/assets/images/landing/search_boxcta.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp19{background-image:url('https://www.animaker.com/static/assets/images/landing/brand_name_tag_url.jpg');}
.intromaker_view .template_video_section .template-box ul li .htemp20{background-image:url('https://www.animaker.com/static/assets/images/landing/tetris_logo.jpg');}
/* .intromaker_view .template_video_section .template-box ul li .greet_msg{border-top: 2px solid #666;} */
.intromaker_view .template_video_section .template-box ul li .greet_msg .temp_text{padding: 5px;color: #242458;font-weight: 600;display:inline-block;font-size:14px;}
.intromaker_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #9568d6;}

.intromaker_view .testimony .testimonial-slides .testimonial_title{color: #9568d6;font-family: Lobster;font-size: 30px;text-align: center;}
.intromaker_view .video-making{ background-color: #554094;}
.intromaker_view .video-making .video-maker{font-family: 'Montserrat';font-weight: 600;}
.intromaker_view .video-making .special{color:#d4a856;}
.intromaker_view .video-making .video_own{background-color: #fe8a02;}
.intromaker_view .video-making img.down{position: absolute;top: -20%;}
@keyframes animationdown { to {top:105%;} }
@-webkit-keyframes animationdown { to {top:105%;} }
.intromaker_view .video-making .img1{-webkit-animation: animationdown 4s linear 1.5s infinite ;left: 3%;-moz-animation: animationdown 4s linear 1.5s infinite ;left: 3%;animation: animationdown 4s linear 1.5s infinite ;left: 3%;width: 44px;height: 44px;}
.intromaker_view .video-making .img2{-webkit-animation: animationdown 5.5s ease 1s infinite ;left:9%;-moz-animation: animationdown 5.5s ease 1s infinite ;left:9%;animation: animationdown 5.5s ease 1s infinite ;left:9%;width: 30px;height: 30px;}
.intromaker_view .video-making .img3{-webkit-animation: animationdown 6s ease-in infinite;left:12%;-moz-animation: animationdown 6s ease-in infinite;left:12%;animation: animationdown 6s ease-in infinite;left:12%;width: 40px;height: 40px;}
.intromaker_view .video-making .img4{-webkit-animation: animationdown 5s ease-out 4s infinite;left: 19%;-moz-animation: animationdown 5s ease-out 4s infinite;left: 19%;animation: animationdown 5s ease-out 4s infinite;left: 19%;width: 50px;height: 50px;}
.intromaker_view .video-making .img5{-webkit-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;-moz-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;width: 29px;height: 29px;}
.intromaker_view .video-making .img6{-webkit-animation: animationdown 4.5s linear 1s infinite ;left: 31%;-moz-animation: animationdown 4.5s linear 1s infinite ;left: 31%;animation: animationdown 4.5s linear 1s infinite ;left: 31%;width: 35px;height: 35px;}
.intromaker_view .video-making .img7{-webkit-animation: animationdown 4.7s ease infinite;left: 40%;-moz-animation: animationdown 4.7s ease infinite;left: 40%;animation: animationdown 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.intromaker_view .video-making .img8{-webkit-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;-moz-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;width: 25px;height: 25px;}
.intromaker_view .video-making .img9{-webkit-animation: animationdown 3s ease-in-out infinite ;left: 53%;-moz-animation: animationdown 3s ease-in-out infinite ;left: 53%;animation: animationdown 3s ease-in-out infinite ;left: 53%;width: 30px;height: 30px;}
.intromaker_view .video-making .img10{-webkit-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;-moz-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;width: 40px;height: 40px;}
.intromaker_view .video-making .img11{-webkit-animation: animationdown 4s linear 3s infinite;left: 69%;-moz-animation: animationdown 4s linear 3s infinite;left: 69%;animation: animationdown 4s linear 3s infinite;left: 69%;width: 30px;height: 30px;}
.intromaker_view .video-making .img12{-webkit-animation: animationdown 4s ease 1s infinite;left: 74%;-moz-animation: animationdown 4s ease 1s infinite;left: 74%;animation: animationdown 4s ease 1s infinite;left: 74%;width: 50px;height: 50px;}
.intromaker_view .video-making .img13{-webkit-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;-moz-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;animation: animationdown 3.5s ease-out 1s infinite;left: 80%;width: 33px;height: 33px;}
.intromaker_view .video-making .img14{-webkit-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;-moz-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;width: 60px;height: 60px;}
.intromaker_view .video-making .img15{-webkit-animation: animationdown 2s linear 1s infinite;left: 93%;-moz-animation: animationdown 2s linear 1s infinite;left: 93%;animation: animationdown 2s linear 1s infinite;left: 93%;width: 40px;height: 40px;}
.intromaker_view .videostyle_section ul{margin-top: 100px;}
.intromaker_view .videostyle_section ul li{text-align: left;font-family: 'Open Sans',sans-serif;}
.intromaker_view .videostyle_section ul li .thumb1{background-image:url('https://www.animaker.com/static/assets/images/landing/video-presentation-og-image.JPG');}
.intromaker_view .videostyle_section ul li.content{line-height: 1;}
.intromaker_view .videostyle_section ul li.content p{color: #554094;font-weight: 600;font-size: 30px;}
.intromaker_view .videostyle_section ul li.content span{color: #888888;font-size: 15px;margin: 20px 0px;display: block;}
.intromaker_view {}

/****Whiteboard view*****/
.whiteboard_land .landing_video .overlay-content .play-button.yellow{background-image: url("https://www.animaker.com/static/assets/images/landing/wb-play-icon.png");background-position:0px -9px !important;background-repeat:no-repeat;}
.whiteboard_land .landing_video .overlay-content .play-button.yellow:hover{background-position: 0px -196px !important;}
.whiteboard_land .overlay-content .intro .huge-text{color: #bfbfff !important;font-size:3vw !important;font-family:'Alfa Slab One';line-height:1.5;}
.whiteboard_land .overlay-content .intro .huge-text span{color: #ffffff;font-size: 2vw!important;font-family:"Open Sans",sans-serif;}
.whiteboard_land .overlay-content .intro .small-text{text-decoration:none;border-radius:50px;background:#f9904a;color:#ffffff;font-size:24px;width:400px;line-height:2.3;font-family:"raleway-bold";margin-bottom: 2%;}
.whiteboard_land .home-bg#join{padding: 80px 0;background-image: url('https://www.animaker.com/static/assets/images/landing/footer_cta_bg.png');background-size: 100% 100%;}
.whiteboard_land .home-bg .join-content{font-size: 30px;font-family:Open Sans, sans-serif !important;padding:3% 0 !important;color:#625757 !important;}
.whiteboard_land #join-h1{font-size:64px;color: #2A2737;font-family:Lobster;}
.whiteboard_land .home-bg .foot_cta{color: #ffffff;width: 480px;font-size: 24px;border-radius: 50px;background-color: #ef6347;font-family: 'Open sans',sans-serif;margin: 2% 0;white-space: pre-wrap;}
.whiteboard_land .customers p {font-size: 24px; margin-top:5%;color: #262626;}
.whiteboard_land .home{padding: 80px 0;background-color: #F6F6FF;}
.whiteboard_land .benefits{width: 90%;margin: auto;}
.whiteboard_land .home .benefits .row{background-color: transparent;}
.whiteboard_land .home .benefits .row .single#col-2 .element li,.whiteboard_land .home .benefits .row .single#col-4 .element {box-shadow : 0px -3px 10px 0px #D0D0D0, 0px 3px 10px 0px #D0D0D0;-webkit-box-shadow:0px -3px 10px 0px #D0D0D0, 0px 3px 10px 0px #D0D0D0;-moz-box-shadow:0px -3px 10px 0px #D0D0D0, 0px 3px 10px 0px #D0D0D0;}
.whiteboard_land .whiteboard-pack{text-align: center;line-height: 2;padding-bottom: 20px;}
.whiteboard_land .whiteboard-pack p{line-height: 1.5;}
.whiteboard_land .whiteboard-pack h2{color:#2A2737;font-size: 50px;font-family:'Alfa Slab One';}
.whiteboard_land .whiteboard-pack p{font-family:"Open Sans", sans-serif;font-size: 2.2vw;color:#7777A1;}
.whiteboard_land .template_video_section{margin: 50px 0;}
.whiteboard_land .template_video_section .light{position: absolute;background-repeat: no-repeat;height: 500px;width: 175px;background-size: 100% 100%;}
.whiteboard_land .template_video_section .light.left{background-image: url('https://www.animaker.com/static/assets/images/landing/how-to-create-slide-bg2.png');}
.whiteboard_land .template_video_section .light.right{background-image: url('https://www.animaker.com/static/assets/images/landing/how-to-create-slide-bg1.png');transform: scale(1);}
.whiteboard_land .template_video_section h2.text-center{color: #2A2737;font-family: 'Alfa Slab One';font-size: 50px;margin: auto;font-weight: 400;z-index: 1;position: relative;}
.whiteboard_land .template_video_section .template-box .templates_title{color: #2A2737;font-family: 'Alfa Slab One';margin-bottom: 30px;font-weight: 500;}
.whiteboard_land .template_video_section .content-wrap .section-iconbox{margin-top : 50px;}
.whiteboard_land .template_video_section .content-upper ul li{color: #1c3343;}
.whiteboard_land .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #b5b4b4;}
.whiteboard_land .template_video_section .content-upper ul li::before{background-color: #b5b4b4;}
.whiteboard_land .video_templates ul{text-align: center;}
.whiteboard_land .template_video_section .template-box{margin-bottom: 0;}
.whiteboard_land .template_video_section .video_templates ul li.horizontal{padding: 0;height: auto;box-shadow: 0px 0px 20px 0px #D0D0D0, 0px 0px 8px 0px #D0D0D0;-webkit-box-shadow:0px 0px 20px 0px #D0D0D0, 0px 0px 8px 0px #D0D0D0;-moz-box-shadow:0px 0px 20px 0px #D0D0D0, 0px 0px 8px 0px #D0D0D0;margin: 0 10px 50px;}
.whiteboard_land .template_video_section .video_templates ul li .greet_msg{padding: 7px 0;font-family: 'Open sans',sans-serif;}
.whiteboard_land .template_video_section .video_templates ul li .greet_msg .temp_text{color: #3D3A4E;}
.whiteboard_land .template_video_section .video_templates ul li .greet_msg .edit_temp{padding: 3px 0px;background-color: #ef8347;}
.whiteboard_land .video_templates ul.horizon_temp li .thumb{height: 160px;background-size: 100% 100%;}
.whiteboard_land .video_templates ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-1.png');}
.whiteboard_land .video_templates ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-2.jpg');}
.whiteboard_land .video_templates ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-3.jpg');}


/****Cartoon view*****/
.cartoon_view .landing_video .overlay-content .intro{background-color: rgba(13, 13, 13, 0.75);}
.cartoon_view .explainer-head{font-family: 'Comic sans ms',sans-serif;color: #ffffff;font-size: 50px;}
.cartoon_view .explainer-subtext{color: #D4A649;font-size: 25px;}
.cartoon_view .tryanimbtn{background: #F37A0F;margin-bottom: 3%;}
.cartoon_view .customers p {color: #402D12;}
.cartoon_view .template_video_section {background-color:  #E9EAEF;}
.cartoon_view .template_video_section h3.text-center{color: #3C2C11;font-family: 'Comic sans ms',sans-serif;font-size: 50px;margin: auto;font-weight: 500;}
.cartoon_view .template_video_section .content-upper ul li{color: #E83E37;}
.cartoon_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #978174;}
.cartoon_view .template_video_section .content-upper ul li::before{background-color: #978174;}
.cartoon_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/sow-reap-thumb.jpg');}
.cartoon_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/plastic-eating-thumb.jpg');}
.cartoon_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/santa-greet-thumb.jpg');}
.cartoon_view .template_video_section .template-box ul li .greet_msg .temp_text{font-family: 'Comic sans ms',sans-serif;color: #3D3A4E;}
.cartoon_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #E83E37;}
.cartoon_view .make_video{background-color: #FD9438;width: 100%;}
.cartoon_view .video-making .video-maker{color:#282625;font-family: 'Comic sans ms',sans-serif;}
.cartoon_view .video-making .special{color:#742D2D;}
.cartoon_view .video-making .sideimg{bottom: 0;position: absolute;}
.cartoon_view .video-making .sideimg.male{left: 0;}
.cartoon_view .video-making .sideimg.female{right: 0;}
.cartoon_view .video-making .video_own{background-color: #3C2C11;}
.cartoon_view {}

/****Facebook view*****/
.facebook_view .landing_video .overlay-content .intro{background-color: rgba(23, 42, 86, 0.75);}
.facebook_view .explainer-head{font-family: 'Lobster';color: #ffffff;}
.facebook_view .explainer-subtext{color: #f3831d;}
.facebook_view .tryanimbtn{background-color: #ffffff;color: #000000;font-weight: 700;}
.facebook_view .tryanimbtn:hover{color: #000000;}
.facebook_view .customers p {color: #435FA2;}
.facebook_view .template_video_section {background-color:  #E9EAEF;}
.facebook_view .template_video_section  h3.text-center{color: #1f3566;font-family: Lobster;font-size: 50px;margin: auto;font-weight: 500;}
.facebook_view .template_video_section .content-upper ul li{color: #304881;}
.facebook_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #898a8b;}
.facebook_view .template_video_section .content-upper ul li::before{background-color: #898a8b;}
.facebook_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-2.jpg');}
.facebook_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/landing-page-thumbnail-2.jpg');}
.facebook_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/Horizontal-thumb-02.jpg');}
.facebook_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/LinkedIn-thumb.jpg');}
.facebook_view .template_video_section .template-box ul li .greet_msg{background-color: #fff;padding: 7px 0;text-align: center;}
.facebook_view .template_video_section .template-box ul li .greet_msg .temp_text{font-family: 'Lobster';color: #3D3A4E;}
.facebook_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #3a589e;margin: 10px 0;}
.facebook_view .template_video_section .template-box ul li .vtemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-02.png');}
.facebook_view .template_video_section .template-box ul li .vtemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-05.png');}
.facebook_view .template_video_section .template-box ul li .vtemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-03.png');}
.facebook_view .template_video_section .template-box ul li .vtemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-04.png');}
.facebook_view .template_video_section .template-box ul li .vtemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-01.png');}
.facebook_view .video-making{ background-color: #3a589b;}
.facebook_view .video_own{background-color: #ffffff;color:#000000;}
.facebook_view .video_own:hover{color: #000000;}
.facebook_view .video-making .special{color:#000000;}
.facebook_view .video-maker{font-size:70px;font-family: 'Lobster';font-weight: 400;padding: 60px 0;}
.facebook_view .video-making img{position: absolute;bottom: -15%;}
@keyframes animatefbicon { to {bottom:100%;} }
.facebook_view .video-making .img1{animation: animatefbicon 4s linear 1.5s infinite ;left: 3%;width: 45px;height: 45px;}
.facebook_view .video-making .img13{animation: animatefbicon 3.5s ease 1s infinite;left: 9%;width: 35px;height: 35px;}
.facebook_view .video-making .img2{animation: animatefbicon 5.5s ease 1s infinite ;left:12%;width: 50px;height: 50px;}
.facebook_view .video-making .img3{animation: animatefbicon 6s ease-in infinite;left:19%;width: 60px;height: 60px;}
.facebook_view .video-making .img4{animation: animatefbicon 5s ease-out 4s infinite;left: 25%;width: 30px;height: 30px;}
.facebook_view .video-making .img5{animation: animatefbicon 3.7s ease-in-out 2.5s infinite;left: 31%;width: 50px;height: 50px;}
.facebook_view .video-making .img6{animation: animatefbicon 4.5s linear 1s infinite ;left: 40%;width: 45px;height: 45px;}
.facebook_view .video-making .img7{animation: animatefbicon 4.7s ease infinite;left: 49%;width: 35px;height: 35px;}
.facebook_view .video-making .img8{animation: animatefbicon 3.2s ease-in 0.5s infinite;left: 56%;width: 60px;height: 60px;}
.facebook_view .video-making .img9{animation: animatefbicon 3s ease-in-out infinite ;left: 63%;width: 50px;height: 50px;}
.facebook_view .video-making .img10{animation: animatefbicon 2.9s ease-out 1.5s infinite;left: 77%;width: 55px;height: 55px;}
.facebook_view .video-making .img11{animation: animatefbicon 4s linear 3s infinite;left: 85%;width: 60px;height: 60px;}
.facebook_view .video-making .img12{animation: animatefbicon 4s ease 2s infinite;left: 93%;width: 30px;height: 30px;}
.facebook_view {}

/****Birthday view*****/
.birthday_view .landing_video .overlay-content .intro{background-color: rgba(53, 50, 50,0.7);text-align: center;padding-top: 20px;}
.birthday_view .explainer-head{font-family: 'Montserrat';color: #ffffff;font-weight: 600;font-size: 60px;margin-top: 0 !important;}
.birthday_view .explainer-subtext{color: #FFDB1F; margin-top: 0 !important;}
.birthday_view .tryanimbtn{background: #FFDB1F;}
.birthday_view .customers p {color: #48361D;}
.birthday_view .template_video_section {background-color:  #f7f5fb;}
.birthday_view .template_video_section .tabcontainer{background-image: url('https://www.animaker.com/static/assets/images/landing/birthday_pattern_new.png');background-repeat: repeat;}
.birthday_view .template_video_section .light{position: absolute;background-image: url('https://www.animaker.com/static/assets/images/landing/birthday_ribbon_new.png');background-repeat: no-repeat;height: 175px;width: 400px;background-size: 100% 100%;}
.birthday_view .template_video_section  h3.text-center{color: #04082a;font-family: 'Montserrat';font-size: 40px;margin: auto;font-weight: 500;z-index: 1;position: relative;}
.birthday_view .template_video_section .content-upper ul li{color: #04082a;}
.birthday_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #f188a9;}
.birthday_view .template_video_section .content-upper ul li::before{background-color: #f188a9;}
.birthday_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/happy-birthday-thumb.jpg');}
.birthday_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-1.png');}
.birthday_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/birthday-templete.jpg');}
.birthday_view .template_video_section .template-box ul li .greet_msg .temp_text{padding: 5px 10px;color: #04082a;}
.birthday_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #f8701c;padding: 3px 0px;}
.birthday_view .video-making{ background-color: #554094;}
.birthday_view .video-making .video-maker{font-family: 'Montserrat';font-weight: bold;}
.birthday_view .video-making .special{color:#eca856;}
.birthday_view .video-making .video_own{background-color: #fe8a02;}
.birthday_view .video-making img.down{position: absolute;top: -15%;width: 20px;height: 20px;}
@keyframes animateicondown { to {top:105%;} }
.birthday_view .video-making img.up{position: absolute;bottom: -50%;width: 100px;height: 200px;}
@keyframes animateiconup { to {bottom:100%;} }
.birthday_view .video-making .img1{animation: animateicondown 4s linear 1.5s infinite ;left: 3%;}
.birthday_view .video-making .img2{animation: animateicondown 5.5s ease 1s infinite ;left:9%;}
.birthday_view .video-making .img3{animation: animateicondown 6s ease-in infinite;left:12%;}
.birthday_view .video-making .img4{animation: animateicondown 5s ease-out 4s infinite;left: 19%;}
.birthday_view .video-making .img5{animation: animateicondown 3.7s ease-in-out 2.5s infinite;left: 25%;}
.birthday_view .video-making .img6{animation: animateicondown 4.5s linear 1s infinite ;left: 31%;}
.birthday_view .video-making .img7{animation: animateicondown 4.7s ease infinite;left: 40%;}
.birthday_view .video-making .img8{animation: animateicondown 3.2s ease-in 0.5s infinite;left: 49%;}
.birthday_view .video-making .img9{animation: animateicondown 3s ease-in-out infinite ;left: 53%;}
.birthday_view .video-making .img10{animation: animateicondown 2.9s ease-out 1.5s infinite;left: 60%;}
.birthday_view .video-making .img11{animation: animateicondown 4s linear 3s infinite;left: 69%;}
.birthday_view .video-making .img12{animation: animateicondown 4s ease 1s infinite;left: 74%;}
.birthday_view .video-making .img13{animation: animateicondown 3.5s ease-out 1s infinite;left: 80%;}
.birthday_view .video-making .img14{animation: animateicondown 1s ease-in 1s infinite;left: 87%;}
.birthday_view .video-making .img15{animation: animateicondown 2s linear 1s infinite;left: 93%;}
.birthday_view .video-making .img16{animation: animateiconup 4.9s linear 2s infinite;left: 10%;}
.birthday_view .video-making .img17{animation: animateiconup 6.2s ease 2.5s infinite;left: 25%;}
.birthday_view .video-making .img18{animation: animateiconup 4s ease-in 1.3s infinite;left: 43%;}
.birthday_view .video-making .img19{animation: animateiconup 4.7s ease-in-out 1s infinite;left: 57%;}
.birthday_view .video-making .img20{animation: animateiconup 6s ease 1s infinite;left: 70%;}
.birthday_view .video-making .img21{animation: animateiconup 5s ease-out 2.2s infinite;left: 85%;}
.birthday_view {}

.birthday_view .info_land img.downwards{position: absolute;top: -15%}
.birthday_view .info_land img.upwards{position: absolute;bottom: -50%;width: 80px;height: 180px;}
.birthday_view .info_land img.long{  position: absolute;bottom: -50%;width: 20px;height: 20px; }
.birthday_view .info_land .img1{animation: animateicondown 4s linear 1.5s infinite ;left: 3%;}
.birthday_view .info_land .img2{animation: animateicondown 5.5s ease 1s infinite ;left:9%;}
.birthday_view .info_land .img3{animation: animateicondown 6s ease-in infinite;left:12%;}
.birthday_view .info_land .img4{animation: animateicondown 5s ease-out 4s infinite;left: 19%;}
.birthday_view .info_land .img5{animation: animateicondown 3.7s ease-in-out 2.5s infinite;left: 25%;}
.birthday_view .info_land .img6{animation: animateicondown 4.5s linear 1s infinite ;left: 31%;}
.birthday_view .info_land .img7{animation: animateicondown 4.7s ease infinite;left: 40%;}
.birthday_view .info_land .img8{animation: animateicondown 3.2s ease-in 0.5s infinite;left: 49%;}
.birthday_view .info_land .img9{animation: animateicondown 3s ease-in-out infinite ;left: 53%;}
.birthday_view .info_land .img10{animation: animateicondown 2.9s ease-out 1.5s infinite;left: 60%;}
.birthday_view .info_land .img11{animation: animateicondown 4s linear 3s infinite;left: 69%;}
.birthday_view .info_land .img12{animation: animateicondown 4s ease 1s infinite;left: 74%;}
.birthday_view .info_land .img13{animation: animateicondown 3.5s ease-out 1s infinite;left: 80%;}
.birthday_view .info_land .img14{animation: animateicondown 4s ease-in 1s infinite;left: 87%;}
.birthday_view .info_land .img15{animation: animateicondown 2s linear 1s infinite;left: 93%;}
.birthday_view .info_land .img16{animation: animateiconup 10s linear infinite;left: 10%;}
.birthday_view .info_land .img17{animation: animateiconup 10.5s ease infinite;left: 25%;}

.birthday_view .info_land .img20{animation: animateiconup 8.5s ease 1s infinite;left: 70%;}
.birthday_view .info_land .img21{animation: animateiconup 8s ease-out 2.2s infinite;left: 85%;}
.birthday_view .explainer-head{position:absolute;width:100%;margin: 0 auto;top:22%;}
.birthday_view .tryanimbtn{margin-top:2em;color: black;font-family: 'Open Sans',sans-serif;font-weight: 600;font-size: 22px;padding: 12px 30px;border-radius: 25px;}
.birthday_view .tryanimbtn:hover{color: black;}

@media only screen and (max-width:1400px){
  .birthday_view .tryanimbtn{margin-top:2%;margin-bottom:2%;}
}

/****Christmas view*****/
.christmas_view .landing_video .overlay-content .intro{background-color: rgba(42, 15, 45, 0.8);}
.christmas_view .explainer-head{font-family: 'Lobster';}
.christmas_view .explainer-subtext{color: #fedb75;}
.christmas_view .tryanimbtn{background: #FFFFFF;color: #2A2F33;}
.christmas_view .tryanimbtn:hover{color: #2A2F33;}
.christmas_view .customers p {color: #898989;}
.christmas_view .template_video_section {background-color:  #F4E9DB;}
.christmas_view .template_video_section .light{position: absolute;background-image: url('https://www.animaker.com/static/assets/images/landing/decoration_lights.png');background-repeat: no-repeat;height: 200px;width: 400px;background-size: 100% 100%;top: -6px;}
.christmas_view .template_video_section  h3.text-center{color: #DD3E43;font-family: Lobster;font-size: 50px;margin: auto;font-weight: 400;}
.christmas_view .template_video_section .content-upper ul li{color: #457355;font-family: 'Open Sans',sans-serif;font-size: 18px;}
.christmas_view .template_video_section .content-upper ul li:nth-child(1) span.hcircle{border: 3px solid #7F7F7F;border-radius: 50%;}
.christmas_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #7F7F7F;}
.christmas_view .template_video_section .content-upper ul li:nth-child(1) span.hcircle::after{left: 18px;}
.christmas_view .template_video_section .content-upper ul li::before{background-color: #7F7F7F;}
.christmas_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/doodle-greet-thumb.jpg');}
.christmas_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/picturegreet-thumb.jpg');}
.christmas_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/santa-greet-thumb.jpg');}
.christmas_view .template_video_section .template-box ul li .greet_msg{padding: 7px 0;}
.christmas_view .template_video_section .template-box ul li .greet_msg .temp_text{display: inline-block;text-align: left;font-family: Lobster;color: #3D3A4E;}
.christmas_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #DD3E43;margin: 10px 0;}
.christmas_view .testimony .testimonial-slides .testimonial_title{color: #3AAB9F;font-family: Lobster;font-size: 30px;text-align: center;}
.christmas_view .testimonial-slides .carousel-inner{height: auto;}
.christmas_view .testimony .loading{width: 120px;height: 120px;}
.christmas_view .testimony .inner-shadow{width: 112px;height: 112px;}
.christmas_view .testimony .inner-shadow img{margin-left: 15px;bottom: 7px;}
.christmas_view .testimony .hold{clip: rect(0,120px,120px,60px);}
.christmas_view .testimony .cir_fill{clip: rect(0,60px,120px,0);}
.christmas_view .video-making{ background-color: #23a294;}
.christmas_view .video_own{background-color: #fedb75;color:#472d46;}
.christmas_view .special{font-size:35px;color:#fff;width: 100%;}
.christmas_view .video-making .video-maker{font-size:100px;font-family: 'Mountains of Christmas';font-weight: 600;}
.christmas_view .video-making img{position: absolute;top: -15%;}
@keyframes animatewhitesnow {
 to {top:105%;-webkit-transform: rotate(180deg);transform: rotate(180deg);} }
.christmas_view .video-making .img1{animation: animatewhitesnow 4s linear 1.5s infinite ;left: 3%;width: 45px;height: 45px;}
.christmas_view .video-making .img13{left: 9%;animation: animatewhitesnow 3.5s ease 1s infinite;width: 35px;height: 35px;}
.christmas_view .video-making .img2{animation: animatewhitesnow 5.5s ease 1s infinite ;left:12%;width: 50px;height: 50px;}
.christmas_view .video-making .img3{animation: animatewhitesnow 6s ease-in infinite;left:19%;width: 60px;height: 60px;}
.christmas_view .video-making .img4{animation: animatewhitesnow 5s ease-out 4s infinite;left: 25%;width: 30px;height: 30px;}
.christmas_view .video-making .img5{animation: animatewhitesnow 3.7s ease-in-out 2.5s infinite;left: 31%;width: 50px;height: 50px;}
.christmas_view .video-making .img6{animation: animatewhitesnow 4.5s linear 1s infinite ;left: 40%;width: 45px;height: 45px;}
.christmas_view .video-making .img7{animation: animatewhitesnow 4.7s ease infinite;left: 49%;width: 35px;height: 35px;}
.christmas_view .video-making .img8{animation: animatewhitesnow 3.2s ease-in 0.5s infinite;left: 56%;width: 60px;height: 60px;}
.christmas_view .video-making .img9{animation: animatewhitesnow 3s ease-in-out infinite ;left: 63%;width: 50px;height: 50px;}
.christmas_view .video-making .img10{animation: animatewhitesnow 2.9s ease-out 1.5s infinite;left: 77%;width: 55px;height: 55px;}
.christmas_view .video-making .img11{left: 85%;animation: animatewhitesnow 4s linear 3s infinite;width: 60px;height: 60px;}
.christmas_view .video-making .img12{left: 93%;animation: animatewhitesnow 4s ease 2s infinite;width: 30px;height: 30px;}
.christmas_view {}

/****Advertisement view*****/
.advertisement_view .landing_video .overlay-content .intro{background-color: rgba(13, 13, 13, 0.75);}
.advertisement_view .explainer-head{color: #ffffff;font-family: 'Montserrat';}
.advertisement_view .explainer-subtext{color: #D4A649;}
.advertisement_view .tryanimbtn{background: #F1F1F1;color: #042B40;font-weight: 600;}
.advertisement_view .customers p {color: #402D12;}
.advertisement_view .template_video_section {background-color:  #E9EAEF;}
.advertisement_view .template_video_section  h3.text-center{color: #000000;font-family: 'Open sans',sans-serif;font-size: 50px;margin: auto;font-weight: 500;}
.advertisement_view .template_video_section .content-upper ul li{color: #1C3343;}
.advertisement_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 1px solid #898a8b;}
.advertisement_view .template_video_section .content-upper ul li::before{background-color: #898a8b;}
.advertisement_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/travel_agency_thumb_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/ad_templete_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/sell_your_product_thumb_02_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/product_service_thumb_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/course_online_thumb_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/sports_event_thumb_02_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp7{background-image:url('https://www.animaker.com/static/assets/images/landing/restaurant_advertisement_thumb_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp8{background-image:url('https://www.animaker.com/static/assets/images/landing/clinic_thumb_02_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .htemp9{background-image:url('https://www.animaker.com/static/assets/images/landing/real_estate_thumb_v1.jpg');}
.advertisement_view .template_video_section .template-box ul li .greet_msg .temp_text{padding: 0px;color: #3D3A4E;}
.advertisement_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #555555;}
.advertisement_view .video-making{ background-color: #71C95C;}
.advertisement_view .video-making .video-maker{font-family: 'Open sans',sans-serif;}
.advertisement_view .video-making .special{color:#494525;}
.advertisement_view .video-making .video_own{background-color: #1D2D38;}
.advertisement_view .video-making img{position: absolute;bottom: -15%;opacity: 0.7;}
@keyframes animatead { to {bottom:100%;} }
.advertisement_view .video-making .img1{animation: animatead 4s linear 1.5s infinite ;left: 3%;width: 45px;height: 45px;}
.advertisement_view .video-making .img13{animation: animatead 3.5s ease 1s infinite;left: 9%;width: 35px;height: 35px;}
.advertisement_view .video-making .img2{animation: animatead 5.5s ease 1s infinite ;left:12%;width: 50px;height: 50px;}
.advertisement_view .video-making .img3{animation: animatead 6s ease-in infinite;left:19%;width: 60px;height: 60px;}
.advertisement_view .video-making .img4{animation: animatead 5s ease-out 4s infinite;left: 25%;width: 30px;height: 30px;}
.advertisement_view .video-making .img5{animation: animatead 3.7s ease-in-out 2.5s infinite;left: 31%;width: 50px;height: 50px;}
.advertisement_view .video-making .img6{animation: animatead 4.5s linear 1s infinite ;left: 40%;width: 45px;height: 45px;}
.advertisement_view .video-making .img7{animation: animatead 4.7s ease infinite;left: 49%;width: 35px;height: 35px;}
.advertisement_view .video-making .img8{animation: animatead 3.2s ease-in 0.5s infinite;left: 56%;width: 60px;height: 60px;}
.advertisement_view .video-making .img9{animation: animatead 3s ease-in-out infinite ;left: 63%;width: 50px;height: 50px;}
.advertisement_view .video-making .img10{animation: animatead 2.9s ease-out 1.5s infinite;left: 77%;width: 55px;height: 55px;}
.advertisement_view .video-making .img11{animation: animatead 4s linear 3s infinite;left: 85%;width: 60px;height: 60px;}
.advertisement_view .video-making .img12{animation: animatead 4s ease 2s infinite;left: 93%;width: 30px;height: 30px;}
.advertisement_view{}

/****2d animation view*****/
.animation_view .landing_video .overlay-content .intro{background-color: rgba(53, 50, 50,0.7);}
.animation_view .explainer-head{font-family: 'Montserrat';color: #ffffff;font-weight: 600;}
.animation_view .explainer-subtext{color: #ff9c00;}
.animation_view .tryanimbtn{background: #04A891;}
.animation_view .tryanimbtn:hover{color: #ffffff;}
.animation_view .customers p {color: #4B3920;}
.animation_view .template_video_section {background-color:  #f7f5fb;}
.animation_view .template_video_section  h3.text-center{color: #242458;font-family: 'Montserrat';font-size: 40px;margin: auto;font-weight: 500;z-index: 1;position: relative;}
.animation_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #254C7B;}
.animation_view .template_video_section .content-upper ul li::before{background-color: #254C7B;}
.animation_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/birthday-templete.jpg');}
.animation_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/sow-reap-thumb.jpg');}
.animation_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/course-plan-thumb.jpg');}
.animation_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/santa-greet-thumb.jpg');}
.animation_view .template_video_section .template-box ul li .htemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/plastic-eating-thumb.jpg');}
.animation_view .template_video_section .template-box ul li .htemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/animaker-theme-song-thumb.jpg');}
.animation_view .template_video_section .template-box ul li .vtemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-03.png');}
.animation_view .template_video_section .template-box ul li .vtemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-02.png');}
.animation_view .template_video_section .template-box ul li .vtemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-06.png');}
.animation_view .template_video_section .template-box ul li .vtemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-01.png');}
.animation_view .template_video_section .template-box ul li .greet_msg .temp_text{padding: 5px;color: #242458;font-weight: 600;}
.animation_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #04A891;}
.animation_view .video-making{ background-color: #242458;}
.animation_view .video-making .video-maker{font-family: 'Montserrat';font-weight: 600;}
.animation_view .video-making .special{color:#9fbef8;}
.animation_view .video-making .video_own{background-color: #04A891;}
.animation_view .video-making img.down{position: absolute;top: -20%;}
@keyframes animationdown { to {top:105%;} }
@-webkit-keyframes animationdown { to {top:105%;} }
.animation_view .video-making .img1{-webkit-animation: animationdown 4s linear 1.5s infinite ;left: 3%;-moz-animation: animationdown 4s linear 1.5s infinite ;left: 3%;animation: animationdown 4s linear 1.5s infinite ;left: 3%;width: 20px;height: 20px;}
.animation_view .video-making .img2{-webkit-animation: animationdown 5.5s ease 1s infinite ;left:9%;-moz-animation: animationdown 5.5s ease 1s infinite ;left:9%;animation: animationdown 5.5s ease 1s infinite ;left:9%;width: 30px;height: 30px;}
.animation_view .video-making .img3{-webkit-animation: animationdown 6s ease-in infinite;left:12%;-moz-animation: animationdown 6s ease-in infinite;left:12%;animation: animationdown 6s ease-in infinite;left:12%;width: 65px;height: 65px;}
.animation_view .video-making .img4{-webkit-animation: animationdown 5s ease-out 4s infinite;left: 19%;-moz-animation: animationdown 5s ease-out 4s infinite;left: 19%;animation: animationdown 5s ease-out 4s infinite;left: 19%;width: 50px;height: 50px;}
.animation_view .video-making .img5{-webkit-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;-moz-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;width: 65px;height: 65px;}
.animation_view .video-making .img6{-webkit-animation: animationdown 4.5s linear 1s infinite ;left: 31%;-moz-animation: animationdown 4.5s linear 1s infinite ;left: 31%;animation: animationdown 4.5s linear 1s infinite ;left: 31%;width: 35px;height: 35px;}
.animation_view .video-making .img7{-webkit-animation: animationdown 4.7s ease infinite;left: 40%;-moz-animation: animationdown 4.7s ease infinite;left: 40%;animation: animationdown 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.animation_view .video-making .img8{-webkit-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;-moz-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;width: 70px;height: 70px;}
.animation_view .video-making .img9{-webkit-animation: animationdown 3s ease-in-out infinite ;left: 53%;-moz-animation: animationdown 3s ease-in-out infinite ;left: 53%;animation: animationdown 3s ease-in-out infinite ;left: 53%;width: 30px;height: 30px;}
.animation_view .video-making .img10{-webkit-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;-moz-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;width: 40px;height: 40px;}
.animation_view .video-making .img11{-webkit-animation: animationdown 4s linear 3s infinite;left: 69%;-moz-animation: animationdown 4s linear 3s infinite;left: 69%;animation: animationdown 4s linear 3s infinite;left: 69%;width: 30px;height: 30px;}
.animation_view .video-making .img12{-webkit-animation: animationdown 4s ease 1s infinite;left: 74%;-moz-animation: animationdown 4s ease 1s infinite;left: 74%;animation: animationdown 4s ease 1s infinite;left: 74%;width: 30px;height: 30px;}
.animation_view .video-making .img13{-webkit-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;-moz-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;animation: animationdown 3.5s ease-out 1s infinite;left: 80%;width: 20px;height: 20px;}
.animation_view .video-making .img14{-webkit-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;-moz-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;width: 60px;height: 60px;}
.animation_view .video-making .img15{-webkit-animation: animationdown 2s linear 1s infinite;left: 93%;-moz-animation: animationdown 2s linear 1s infinite;left: 93%;animation: animationdown 2s linear 1s infinite;left: 93%;width: 40px;height: 40px;}
.animation_view .videostyle_section ul li .thumb1{background-image:url('https://www.animaker.com/static/assets/images/landing/youtube-og-image.jpg');}
.animation_view .videostyle_section ul li .thumb2{background-image:url('https://www.animaker.com/static/assets/images/landing/ad_video_maker_og.jpg');}
.animation_view .videostyle_section ul li .thumb3{background-image:url('https://www.animaker.com/static/assets/images/landing/fb-og-img.jpg');}
.animation_view {}

/****Lyric video view*****/
.lyric_view .landing_video .overlay-content .intro{background-color: rgba(53, 50, 50,0.7);}
.lyric_view .explainer-head{font-family: 'Montserrat';color: #ffffff;font-weight: 600;}
.lyric_view .explainer-subtext{color: #ff9c00;}
.lyric_view .tryanimbtn{background: #7a76c2;font-size: 20px;}
.lyric_view .tryanimbtn:hover{background: #7a76c2;}
.lyric_view .customers p {color: #675841;}
.lyric_view .template_video_section {background-color:  #efeefd;}
.lyric_view .template_video_section  h3.text-center{color: #2f2852;font-family: 'Montserrat';font-size: 40px;margin: 50px 0 20px 0 !important;font-weight: 600;z-index: 1;position: relative;}
.lyric_view .template_video_section .content-upper ul li{color: #484757;}
.lyric_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #7a76c2;}
.lyric_view .template_video_section .content-upper ul li::before{background-color: #7a76c2;}
.lyric_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/lyric-video-thumb1.jpg');}
.lyric_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/crazy_ones_thumb.jpg');}
.lyric_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/lyric-video-thumb2.jpg');}
.lyric_view .template_video_section .template-box ul li .greet_msg .temp_text{line-height: 1.2;color: #242458;font-weight: 600;font-family: 'Montserrat';font-size: 14px;}
.lyric_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #04A891;}
.lyric_view .video-making{ background-color: #242458;}
.lyric_view .video-making .video-maker{font-family: 'Montserrat';}
.lyric_view .video-making .special{color:#9fbef8;}
.lyric_view .video-making .video_own{background-color: #7a76c2;}
.lyric_view .video-making img.down{position: absolute;top: -20%;}
@keyframes animatelyric { to {top:105%;} }
@-webkit-keyframes animatelyric { to {top:105%;} }
.lyric_view .video-making .img1{-webkit-animation: animatelyric 4s linear 1.5s infinite ;left: 3%;-moz-animation: animatelyric 4s linear 1.5s infinite ;left: 3%;animation: animatelyric 4s linear 1.5s infinite ;left: 3%;width: 40px;height: 40px;}
.lyric_view .video-making .img2{-webkit-animation: animatelyric 5.5s ease 1s infinite ;left:9%;-moz-animation: animatelyric 5.5s ease 1s infinite ;left:9%;animation: animatelyric 5.5s ease 1s infinite ;left:9%;width: 60px;height: 60px;}
.lyric_view .video-making .img3{-webkit-animation: animatelyric 6s ease-in infinite;left:12%;-moz-animation: animatelyric 6s ease-in infinite;left:12%;animation: animatelyric 6s ease-in infinite;left:12%;width: 65px;height: 65px;}
.lyric_view .video-making .img4{-webkit-animation: animatelyric 5s ease-out 4s infinite;left: 19%;-moz-animation: animatelyric 5s ease-out 4s infinite;left: 19%;animation: animatelyric 5s ease-out 4s infinite;left: 19%;width: 50px;height: 50px;}
.lyric_view .video-making .img5{-webkit-animation: animatelyric 3.7s ease-in-out 2.5s infinite;left: 25%;-moz-animation: animatelyric 3.7s ease-in-out 2.5s infinite;left: 25%;animation: animatelyric 3.7s ease-in-out 2.5s infinite;left: 25%;width: 65px;height: 35px;}
.lyric_view .video-making .img6{-webkit-animation: animatelyric 4.5s linear 1s infinite ;left: 31%;-moz-animation: animatelyric 4.5s linear 1s infinite ;left: 31%;animation: animatelyric 4.5s linear 1s infinite ;left: 31%;width: 55px;height: 55px;}
.lyric_view .video-making .img7{-webkit-animation: animatelyric 4.7s ease infinite;left: 40%;-moz-animation: animatelyric 4.7s ease infinite;left: 40%;animation: animatelyric 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.lyric_view .video-making .img8{-webkit-animation: animatelyric 3.2s ease-in 0.5s infinite;left: 49%;-moz-animation: animatelyric 3.2s ease-in 0.5s infinite;left: 49%;animation: animatelyric 3.2s ease-in 0.5s infinite;left: 49%;width: 70px;height: 40px;}
.lyric_view .video-making .img9{-webkit-animation: animatelyric 3s ease-in-out infinite ;left: 53%;-moz-animation: animatelyric 3s ease-in-out infinite ;left: 53%;animation: animatelyric 3s ease-in-out infinite ;left: 53%;width: 80px;height: 30px;}
.lyric_view .video-making .img10{-webkit-animation: animatelyric 2.9s ease-out 1.5s infinite;left: 60%;-moz-animation: animatelyric 2.9s ease-out 1.5s infinite;left: 60%;animation: animatelyric 2.9s ease-out 1.5s infinite;left: 60%;width: 40px;height: 40px;}
.lyric_view .video-making .img11{-webkit-animation: animatelyric 4s linear 3s infinite;left: 69%;-moz-animation: animatelyric 4s linear 3s infinite;left: 69%;animation: animatelyric 4s linear 3s infinite;left: 69%;width: 35px;height: 35px;}
.lyric_view .video-making .img12{-webkit-animation: animatelyric 4s ease 1s infinite;left: 74%;-moz-animation: animatelyric 4s ease 1s infinite;left: 74%;animation: animatelyric 4s ease 1s infinite;left: 74%;width: 70px;height: 30px;}
.lyric_view .video-making .img13{-webkit-animation: animatelyric 3.5s ease-out 1s infinite;left: 80%;-moz-animation: animatelyric 3.5s ease-out 1s infinite;left: 80%;animation: animatelyric 3.5s ease-out 1s infinite;left: 80%;width: 50px;height: 50px;}
.lyric_view .video-making .img14{-webkit-animation: animatelyric 4.1s ease-in 1.5s infinite;left: 87%;-moz-animation: animatelyric 4.1s ease-in 1.5s infinite;left: 87%;animation: animatelyric 4.1s ease-in 1.5s infinite;left: 87%;width: 60px;height: 60px;}
.lyric_view .video-making .img15{-webkit-animation: animatelyric 2s linear 1s infinite;left: 93%;-moz-animation: animatelyric 2s linear 1s infinite;left: 93%;animation: animatelyric 2s linear 1s infinite;left: 93%;width: 40px;height: 40px;}
.lyric_view {}


/****Youtube view*****/
.youtube_view .landing_video .overlay-content .intro{background-color: rgba(13, 13, 13, 0.8);}
.youtube_view .explainer-head{font-family: Lobster;color: #EC4A45;}
.youtube_view .explainer-subtext{color: #ffffff;}
.youtube_view .tryanimbtn{background: #FFFFFF;color: #2A2F33;}
.youtube_view .tryanimbtn:hover{background: #FFFFFF;}
.youtube_view .customers p {color: #777;}
.youtube_view .template_video_section {background-color:  #ebecec;}
.youtube_view .template_video_section  h3.text-center{color: #ff0000;font-family: Lobster;font-size: 50px;margin: auto;font-weight: 400;}
.youtube_view .template_video_section .content-upper ul li{color: #2A2A2A;}
.youtube_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #ff0000;}
.youtube_view .template_video_section .content-upper ul li::before{background-color: #ff0000;}
.youtube_view .template_video_section .template-box.horizon_set{margin-bottom: 25px;}
.youtube_view .template_video_section .template-box.vertical_set{margin-bottom: 50px;}
.youtube_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static_2.0/img/musicvideomaker/fathers-day-template.png');}
.youtube_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static_2.0/img/musicvideomaker/be-my-wife-template.png');}
.youtube_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/photo_maker/travel_template_new.png');}
.youtube_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static_2.0/img/holidayvideomaker/beach-template.png');}
.youtube_view .template_video_section .template-box ul li .greet_msg{text-align: center;}
.youtube_view .template_video_section .template-box ul li .greet_msg .temp_text{margin: 0;color: #3D3A4E;font-family: 'Lobster';}
.youtube_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #DD3E43;margin: 10px 0;}
.youtube_view .template_video_section .template-box ul li .vtemp1{background-image:url('https://www.animaker.com/static_2.0/img/instagramstorymaker/fitness-template.png');}
.youtube_view .template_video_section .template-box ul li .vtemp2{background-image:url('https://www.animaker.com/static_2.0/img/instagramstorymaker/event-invite.png');}
.youtube_view .template_video_section .template-box ul li .vtemp3{background-image:url('https://www.animaker.com/static_2.0/img/instagramstorymaker/give-away-template.png');}
.youtube_view .template_video_section .template-box ul li .vtemp4{background-image:url('https://www.animaker.com/static_2.0/img/instagramstorymaker/hospitality-template.png');}
/* .youtube_view .template_video_section .template-box ul li .vtemp5{background-image:url('/static/assets/images/landing/Vertical-thumb-01.png');} */
.youtube_view .video-making{ background-color: #c71900;}
.youtube_view .video_own{background-color: #ffffff;color: #000000;}
.youtube_view .special{color:#000000;width: 100%;}
.youtube_view .video-maker{font-family: 'Lobster';}
.youtube_view .video-making img{position: absolute;bottom: -15%;opacity: 0.7;}
@keyframes animateytvideo { to {bottom:100%;} }
.youtube_view .video-making .img1{animation: animateytvideo 4s linear 1.5s infinite ;left: 3%;width: 45px;height: 45px;}
.youtube_view .video-making .img13{animation: animateytvideo 3.5s ease 1s infinite;left: 9%;width: 35px;height: 35px;}
.youtube_view .video-making .img2{animation: animateytvideo 5.5s ease 1s infinite ;left:12%;width: 50px;height: 50px;}
.youtube_view .video-making .img3{animation: animateytvideo 6s ease-in infinite;left:19%;width: 60px;height: 60px;}
.youtube_view .video-making .img4{animation: animateytvideo 5s ease-out 4s infinite;left: 25%;width: 30px;height: 30px;}
.youtube_view .video-making .img5{animation: animateytvideo 3.7s ease-in-out 2.5s infinite;left: 31%;width: 50px;height: 50px;}
.youtube_view .video-making .img6{animation: animateytvideo 4.5s linear 1s infinite ;left: 40%;width: 45px;height: 45px;}
.youtube_view .video-making .img7{animation: animateytvideo 4.7s ease infinite;left: 49%;width: 35px;height: 35px;}
.youtube_view .video-making .img8{animation: animateytvideo 3.2s ease-in 0.5s infinite;left: 56%;width: 60px;height: 60px;}
.youtube_view .video-making .img9{animation: animateytvideo 3s ease-in-out infinite ;left: 63%;width: 50px;height: 50px;}
.youtube_view .video-making .img10{animation: animateytvideo 2.9s ease-out 1.5s infinite;left: 77%;width: 55px;height: 55px;}
.youtube_view .video-making .img11{animation: animateytvideo 4s linear 3s infinite;left: 85%;width: 60px;height: 60px;}
.youtube_view .video-making .img12{animation: animateytvideo 4s ease 2s infinite;left: 93%;width: 30px;height: 30px;}
.youtube_view {}

/*********Video maker view*************/
.video_maker_view .landing_video .overlay-content .intro{background-color: rgba(53, 50, 50,0.7);}
.video_maker_view .explainer-head{font-family: 'Montserrat';color: #ffffff;font-weight: 600;}
.video_maker_view .explainer-subtext{color: #ff9c00;}
.video_maker_view .tryanimbtn{background: #ed6699;}
.video_maker_view .customers p {color: #48361D;}
.video_maker_view .template_video_section {background-color:  #f7f5fb;}
.video_maker_view .template_video_section  h3.text-center{color: #5e5aec;font-family: 'Montserrat';font-size: 40px;margin: auto;font-weight: 500;z-index: 1;position: relative;}
.video_maker_view .template_video_section .content-upper ul li{color: #3e396b;}
.video_maker_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #a6b0d8;}
.video_maker_view .template_video_section .content-upper ul li::before{background-color: #a6b0d8;}
.video_maker_view .template_video_section .template-box{width: 80%;}
.video_maker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/LinkedIn-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/Horizontal-thumb-02.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/ad_templete.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/birthday-templete.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/santa-greet-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-3.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp7{background-image:url('https://www.animaker.com/static/assets/images/landing/ten-quotes-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .htemp8{background-image:url('https://www.animaker.com/static/assets/images/landing/USA_China.jpg');}
.video_maker_view .template_video_section .template-box ul li .vtemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-02.png');}
.video_maker_view .template_video_section .template-box ul li .vtemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-05.png');}
.video_maker_view .template_video_section .template-box ul li .vtemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-03.png');}
.video_maker_view .template_video_section .template-box ul li .vtemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-01.png');}
.video_maker_view .template_video_section .template-box ul li .vtemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/Vertical-thumb-04.png');}
.video_maker_view .template_video_section .template-box ul li .vtemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/quote-story-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .vtemp7{background-image:url('https://www.animaker.com/static/assets/images/landing/announcement-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .vtemp8{background-image:url('https://www.animaker.com/static/assets/images/landing/swipe-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .vtemp9{background-image:url('https://www.animaker.com/static/assets/images/landing/motivational1-story-thumb.jpg');}
.video_maker_view .template_video_section .template-box ul li .greet_msg .temp_text{padding: 5px 10px;color: #3D3A4E;font-weight: 600;}
.video_maker_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #5e5aec;}
.video_maker_view .video-making{ background-color: #5e5aec;}
.video_maker_view .video-making .video-maker{font-family: 'Montserrat';font-weight: bold;}
.video_maker_view .video-making .special{color:#9fbef8;}
.video_maker_view .video-making .video_own{background-color: #ed6699;}
.video_maker_view .video-making img.down{position: absolute;top: -20%;}
@keyframes animatedown { to {top:105%;} }
.video_maker_view .video-making .img1{animation: animatedown 4s linear 1.5s infinite ;left: 3%;width: 20px;height: 20px;}
.video_maker_view .video-making .img2{animation: animatedown 5.5s ease 1s infinite ;left:9%;width: 50px;height: 50px;}
.video_maker_view .video-making .img3{animation: animatedown 6s ease-in infinite;left:12%;width: 65px;height: 65px;}
.video_maker_view .video-making .img4{animation: animatedown 5s ease-out 4s infinite;left: 19%;width: 35px;height: 35px;}
.video_maker_view .video-making .img5{animation: animatedown 3.7s ease-in-out 2.5s infinite;left: 25%;width: 80px;height: 80px;}
.video_maker_view .video-making .img6{animation: animatedown 4.5s linear 1s infinite ;left: 31%;width: 25px;height: 25px;}
.video_maker_view .video-making .img7{animation: animatedown 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.video_maker_view .video-making .img8{animation: animatedown 3.2s ease-in 0.5s infinite;left: 49%;width: 70px;height: 70px;}
.video_maker_view .video-making .img9{animation: animatedown 3s ease-in-out infinite ;left: 53%;width: 30px;height: 30px;}
.video_maker_view .video-making .img10{animation: animatedown 2.9s ease-out 1.5s infinite;left: 60%;width: 20px;height: 20px;}
.video_maker_view .video-making .img11{animation: animatedown 4s linear 3s infinite;left: 69%;width: 55px;height: 55px;}
.video_maker_view .video-making .img12{animation: animatedown 4s ease 1s infinite;left: 74%;width: 30px;height: 30px;}
.video_maker_view .video-making .img13{animation: animatedown 3.5s ease-out 1s infinite;left: 80%;width: 45px;height: 45px;}
.video_maker_view .video-making .img14{animation: animatedown 1s ease-in 1s infinite;left: 87%;width: 60px;height: 60px;}
.video_maker_view .video-making .img15{animation: animatedown 2s linear 1s infinite;left: 93%;width: 20px;height: 20px;}
.video_maker_view .videostyle_section ul li .thumb1{background-image:url('https://www.animaker.com/static/assets/images/landing/video-presentation-og-image.JPG');}
.video_maker_view .videostyle_section ul li .thumb2{background-image:url('https://www.animaker.com/static/assets/images/landing/video-infographics.jpeg');}
.video_maker_view .videostyle_section ul li .thumb3{background-image:url('https://www.animaker.com/static/assets/images/landing/whiteboard-og-image.jpg');}
.video_maker_view{}

/****Slideshow Maker view*****/
.slidemaker_view.video_maker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/Travel_Infographic.jpg');}
.slidemaker_view.video_maker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/USA_China.jpg');}
.slidemaker_view.video_maker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/Business-Presentation-thumbnail.jpg');}
.slidemaker_view .template_video_section .template-box ul li .greet_msg .temp_text {font-size:14px;}
/****Instagram Video Maker view*****/
.instamaker_view .landing_video .overlay-content .intro{background-color: rgba(81,26,114,0.7);}
.instamaker_view .explainer-head{font-family: 'Lobster';}
.instamaker_view .explainer-subtext{color: #F6E360;}
.instamaker_view .tryanimbtn{background-color: #fff;color: #2A2A2A;font-weight: 600;}
.instamaker_view .customers p{color: #2B2B2B;}
.instamaker_view .template_video_section{background-color: #511a72;}
.instamaker_view .template_video_section h3.text-center{color: #f9cd3c;font-family: 'Lobster';font-size: 50px;margin: auto;font-weight: 400;}
.instamaker_view .template_video_section .template-box .templates_title{color: #fff;}
.instamaker_view .template_video_section .content-upper ul li{color: #fff;}
.instamaker_view .template_video_section .content-upper ul li::before{background-color: #F0D87A;}
.instamaker_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #F0D87A;}
.instamaker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/ad_templete.jpg');}
.instamaker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/animaker-theme-song-thumb.jpg');}
.instamaker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-1.png');}
.instamaker_view .template_video_section .template-box ul li .vtemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/insta_thumb5.jpg');}
.instamaker_view .template_video_section .template-box ul li .vtemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/insta_thumb2.jpg');}
.instamaker_view .template_video_section .template-box ul li .vtemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/insta_thumb1.jpg');}
.instamaker_view .template_video_section .template-box ul li .vtemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/insta_thumb4.jpg');}
.instamaker_view .template_video_section .template-box ul li .vtemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/insta_thumb3.jpg');}
.instamaker_view .template_video_section .template-box ul li .greet_msg .temp_text{color: #3E3E3E;font-weight: 600;font-family: 'Lobster';}
.instamaker_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #EF297A;}
.instamaker_view .testimony .testimonial-slides .testimonial_title{color: #511a72;font-family: 'Lobster';font-size: 30px;text-align: center;}
.instamaker_view .video-making{background: linear-gradient(70deg,rgb(249,237,50),rgb(238,42,123),rgb(0,42,255));}
.instamaker_view .video-making .video-maker{font-family: 'Lobster';}
.instamaker_view .video-making .special{color: #fff;}
.instamaker_view .video-making .video_own{background-color: #fff;color: #373FBE;font-size: 20px;}
.instamaker_view .video-making img.down{position: absolute;bottom: -15%;}
@keyframes animateup { to {bottom:100%;} }
.instamaker_view .video-making .img1{animation: animateup 4s linear 1.5s infinite ;left: 3%;width: 20px;height: 20px;}
.instamaker_view .video-making .img2{animation: animateup 5.5s ease 1s infinite ;left:9%;width: 50px;height: 50px;}
.instamaker_view .video-making .img3{animation: animateup 6s ease-in infinite;left:12%;width: 65px;height: 65px;}
.instamaker_view .video-making .img4{animation: animateup 5s ease-out 4s infinite;left: 19%;width: 35px;height: 35px;}
.instamaker_view .video-making .img5{animation: animateup 3.7s ease-in-out 2.5s infinite;left: 25%;width: 80px;height: 80px;}
.instamaker_view .video-making .img6{animation: animateup 4.5s linear 1s infinite ;left: 31%;width: 25px;height: 25px;}
.instamaker_view .video-making .img7{animation: animateup 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.instamaker_view .video-making .img8{animation: animateup 3.2s ease-in 0.5s infinite;left: 49%;width: 70px;height: 70px;}
.instamaker_view .video-making .img9{animation: animateup 3s ease-in-out infinite ;left: 53%;width: 30px;height: 30px;}
.instamaker_view .video-making .img10{animation: animateup 2.9s ease-out 1.5s infinite;left: 60%;width: 20px;height: 20px;}
.instamaker_view .video-making .img11{animation: animateup 4s linear 3s infinite;left: 69%;width: 55px;height: 55px;}
.instamaker_view .video-making .img12{animation: animateup 4s ease 1.5s infinite;left: 74%;width: 30px;height: 30px;}
.instamaker_view .video-making .img13{animation: animateup 3.5s ease-out 1s infinite;left: 80%;width: 45px;height: 45px;}
.instamaker_view .video-making .img14{animation: animateup 5s ease-in 2s infinite;left: 87%;width: 60px;height: 60px;}
.instamaker_view .video-making .img15{animation: animateup 2s linear 4s infinite;left: 93%;width: 20px;height: 20px;}
.instamaker_view {}

/****Photo Maker view*****/
.photomaker_view .landing_video .overlay-content .intro{background-color: rgba(144,218,185,0.7);}
.photomaker_view .explainer-head{font-weight: 600;font-family: 'Open sans',sans-serif;font-size: 60px;}
.photomaker_view .explainer-subtext{color: #2f2f2f;font-size: 30px;}
.photomaker_view .tryanimbtn{color: #2f2f2f;background-color: #ffffff;font-size: 20px;}
.photomaker_view .customers{background-color: #4C5260;margin: 0;padding: 75px 0;}
.photomaker_view .customers p{margin-top: 0%;color: #777B87;margin-bottom: 3%;font-size: 25px;}
.photomaker_view .template_video_section{background-color: #fff;}
.photomaker_view .template_video_section h3.text-center{width: 60%;color: #35B87F;border: 5px solid #4C5260;font-size: 50px;margin: 5% auto 40px !important;padding: 5px 50px;display: table;}
.photomaker_view .template_video_section .templates_btn{background-color: #35B87F;color: #fff;padding: 15px 50px;border-radius: 30px;font-size: 20px;font-weight: 600;font-family: 'Open Sans',sans-serif;box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);margin-bottom: 40px;}
.photomaker_view .template_video_section .content-upper ul li{color: #2F2F2F;font-family: 'Open Sans',sans-serif;font-weight: 500;font-size: 18px;}
.photomaker_view .template_video_section .content-upper ul li::before{height: 8px;width: 8px;top: 0px;left: -40px;transform: rotate(45deg);border-radius: 0px;background-color: #35B87F;}
.photomaker_view .template_video_section .content-upper ul li span.hcircle{border: 1px solid #7F7F7F;transform: rotate(45deg);border-radius: 0px;height: 14px;width: 14px;left: -43px;top: 19px}
.photomaker_view .template_video_section .content-upper ul li:not(:last-child) span.hcircle::after{border-left: 1px solid #161617;transform: rotate(-45deg);top: 7px;left: 24px;height: 36px;}
.photomaker_view .template_video_section .template-box ul li .thumb{box-shadow: 0px -3px 10px -5px rgba(0,0,0,0.75);}
.photomaker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/picturegreet-thumb.jpg');}
.photomaker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/fathers-day-thumb.jpg');}
.photomaker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/valentines-day-thumb.jpg');}
.photomaker_view .template_video_section .template-box ul li .greet_msg{box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.75);}
.photomaker_view .template_video_section .template-box ul li .greet_msg .temp_text{color: #2A2A2A;font-family: 'Lobster';}
.photomaker_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #35B87F;}
.photomaker_view .tab_section{}
.photomaker_view .tab_section #slider_set{height: auto;margin: 0 !important;}
.photomaker_view .tab_section .tab_desc .bg_img{background-size: 100%;background-repeat: no-repeat;text-align: center;height: 500px;position: relative;}
.photomaker_view .tab_section .tab_desc#wedding .bg_img{background-image:url('https://www.animaker.com/static/assets/images/landing/wedding.jpeg');}
.photomaker_view .tab_section .tab_desc#company .bg_img{background-image:url('https://www.animaker.com/static/assets/images/landing/company-intro.jpeg');}
.photomaker_view .tab_section .tab_desc#greet .bg_img{background-image:url('https://www.animaker.com/static/assets/images/landing/video-greeting.jpeg');}
.photomaker_view .tab_section .tab_desc#media .bg_img{background-image:url('https://www.animaker.com/static/assets/images/landing/social-media.jpeg');}
.photomaker_view .tab_section .tab_desc .bg_img .overlay{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.71);position: absolute;transition: 0.2s ease all;}
.photomaker_view .tab_section .tab_desc .bg_img h3{font-size: 100px;font-family: 'Open Sans',sans-serif;font-weight: 600;color: #27BD7C;z-index: 999;margin: 30px 0;}
.photomaker_view .tab_section .tab_desc .bg_img p{font-family: 'Open Sans',sans-serif;color: #fff;font-size: 24px;margin: 0;z-index: 999;line-height: 2;width: 80%;}
.photomaker_view .tab_buttons{background-color: #4C5260;}
.photomaker_view .tab_buttons ol{padding-top: 25px !important;width: auto;bottom: 0;}
/* .photomaker_view .tab_buttons ol li{padding: 15px 40px;height: 100%;margin: 0;position: relative;background-color: transparent;opacity: 1;width: auto;border: none;text-indent: 0px;} */
.photomaker_view .tab_buttons ol li.active ::before{content: '';border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #35B87F;margin: auto;left: 0;right: 0;top: -13px;position: absolute;width: 15px;height: 15px;}
.photomaker_view .tab_buttons ol li  span{width: 75px;height: 75px;background-repeat: no-repeat;display: block;margin: auto;background-image:url('https://www.animaker.com/static/assets/images/landing/photomaker-slider-icons.png');cursor: pointer}
.photomaker_view .tab_buttons ol li.wedding_tab span{background-position: -15px -15px;}
.photomaker_view .tab_buttons ol li.company_tab span{background-position: -115px -15px;}
.photomaker_view .tab_buttons ol li.greet_tab span{background-position: -215px -15px;}
.photomaker_view .tab_buttons ol li.media_tab span{background-position: -316px -15px;}
.photomaker_view .tab_buttons ol li.wedding_tab.active span{background-position: -15px -116px;}
.photomaker_view .tab_buttons ol li.company_tab.active span{background-position: -115px -115px;}
.photomaker_view .tab_buttons ol li.greet_tab.active span{background-position: -215px -115px;}
.photomaker_view .tab_buttons ol li.media_tab.active span{background-position: -315px -115px;}
.photomaker_view .tab_buttons ol li  p{color: #fff;font-size: 16px;font-weight: 600;font-family: 'Open Sans',sans-serif;text-align: center;cursor: pointer}

.photomaker_view .video-making{background-color: #8ACE95;}
.photomaker_view .video-making .video-maker{font-family: 'Lobster';}
.photomaker_view .video-making .special{color: #fff;width: 100%;}
.photomaker_view .video-making .video_own{background-color: #fff;color: #343434;}
.photomaker_view .photo_testimony .testimonial_content{/*width: 75%;*/margin: 50px auto;}
.photomaker_view .photo_testimony .testimonial_content .testimony_section{display: inline-block;vertical-align: middle;}
/* .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_image{width: 30%;} */
/* .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_image img{width: 250px;height: 250px;} */
.photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content{font-family: 'Open Sans',sans-serif;/*margin-left: 15px;width: 65%;*/}
.photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content h3{color: #27BD7C;font-family:'Lobster';font-size: 71px;font-weight: bold;margin: 30px 0px;}
.photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content p{color: #939191;}
.photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .desc{font-size: 20px;line-height: 1.5;}
.photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .author{font-size: 16px;}

#slider_set .carousel-indicators{position: unset;bottom: unset;left: unset;z-index: unset;width: unset;text-align: unset;list-style: unset;}
#slider_set .carousel-indicators li{display: unset;width: unset;height: unset;margin: unset;text-indent: unset;cursor: unset;border: unset;border-radius: unset;}

/****Text animation maker view*****/
.textanimate_view .landing_section .video_bg{background-image: url('https://www.animaker.com/static/assets/images/landing/textanimation_headbg.jpg');}
.textanimate_view .landing_section .video_content .head_title{color: #fff;}
.textanimate_view .landing_section .video_content .head_subtitle{color: #fff;}
.textanimate_view .landing_section .video_content .headcreate_btn{background-color: #f1cd37;color: #000;}
.textanimate_view .customers p{font-family: 'Open Sans',sans-serif;margin-bottom: 4%;margin-top: 0;}
.textanimate_view .template_video_section{background-color: #EFEFEF;}
.textanimate_view .template_video_section h3.text-center{font-family: 'Montserrat';font-size: 40px;margin: 5% auto 40px !important;}
.textanimate_view .template_video_section .content-upper ul li{color: #000;}
.textanimate_view .template_video_section .templates_btn{background-color: #5B5AD9;color: #fff;padding: 15px 50px;border-radius: 30px;font-size: 20px;font-weight: 600;font-family: 'Open Sans',sans-serif;box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);margin-bottom: 40px;}
.textanimate_view .template_video_section .template-box{margin-bottom: 0;}
.textanimate_view .template_video_section .template-box ul li.horizontal{margin-bottom: 0;padding: 0;float: left;}
.textanimate_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/lyric-video-thumb1.jpg');}
.textanimate_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/crazy_ones_thumb.jpg');}
.textanimate_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/lyric-video-thumb2.jpg');}
.textanimate_view .video-making{ background-color: #5B5AD9;}
.textanimate_view .video-making .video-maker{font-family: 'Montserrat';font-weight: 600;}
.textanimate_view .video-making .special{color:#C5CCFE;}
.textanimate_view .video-making .video_own{background-color: #F1CD37;color: #000;}
.textanimate_view .video-making img.down{position: absolute;top: -20%;}
@keyframes animationdown { to {top:105%;} }
@-webkit-keyframes animationdown { to {top:105%;} }
.textanimate_view .video-making .img1{-webkit-animation: animationdown 4s linear 1.5s infinite ;left: 3%;-moz-animation: animationdown 4s linear 1.5s infinite ;left: 3%;animation: animationdown 4s linear 1.5s infinite ;left: 3%;width: 44px;height: 44px;}
.textanimate_view .video-making .img2{-webkit-animation: animationdown 5.5s ease 1s infinite ;left:9%;-moz-animation: animationdown 5.5s ease 1s infinite ;left:9%;animation: animationdown 5.5s ease 1s infinite ;left:9%;width: 30px;height: 30px;}
.textanimate_view .video-making .img3{-webkit-animation: animationdown 6s ease-in infinite;left:12%;-moz-animation: animationdown 6s ease-in infinite;left:12%;animation: animationdown 6s ease-in infinite;left:12%;width: 40px;height: 40px;}
.textanimate_view .video-making .img4{-webkit-animation: animationdown 5s ease-out 4s infinite;left: 19%;-moz-animation: animationdown 5s ease-out 4s infinite;left: 19%;animation: animationdown 5s ease-out 4s infinite;left: 19%;width: 35px;height: 35px;}
.textanimate_view .video-making .img5{-webkit-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;-moz-animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;animation: animationdown 3.7s ease-in-out 2.5s infinite;left: 25%;width: 29px;height: 29px;}
.textanimate_view .video-making .img6{-webkit-animation: animationdown 4.5s linear 1s infinite ;left: 31%;-moz-animation: animationdown 4.5s linear 1s infinite ;left: 31%;animation: animationdown 4.5s linear 1s infinite ;left: 31%;width: 35px;height: 35px;}
.textanimate_view .video-making .img7{-webkit-animation: animationdown 4.7s ease infinite;left: 40%;-moz-animation: animationdown 4.7s ease infinite;left: 40%;animation: animationdown 4.7s ease infinite;left: 40%;width: 45px;height: 45px;}
.textanimate_view .video-making .img8{-webkit-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;-moz-animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;animation: animationdown 3.2s ease-in 0.5s infinite;left: 49%;width: 25px;height: 25px;}
.textanimate_view .video-making .img9{-webkit-animation: animationdown 3s ease-in-out infinite ;left: 53%;-moz-animation: animationdown 3s ease-in-out infinite ;left: 53%;animation: animationdown 3s ease-in-out infinite ;left: 53%;width: 30px;height: 30px;}
.textanimate_view .video-making .img10{-webkit-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;-moz-animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;animation: animationdown 2.9s ease-out 1.5s infinite;left: 60%;width: 40px;height: 40px;}
.textanimate_view .video-making .img11{-webkit-animation: animationdown 4s linear 3s infinite;left: 69%;-moz-animation: animationdown 4s linear 3s infinite;left: 69%;animation: animationdown 4s linear 3s infinite;left: 69%;width: 30px;height: 30px;}
.textanimate_view .video-making .img12{-webkit-animation: animationdown 4s ease 1s infinite;left: 74%;-moz-animation: animationdown 4s ease 1s infinite;left: 74%;animation: animationdown 4s ease 1s infinite;left: 74%;width: 50px;height: 50px;}
.textanimate_view .video-making .img13{-webkit-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;-moz-animation: animationdown 3.5s ease-out 1s infinite;left: 80%;animation: animationdown 3.5s ease-out 1s infinite;left: 80%;width: 33px;height: 33px;}
.textanimate_view .video-making .img14{-webkit-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;-moz-animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;animation: animationdown 4.1s ease-in 1.5s infinite;left: 87%;width: 40px;height: 40px;}
.textanimate_view .video-making .img15{-webkit-animation: animationdown 2s linear 1s infinite;left: 93%;-moz-animation: animationdown 2s linear 1s infinite;left: 93%;animation: animationdown 2s linear 1s infinite;left: 93%;width: 20px;height: 20px;}
.textanimate_view .testimony .testimonial-slides{margin: 100px 0;}
.textanimate_view .testimony .testimonial-slides .testimonial_title{color: #000;font-family: 'Open Sans',sans-serif;font-size: 30px;margin: 20px 0 20px 30%;font-weight: bold;}
.textanimate_view{}

/************Outro Maker View*************/
.outromaker_view .landing_section .video_bg{background-image: url('https://www.animaker.com/static/assets/images/landing/outro-headbg.jpg');}
.outromaker_view .landing_section .video_content .head_title{color: #1c1c1c;font-style: italic;font-weight: 700;font-size: 55px;}
.outromaker_view .landing_section .video_content .head_subtitle{color: #1c1c1c;font-style: italic;}
.outromaker_view .landing_section .video_content .headcreate_btn{background-color: #ddfe00;color: #101010;}
.outromaker_view .customers p{font-family: 'Open Sans',sans-serif;margin-bottom: 4%;margin-top: 0;}
.outromaker_view .template_video_section{background-color: #EFEFEF;}
.outromaker_view .template_video_section h3.text-center{font-family: 'Montserrat';font-size: 40px;margin: 5% auto 40px !important;color: #080808;}
.outromaker_view .template_video_section .content-upper ul {margin-left: 50px;}
.outromaker_view .template_video_section .content-upper ul li{color: #080808;font-style: italic;}
.outromaker_view .template_video_section .template-box ul li .thumb .temp_overlay .edit_temp{}
.outromaker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/show_social_media.jpg');}
.outromaker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/thank_audience.jpg');}
.outromaker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/multiple_cta.jpg');}
.outromaker_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/follow_cta.jpg');}
.outromaker_view .template_video_section .template-box{margin-bottom: 0;}
.outromaker_view .template_video_section .templates_btn{background-color: #8361d2;color: #fff;padding: 15px 50px;border-radius: 30px;font-size: 20px;font-weight: 600;font-family: 'Open Sans',sans-serif;box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);margin-bottom: 40px;}
.outromaker_view .testimony .testimonial-slides .testimonial_title{color: #000;font-family: 'Open Sans',sans-serif;font-size: 30px;margin: 20px 0 20px 30%;font-weight: bold;}
.outromaker_view .video-making{background-color: #00fead;overflow: hidden;}
.outromaker_view .video-making .video-maker{color: #181808;font-family: 'Montserrat';font-weight: 600;}
.outromaker_view .video-making .special{color:#00482F;}
.outromaker_view .video-making .video_own{background-color: #DEFD01;color: #181808;}
.outromaker_view .video-making img{position: absolute;overflow: hidden;}
.outromaker_view .video-making .img1{bottom: -10%;left: -10%;}
.outromaker_view .video-making .img2{top: -10%;left: 20%;}
.outromaker_view .video-making .img3{bottom: -10%;right: 30%;}
.outromaker_view .video-making .img4{top: -10%;right: -10%;}
.outromaker_view{}


/************Doodle Maker View*************/
.doodle_view .landing_section .video_bg {background-image: url('https://www.animaker.com/static/assets/images/landing/head_cover.jpg');}
.doodle_view .landing_section .video_content .head_title{color: #5b5bd6;font-size: 55px;font-family: 'Ribeye';}
.doodle_view .landing_section .video_content .head_subtitle{color: #2d2d2d;font-style: italic;}
.doodle_view .landing_section .video_content .headcreate_btn{background-color: #ddfe00;color: #101010;margin-top: 0;}
.doodle_view .customers{padding: 52px 0;margin: 0;background-color: #272727;}
.doodle_view .customers p {font-family: 'Open Sans',sans-serif;color: #636363;margin-bottom: 4%;margin-top: 0;}
.doodle_view .template_video_section{background-image: url('https://www.animaker.com/static/assets/images/landing/templates_body_bg.jpg');background-size: 100% 100%;}
.doodle_view .template_video_section .home{width: 100%;padding-top: 0;}
.doodle_view .template_video_section section{display: block;margin-top: 50px;}
.doodle_view .template_video_section .home .whiteboard-pack h2{font-family: 'Ribeye';font-size: 40px;color: #5b5bd6;}
.doodle_view .template_video_section .home .whiteboard-pack p{color: #1D1D1D;font-size: 20px;font-family: 'Open Sans',sans-serif;}
.doodle_view .template_video_section .content-upper ul li{color: #1D1D1D;}
.doodle_view .template_video_section .content-upper ul li span.numcircle {color: #000;}
.doodle_view .template_video_section .content-upper ul li span.numcircle::before {background-color: #D4D4D4;}
.doodle_view .template_video_section h3.text-center{font-family: 'Ribeye';font-size: 40px;margin: 5% auto 40px !important;color: #5b5bd6;}
.doodle_view .template_video_section .template-box{margin-bottom: 0;}
.doodle_view .template_video_section .template-box ul li.horizontal{margin-bottom: 0;padding: 0;float: left;}
.doodle_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-1.png');}
.doodle_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-2.jpg');}
.doodle_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-3.jpg');}
.doodle_view .template_video_section .templates_btn{background-color: #ddfe00;color: #000;padding: 15px 50px;border-radius: 30px;font-size: 20px;font-weight: 600;font-family: 'Open Sans',sans-serif;box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);margin-bottom: 40px;}
.doodle_view .testimony{background-image: url('https://www.animaker.com/static/assets/images/landing/testimonial.jpg');background-size: 100% 100%;}
.doodle_view .testimony .testimonial-slides .testimonial_title{color: #5b5bd6;font-family: 'Ribeye';font-size: 40px;margin: 20px 0 20px 30%;}
.doodle_view .testimony .testimonial-slides .carousel-inner .testimonial p{color: #474747;}
.doodle_view .testimony .testimonial-slides .carousel-indicators li.active{background-color: #5b5bd6;border-color: #5b5bd6;}
.doodle_view .video-making{background-image: url('https://www.animaker.com/static/assets/images/landing/footer_image.jpg');background-size: 100% 100%;}
.doodle_view .video-making .video-maker{color: #fff;font-family: 'Ribeye';font-weight: 600;}
.doodle_view .video-making .special{color:#fff;}
.doodle_view .video-making .video_own{background-color: #ddfe00;color: #000;}
.doodle_view {}

/************Promo video View*************/
.promo_view .landing_section .video_content .container{height:60%;}
.promo_view .landing_section .video_bg {background-image: url('https://www.animaker.com/static/assets/images/landing/board_bg.jpg');}
.promo_view .video-top{margin-top:80%;}
.promo_view .landing_section .video_content .head_title{color: #fff;font-size: 40px;font-family: 'Montserrat';font-weight:bold;}
.promo_view .landing_section .video_content .head_subtitle{color: #fff;font-family: 'Open sans',sans-serif;font-size:18px;}
.promo_view .landing_section .video_content .headcreate_btn{background-color: #ffcd0b;color: #101010;margin: 40px 0;;font-family: 'Open sans',sans-serif;}
.promo_view .customers{padding: 52px 0;margin: 0;}
.promo_view .customers p {font-family: 'Open Sans',sans-serif;color: #636363;margin-bottom: 4%;margin-top: 0;}
.promo_view .template_video_section{background-color: #F2F0F1}
.promo_view .template_video_section .home{width: 100%;padding-top: 0;}
.promo_view .template_video_section section{display: block;margin-top: 50px;}
.promo_view .templates_heading{margin: 25px 0;font-family: 'Montserrat';font-size: 40px;color: #2d2d2d;font-weight:600;line-height: 1.2;}
.promo_view .template_video_section .home .whiteboard-pack h2{font-family: 'Ribeye';font-size: 40px;color: #5b5bd6;}
.promo_view .template_video_section .home .whiteboard-pack p{color: #1D1D1D;font-size: 20px;font-family: 'Open Sans',sans-serif;}
.promo_view .template_video_section .content-upper ul li{color: #1D1D1D;}
.promo_view .template_video_section .content-upper ul li span.numcircle {color: #fff;font-family: 'Montserrat';}
.promo_view .template_video_section .content-upper ul li span.numcircle::before {background-color: ##42C560;}
.promo_view .template_video_section h3.text-center{font-family:'Montserrat';font-size: 40px;margin: 5% auto 40px !important;color: #2d2d2d;}
.promo_view .template_video_section .template-box{margin-bottom: 0;}
.promo_view .template_video_section .template-box ul li.horizontal{margin-bottom: 0;padding: 0;float: left;}
.promo_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/wb-thumb-3.jpg');}
.promo_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/service_explainer.jpg');}
.promo_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/product_explainer.png');}
.promo_view .template_video_section .templates_btn{background-color: #41a6ff;color: #fff;padding: 15px 50px;border-radius: 30px;font-size: 20px;font-weight: 600;font-family: 'Open Sans',sans-serif;box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);margin-bottom: 40px;}
/* .promo_view .testimony{background-image: url('/static/assets/images/landing/testimonial.jpg');background-size: 100% 100%;} */
.promo_view .testimony .testimonial-slides .testimonial_set.testimonial-quote{margin-top:0;text-align:center;margin:30px auto;}
.promo_view .testimony .testimonial-slides .testimonial_set{display:block;}
.promo_view .testimony .testimonial-slides .testimonial_set.carousel-inner{width:100%;text-align:center;float:none;}
.promo_view .testimony .testimonial-slides #myCarousel.double{height:auto;}
.promo_view .testimony .testimonial-slides .testimonial_title{color: #2d2d2d;font-family: 'Open Sans',sans-serif;font-size: 40px;text-align:center;font-weight: bold;line-height:1.2;}
.promo_view .testimony .testimonial-slides .carousel-inner .testimonial p{color: #939191;font-family: 'Open Sans',sans-serif;font-size: 18px;}
.promo_view .testimony .testimonial-slides .carousel-indicators li.active{background-color: #5b5bd6;border-color: #5b5bd6;}
.promo_view .video-making{background-image: url('https://www.animaker.com/static/assets/images/landing/board_bg.jpg');background-size: 100% 100%;}
.promo_view .video-making .video-maker{color: #fff;font-family: 'Montserrat';font-weight: 600;font-size:45px;}
.promo_view .video-making .special{color:#b4dcff;font-family: 'Open Sans',sans-serif;font-size:26px;}
.promo_view .video-making .video_own{background-color: #f1cd37;color: #000;}
.promo_view {}
/************Logo Animation maker View*************/
/* .logo-maker_view .video-top{margin-top:80%;} */
.logo-maker_view .landing {width: 100%; height: 100%;}
.logo-maker_view .topcontainer {width: 100%; height: 75%; background-image: url('https://www.animaker.com/static/assets/images/landing/Main_banner_new.png'); background-repeat: no-repeat; background-size: 100% 100%;}
.logo-maker_view .bottomcontainer {width: 100%; height: 25%; background-color: #121212;}
.logo-maker_view .bottomcontainer p {margin: 0; color: #fff; text-align: center;padding: 5px 0 12px 0;font-family: 'Montserrat';font-size: 21px;}
.logo-maker_view .bottomcontainer p span{color:#fcee21;font-size:20px;font-weight:700;}
.logo-maker_view .bottomcontainer img {display: block; margin: 0 auto;width:100%;}
.logo-maker_view .vertical-center {width:100%; text-align: center;}
.logo-maker_view .rightcontent .vertical-container{text-align:left;}
.logo-maker_view .bottomcontainer .vertical-container{margin:30px 0;width: 98%;position: relative;}
.logo-maker_view .vertical-center:before {content: ' '; display: inline-block; vertical-align: middle; height: 100%;}
.logo-maker_view .vertical-center .vertical-container {display: inline-block; vertical-align: middle;}
.logo-maker_view .topcontainer .vertical-container{height:100%;}
.logo-maker_view .videosection {width: 1000px; height: 100%;}
.logo-maker_view .videosection .leftcontainer, .videosection .rightcontainer {width: 49%; height: 100%; display: inline-block;}
.logo-maker_view .leftcontainer video {width: 96% !important; height: 100% !important;}
.logo-maker_view .rightcontainer {position: relative; top: -52%;}
.logo-maker_view .vertical-container h1,h2{margin:0 !important;}
.logo-maker_view .head_title{color: #fff;font-size: 70px;font-family: 'Montserrat';font-weight:bold;}
.logo-maker_view .head_title1{color: #fff;font-size: 40px;font-family: 'Montserrat';font-weight:500;line-height:0.5}
.logo-maker_view .head_subtitle{color: #fff;font-family: 'Montserrat';font-size:18px;font-style:italic;margin-bottom: 50px;font-weight:500;line-height: 2.5;}
.logo-maker_view .headcreate_btn{background-color: #fcee21;color: #000000;margin: 40px 0;;font-family: 'Montserrat';font-style:italic;font-weight:500;font-size: 20px;padding: 17px 30px;border-radius: 30px;text-decoration: none !important;}
.logo-maker_view .headcreate_btn:hover{color:#000000;}
/* .logo-maker_view .landing_video .overlay-content .intro{background-color: rgba(53, 50, 50,0.7);} */
.logo-maker_view .explainer-head{font-family: 'Montserrat';color: #ffffff;font-weight: 600;}
.logo-maker_view .explainer-subtext{color: #ff9c00;font-family:'Open sans',sans-serif;}
.logo-maker_view .tryanimbtn{background: #9568d6;}
/* .logo-maker_view .tryanimbtn:hover{color: #ffffff;} */
.logo-maker_view .landing_section .video_content .container{height:69%;}
.logo-maker_view .landing_section .video_bg {background-image: url('https://www.animaker.com/static/assets/images/landing/Main_Banner.png');}
.logo-maker_view .landing_section .video_content .head_title{color: #fff;font-size: 70px;font-family: 'Montserrat';font-weight:bold;}
.logo-maker_view .landing_section .video_content .head_title1{color: #fff;font-size: 40px;font-family: 'Montserrat';font-weight:500;}
.logo-maker_view .landing_section .video_content .head_subtitle{color: #fff;font-family: 'Montserrat';font-size:18px;font-style:italic;}
.logo-maker_view .landing_section .video_content .headcreate_btn{background-color: #ffcd0b;color: #000000;margin: 40px 0;;font-family: 'Montserrat';font-style:italic;font-weight:700;}
.logo-maker_view .customers{background-color:#121212;margin:0;padding:52px 0;}
.logo-maker_view .customers p { font-family:'Montserrat';color: #ffffff;font-size:20px;margin-top:-2%;margin-bottom:20px;}
.logo-maker_view .customers p span{color:#fcee21;font-size:20px;font-weight:700;}
.logo-maker_view .template_video_section .template-box {background-color:  #f5f5f5;margin-bottom:0;}
.logo-maker_view .template_video_section  h3.text-center{color: #000;font-family: 'Montserrat';font-size: 30px;margin: auto;font-weight: 500;z-index: 1;position: relative;margin:5% auto 40px !important;}
.logo-maker_view .template_video_section  h3.text-center span{font-weight:bold;}
.logo-maker_view .template_video_section .template-box ul.horizon_temp{margin-bottom:50px;}
.logo-maker_view .template_video_section .content-upper ul li{color: #000;font-family: 'Montserrat';font-size:19px;}
.logo-maker_view .template_video_section .content-upper ul li span.hcircle::after{border-left: 2px solid #ff3366;}
.logo-maker_view .template_video_section .content-upper ul li::before{background-color: #b93f3f;height:14px;width:36px;border-radius:50px;left:-190px;}
.logo-maker_view .template_video_section .content-upper ul li span.symbol-1::before{content:'';background-color: #b93f3f;height:12px;width:17px;border-radius:22px;;left:-214px;top:23px;bottom:0;position:absolute;}
.logo-maker_view .template_video_section .content-upper ul li span.symbol-2::before{content:'';background: radial-gradient(#b13c3c, #f65454);height:15px;width:82px;border-radius:54px;left:-140px;top:21px;bottom:0;position:absolute;}
.logo-maker_view .template_video_section .template-box .templates_title{color: #000;font-family:'Montserrat';font-size:30px;font-weight:700;padding:40px 0;}
.logo-maker_view .template_video_section .content-upper ul li span.numcircle::before{background-color: #F65454;}
.logo-maker_view .template_video_section .template-box ul{width: 90%;margin: auto;}
.logo-maker_view .template_video_section .templates_btn{background-color: #785ba1;color: #fff;padding: 15px 35px;border-radius: 30px;font-size: 30px;font-style:italic;font-weight: 600;font-family:'Montserrat';box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.75);margin-bottom: 40px;}
/* .logo-maker_view .template_video_section .template-box ul li.horizontal{margin: 0 30px 80px;} */
.logo-maker_view .template_video_section .template-box ul li.horizontal{margin-bottom:90px;width:265px;height:160px;display:inline-block;padding:10px;}
.logo-maker_view .template_video_section .template-box ul li.horizontal .greet_msg{height:90px;}
.logo-maker_view .template_video_section .template-box ul li.horizontal .greet_msg .temp_text{width:auto;padding:5px;font-family:'Montserrat';}
.logo-maker_view .template_video_section .template-box ul li .greet_msg .edit_temp a{color:#000;font-family:'Montserrat';font-style:italic;font-weight:600;}
.logo-maker_view .template_video_section .template-box ul li .htemp1{background-image:url('https://www.animaker.com/static/assets/images/landing/show_social_media.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp2{background-image:url('https://www.animaker.com/static/assets/images/landing/thank_audience.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp3{background-image:url('https://www.animaker.com/static/assets/images/landing/intro_brand_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp4{background-image:url('https://www.animaker.com/static/assets/images/landing/focus_brand_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp5{background-image:url('https://www.animaker.com/static/assets/images/landing/website_url.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp6{background-image:url('https://www.animaker.com/static/assets/images/landing/unveil_brand_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp7{background-image:url('https://www.animaker.com/static/assets/images/landing/sketch_brand_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp8{background-image:url('https://www.animaker.com/static/assets/images/landing/multiple_cta.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp9{background-image:url('https://www.animaker.com/static/assets/images/landing/logo_url.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp10{background-image:url('https://www.animaker.com/static/assets/images/landing/brand_cta_search.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp11{background-image:url('https://www.animaker.com/static/assets/images/landing/draw_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp12{background-image:url('https://www.animaker.com/static/assets/images/landing/logo_url_transition.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp13{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp14{background-image:url('https://www.animaker.com/static/assets/images/landing/follow_cta.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp15{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_logo_url.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp16{background-image:url('https://www.animaker.com/static/assets/images/landing/circular_logo.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp17{background-image:url('https://www.animaker.com/static/assets/images/landing/reveal_web_url.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp18{background-image:url('https://www.animaker.com/static/assets/images/landing/search_boxcta.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp19{background-image:url('https://www.animaker.com/static/assets/images/landing/brand_name_tag_url.jpg');}
.logo-maker_view .template_video_section .template-box ul li .htemp20{background-image:url('https://www.animaker.com/static/assets/images/landing/tetris_logo.jpg');}
/* .logo-maker_view .template_video_section .template-box ul li .greet_msg{border-top: 2px solid #666;} */
.logo-maker_view .template_video_section .template-box ul li .greet_msg .temp_text{padding: 5px;color: #242458;font-weight: 600;font-size:15px;}
.logo-maker_view .template_video_section .template-box ul li .greet_msg .edit_temp{background-color: #fcee21;}
.logo-maker_view .open-quote{top:43%;position:absolute;}
.logo-maker_view .close-quote{top:43%;position:absolute;right:10%;}
.logo-maker_view .testimony .testimonial-slides .testimonial_title{color: #000;font-family: 'Montserrat';font-size: 30px;text-align: center;Font-weight:700;margin-left:15%;line-height:1.2;}
.logo-maker_view .testimony .testimonial-slides .testimonial_set.testimonial-quote{margin-top:-62px;}
.logo-maker_view .video-making{ background: radial-gradient(#613398, #371d57);}
.logo-maker_view .video-making .video-maker{font-family: 'Montserrat';font-weight: 600;color:#fff;font-size:40px;}
.logo-maker_view .video-making .special{color:#fff;}
.logo-maker_view .video-making .video_own{background-color: #fcee21;color:#000;font-family: 'Montserrat';font-style:italic;}
.logo-maker_view .video-making img.down{position: absolute;}

/* @keyframes pulse { to {top:105%;} }
@-webkit-keyframes pulse { to {top:105%;} }
@keyframes pulse{
  25%  {transform: scale(0.9);}
  75%  {transform: scale(1.1);}
} */
@keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.logo-maker_view .video-making .img1{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 1s linear infinite forwards;bottom:35%;left:21%;width:45px;height:45px;}
.logo-maker_view .video-making .img2{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 2s linear infinite forwards;top:15%;right:7%;width:25px;height:25px;}
.logo-maker_view .video-making .img3{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 3s linear infinite forwards;bottom:31%;left:5%;width:105px;height:105px;}
.logo-maker_view .video-making .img4{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 4s linear infinite forwards;top:72%;left:5%;width:75px;height:75px;transform:rotate(20deg);}
.logo-maker_view .video-making .img5{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 5s linear infinite forwards;top:34%;right:5%;width:45px;height:45px;}
.logo-maker_view .video-making .img6{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 6.5s linear infinite forwards;bottom:36%;left:9%;width:25px;height:25px;}
.logo-maker_view .video-making .img7{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 6s linear infinite forwards;bottom:13%;left:15%;width:25px;height:25px;}
.logo-maker_view .video-making .img8{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 4.5s linear infinite forwards;top:20%;left:15%;width:80px;height:80px;transform:rotate(187deg);}
.logo-maker_view .video-making .img9{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 9.5s linear infinite forwards;bottom:26%;right:13%;width:65px;height:65px;}
.logo-maker_view .video-making .img10{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 9.5s linear infinite forwards;bottom:19%;right:10%;width:25px;height:25px;}
.logo-maker_view .video-making .img11{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 8.5s linear infinite forwards;top:22%;left:11%;width:25px;height:25px;}
.logo-maker_view .video-making .img12{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 8s linear infinite forwards;bottom:6%;right:23%;width:90px;height:90px;}
.logo-maker_view .video-making .img13{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 7.5s linear infinite forwards;top:46%;left:4%;width:45px;height:45px;}
.logo-maker_view .video-making .img14{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 7s linear infinite forwards;top:45%;right:24%;width:25px;height:25px;}
.logo-maker_view .video-making .img15{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 4.5s linear infinite forwards;top:60%;right:8%;width:105px;height:105px;}
.logo-maker_view .video-making .img16{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 1.5s linear infinite forwards;top:41%;right:13%;width:35px;height:35px;transform:rotate(110deg);}
.logo-maker_view .video-making .img17{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 2.5s linear infinite forwards;top:6%;right:15%;width:90px;height:90px;transform:rotate(26deg);}
.logo-maker_view .video-making .img18{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 3.5s linear infinite forwards;top:6%;right:39%;width:35px;height:35px;transform:rotate(243deg);}
.logo-maker_view .video-making .img19{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 4.5s linear infinite forwards;bottom:16%;left:27%;width:50px;height:50px;transform:rotate(40deg);}
.logo-maker_view .video-making .img20{-webkit-animation: fadeinout 4s linear infinite forwards;-moz-animation: fadeinout 4s linear infinite forwards;animation: fadeinout 5.5s linear infinite forwards;top:10%;left:35%;width:25px;height:25px;transform:rotate(166deg);}


.logo-maker_view .videostyle_section ul{margin-top: 100px;}
.logo-maker_view .videostyle_section ul li{text-align: left;font-family: 'Open Sans',sans-serif;}
.logo-maker_view .videostyle_section ul li .thumb1{background-image:url('https://www.animaker.com/static/assets/images/landing/video-presentation-og-image.JPG');}
.logo-maker_view .videostyle_section ul li.content{line-height: 1;}
.logo-maker_view .videostyle_section ul li.content p{color: #554094;font-weight: 600;font-size: 30px;}
.logo-maker_view .videostyle_section ul li.content span{color: #888888;font-size: 15px;margin: 20px 0px;display: block;}
.logo-maker_view {}

@media only screen and (max-width: 1600px) {
.birthday_view .testimony .testimonial-slides,.christmas_view .testimony .testimonial-slides,.youtube_view .testimony .testimonial-slides,.instamaker_view .testimony .testimonial-slides{margin: 100px 0;}
.testimony .testimonial-slides .carousel-inner .testimonial p{padding-bottom: 0;margin-top: 0;}
.youtube_view .tryanimbtn{margin-bottom: 2%;}
.video_maker_view .testimonial-slides .carousel-inner,.instamaker_view .testimonial-slides .carousel-inner{height: 150px;}
.cartoon_view .testimonial-slides .carousel-inner,.birthday_view .testimonial-slides .carousel-inner,.advertisement_view .testimonial-slides .carousel-inner{height: 130px;}
.animation_view .template_video_section h3.text-center{width: 600px;}
.birthday_view .template_video_section h3.text-center,.christmas_view .template_video_section h3.text-center{width: 515px;}
.cartoon_view .video-making{width: 85%;margin: auto;}
.cartoon_view .video-making .sideimg.male{width: 250px;height: 330px;}
.cartoon_view .video-making .sideimg.female{width: 200px;height: 330px;}
}
@media only screen and (max-width: 1600px) and (min-width: 500px) {
.instamaker_view .testimonial-slides .carousel-inner,.intromaker_view .testimonial-slides .carousel-inner,.animation_view .testimonial-slides .carousel-inner,.advertisement_view .testimonial-slides .carousel-inner{height: 150px;}
.lyric_view .explainer-head{margin-top: 15px !important;}
}
@media only screen and (max-width:1480px){
  .tryanimbtn{margin-top:1%;margin-bottom:2%;}
}
@media only screen and (max-width: 1200px) {
.video-making .video-maker{font-size: 50px; padding:30px 0;}
.facebook_view .video-making .video-maker{font-size: 70px;}
.facebook_view .video-making .special{font-size: 30px;padding: 30px 0;}
.christmas_view .video-making .video-maker{font-size: 80px; padding:50px 0;}
.facebook_view .testimony .testimonial-slides,.christmas_view .testimony .testimonial-slides,.youtube_view .testimony .testimonial-slides,.instamaker_view .testimony .testimonial-slides{margin: 60px 0;}
.birthday_view .template_video_section .light,.christmas_view .template_video_section .light{height: 150px;width: 300px;}
.whiteboard_land .overlay-content .intro .huge-text{font-size:4vw !important}
.whiteboard_land .overlay-content .intro .huge-text span{font-size: 20px !important;}
.whiteboard_land .template_video_section h2.text-center{width: 700px;}
.photomaker_view .explainer-head{font-size: 50px;}
.photomaker_view .explainer-subtext{font-size: 25px;}
.photomaker_view .tryanimbtn{margin-bottom: 5%;}
.photomaker_view .tab_section .tab_buttons ol{left: 40%;}
.photomaker_view .photo_testimony .testimonial_content{width: 85%;}
}
@media screen and (max-width:1024px){
.whiteboard_land .whiteboard-pack{padding:0px 20px 30px 0;}
.whiteboard_land .carousel#myCarousel{margin-bottom:0 !important;height:auto !important;}
}
@media  (min-width:991px){
.whiteboard_land .exp-edit-icon{height: 75px;width: 75px;background-position: -9px -16px;}
.whiteboard_land .exp-view-icon{height: 75px;width: 75px;background-position: -114px -16px;}
.intromaker_view .videostyle_section ul li.content{width: 400px;line-height: 1.3;}
}
@media screen and (max-width:991px){
.c_popup{margin: 10% auto 0;}
.explainer-head{margin: 0px !important;}
.lyric_view .explainer-head{font-size: 34px;}
.cartoon_view .explainer-head{font-size: 30px;}
.cartoon_view .explainer-subtext{margin: 10px 0 !important;font-size: 20px;}
.cartoon_view .tryanimbtn{font-size: 18px;}
.video-making .special{font-size: 24px; padding:25px 0;margin-bottom: 0;}
.birthday_view .template_video_section h3.text-center,.christmas_view .template_video_section h3.text-center,.animation_view .template_video_section h3.text-center{width: 480px;}
.template_video_section .template-box:not(:last-child){margin-bottom: 0;}
.birthday_view .template_video_section .light,.christmas_view .template_video_section .light{height: 125px;width: 250px;}
.cartoon_view .video-making .sideimg.female{width: 180px;height: 290px;}
.cartoon_view .video-making .sideimg.male{width: 230px;height: 290px;}
.whiteboard_land .landing_video .overlay-content .play-button.yellow:hover{background-position:0px -146px !important;}
.whiteboard_land .overlay-content .intro .small-text{font-size: 16px;width:250px;}
.whiteboard_land .whiteboard-pack h2{font-size: 35px;}
.whiteboard_land .template_video_section h2.text-center{font-size: 35px;}
.whiteboard_land .template_video_section .template-box .templates_title{font-size: 25px;}
.whiteboard_land .template_video_section .light{height: 400px;width: 150px;}
.whiteboard_land .testimony .testimonial-slides{margin-top: 0}
.introyoutube_view .video_procedure h3{font-size: 45px;}
.photomaker_view .explainer-head{font-size: 40px;}
.photomaker_view .explainer-subtext{margin: 8px 0 !important;}
.photomaker_view .tryanimbtn{margin-bottom: 2%;}
.photomaker_view .customers p{font-size: 20px;}
.photomaker_view .template_video_section h3.text-center{width: 75%;font-size: 40px;}
.photomaker_view .tab_section .tab_desc .bg_img h3{font-size: 60px;}
.photomaker_view .tab_section .tab_desc .bg_img p{line-height: 1.5;}
.photomaker_view .tab_section .tab_buttons ol{left: 35%;}
.photomaker_view .tab_section .tab_buttons ol li{padding: 15px 20px;}
/* .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_image img{width: 200px;height: 200px;} */
.photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .desc{font-size: 16px;}
.landing_section .video_content .head_title{font-size: 35px;}
.landing_section .video_content .head_subtitle{font-size: 16px;}
.landing_section .video_content .headcreate_btn{margin-top: 5%;font-size: 15px;}
.testimony .testimonial-slides #myCarousel.double{width: 90%;height: 170px;}
.outromaker_view .landing_section .video_content .head_title{font-size: 40px;}
.doodle_view .landing_section .video_content .head_title{font-size: 35px;}
.outromaker_view .landing_section .video_content .headcreate_btn.doodle_view .landing_section .video_content .headcreate_btn{padding: 12px 30px;}
.promo_view .landing_section .video_content .head_title{font-size:30px;}
.promo_view .landing_section .video_content .head_subtitle{font-size:14px;}
.promo_view .landing_section .video_content .headcreate_btn{margin:32px 0;}
.logo-maker_view .landing_section .video_content .head_title{font-size:32px;}
.logo-maker_view .landing_section .video_content .head_title1{font-size:28px;}
.logo-maker_view .landing_section .video_content .head_subtitle{font-size:18px;}
.logo-maker_view .landing_section .video_content .headcreate_btn{margin:10px 0;}
.logo-maker_view .testimony .testimonial-slides #myCarousel.double{height:200px;}
.logo-maker_view .open-quote{left:3%;}
.logo-maker_view .close-quote{right:3%;}
.logo-maker_view .videosection{width:800px;}
.logo-maker_view .head_title{font-size:55px;}
.logo-maker_view .head_title1{font-size:21px;}
.logo-maker_view .head_subtitle{font-size:12px;}
.logo-maker_view .videosection .leftcontainer, .videosection .rightcontainer {width:43%;}
}
@media only screen and (max-width:800px){
.logo-maker_view .videosection{width:600px;}
.logo-maker_view .videosection .leftcontainer, .videosection .rightcontainer {width:45%;}
.logo-maker_view .headcreate_btn{font-size:15px;}
}
@media screen and (max-width:767px){
  .c_popup{margin: 15% auto 0;}
  .explainer-head{font-size: 30px;}
  .lyric_view .explainer-head{font-size: 26px;}
  .explainer-subtext{margin-top: 12px !important}
  .tryanimbtn{padding: 10px 30px;}
  .make_video{position: relative;}
  .video-making .video-maker{font-size: 45px; padding:0;line-height: 1;}
  .video-making .special{width: 80%;font-size: 20px;}
  .landing_video .overlay-content .intro {position:relative !important;}
  .template_video_section  h3.text-center{font-size: 32px !important;}
  .christmas_view .template_video_section .light{height: 125px;width: 250px;}
  .birthday_view .template_video_section .light{height: 100px;width: 225px;}
  .cartoon_view .video-making{padding: 40px 0;width: 75%;position: /static;}
  .cartoon_view .video-making .sideimg.male{width: 200px;height: 270px;}
  .cartoon_view .video-making .sideimg.female{width: 165px;height: 270px;}
  .whiteboard_land .landing_video,.instamaker_view .landing_video {padding-top: 70px;}
  .whiteboard_land .home{padding: 50px 0;}
  .whiteboard_land .whiteboard-pack h2{font-size:30px;}
  .whiteboard_land .whiteboard-pack p:nth-child(2){font-size:20px;}
  .whiteboard_land .template_video_section h2.text-center{width: 480px;}
  .whiteboard_land .template_video_section .content-wrap .section-iconbox{margin-top: 30px;}
  .whiteboard_land #join-h1{font-size: 50px;}
  .intromaker_view .videostyle_section ul{margin-top: 50px;}
  .intromaker_view .videostyle_section ul li{width: 50%;float: left;}
  .introyoutube_view .template_video_section .tabcontainer{padding: 0 10px;}
  .introyoutube_view .template_video_section .template_text{font-size: 18px;margin: 20px 50px;line-height: 1.5;}
  /* .introyoutube_view .template_video_section .template-box ul li.horizontal{margin: 0 0px 80px;width: 265px;} */
  .introyoutube_view .video_procedure .tabcontainer{width: 90%;}
  .introyoutube_view .video_procedure h3{font-size: 40px;}
  .introyoutube_view .video_procedure .procedure_list ul li .head_text{font-size: 22px;}
  .introyoutube_view .video_procedure .procedure_list ul li .sub_text{font-size: 17px;}
  .introyoutube_view .features h3{font-size: 40px;}
  .introyoutube_view .video-making .video-maker{font-size: 40px;}
  .introyoutube_view .video-making .special{margin: 0 auto 20px;}
  .photomaker_view .tab_section .tab_desc .bg_img{background-size: 100% 100%;}
  .photomaker_view .tab_section .tab_buttons ol{padding-top: 15px !important;left: 30%;}
  .photomaker_view .tab_section .tab_buttons ol li{width: 20%;width: 20%;padding: 10px 20px;}
  .photomaker_view .video-making .video_own{padding: 15px 25px;font-size: 20px;}
  .photomaker_view .photo_testimony .testimonial_content{width: 95%;}
  .photomaker_view .tab_section .tab_desc .bg_img h3{font-size: 35px;}
  .photomaker_view .tab_buttons ol li p{font-size: 14px}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content h3{font-size: 50px;margin:0}
  .landing_section .video_content .head_title{font-size: 22px;}
  .landing_section .video_content .head_subtitle{font-size: 13px;}
  .landing_section .video_content .headcreate_btn{margin-top: 3%;padding: 10px 20px}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp{padding: 3px 0px;width: 25%;}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp a{font-size: 15px;}
  .outromaker_view .landing_section .video_content .head_title{font-size: 30px;}
  .outromaker_view .template_video_section .content-upper ul li{font-size: 17px;}
  .doodle_view .template_video_section .home .whiteboard-pack h2,.doodle_view .testimony .testimonial-slides .testimonial_title{font-size:30px;}
  .testimony .testimonial-slides .carousel-inner .testimonial p{font-size: 17px;}
  .doodle_view .template_video_section{background-size: contain;}
  .promo_view .landing_section .video_content .head_title{font-size:29px;}
  .promo_view .landing_section .video_content .head_subtitle{font-size:13px;}
  .logo-maker_view .landing_section .video_content .head_title{font-size:37px;}
  .logo-maker_view .landing_section .video_content .head_title1{font-size:22px;}
  .logo-maker_view .landing_section .video_content .head_subtitle{font-size:18px;}
  .logo-maker_view .landing_section .video_content .headcreate_btn{margin:5px 0;}
  .logo-maker_view .testimony .testimonial-slides .testimonial_title{font-size:22px;}
  .logo-maker_view .open-quote{display:none;}
  .logo-maker_view .close-quote{display:none;}
}
@media only screen and (max-width:676px){
  .logo-maker_view .videosection{width:450px;}
  .logo-maker_view .videosection .leftcontainer, .videosection .rightcontainer{width:100%;height:50%;}
  .logo-maker_view .topcontainer .vertical-container{height:auto;}
  .logo-maker_view .rightcontent .vertical-container{text-align:center;}

}
@media screen and (max-width: 640px){
  .whiteboard_land .landing_video .overlay-content .intro{position:relative!important;padding: 0;}
  .whiteboard_land #join .foot_cta{width: 300px !important;line-height: 2.1 !important;font-size: 16px !important;}
  .whiteboard_land #join-h1{font-size: 40px !important;}
  .whiteboard_land .home-bg .join-content{font-size: 15px;}
  .photomaker_view .tab_buttons ol li p{font-size: 12px}
  .textanimate_view .testimony .testimonial-slides .testimonial_title,.outromaker_view .testimony .testimonial-slides .testimonial_title{font-size: 25px;}
  /* .outromaker_view .testimony .testimonial-slides .carousel-inner .testimonial p{font-size: 13px !important;} */
  .doodle_view .landing_section .video_content .head_title,.doodle_view .testimony .testimonial-slides .testimonial_title{font-size: 25px;}
  .testimony .testimonial-slides .carousel-inner .testimonial p{font-size: 14px !important;}
}
@media  screen and (max-width: 940px) and (min-width: 600px) {
  .video-making .video-maker{font-size: 40px;}
  .birthday_view .video-making .video-maker,.youtube_view .video-making .video-maker{font-size: 50px;padding: 0;}
  .facebook_view .video-making .video-maker,.christmas_view .video-making .video-maker{font-size: 60px; padding:20px 0;line-height: 1;}
  .video-making .special{margin-bottom: 20px;}
  .facebook_view .video-making .special,.christmas_view .special,.youtube_view .special{font-size: 24px; padding:25px 0}
  .video-making .video_own{font-size: 18px;padding: 12px 20px;}
}

@media only screen and (max-width: 599px) {
  .video-making .video-maker{line-height: 1;padding: 0;font-size: 35px;}
  .facebook_view .video-making .video-maker,.christmas_view .video-making .video-maker,.youtube_view .video-making .video-maker{font-size: 45px;padding: 0;}
  .video-making .special{font-size: 20px; padding:20px 0}
  .facebook_view .video-making .special{font-size: 20px; padding:20px 0}
  .template_video_section h3.text-center{font-size: 30px;}
  .cartoon_view .template_video_section h3.text-center,.facebook_view .template_video_section h3.text-center,.birthday_view .template_video_section h3.text-center,.animation_view .template_video_section h3.text-center,.advertisement_view .template_video_section h3.text-center{width: 360px;}
  .christmas_view .template_video_section h3.text-center{width: 300px;}
  .template_video_section .content-upper ul li{line-height: 2;}
  .christmas_view .template_video_section .content-upper ul li{line-height: 3;}
  .template_video_section .content-upper ul li::before{left: -40px;}
  .template_video_section .content-upper ul li span.hcircle{display: none;}
  .christmas_view .template_video_section .content-upper ul li span.hcircle{display: block;left: -58px;}
  .content-upper{padding-left: 50px;}
  .template_video_section .content-wrap .temp_section.section-iconbox{margin: 20px 0 10px 0;}
  .textanimate_view .template_video_section h3.text-center{margin: 5% auto 4% !important;}
  .textanimate_view .template_video_section .templates_btn  {font-size: 15px;padding: 10px 40px;}
  .c_popup{margin: 30% auto 0;}
  .testimony .testimonial-slides,.textanimate_view .testimony .testimonial-slides{margin: 50px 0;}
  .lyric_view .explainer-head{font-size: 20px;}
  .animation_view .explainer-head{font-size: 25px;}
  .videostyle_section ul li{width: 275px;height: 175px;}
  .videostyle_section ul li .temp_text{font-size: 20px;}
  .christmas_view .template_video_section .light{height: 100px;width: 200px;}
  .birthday_view .template_video_section .light{height: 75px;width: 185px;}
  .birthday_view .video-making img.up{height: 150px;width: 75px;}
  .cartoon_view .video-making .sideimg.male{width: 180px;height: 230px  ;}
  .cartoon_view .video-making .sideimg.female{width: 150px;height: 230px;}
  .whiteboard_land .video_templates ul li.horizontal{border: none;}
  .customers{margin: 30px 0;}
  .customers p{font-size: 15px;}
  .whiteboard_land .template_video_section h2.text-center{width: 360px;}
  .intromaker_view .videostyle_section ul li{height: 150px;}
  .intromaker_view .videostyle_section ul li.content p{font-size: 20px;}
  .introyoutube_view .video-making .special{font-size: 20px;padding: 35px 0;}
  .introyoutube_view .video-making .video_own{font-size: 25px;}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content h3{font-size: 40px;margin:8px}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .desc{font-size: 12px}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .author{font-size: 12px}
  .photomaker_view .tab_section .tab_desc .bg_img h3{font-size: 30px}
  .photomaker_view .tab_section .tab_desc .bg_img p{font-size: 20px}
  .photomaker_view .tab_section .tab_desc .bg_img{height:410px}
  .landing_section .video_content .head_title{font-size: 17px;margin: 0 !important;}
  .landing_section .video_content .head_subtitle{font-size: 11px;margin: 5px 0 !important;}
  .landing_section .video_content .headcreate_btn{margin-top: 10%;padding: 5px 10px}
  .textanimate_view .template_video_section .template-box ul li a.play{height: 35px;width: 35px;}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp{padding: 0;}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp a{font-size: 12px;}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp{padding: 6px 0px;}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp a{font-size: 15px;}
  .template_video_section .content-upper ul li span.numcircle{top: -8px;padding: 0 5px;font-size: 20px;left: -50px;}
  .template_video_section .content-upper ul li span.numcircle::before{height: 25px;width: 25px;transform: translateY(10%);}
  /* .landing_section .video_content{right: auto;} */
  .landing_section .video_section .element .loop_video{background-position: center;background-repeat: no-repeat;background-size: 100%;}
  .landing_section .video_section .element .loop_video video{display: none;}
  .textanimate_view .landing_section .video_section .element .loop_video{background-image: url(https://www.animaker.com/static/assets/images/landing/text-animation-loop-mobgif.gif);}
  .outromaker_view .landing_section .video_section .element .loop_video{background-image: url(https://www.animaker.com/static/assets/images/landing/outro-maker-video-gif.gif);}
  .outromaker_view .landing_section .video_content .head_title{font-size: 25px;}
  .outromaker_view .template_video_section .content-upper ul{margin-left: 0;}
  .outromaker_view .template_video_section h3.text-center{margin: 5% auto 10px !important;}
  .doodle_view .landing_section .video_section .element .loop_video{background-image: url(https://www.animaker.com/static/assets/images/landing/doodle-video-maker-loop-gif.gif);}
  .videoscribe_view .landing_section .video_section .element .loop_video{background-image: url(https://www.animaker.com/static/assets/images/landing/scribe-video-maker-loop-gif.gif);}
  .promo_view .landing_section .video_section .element .loop_video{background-image: url(https://www.animaker.com/static/assets/images/landing/promo-video.gif);}
  .introyoutube_view .video-making .special{font-size: 20px;}
  .logo-maker_view .template_video_section .content-upper ul li span.symbol-2::before{display:none;}
  .logo-maker_view .template_video_section .content-upper ul li span.symbol-1::before{display:none;}
  .logo-maker_view .landing_section .video_section .element .loop_video{background-image: url(https://www.animaker.com/static/assets/images/landing/logo-video.gif);}
  .logo-maker_view .bottomcontainer p{font-size:13px;}
  .logo-maker_view .bottomcontainer p span{font-size:15px;}
}

@media only screen and (max-width: 500px) {
  .advertisement_view .explainer-head{font-size: 25px;}
  .birthday_view .explainer-head{font-size: 25px;}
  .make_video .video-making img{display: none;}
  .ballon_images img{display: none;}
  .lyric_view .video-making{padding: 40px 0;}
  .video-making .special{width: 100%;}
  .birthday_view .template_video_section .light,.christmas_view .template_video_section .light{background-image: none;}
  .template_video_section  h3.text-center{margin-top: 50px !important;font-size: 27px !important;}
  .video-making .video_own{padding: 10px 20px;font-size: 15px;}
  .video_maker_view .template_video_section .template-box .templates_title,.animation_view .template_video_section .template-box .templates_title,.lyric_view .template_video_section .template-box .templates_title{font-size: 20px;padding: 15px;}
  .whiteboard_land .landing_video .overlay-content .play-button.yellow{background-position:0px -6px !important;}
  .whiteboard_land .landing_video .overlay-content .play-button.yellow:hover{background-position:0px -122px !important;}
  .whiteboard_land .template_video_section .light{display: none;}
  .whiteboard_land .template_video_section h2.text-center{width: 100%;padding: 0 5px;}
  .whiteboard_land .landing_video,.instamaker_view .landing_video {padding-top: 0px;}
  .whiteboard_land .template_video_section{margin-bottom: 0;}
  .whiteboard_land .template_video_section .template-box .templates_title{padding: 15px 0px;font-size: 20px;}
  .whiteboard_land .template_video_section .content-upper ul{list-style-type: disc;}
  .whiteboard_land .template_video_section .content-upper ul li::before{background-color: transparent;}
  .outromaker_view .template_video_section .content-upper ul li,.textanimate_view .template_video_section .content-upper ul li,.doodle_view .template_video_section .content-upper ul li{font-size: 13px;list-style-type: circle;}
  .template_video_section .content-upper ul li span.numcircle{display: none;}
  .template_video_section .content-upper ul li span.numcircle::before{background-color: transparent;}
  .introyoutube_view .template_video_section .template_text{margin: 20px;}
  .introyoutube_view .video_procedure h3{font-size: 30px;}
  .introyoutube_view .video_procedure .procedure_list ul li .head_text{font-size: 20px;}
  .introyoutube_view .features .feature_types ul li p.type_text{font-size: 15px;line-height: 2;}
  .introyoutube_view .features h3{font-size: 30px;}
  .introyoutube_view .video-making .video-maker{font-size: 28px;}
  .photomaker_view .tab_buttons ol li p{font-size: 11px}
  .testimony .testimonial-slides .testimonial_set.testimonial-quote{display: none;}
  .testimony .testimonial-slides .testimonial_set.carousel-inner{text-align: center;width: 100%;float: none;}
  .testimony .testimonial-slides .carousel-inner .testimonial p{font-size: 13px !important;}
  .testimonial-slides .carousel-inner{height: 140px;}
  .landing_section{min-height: 65vh;}
  .landing_section .video_bg{background-size: cover;}
  .landing_section .video_section{width: 100%;}
  .landing_section .video_content{width: 100%;transform: translateY(35%);top: 50%;text-align: center;}
  .landing_section .video_content .container{width: 100%;height: 90%;}
  .landing_section .video_content .headcreate_btn{position: relative;}
  .landing_section .video_content .head_subtitle{margin: 15px 0 !important}
  .template_video_section .template-box ul li .horizon_thumb .temp_overlay .edit_temp{width: 15%;}
  .outromaker_view .template_video_section .template-box ul li.horizontal{margin-bottom: 30px;}
  .outromaker_view .testimony .testimonial-slides .testimonial_title,.textanimate_view .testimony .testimonial-slides .testimonial_title,.doodle_view .testimony .testimonial-slides .testimonial_title{text-align: center;margin-left: 0;}
  .promo_view .landing_section .video_section .element .loop_video{width:78%;}
  .promo_view .video-top{margin-top:60%;}
  .promo_view .landing_section .video_content .container{height:93%;}
  .promo_view .templates_heading{font-size:25px;}
  .promo_view .template_video_section .content-upper ul li{list-style-type: disc;}
  .promo_view .template_video_section .content-upper ul li{font-size:16px;}
  .promo_view .landing_section .video_content .head_title{font-size:20px;}
  .promo_view .landing_section .video_content .head_subtitle{font-size:12px;}
  .promo_view .testimony .testimonial-slides .testimonial_title{font-size:30px;}
  .promo_view .video-making .video-maker{font-size:27px;}
  .promo_view .video-making .special{font-size:18px;}
  .logo-maker_view .landing_section{min-height:50vh;}
  .logo-maker_view .landing_section .video_section .element .loop_video{width:78%;}
  .logo-maker_view .video-top{margin-top:60%;}
  .logo-maker_view .landing_section .video_content .container{height:93%;}
  .logo-maker_view .templates_heading{font-size:25px;}
  .logo-maker_view .template_video_section .content-upper ul li{list-style-type: disc;}
  .logo-maker_view .template_video_section .content-upper ul li{font-size:16px;}
  .logo-maker_view .landing_section .video_content .head_title{font-size:20px;}
  .logo-maker_view .landing_section .video_content .head_subtitle{font-size:12px;}
  .logo-maker_view .testimony .testimonial-slides .testimonial_title{font-size:25px;}
  .logo-maker_view .video-making .video-maker{font-size:27px;}
  .logo-maker_view .video-making .special{font-size:18px;}
  .logo-maker_view .testimony .testimonial-slides .testimonial_title{margin-left:0;}
}
@media only screen and (max-width: 450px) {
.logo-maker_view .videosection{width:350px;}
.logo-maker_view .customers p{font-size:20px;}
.logo-maker_view .template_video_section .templates_btn{font-size:24px;}
.logo-maker_view .template_video_section h3.text-center{font-size:22px !important}
.logo-maker_view .template_video_section .template-box .templates_title{font-size:25px;}
.logo-maker_view .bottomcontainer p{font-size:10px;}
}
@media only screen and (max-width:  430px) {
  .video-making .video-maker{font-size: 25px;}
  .cartoon_view .video-making .video-maker,.birthday_view .video-making .video-maker{font-size: 20px;}
  .facebook_view .video-making .video-maker,.youtube_view .video-making .video-maker{font-size: 30px;}
  .christmas_view .video-making .video-maker{font-size: 35px;}
  .video-making .special{font-size: 15px; padding:15px 0}
  .facebook_view .video-making .special,.youtube_view .video-making .special{font-size: 18px;}
  .facebook_view .video-making .special,.birthday_view .template_video_section h3.text-center,.christmas_view .template_video_section h3.text-center{width: 300px;}
  .animation_view .template_video_section h3.text-center,.advertisement_view .template_video_section h3.text-center,.birthday_view .template_video_section h3.text-center,.video_maker_view .template_video_section h3.text-center,.youtube_view .template_video_section h3.text-center,.facebook_view .template_video_section h3.text-center,.christmas_view .template_video_section h3.text-center,.cartoon_view .template_video_section h3.text-center,.lyric_view .template_video_section h3.text-center{width: 100%;}
  .whiteboard_land .overlay-content .intro .huge-text{font-size:18px!important;line-height: 1.8;}
  .whiteboard_land .overlay-content .intro .huge-text span{font-size: 16px!important;}
  .whiteboard_land .template_video_section h2.text-center,.whiteboard_land .whiteboard-pack h2{font-size:20px !important;}
  .whiteboard_land .whiteboard-pack p:nth-child(2){font-size:15px;}
  .c_popup{margin-top:25%!important;}
  .intromaker_view .videostyle_section ul li.content p{font-size: 15px;}
  .intromaker_view .videostyle_section ul li.content span{font-size: 13px;margin: 10px 0px;}
  .photomaker_view .tab_buttons ol li p{font-size: 9px}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content h3{font-size: 23px;margin:0}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .desc{font-size: 10px}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .author{font-size: 10px}
  .photomaker_view .tab_buttons ol li p{display:none}
  /* .landing_section{min-height: 65vh;} */
  .landing_section .video_content .container{height: 70%;}
  .promo_view .landing_section .video_content .head_title{font-size:14px;}
  .promo_view .landing_section .video_content .head_subtitle{font-size:11px;}
}

@media only screen and (max-width:  350px) {
  .template_video_section h3.text-center{width: 100%;}
  .cartoon_view .video-making .video-maker,.advertisement_view .video-making .video-maker{font-size: 30px;}
  .christmas_view .video-making .video-maker,.youtube_view .video-maker{font-size: 30px;}
  .cartoon_view .video-making .special,.facebook_view .video-making .special,.christmas_view .special,.advertisement_view .video-making .special,.youtube_view .special{font-size: 16px; padding:10px 0}
  .landing_video .overlay-content .play-button.yellow{background-size: 100%;}
  .whiteboard_land .video_templates ul li.horizontal{margin: 0;width: 100%;}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content h3{font-size: 30px;margin:5}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .desc{font-size: 9px}
  .photomaker_view .photo_testimony .testimonial_content .testimony_section.testy_content .author{font-size: 9px}
  .promo_view .video-top{margin-top:65%;}
  .promo_view .landing_section .video_content .container{height:60%;}
  .logo-maker_view .videosection{width:300px;}
}
@media only screen and (min-width:1760px){
  .intromaker_view .template_video_section .template-box ul li.horizontal,.introyoutube_view .template_video_section .template-box ul li.horizontal {width: 400px;height: 250px;}
}

@media screen and (max-width:1200px){
  .desk-view{display: block;}
  .mobile-view{display: none;}
}
@media screen and (max-width:1024px){
  .desk-view{display: block;}
  .mobile-view{display: none;}
}
@media  (min-width:991px){
  .desk-view{display: block;}
  .mobile-view{display: none;}
}
@media screen and (max-width:991px){
  .desk-view{display: block;}
  .mobile-view{display: none;}
}
@media screen and (max-width:767px){
  .desk-view{display: block;}
  .mobile-view{display: none;}
}
@media screen and (max-width: 640px){
  .desk-view{display: none;}
  .mobile-view{display: block;}
}
@media only screen and (max-width: 600px) {
  .desk-view{display: none;}
  .mobile-view{display: block;}
}
@media screen and (max-width:480px){
  .desk-view{display: none;}
  .mobile-view{display: block;padding-top: 70px;}
}
@media screen and (max-width:460px){
  .desk-view{display: none;}
  .mobile-view{display: block;}
}
@media screen and (max-width:280px){
  .desk-view{display: none;}
  .mobile-view{display: block;}
}

/***************Register View******************/
.captcha-m{width:100%;}
.captcha-m-inp{width:100% !important;clear:both;}
/*.captcha-m-cont{height:120px;}*/

@import url('https://fonts.googleapis.com/css?family=Open+sans');
.section_heading{color: #f68f52;font-family: 'Raleway-bold',sans-serif;text-align: center;margin-bottom: 1em;}
.viewbox_section{}
.login.viewbox_section .content{margin-top: 10em;}
.viewbox_section.mobile{background-color: #f9f9f9;padding: 0;margin-top: 5em;}
.login.viewbox_section.mobile .content{margin-top: 3em;}
.viewbox_section .content {margin: auto;}
.viewbox_section .content.desktop{width: 70%;display:flex;flex-wrap:wrap;background-color: #fff;}
.viewbox_section .content .users_form{position: relative;}
.viewbox_section .content.desktop .users_form{display: inline-block;float: left;}
.viewbox_section.mobile .content .users_form{background-color: transparent;box-shadow: none;}
.viewbox_section .users_form.social_section{width: 45%;background-color: #766ace;font-family: 'Open sans',sans-serif;border-radius: 5px 0 0 5px;-webkit-box-shadow: -4px 0px 18px -2px rgba(118, 106, 206,0.75);-moz-box-shadow: -4px 0px 18px -2px rgba(118, 106, 206,0.75);box-shadow: -4px 0px 18px -2px rgba(118, 106, 206,0.75);}
.viewbox_section .desktop .social_section .title_card{color:#fff;margin: 15% 0;font-size: 25px;}
.viewbox_section .desktop .social_section .title_card.text-center{line-height: 1.3;margin: 15% 5%;}
.viewbox_section .social_section .social_icon{background-color: #fff;padding: 20px 0;border-radius: 30px;width: 45%;margin: 20px auto;position: relative;}
.viewbox_section .social_section .social_icon a{background-repeat: no-repeat;position: absolute;width: 130px;height: 30px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.viewbox_section .social_section .social_icon:hover{-webkit-box-shadow:  0px 0px 18px -2px rgba(0,0,0,0.75);-moz-box-shadow:  0px 0px 18px -2px rgba(0,0,0,0.75);box-shadow:  0px 0px 18px -2px rgba(0,0,0,0.75);}
.viewbox_section .social_section .fb_login a{background-image: url('https://www.animaker.com/static/assets/images/landing/signup_social_fb-new.png');}
.viewbox_section .social_section .gp_login a{background-image: url('https://www.animaker.com/static/assets/images/landing/signup_social_google-new.png');}
.viewbox_section .users_form.form_section{background-color: #f9f9f9;width: 55%;font-family: 'Open sans',sans-serif;font-size: 14px;-webkit-box-shadow:  4px 0px 18px -2px rgba(0,0,0,0.3);-moz-box-shadow:  4px 0px 18px -2px rgba(0,0,0,0.3);box-shadow:  4px 0px 18px -2px rgba(0,0,0,0.3);border-radius: 0px 5px 5px 0px;}
.viewbox_section .content.desktop .users_form.form_section form{margin: 50px auto;width: 70%;float: none;}
.viewbox_section .form_section .login_head{color: #766ace;padding-top: 30px;font-size: 25px;font-family: 'Open Sans',sans-serif;}
.viewbox_section .form_section form .input-box{margin-bottom: 25px;}
.viewbox_section .form_section form .input-box input{background-color: #f9f9f9;font-family: 'Open sans',sans-serif;color: #96979b;border: none;border-bottom: 1px solid #bebebe;width: 100%;font-size: 14px;padding-top: 15px;}
.viewbox_section .form_section form .input-box input.wrong{border-bottom: 1px solid #cd4d34;}
.viewbox_section .form_section form .input-box .input_error p{color: #d50000;font-family: 'Open sans',sans-serif;text-align: left;padding: 0;margin: 5px 0;}
.viewbox_section .form_section form .captcha_content{padding: 10px;border: 1px solid #bebebe;border-radius: 5px;width: 100%;margin: 50px 0 30px;}
.viewbox_section .form_section form .captcha_content > div{display: inline-block;vertical-align: middle;width: 49%;}
.viewbox_section .form_section form .captcha_content .captcha_img{background-color: #fff;border: 1px solid #bebebe;border-radius: 5px;padding: 5px;}
.viewbox_section .form_section form .captcha_content .captcha_img img{width: 100%;height: 100%;}
.viewbox_section .form_section form .captcha_content .rewrite_captcha{position: relative;}
.viewbox_section .form_section form .captcha_content .rewrite_captcha p{margin: 20px 0px 0px;padding: 0;text-align: center;}
.viewbox_section .form_section form .captcha_content .rewrite_captcha .rotate_icon{background-image: url('https://www.animaker.com/static/assets/images/landing/rotate-new.png');background-repeat: no-repeat;width: 20px;height: 20px;position: absolute;left: 0;right: 0;margin: auto;cursor: pointer;}
.viewbox_section .form_section .formsub_action{color: #96979b;text-align: left;padding: 0;margin-top: 40px;}
.viewbox_section .form_section .formsub_action a{display: block;color: #766ace;}
.viewbox_section .form_section .submit_box{text-align: left;padding-left: 0;margin: 30px 0px;}
.viewbox_section .form_section .submittype_btn{font-weight: 600;font-size: 15px;background-color: #fe6367;padding: 7px 35px;color: #fff;border: none;border-radius: 30px;}
.viewbox_section .form_section .form_foot{color: #766ace;padding: 0;text-align: left;}
.viewbox_section .form_section .form_foot a{color: #faa0a1;}
.viewbox_section .content.hidden_section {display: none;width: 80%;}
.viewbox_section .content.hidden_section .users_form{width: 100%;margin: 0px auto;border-radius: 5px;}
.viewbox_section .content.hidden_section .users_form.form_section form{padding: 20px;float: none;}
/* .viewbox_section .content.hidden_section .users_form.social_section{margin:50px auto;} */
.viewbox_section .content.hidden_section .users_form.social_section .title_card{font-size: 25px;color:#766ace;padding: 15% 0 5% 0%;margin: 0;}
.viewbox_section .content.hidden_section .users_form.social_section .social_icon{border: 1px solid #bebebe;}
.viewbox_section .content.hidden_section .users_form.social_section .form_foot{position: relative;padding: 10% 0;margin: 0;}
.viewbox_section .content.hidden_section .separator p{overflow: hidden;text-align: center;}
.viewbox_section .content.hidden_section .separator p::before,.viewbox_section .content.hidden_section .separator p::after{background-color: #bebebe;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 45%;}
.viewbox_section .content.hidden_section .separator p:before {right: 0.5em;margin-left: -50%;}
.viewbox_section .content.hidden_section .separator p:after {left: 0.5em;margin-right: -50%;}
#viewer-info{margin-bottom: 0;}

@media only screen and (max-width: 1200px) and (min-width: 700px) {
.viewbox_section .social_section .social_icon{width: 55%;}
}
@media only screen and (max-width: 991px) {
.viewbox_section .content.desktop{width: 90%;}
}
@media only screen and (max-width: 768px) and (min-width: 600px) {
.viewbox_section .social_section .social_icon{width: 65%;}
.viewbox_section .content.desktop .users_form.form_section form{width: 80%;}
}
@media only screen and (max-width: 600px) {
.viewbox_section .content.desktop{display: none;}
.viewbox_section .content.hidden_section{display: block;}
}
@media only screen and (max-width: 500px) {
.viewbox_section .social_section .social_icon{width: 50%;}
.section_heading{margin-bottom: 0em;font-size: 25px;}
.viewbox_section .content.hidden_section .users_form{margin-bottom: 30px;}
.viewbox_section .content.hidden_section .users_form.social_section .title_card{font-size: 20px;padding: 10% 0 5% 0%;}
.viewbox_section .form_section .login_head{padding-top: 20px;}
.server_error{font-size: 14px;}

}
@media only screen and (max-width: 350px) {
.viewbox_section .content.hidden_section{width: 90%;}
}