html {
	height: 100%;
}
* {
	padding: 0;
	margin: 0;
	outline: none !important;
	/*transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;*/
}
body {
	font-family: "Poppins", sans-serif;
	background-color: #f1f1f1;
	height: 100%;
}
.conta_iner {
	width: 80%;
	margin: 0 auto;
}
.all_sec {
	padding: 80px 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	line-height: normal;
}
ul,
ol {
	margin: 0;
}
li {
	list-style: none;
}
a:hover,
a:focus {
	text-decoration: none;
}
a {
	cursor: pointer;
}
.modal-open {
	padding-right: 0 !important;
}
/**main page css**/
.animation_ish_box {
	height: 700px;
	width: 1000px;
	background-color: #fff;
	margin: auto;
	overflow: hidden;
	caret-color: transparent;
}

input {
	caret-color: #999;
}

.body_wrap {
	/* height: 100vh; */
}
.body_wrap .conta_iner {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_top_bann img {
	max-width: 100%;
}
.mid_logo_main img {
	width: 90%;
}
.mid_logo_main {
	text-align: center;
}
.main_mid_content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.inner_col {
	height: 190px;
	width: 250px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/wiggledoodle.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.inner_col_hover {
	height: 190px;
	width: 250px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/wiggledoodle_over.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.inner_col_sec {
	height: 190px;
	width: 250px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/flipbook.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	margin: 0 40px;
}
.inner_col_sec_hover {
	height: 190px;
	width: 250px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/flipbook_over.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	margin: 0 40px;
}

.inner_col_sec:focus {
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/flipbook_click.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.inner_col_third {
	height: 190px;
	width: 250px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/advanced.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.inner_col_third_hover {
	height: 190px;
	width: 250px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/advanced_over.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.inner_col_third:focus {
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/advanced_click.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.mid_main_boxes .mid_inner_boxes {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: revert;
}
.mid_main_boxes {
	width: 100%;
}
.mid_bottom_boxes a {
	width: 50%;
}
.less_cols {
	height: 130px;
	width: 100%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/level.png");
	background-repeat: no-repeat;
	background-position: right 25% center;
	background-size: auto;
	margin: 0;
}
.less_cols_hover {
	height: 130px;
	width: 100%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/level_over.gif");
	background-repeat: no-repeat;
	background-position: right 25% center;
	background-size: auto;
	margin: 0;
}
.less_cols_sec {
	height: 130px;
	width: 100%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/projectvault.png");
	background-repeat: no-repeat;
	background-position: left 25% center;
	background-size: auto;
	margin: 0;
}
.less_cols_sec_hover {
	height: 130px;
	width: 100%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/main_page/midimages/projectvault_over.gif");
	background-repeat: no-repeat;
	background-position: left 25% center;
	background-size: auto;
	margin: 0;
}
/**wiggle-doddle-ish page css**/
.right_bar_icons:hover .right_hover_image {
	display: block;
	width: 140px;
	height: 45px;
}
.shapesButtonList ul {
	display: flex;
	justify-content: space-around;
	margin-top: 15px;
  }
  .shapesButtonList ul li{
	position: relative;
  }
  .shapesButtonList ul li.active::after {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #006eff;
    position: absolute;
    opacity: 0.3;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    transform: translate(-6px, -6px);
}
  .shapesButtonList ul li img{
	width: 50px; 
  }
.right_bar_icons img{
	width: 140px;
	height: 42px;
}
.right_bar_icons .right_hover_image {
	display: none;
}
.right_bar_icons:hover .right_normal_image {
	display: none;
}
.bar_icons_one .normal {
	display: block;
}
.bar_icons_one .on_click {
	display: none;
}
.bar_icons_one .hover {
	display: none;
}
.bar_icons_one .disabled {
	display: none;
}
.bar_icons_one:hover .normal {
	display: none;
}
.bar_icons_one:hover .on_click {
	display: none;
}
.bar_icons_one:hover .hover {
	display: block;
}
.bar_icons_one:hover .disabled {
	display: none;
}
.mid_bar_icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.wiggle_topbar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 5px 20px;
}

.bar_left_icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bars_mid_icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	position: relative;
}
.sec_last_bar_icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 0 0;
	position: relative;
}
.bars_mid_icons::after {
	content: "";
	position: absolute;
	right: 7px;
	top: 0;
	bottom: 0;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/dots.png");
	width: 4px;
	background-position: center center;
	background-repeat: no-repeat;
}
.bars_mid_icons::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/dots.png");
	width: 4px;
	background-position: center center;
	background-repeat: no-repeat;
}
.sec_last_bar_icons::after {
	content: "";
	position: absolute;
	right: 7px;
	top: 0;
	bottom: 0;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/dots.png");
	width: 4px;
	background-position: center center;
	background-repeat: no-repeat;
}
.wiggle_doddle_main_mid_sec {
	display: flex;
	align-items: flex-start;
	margin-top: 7rem;
	justify-content: space-around;
}
.tool_bar {
	position: relative;
	width: 80%;
}
.overlay_classes ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 80%;
	margin: auto;
}
.overlay_classes ul li {
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}
.overlay_classes {
	position: absolute;
	top: 22%;
}

li.active_tools::after {
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #006eff;
	position: absolute;
	opacity: 0.3;
	border-radius: 10px;
}
.inspire_me_image:hover .hover_show {
	display: block !important;
}
.inspire_me_image:hover .normal_show {
	display: none;
}
.inspire_me_image {
	margin-top: 6rem;
}
.wiggle_doddle_main_mid_left {
	width: 20%;
}
.wiggle_doddle_main_mid_center {
	width: 55%;
}
.wiggle_doddle_main_mid_right {
	width: 20%;
}
.inspire_me_image img {
	width: 100%;
}
.make_drawing_board img {
	width: 100%;
}
.make_doddle_text {
	margin-bottom: 20px;
	height: 80px;
}
.doddle_board_and_text {
	text-align: center;
	transform: translate(0px, -12rem);
}
.make_drawing_board {
	position: relative;
	overflow: hidden;
}
.make_drawing_board .drawing_board {
	overflow: hidden;
	position: absolute;
	left: 25px;
	right: 25px;
	top: 25px;
	bottom: 25px;
	border: solid 3px #bfbfbf;
}
.color_box {
	text-align: center;
}
.wiggle_doddle_main_inner {
	transform: translate(0px, -5.5rem);
}
.splash svg{
	width: 100%;
	height: 100%;
	filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5));
	/* filter:drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); */

}
.color_box.brush_size_box {
	margin: 3.5rem 0px;
}
.color_main_box {
	position: relative;
}
.color_main_box img{
	width: 150px;
}


.brush_overlay {
	position: absolute;
	top: 15px;
	left: 35px;
	bottom: 15px;
	right: 28px;
}
.brush_icons {
	transform: translate(0px, 21px);
}
.bottom_sec .brush_board {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.brush_bar {
	width: 100%;
}
.next_pre_button ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.next_pre_button ul li img {
	filter: grayscale(100%);
	width: auto;
}
.mid_button_share li:nth-child(3) img {
	/* width: 90px; */
}
.mid_button_share li:nth-child(2) img {
	/* width: 90px; */
}
.next_pre_button ul li::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.5);
}
.next_pre_button ul li.active_button img {
	filter: grayscale(0%);
}
.next_pre_button ul li.active_button::after {
	content: unset;
}
.next_pre_button ul li {
	position: relative;
	margin-right: 15px;
	cursor: pointer;
}
.next_pre_button ul li:last-child {
	margin-right: 0px;
}
.play_button_pause_sec img.play_button {
	filter: grayscale(100%);
}
.play_pause_button {
	margin-top: 12px;
}
.color_1 {
	background-color: #300348;
}
.color_2 {
	background-color: #1844a5;
}
.color_3 {
	background-color: #23a59d;
}
.color_4 {
	background-color: #35ae45;
}
.color_5 {
	background-color: #e0469c;
}
.color_6 {
	background-color: #c12c32;
}
.color_7 {
	background-color: #fb8030;
}
.color_8 {
	background-color: #ffcf44;
}
.overlay_color_box ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	width: 70%;
}
.overlay_color_box ul li div {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	border: solid 1px #000;
}
.overlay_color_box ul li {
	width: 25%;
	margin-bottom: 6px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.overlay_color_box {
	position: absolute;
	left: 16px;
	top: 13px;
	width: 87%;
}
/**flipbook page css**/
.wiggle_doddle_main_mid_sec.flipbook_mian_sec {
	margin-top: 1rem;
}
.flipbook_mian_sec .doddle_board_and_text {
	transform: translate(0px, 1rem);
}
.flipbook_mian_sec .wiggle_doddle_main_inner {
	transform: translate(0px, -7rem);
}
.flipbook_mian_sec .color_box.brush_size_box {
	/* margin: 1rem 0px; */
	margin: 0;
}
.flipbook_mian_sec .inspire_me_image {
	margin-top: 3rem;
}
.flipbook_mian_sec .inspire_me_image img {
	width: auto;
}
.slow_fast_buttons {
	margin-top: 2px;
	position: relative;
}
.slw_fast_icons {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}
.advanced_main_sec .slw_fast_icons {
	top: -36px;
}

.slw_fast_icons img {
	width: 22px;
}
.flip_book_bottom_border img {
	width: 100%;
}
.flip_book_bottom_border {
	transform: translate(0px, 3rem);
}
.flip_book_bottom_data {
	transform: translate(0px, 0.5rem);
}
.top_icons ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 17%;
	padding-left: 15px;
}
.top_icons ul li img {
	filter: grayscale(100%);
}
.top_icons ul li::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.6);
}
.top_icons ul li {
	position: relative;
	cursor: pointer;
}
.frames_sec ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.frames_sec ul li {
	margin-right: 2rem;
	position: relative;
	margin-bottom: 2rem;
}
.frames_sec ul li:last-child {
	margin-right: 2rem;
}
.frames_creates_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.frames_sec {
	width: 90%;
}
.prev_button {
	width: 5%;
	background-color: #fff;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.next_button {
	position: relative;
	width: 5%;
	background-color: #fff;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.frames_sec ul li .selected {
	position: relative;
}
.frames_sec ul li .selected::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: solid 7px #ffdf3f;
}
.next_button.inactive_button span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	border: 0;
	background-color: rgba(255, 255, 255, 0.4);
	top: 0;
	bottom: 0;
}
.typed_sec {
	font-size: 15px;
	position: absolute;
	bottom: -22px;
	left: 0;
	right: 0;
	text-align: center;
	font-weight: 500;
}
.frames_sec ul li .selected + .typed_sec {
	font-weight: bold;
}
/**advanced page css**/
.advanced_main_sec .tool_bar {
	position: relative;
	width: 95%;
}
.advanced_main_sec .tool_bar img {
	width: 100%;
}
.third_last_bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.advanced_sec .bars_mid_icons {
	padding: 0 0px;
}
.advanced_sec .sec_last_bar_icons {
	padding: 0 0px 0 0;
}
.advanced_sec .bar_icons_one img {
	width: 100%;
}
.advanced_sec .bar_icons_one {
	width: 50%;
}
.wiggle_topbar.advanced_sec .bar_icons_one {
	width: 90%;
}
.flipbook_mian_sec.advanced_main_sec .wiggle_doddle_main_inner {
	transform: translate(0px, 7rem);
	position: relative;
	z-index: 1;
}

.advanced_right_sec .overlay_color_box ul li div {
	height: 18px;
	width: 18px;
}
.advanced_right_sec .overlay_color_box ul li {
	width: 13%;
}
.advanced_right_sec .overlay_color_box ul {
	width: 100%;
}
.advanced_right_sec .overlay_color_box {
	left: 14px;
	top: 14px;
	width: 88%;
}
.advanced_main_sec .color_1 {
	background-color: #ffd046;
}
.advanced_main_sec .color_2 {
	background-color: #fe8336;
}
.advanced_main_sec .color_3 {
	background-color: #df1d1b;
}
.advanced_main_sec .color_4 {
	background-color: #de499a;
}
.advanced_main_sec .color_5 {
	background-color: #14051e;
}
.advanced_main_sec .color_6 {
	background-color: #1c44a4;
}
.advanced_main_sec .color_7 {
	background-color: #20a69d;
}
.advanced_main_sec .color_8 {
	background-color: #33ad40;
}
.advanced_main_sec .color_9 {
	background-color: #ffffff;
}
.advanced_main_sec .color_10 {
	background-color: #999999;
}
.advanced_main_sec .color_11 {
	background-color: #010101;
}
.advanced_main_sec .color_12 {
	background-color: #37220f;
}
.advanced_main_sec .color_13 {
	background-color: #ff9995;
}
.advanced_main_sec .color_14 {
	background-color: #9899cf;
}
.advanced_main_sec .color_15 {
	background-color: #9a9d06;
}
.advanced_main_sec .color_16 {
	background-color: #053302;
}
.advanced_main_sec .color_box.next_prev_play_button {
	transform: translate(0px, 0rem);
    display: flex;
}


.advanced_main_sec .wiggle_doddle_main_inner {
    transform: translate(0px, 0rem);
    position: relative;
    z-index: 1;
}
.organize_image {
	text-align: center;
}
.advanced_main_sec .slow_fast_buttons {
	margin-left: 10px;
}
.flipbook_mian_sec.advanced_main_sec .inspire_me_image {
	margin-top: 1.5rem;
}
.flip_book_bottom_border.advanced_bottom_border {
	transform: translate(0px, -3.5rem);
}
.flip_book_bottom_data.advanced_bottom_data {
	transform: translate(0px, -7.5rem);
}
.advanced_bottom_data .top_icons ul li.active_advanced img {
	filter: grayscale(0%);
}
.advanced_bottom_data .top_icons ul li.active_advanced::after {
	content: unset;
}
.advanced_bottom_data .top_icons ul {
	width: 30%;
}
.background_foreground_sec img {
	width: 100%;
}
.background_foreground_sec {
	transform: translate(0px, -6.5rem);
	position: relative;
}
.foreground_video_sec {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}
.left_text_part ul {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	align-items: flex-end;
}
.left_text_part {
	border-right: solid 2px #000;
	margin-right: 0px;
}
.video_layer {
	display: flex;
	justify-content: flex-start;
	height: 100%;
}
.left_text_part ul li:nth-child(2) {
	border-top: solid 2px #000;
	border-bottom: solid 1px #000;
	padding: 2px 0;
}
.left_text_part ul li:nth-child(3) {
	border-bottom: solid 1px #000;
	padding: 2px 5px 0 0;
}
.left_text_part ul li {
	font-size: 13px;
	padding-right: 8px;
	color: #121212;
	line-height: normal;
	font-weight: 400;
	height: 25px;
}
.right_layer_part ul {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	height: 100%;
}
.right_layer_part ul li:nth-child(2) {
	border-top: solid 2px #000;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
}
.right_layer_part ul li:nth-child(3) {
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
.right_layer_part ul li {
	height: 30px;
	width: 25px;
}
.right_layer_part {
	display: flex;
	flex-direction: row;
}

.clicked_div.select_video_layer .video_layer_div {
	background-color: #999;
	height: 70%;
	width: 90%;
	display: flex;
}

.first_box {
	position: relative;
}
.first_box ul li:first-child::after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 7px;
	background-color: #000;
	width: 1px;
	right: 0;
}
.first_box ul li {
	position: relative;
	cursor: pointer;
}
.first_box ul li:first-child {
	text-align: center;
	color: #000;
	font-weight: 400;
	font-size: 13px;
}
.tenth_div {
	background-color: #ddd;
}
.clicked_div {
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

li.clicked_div.select_video_layer {
	background-color: #fdfd00;
}
li.selected_video_layer {
	background-color: #ffffcc;
}
.right_layer_part ul li {
	height: 26px;
}
.advanced_main_sec .tool_bar ul li:nth-child(1) img,
.advanced_main_sec .tool_bar ul li:nth-child(2) img,
.advanced_main_sec .tool_bar ul li:nth-child(3) img,
.advanced_main_sec .tool_bar ul li:nth-child(4) img {
	width: 80%;
}

.advanced_main_sec .tool_bar ul li.active_tools:nth-child(1)::after,
.advanced_main_sec .tool_bar ul li.active_tools:nth-child(2)::after,
.advanced_main_sec .tool_bar ul li.active_tools:nth-child(3)::after,
.advanced_main_sec .tool_bar ul li.active_tools:nth-child(4)::after {
	left: 4px;
	right: 2px;
}
.right_layer_part {
	position: relative;
}
.select_video_layer {
	background-color: #fdfd00;
}
.left_text_part ul li {
	font-size: 13px;
	padding-right: 8px;
	color: #121212;
	line-height: normal;
	font-weight: 400;
	height: 25px;
	padding: 0 6px 0 10px !important;
}
.cursor_pointer {
	display: none;
	position: absolute;
	left: 10px;
	top: 0;
}

.first_box.active_first_box .cursor_pointer {
	display: block;
}

.clicked_div .video_layer_div {
	height: 70%;
	width: 91%;
	background-color: #999;
}
.advanced_right_sec .brush_overlay {
	left: 10px;
	right: 10px;
}
.flipbook_mian_sec.advanced_main_sec .inspire_me_image img {
	width: 60%;
}
.flipbook_mian_sec.advanced_main_sec .inspire_me_image {
	text-align: center;
}
.flipbook_mian_sec.advanced_main_sec .inspire_me_image:hover .hover_show {
	text-align: center !important;
	margin: auto;
}
.art_list {
	position: absolute;
	top: 44px;
	left: 27px;
	right: 46px;
	background-color: #fff;
}
.art_inner_col {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	padding: 0 8px 0 8px;

}
.art_list ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow-y: scroll;
	height: 187px;
	padding: 10px 2px;
}
.art_liberary_sec {
	position: relative;
}
.art_list ul li {
	margin-bottom: 10px;
}
.modal-header {
	padding: 0;
	position: absolute;
	right: -50px;
	top: -30px;
	border: unset;
}
.modal-header .close {
	opacity: 1;
	box-shadow: unset !important;
	text-shadow: unset !important;
	background-color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 40px;
	margin: 0;
	font-weight: 300;
	line-height: 43px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	float: unset !important;
}
.heading_pop h2 {
	font-size: 20px;
	color: #000;
	line-height: normal;
	font-weight: 600;
}
.modal-dialog {
	width: 37%;
	margin: 8rem auto;
}
.organizer_library {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 3rem;
	background: url("https://animationish-staging-images.s3.amazonaws.com/advanced/banner.png");
	background-size: cover;
	background-position: center center;
}
.left_organizer_library {
	width: 45%;
	text-align: center;
}
.right_organizer_library {
	width: 45%;
	text-align: center;
}
.left_library_inner img {
	width: 100%;
}
.file_location {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10px;
	margin-top: 15px;
}
.right_organizer_library .okay_button {
	margin-left: 10px;
}

.right_organizer_library {
	position: relative;
}
.right_organizer_library .art_list {
	top: 8px;
	left: 27px;
	right: 20px;
	background-color: transparent;
	bottom: 44px;
}
.right_organizer_library .art_inner_col {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.right_organizer_library .art_list ul {
	justify-content: flex-start;
	overflow-y: scroll;
	height: 365px;
	overflow-x: hidden;
}
.right_organizer_library .art_list ul li {
	width: 100%;
	text-align: left;
}
.right_organizer_library .art_inner_col {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.left_library_inner {
	position: relative;
}
.left_library_inner .art_list {
	top: 8px;
	left: 27px;
	right: 20px;
	background-color: transparent;
	bottom: 44px;
}
.left_library_inner .art_inner_col {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.left_library_inner .art_list ul {
	justify-content: flex-start;
	overflow-y: scroll;
	height: 365px;
	overflow-x: hidden;
}
.left_library_inner .art_list ul li {
	width: 100%;
	text-align: left;
}
.left_library_inner .art_inner_col {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.mid_inner_organizer {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.delete_organizer:last-child {
	margin: 0;
}
.delete_organizer {
	margin: 0 0 60px;
}
.delete_organizer:first-child img {
	transform: rotate(62deg);
}
.no_option_to_delete img {
	filter: grayscale(100%);
}
.file_path {
	text-align: left;
	white-space: pre;
	overflow: hidden;
	margin-right: 15px;
}
/**project vault page css**/
.project_vault_section {
	background: url("https://animationish-staging-images.s3.amazonaws.com/project/banner.png");
	height: 700px;
	background-position: center center;
	padding: 20px;
}
.main_logo_vault {
	text-align: center;
}
.bault_small_box {
	position: relative;
}

.bault_small_box .art_inner_col .actions i {
    cursor: pointer;
    margin-right: 2px;
}

.bault_small_box .art_inner_col .actions {
    /* width: 100%; */
    margin-left: 10px;
}
.projectvault_overlay {
	position: absolute;
	top: 40px;
	left: 30px;
	right: 30px;
}
.projectvault_overlay ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.projectvault_overlay ul li {
	width: 30%;
	text-align: center;
}
.main_mid_img {
	position: relative;
}
.bault_small_box img {
	width: 100%;
}
.bault_small_box {
	width: 75%;
	margin: 2rem auto 0;
	overflow: hidden;
}
.bault_small_box .art_list {
	position: absolute;
	top: 12px;
	left: 10px;
	right: 12px;
	background-color: #fff;
}
.bault_small_box .art_list ul {
	height: 150px;
	flex-wrap: nowrap;
	flex-direction: column;
}
.art_inner_col {
	flex-direction: revert;
}
.projectvault_overlay ul li .bault_small_box .art_list ul li {
	width: 100%;
}
.open_browser_project_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 35px;
}
.inner_project_browser {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.left_inner_project {
	width: 80%;
}
.project_path_location p {
	font-size: 21px;
	color: #000;
	font-weight: 500;
	line-height: normal;
}
.project_path_location {
	width: 80%;
	white-space: pre;
	overflow: hidden;
}
.open_browser_project {
	margin-top: 16px;
}
.open_or_home_buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top_dot span {
	border: solid 1px #000;
}
.top_dot {
	height: 40px !important;
	width: 100%;
}
.bottom_sec {
	height: 40px;
	position: absolute;
	bottom: -5px;
}
.brush_overlay {
	position: absolute;
	top: 37px;
	left: 35px;
	bottom: 15px;
	right: 28px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}
.slidecontainer {
	position: relative;
}

/**home icon**/
.home_icon .normal {
	display: none;
}
.home_icon .disabled {
	display: none;
}
.home_icon .on_click {
	display: none;
}
.home_icon .hover {
	display: none;
}
.home_icon .active_image.normal {
	display: block;
}
.home_icon .active_image.on_click {
	display: block;
}
.home_icon .active_image.disabled {
	display: block;
}
.home_icon:hover .active_image.hover {
	display: block;
}
.home_icon:hover .hover {
	display: block;
}
.home_icon:hover .active_image.normal {
	display: none;
}
/**new icon**/
.new_icon .normal {
	display: none;
}
.new_icon .disabled {
	display: none;
}
.new_icon .on_click {
	display: none;
}
.new_icon .hover {
	display: none;
}
.new_icon .active_image.normal {
	display: block;
}
.new_icon .active_image.on_click {
	display: block;
}
.new_icon .active_image.disabled {
	display: block;
}
.new_icon:hover .active_image.hover {
	display: block;
}
.new_icon:hover .hover {
	display: block;
}
.new_icon:hover .active_image.normal {
	display: none;
}
/**open icon**/
.open_icon .normal {
	display: none;
}
.open_icon .disabled {
	display: none;
}
.open_icon .on_click {
	display: none;
}
.open_icon .hover {
	display: none;
}
.open_icon .active_image.normal {
	display: block;
}
.open_icon .active_image.on_click {
	display: block;
}
.open_icon .active_image.disabled {
	display: block;
}
.open_icon:hover .active_image.hover {
	display: block;
}
.open_icon:hover .hover {
	display: block;
}
.open_icon:hover .active_image.normal {
	display: none;
}
/**save icon**/
.save_icon .normal {
	display: none;
}
.save_icon .disabled {
	display: none;
}
.save_icon .on_click {
	display: none;
}
.save_icon .hover {
	display: none;
}
.save_icon .active_image.normal {
	display: block;
}
.save_icon .active_image.on_click {
	display: block;
}
.save_icon .active_image.disabled {
	display: block;
}
.save_icon:hover .active_image.hover {
	display: block;
}
.save_icon:hover .hover {
	display: block;
}
.save_icon:hover .active_image.normal {
	display: none;
}
/**share icon**/
.share_icon .normal {
	display: none;
}
.share_icon .disabled {
	display: none;
}
.share_icon .on_click {
	display: none;
}
.share_icon .hover {
	display: none;
}
.share_icon .active_image.normal {
	display: block;
}
.share_icon .active_image.on_click {
	display: block;
}
.share_icon .active_image.disabled {
	display: block;
}
.share_icon:hover .active_image.hover {
	display: block;
}
.share_icon:hover .hover {
	display: block;
}
.share_icon:hover .active_image.normal {
	display: none;
}
/**cut icon**/
.cut_icon .normal {
	display: none;
}
.cut_icon .disabled {
	display: none;
}
.cut_icon .on_click {
	display: none;
}
.cut_icon .hover {
	display: none;
}
.cut_icon .active_image.normal {
	display: block;
}
.cut_icon .active_image.on_click {
	display: block;
}
.cut_icon .active_image.disabled {
	display: block;
}
.cut_icon:hover .active_image.hover {
	display: block;
}
.cut_icon:hover .hover {
	display: block;
}
.cut_icon:hover .active_image.normal {
	display: none;
}
/**copy icon**/
.copy_icon .normal {
	display: none;
}
.copy_icon .disabled {
	display: none;
}
.copy_icon .on_click {
	display: none;
}
.copy_icon .hover {
	display: none;
}
.copy_icon .active_image.normal {
	display: block;
}
.copy_icon .active_image.on_click {
	display: block;
}
.copy_icon .active_image.disabled {
	display: block;
}
.copy_icon:hover .active_image.hover {
	display: block;
}
.copy_icon:hover .hover {
	display: block;
}
.copy_icon:hover .active_image.normal {
	display: none;
}
/**paste icon**/
.paste_icon .normal {
	display: none;
}
.paste_icon .disabled {
	display: none;
}
.paste_icon .on_click {
	display: none;
}
.paste_icon .hover {
	display: none;
}
.paste_icon .active_image.normal {
	display: block;
}
.paste_icon .active_image.on_click {
	display: block;
}
.paste_icon .active_image.disabled {
	display: block;
}
.paste_icon:hover .active_image.hover {
	display: block;
}
.paste_icon:hover .hover {
	display: block;
}
.paste_icon:hover .active_image.normal {
	display: none;
}
/**undo icon**/
.undo_icon .normal {
	display: none;
}
.undo_icon .disabled {
	display: none;
}
.undo_icon .on_click {
	display: none;
}
.undo_icon .hover {
	display: none;
}
.undo_icon .active_image.normal {
	display: block;
}
.undo_icon .active_image.on_click {
	display: block;
}
.undo_icon .active_image.disabled {
	display: block;
}
.undo_icon:hover .active_image.hover {
	display: block;
}
.undo_icon:hover .hover {
	display: block;
}
.undo_icon:hover .active_image.normal {
	display: none;
}
/**delete icon**/
.delete_icon .normal {
	display: none;
}
.delete_icon .disabled {
	display: none;
}
.delete_icon .on_click {
	display: none;
}
.delete_icon .hover {
	display: none;
}
.delete_icon .active_image.normal {
	display: block;
}
.delete_icon .active_image.on_click {
	display: block;
	opacity: 0.6;
}
.delete_icon .active_image.disabled {
	display: block;
	opacity: 0.5;
}
.delete_icon:hover .active_image.hover {
	display: block;
}
.delete_icon:hover .hover {
	display: block;
}
.delete_icon:hover .active_image.normal {
	display: none;
}
/**zoom in icon**/
.zoom_in_icon .normal {
	display: none;
}
.zoom_in_icon .disabled {
	display: none;
}
.zoom_in_icon .on_click {
	display: none;
}
.zoom_in_icon .hover {
	display: none;
}
.zoom_in_icon .active_image.normal {
	display: block;
}
.zoom_in_icon .active_image.on_click {
	display: block;
}
.zoom_in_icon .active_image.disabled {
	display: block;
}
.zoom_in_icon:hover .active_image.hover {
	display: block;
}
.zoom_in_icon:hover .hover {
	display: block;
}
.zoom_in_icon:hover .active_image.normal {
	display: none;
}
/**zoom out icon**/
.zoom_out_icon .normal {
	display: none;
}
.zoom_out_icon .disabled {
	display: none;
}
.zoom_out_icon .on_click {
	display: none;
}
.zoom_out_icon .hover {
	display: none;
}
.zoom_out_icon .active_image.normal {
	display: block;
}
.zoom_out_icon .active_image.on_click {
	display: block;
}
.zoom_out_icon .active_image.disabled {
	display: block;
}
.zoom_out_icon:hover .active_image.hover {
	display: block;
}
.zoom_out_icon:hover .hover {
	display: block;
}
.zoom_out_icon:hover .active_image.normal {
	display: none;
}
/**zoom fit icon**/
.zoom_fit_icon .normal {
	display: none;
}
.zoom_fit_icon .disabled {
	display: none;
}
.zoom_fit_icon .on_click {
	display: none;
}
.zoom_fit_icon .hover {
	display: none;
}
.zoom_fit_icon .active_image.normal {
	display: block;
}
.zoom_fit_icon .active_image.on_click {
	display: block;
}
.zoom_fit_icon .active_image.disabled {
	display: block;
}
.zoom_fit_icon:hover .active_image.hover {
	display: block;
}
.zoom_fit_icon:hover .hover {
	display: block;
}
.zoom_fit_icon:hover .active_image.normal {
	display: none;
}
/**pressure icon**/
.pressure_icon .normal {
	display: none;
}
.pressure_icon .disabled {
	display: none;
}
.pressure_icon .on_click {
	display: none;
}
.pressure_icon .hover {
	display: none;
}
.pressure_icon .active_image.normal {
	display: block;
}
.pressure_icon .active_image.on_click {
	display: block;
}
.pressure_icon .active_image.disabled {
	display: block;
}
.pressure_icon:hover .active_image.hover {
	display: block;
}
.pressure_icon:hover .hover {
	display: block;
}
.pressure_icon:hover .active_image.normal {
	display: none;
}
/**behind icon**/
.behind_icon .normal {
	display: none;
}
.behind_icon .disabled {
	display: none;
}
.behind_icon .on_click {
	display: none;
}
.behind_icon .hover {
	display: none;
}

.behind_icon .active_image.normal {
	display: block;
}
.behind_icon .active_image.on_click {
	display: block;
}
.behind_icon .active_image.disabled {
	display: block;
}
.behind_icon:hover .active_image.hover {
	display: block;
}
.behind_icon:hover .hover {
	display: block;
}
.behind_icon:hover .active_image.normal {
	display: none;
}
/**trace icon**/
.trace_icon .normal {
	display: none;
}
.trace_icon .disabled {
	display: none;
}
.trace_icon .on_click {
	display: none;
}
.trace_icon .hover {
	display: none;
}
.trace_icon .active_image.normal {
	display: block;
}
.trace_icon .active_image.on_click {
	display: block;
}
.trace_icon .active_image.disabled {
	display: block;
}
.trace_icon:hover .active_image.hover {
	display: block;
}
.trace_icon:hover .hover {
	display: block;
}
.trace_icon:hover .active_image.normal {
	display: none;
}
/**import icon**/
.import_icon .normal {
	display: none;
}
.import_icon .disabled {
	display: none;
}
.import_icon .on_click {
	display: none;
}
.import_icon .hover {
	display: none;
}
.import_icon .active_image.normal {
	display: block;
}
.import_icon .active_image.on_click {
	display: block;
}
.import_icon .active_image.disabled {
	display: block;
}
.import_icon:hover .active_image.hover {
	display: block;
}
.import_icon:hover .hover {
	display: block;
}
.import_icon:hover .active_image.normal {
	display: none;
}

/**new changes 8-7-2019**/
.main_bottom_bann {
	overflow: hidden;
}
.main_bottom_bann img {
	width: auto !important;
}
/**login page css**/
.login_logo img {
	width: 100%;
}
.login_logo {
	background-color: rgb(216, 216, 216);
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo_img_sec {
	width: 20%;
}
.log_in_page {
	font-family: "Rubik";
}
.log_in_page {
	height: 85%;
}
.login_fields {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.login_heading h2 {
	font-size: 42px;
	color: #000;
	line-height: normal;
	margin-bottom: 30px;
	font-weight: 400;
}
.login_fields h2 span {
	font-weight: bold;
}

.input_fields input {
	font-size: 16px;
	border: solid 1px #bab3b3;
	border-radius: 50px;
	padding: 20px 25px;
	width: 100%;
	line-height: normal;
	font-weight: 400;
	height: auto;
	color: #000;
}
.all_login_fields {
	width: 65%;
}
.input_fields {
	margin-bottom: 2rem;
}
.input_fields input:placeholder {
	color: #bab3b3 !important;
	opacity: 1 !important;
}
.input_fields.forgot_passwd a {
	font-size: 15px;
	color: #000;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	font-weight: 400;
}
.input_fields.forgot_passwd a:hover {
	color: #4b4b4b;
}
.input_fields.submit_fields input {
	background-color: rgb(216, 216, 216);
	color: rgb(0, 0, 0);
	line-height: normal;
	width: auto;
	text-transform: uppercase;
	font-size: 20px;
	border: unset;
	padding: 17px 40px;
	margin-right: 18px;
}
.input_fields.submit_fields input:last-child {
	margin-right: 0px;
}

.input_fields.submit_fields button {
	background-color: rgb(216, 216, 216);
	color: rgb(0, 0, 0);
	line-height: normal;
	width: auto;
	text-transform: uppercase;
	font-size: 20px;
	border: unset;
	padding: 17px 40px;
	margin-right: 18px;
	border-radius: 50px;
}
.input_fields.submit_fields {
	margin: 0;
	text-align: center;
}
.input_fields.submit_fields {
	margin-top: 5rem;
}
.input_fields.forgot_passwd {
	margin: 0;
}

/**share popup modal**/
.share_animation {
	background: url("https://animationish-staging-images.s3.amazonaws.com/share/back_img.png");
	background-repeat: no-repeat;
	padding: 20px;
	margin-top: 20px;
}
.border_all_time img {
	width: 100%;
}
.border_all_time {
	position: relative;
}
.share_overlay {
	position: absolute;
	top: 45px;
	left: 30px;
	right: 30px;
	bottom: 20px;
}
.top_share_heading img {
	width: 100%;
}
.top_share_heading {
	width: 80%;
	text-align: center;
	margin: auto;
}
.mid_button_share ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}
.mid_button_share ul li {
	margin-right: 3rem;
}
.mid_button_share ul li:last-child {
	margin-right: 0rem;
}
.bottom_button {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
#flip_Shapes img{
	width: 55px;
	height: 57px;
}

/**15-7-2019**/
.flipbook_mian_sec .wiggle_doddle_main_inner {
	transform: translate(0px, 0rem);
}

.slw_fast_icons .slidecontainer {
	top: -2rem;
}

/**new_css 15-7-2019**/
.flip_book_inside_image {
	position: absolute;
	top: 7px;
	bottom: 7px;
	left: 7px;
	right: 7px;
}
.flipbook_frames_divs {
	position: relative;
}
.flip_book_topbar.advanced_sec .bar_icons_one img {
	width: auto;
}

/**new_addition 16-7-2019**/
/**home icon css**/
.home_icon:hover .active_image.normal {
	display: none;
}
.home_icon:hover .active_image.on_click {
	display: none;
}
.home_icon:hover .active_image.disabled {
	display: none;
}
.home_icon:hover .normal {
	display: none;
}
.home_icon:hover .on_click {
	display: none;
}
.home_icon:hover .disabled {
	display: none;
}
/**new icons css**/
.new_icon:hover .active_image.normal {
	display: none;
}
.new_icon:hover .active_image.on_click {
	display: none;
}
.new_icon:hover .active_image.disabled {
	display: none;
}
.new_icon:hover .normal {
	display: none;
}
.new_icon:hover .on_click {
	display: none;
}
.new_icon:hover .disabled {
	display: none;
}
/**open icons css**/
.open_icon:hover .active_image.normal {
	display: none;
}
.open_icon:hover .active_image.on_click {
	display: none;
}
.open_icon:hover .active_image.disabled {
	display: none;
}
.open_icon:hover .normal {
	display: none;
}
.open_icon:hover .on_click {
	display: none;
}
.open_icon:hover .disabled {
	display: none;
}

/**save icons css**/
.save_icon:hover .active_image.normal {
	display: none;
}
.save_icon:hover .active_image.on_click {
	display: none;
}
.save_icon:hover .active_image.disabled {
	display: none;
}
.save_icon:hover .normal {
	display: none;
}
.save_icon:hover .on_click {
	display: none;
}
.save_icon:hover .disabled {
	display: none;
}
/**share icons css**/
.share_icon:hover .active_image.normal {
	display: none;
}
.share_icon:hover .active_image.on_click {
	display: none;
}
.share_icon:hover .active_image.disabled {
	display: none;
}
.share_icon:hover .normal {
	display: none;
}
.share_icon:hover .on_click {
	display: none;
}
.share_icon:hover .disabled {
	display: none;
}

/**cut icons css**/
.cut_icon:hover .active_image.normal {
	display: none;
}
.cut_icon:hover .active_image.on_click {
	display: none;
}
.cut_icon:hover .active_image.disabled {
	display: none;
}
.cut_icon:hover .normal {
	display: none;
}
.cut_icon:hover .on_click {
	display: none;
}
.cut_icon:hover .disabled {
	display: none;
}

/**copy icons css**/
.copy_icon:hover .active_image.normal {
	display: none;
}
.copy_icon:hover .active_image.on_click {
	display: none;
}
.copy_icon:hover .active_image.disabled {
	display: none;
}
.copy_icon:hover .normal {
	display: none;
}
.copy_icon:hover .on_click {
	display: none;
}
.copy_icon:hover .disabled {
	display: none;
}

/**paste icons css**/
.paste_icon:hover .active_image.normal {
	display: none;
}
.paste_icon:hover .active_image.on_click {
	display: none;
}
.paste_icon:hover .active_image.disabled {
	display: none;
}
.paste_icon:hover .normal {
	display: none;
}
.paste_icon:hover .on_click {
	display: none;
}
.paste_icon:hover .disabled {
	display: none;
}
/**undo icons css**/
.undo_icon:hover .active_image.normal {
	display: none;
}
.undo_icon:hover .active_image.on_click {
	display: none;
}
.undo_icon:hover .active_image.disabled {
	display: none;
}
.undo_icon:hover .normal {
	display: none;
}
.undo_icon:hover .on_click {
	display: none;
}
.undo_icon:hover .disabled {
	display: none;
}

/**delete icons css**/
.delete_icon:hover .active_image.normal {
	display: none;
}
.delete_icon:hover .active_image.on_click {
	display: none;
}
.delete_icon:hover .active_image.disabled {
	display: none;
}
.delete_icon:hover .normal {
	display: none;
}
.delete_icon:hover .on_click {
	display: none;
}
.delete_icon:hover .disabled {
	display: none;
}

/**zoom-in icons css**/
.zoom_in_icon:hover .active_image.normal {
	display: none;
}
.zoom_in_icon:hover .active_image.on_click {
	display: none;
}
.zoom_in_icon:hover .active_image.disabled {
	display: none;
}
.zoom_in_icon:hover .normal {
	display: none;
}
.zoom_in_icon:hover .on_click {
	display: none;
}
.zoom_in_icon:hover .disabled {
	display: none;
}

/**zoom-out icons css**/
.zoom_out_icon:hover .active_image.normal {
	display: none;
}
.zoom_out_icon:hover .active_image.on_click {
	display: none;
}
.zoom_out_icon:hover .active_image.disabled {
	display: none;
}
.zoom_out_icon:hover .normal {
	display: none;
}
.zoom_out_icon:hover .on_click {
	display: none;
}
.zoom_out_icon:hover .disabled {
	display: none;
}

/**zoom-fit icons css**/
.zoom_fit_icon:hover .active_image.normal {
	display: none;
}
.zoom_fit_icon:hover .active_image.on_click {
	display: none;
}
.zoom_fit_icon:hover .active_image.disabled {
	display: none;
}
.zoom_fit_icon:hover .normal {
	display: none;
}
.zoom_fit_icon:hover .on_click {
	display: none;
}
.zoom_fit_icon:hover .disabled {
	display: none;
}

/**pressure icons css**/
.pressure_icon:hover .active_image.normal {
	display: none;
}
.pressure_icon:hover .active_image.on_click {
	display: none;
}
.pressure_icon:hover .active_image.disabled {
	display: none;
}
.pressure_icon:hover .normal {
	display: none;
}
.pressure_icon:hover .on_click {
	display: none;
}
.pressure_icon:hover .disabled {
	display: none;
}

/**behind icons css**/
.behind_icon:hover .active_image.normal {
	display: none;
}
.behind_icon:hover .active_image.on_click {
	display: none;
}
.behind_icon:hover .active_image.disabled {
	display: none;
}
.behind_icon:hover .normal {
	display: none;
}
.behind_icon:hover .on_click {
	display: none;
}
.behind_icon:hover .disabled {
	display: none;
}

/**trace icons css**/
.trace_icon:hover .active_image.normal {
	display: none;
}
.trace_icon:hover .active_image.on_click {
	display: none;
}
.trace_icon:hover .active_image.disabled {
	display: none;
}
.trace_icon:hover .normal {
	display: none;
}
.trace_icon:hover .on_click {
	display: none;
}
.trace_icon:hover .disabled {
	display: none;
}

/**import icons css**/
.import_icon:hover .active_image.normal {
	display: none;
}
.import_icon:hover .active_image.on_click {
	display: none;
}
.import_icon:hover .active_image.disabled {
	display: none;
}
.import_icon:hover .normal {
	display: none;
}
.import_icon:hover .on_click {
	display: none;
}
.import_icon:hover .disabled {
	display: none;
}

/**17-7-2019 multiple slider**/
.MultiCarousel {
	float: left;
	overflow: hidden;
	padding: 15px;
	width: 100%;
	position: relative;
}
.MultiCarousel .MultiCarousel-inner {
	transition: 1s ease all;
	float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
	float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div {
	text-align: center;
	padding: 0 0 10px;
	background: none;
	color: #666;
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
	position: absolute;
	border-radius: none;
	top: calc(50% - 57px);
}
.MultiCarousel .leftLst {
	left: 0;
}
.MultiCarousel .rightLst {
	right: 0;
}
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
	pointer-events: none;
	background: #ccc;
}
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
	pointer-events: none;
	background: #fff;
	border: none !important;
	padding: 25px 5px 40px 2px;
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
	background: #fff;
	border: none !important;
	padding: 25px 12px 40px;
}
.flipbook_frames_divs.selected:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: solid 15px #ffdf3f;
}
.top_icons ul li.active_plus img {
	filter: grayscale(0%);
}
.top_icons ul li.active_plus::after {
	display: none;
}
.MultiCarousel .btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background: #fff;
	box-shadow: none;
}
/**17-7-2019 multiple slider**/
body.swal2-shown {
	padding: 0 !important;
}

/**18 july pressure_hover_effect**/
.bar_icons_one .slidecontainer {
	position: relative;
}
.bar_icons_one input[type="range"] {
	display: block;
	width: 100%;
}
.bar_icons_one .bottom_sec {
	position: absolute;
	z-index: 10;
	height: 74px;
	top: 50px;
	margin-top: 20px;
}

.bar_icons_one .bottom_sec .brush_board {
	padding: 15px 22px;
	background-color: #fff;
	box-shadow: 0px 0px 30px #ddd;
}

.bar_icons_one.pressure_icon:hover div.bottom_sec {
	display: block;
}
.bar_icons_one.pressure_icon:hover .bottom_sec {
	display: block;
}
.bar_icons_one.pressure_icon .bottom_sec {
	display: none;
}

.pressure_icon .top_dot {
	height: 20px !important;
}
/**pressure_hover_effect**/

input[type="range"] {
	-webkit-appearance: none;
	border: unset;
	width: 150px !important;
	height: 15px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushbar.png");
	background-repeat: no-repeat;
	background-size: 110px;
	margin: auto;
	background-position: bottom center;
	background-color: transparent;
}
.custom_swal_pop_title {
	font-weight: none !important;
	font-size: 16px !important; 
	margin: 0px 35px 0px 35px !important;
  }
  .custom_swal_pop_title label{
	margin-top: 20px !important;
	transform: translate(0px,5px) !important;
  }

  .custom_swal_pop_DeviceAndOrientation{
	font-weight: none !important;
	font-size: 22px !important; 
	margin: 0px 35px 0px 35px !important;
  }

  .alignment_top{
	position: absolute !important;
  top: 300px;

  }

  	.custom_ic .swal2-icon-content {
		font-size: inherit;

	}


input[type="range"]::-webkit-slider-runnable-track {
	width: 140px !important;
	height: 35px;
	border: none;
	border-radius: 3px;
	/* background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushbar.png"); */
	background-repeat: no-repeat;
	background-size: 110px !important;
	margin: auto;
	background-position: bottom 0px center;
	background-color: transparent;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 50px;
	width: 35px;
	border-radius: 0%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize_indicator.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -10px;
	background-size: 26px 35px;
}

input[type="range"]::-moz-range-track {
	width: 150px !important;
	height: 35px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize.png");
	background-repeat: no-repeat;
	background-size: 110px !important;
	margin: auto;
	background-position: bottom 0px center;
	background-color: transparent;
	border: none;
	border-radius: 3px;
}
input[type="range"]::-moz-range-thumb {
	border: none;
	height: 40px;
	width: 50px;
	border-radius: 0%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize_indicator.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -10px;
	
}

input[type="range"]:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px;
}
input[type="range"]::-ms-track {
	width: 150px !important;
	height: 40px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize.png");
	background-repeat: no-repeat;
	background-size: 110px !important;
	margin: auto;
	background-position: bottom 0px center;
	background-color: transparent;
	border-color: transparent;
	border-width: 0;
	color: transparent;
}
input[type="range"]::-ms-fill-lower {
	border-radius: 0px;
}
input[type="range"]::-ms-fill-upper {
	border-radius: 0px;
}
input[type="range"]::-ms-thumb {
	border: none;
	height: 50px;
	width: 30px;
	border-radius: 0%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize_indicator.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	
}
.mid_bottom_boxes a {
	width: 150px;
	margin-right: 80px;
}
.mid_bottom_boxes a:last-child {
	margin-right: 0;
	margin-left: 80px;
}

.flip_book_topbar .sec_last_bar_icons::after {
	content: unset;
}
.slw_fast_icons .slidecontainer {
	top: 0;
}

.slw_fast_icons input[type="range"] {
	background: transparent /*url("https://animationish-staging-images.s3.amazonaws.com/flipbook/slow_fast.png")*/;
	background-repeat: no-repeat;
	background-size: 87%;
	background-position: top 5px center;
	padding: 3px 0px;
	width: 110px !important;
	background-color: transparent;
	height: 60px;
}

.slw_fast_icons input[type="range"]::-webkit-slider-runnable-track {
	background: url("https://animationish-staging-images.s3.amazonaws.com/flipbook/slow_fast.png");
	background-repeat: no-repeat;
	background-size: 87%;
	background-position: top 5px center;
	padding: 3px 0px;
	width: 122px !important;
	background-color: transparent;
	height: 60px;
}
.slw_fast_icons input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 50px;
	width: 35px;
	border-radius: 0%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize_indicator.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -10px;
	background-size: 20px 25px;
}

.slw_fast_icons input[type="range"]::-moz-range-track {
	background: url("https://animationish-staging-images.s3.amazonaws.com/flipbook/slow_fast.png");
	background-repeat: no-repeat;
	background-size: 87%;
	background-position: top 20px center;
	padding: 3px 0px;
	width: 122px !important;
	background-color: transparent;
	height: 60px;
}
.slw_fast_icons input[type="range"]::-moz-range-thumb {
	border: none;
	height: 40px;
	width: 50px;
	border-radius: 0%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize_indicator.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -10px;
}
.slw_fast_icons input[type="range"]:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px;
}
.slw_fast_icons input[type="range"]::-ms-track {
	background: url("https://animationish-staging-images.s3.amazonaws.com/flipbook/slow_fast.png");
	background-repeat: no-repeat;
	background-size: 87%;
	background-position: top 5px center;
	padding: 3px 0px;
	width: 110px !important;
	background-color: transparent;
	height: 60px;
}
.slw_fast_icons input[type="range"]::-ms-fill-lower {
	border-radius: 0px;
}
.slw_fast_icons input[type="range"]::-ms-fill-upper {
	border-radius: 0px;
}
.slw_fast_icons input[type="range"]::-ms-thumb {
	border: none;
	height: 50px;
	width: 30px;
	border-radius: 0%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/brushsize_indicator.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -10px;
}

.projectvault_overlay .right_inner_project img:hover {
	transform: scale(1.1);
	transition: ease-in 0.5s;
}
.projectvault_overlay .right_inner_project img {
	transform: scale(1);
	transition: ease-out 0.5s;
}
.open_or_home_buttons .left_open_buttons img {
	transform: scale(1);
	transition: ease-out 0.5s;
}
.open_or_home_buttons .left_open_buttons img:hover {
	transform: scale(1.1);
	transition: ease-in 0.5s;
}
.button_bros img {
	transform: scale(1);
	transition: ease-out 0.5s;
}
.button_bros img:hover {
	transform: scale(1.1);
	transition: ease-in 0.5s;
}

#save_modal .modal-body form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#save_modal .modal-header .close {
	opacity: 1;
	color: #fff !important;
	text-shadow: unset;
	font-size: 34px;
	background-color: #000;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px !important;
	margin: 0;
	font-weight: 300;
}
#save_modal .modal-header {
	padding: 0;
	border-bottom: unset;
	position: absolute;
	right: -40px;
	top: -40px;
}
#save_modal .modal-content {
	padding: 30px;
}
#save_modal .modal-content h2 {
	text-align: center;
	color: #000;
	font-size: 26px;
	line-height: normal;
	margin-bottom: 20px;
	font-weight: bold;
}
#save_modal .modal-body form input[type="text"] {
	width: 79%;
	padding: 12px 18px;
	font-size: 18px;
	color: #000;
	border: solid 1px #d4d4d4;
	border-radius: 5px;
}
#save_modal .modal-body form input[type="text"]::placeholder {
	color: #000 !important;
	opacity: 1 !important;
}
#save_modal .modal-body form input[type="submit"] {
	background-color: #000;
	border: unset;
	color: #fff;
	padding: 11px 20px;
	width: 20%;
	font-size: 18px;
	border-radius: 5px;
}
#save_modal .modal-dialog {
	margin: 13rem auto 3rem;
}

#color_picker_modal .modal-header {
	padding: 0;
	border-bottom: unset;
	position: absolute;
	right: -40px;
	top: -40px;
}
#color_picker_modal .modal-header .close {
	opacity: 1;
	color: #fff !important;
	text-shadow: unset;
	font-size: 34px;
	background-color: #000 !important;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px;
	margin: 0;
	font-weight: 300;
}
#color_picker_modal .color_picker_popup {
	background: url("https://animationish-staging-images.s3.amazonaws.com/color_picker_background.png");
	padding: 30px;
	background-size: 100%;
	background-position: center center;
}
#color_picker_modal .modal-body {
	padding: 0;
}
#color_picker_modal .cloud_img {
	text-align: center;
	width: 185px;
	margin: auto;
	position: relative;
	z-index: 1;
}
#color_picker_modal .inner_cloud_color {
	position: absolute;
	left: 9px;
	right: 10px;
	top: 0px;
	bottom: 0;
	z-index: -1;
}
#color_picker_modal .color_picker_ok_cancle_button {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}
#color_picker_modal .ok_picker_button.cancle_picker_button {
	margin-top: 10px;
}
#color_picker_modal .color_picker_image_div {
	text-align: center;
	margin: 12px 0;
}
#color_picker_modal .modal-content {
	border: unset;
	border-radius: 2px;
}
#color_picker_modal .modal-dialog {
	margin: 10rem auto 2rem;
}

#havnot_saved .modal-header {
	padding: 0;
	border-bottom: unset;
	position: absolute;
	right: -40px;
	top: -40px;
}
#havnot_saved .modal-header .close {
	opacity: 1;
	color: #fff !important;
	text-shadow: unset !important;
	font-size: 34px;
	background-color: #000 !important;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px !important;
	margin: 0;
	font-weight: 300;
}
#havnot_saved .havnot_picker_popup {
	background: url("https://animationish-staging-images.s3.amazonaws.com/popup_background.png");
	padding: 30px;
	background-size: 100%;
	background-position: center center;
}
#havnot_saved .modal-body {
	padding: 0;
}
#havnot_saved .cloud_img {
	text-align: center;
	width: 185px;
	margin: auto;
	position: relative;
	z-index: 1;
}
#havnot_saved .inner_cloud_color {
	position: absolute;
	left: 9px;
	right: 10px;
	top: 0px;
	bottom: 0;
	z-index: -1;
}
#havnot_saved .color_picker_ok_cancle_button {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}
#havnot_saved .ok_picker_button.cancle_picker_button {
	margin-top: 10px;
}
#havnot_saved .color_picker_image_div {
	text-align: center;
	margin: 12px 0;
}
#havnot_saved .modal-content {
	border: unset;
	border-radius: 2px;
}
#havnot_saved .modal-dialog {
	margin: 10rem auto 2rem;
}
.have_not_box img {
	width: 100%;
}
#havnot_saved .modal-dialog {
	width: 700px;
}
.have_not_box {
	position: relative;
}
.have_not_text {
	position: absolute;
	top: 40px;
	left: 30px;
	right: 30px;
}
.No_save {
	margin-right: 20px;
	width: 150px;
}

.yes_save {
	width: 150px;
}
.save_no_save {
	position: absolute;
	bottom: 36px;
	right: 65px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.right_bar_icons {
	cursor: pointer;
	padding-top: 20px;
}
.bar_icons_one {
	cursor: pointer;
}

#saved_file .modal-header {
	padding: 0;
	border-bottom: unset;
	position: absolute;
	right: -40px;
	top: -40px;
}
#saved_file .modal-header .close {
	opacity: 1;
	color: #fff !important;
	text-shadow: unset;
	font-size: 34px;
	background-color: #000 !important;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px;
	margin: 0;
	font-weight: 300;
}
#saved_file .havnot_picker_popup {
	background: url("https://d3rc7k2n78msdl.cloudfront.net/popup_background.png");
	padding: 30px;
	background-size: 100%;
	background-position: center center;
}
#saved_file .modal-body {
	padding: 0;
}
#saved_file .cloud_img {
	text-align: center;
	width: 185px;
	margin: auto;
	position: relative;
	z-index: 1;
}
#saved_file .inner_cloud_color {
	position: absolute;
	left: 9px;
	right: 10px;
	top: 0px;
	bottom: 0;
	z-index: -1;
}
#saved_file .color_picker_ok_cancle_button {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}
#saved_file .ok_picker_button.cancle_picker_button {
	margin-top: 10px;
}
#saved_file .color_picker_image_div {
	text-align: center;
	margin: 12px 0;
}
#saved_file .modal-content {
	border: unset;
	border-radius: 2px;
}
#saved_file .modal-dialog {
	margin: 10rem auto 2rem;
}
#saved_file .modal-dialog {
	width: 700px;
}
.saved_save_popup {
	position: absolute;
	top: 98px;
	right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 20px;
}
.type_name {
	width: 65%;
	position: relative;
}
.typing_input_name {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 16px;
	bottom: 19px;
}
.typing_input_name input {
	width: 100%;
	border: unset;
	font-size: 16px;
	line-height: normal;
	color: #000;
	font-weight: 500;
	height: 45px;
}
.project_file_save {
	position: absolute;
	top: 28px;
	text-align: center;
	left: 30px;
	right: 30px;
}
.project_file_save h2 {
	color: #000;
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
}

li.select_video_layer.exposuredCell {
	border-left: unset !important;
	border-right: unset !important;
}
.advanced_sec .third_last_bar {
	position: relative;
}
.advanced_sec .third_last_bar::after {
	content: "";
	position: absolute;
	right: 4px;
	top: 0;
	bottom: 0;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/dots.png");
	width: 4px;
	background-position: center center;
	background-repeat: no-repeat;
}
.advanced_sec .bars_mid_icons::after {
	right: 0px;
}
.advanced_sec .sec_last_bar_icons::after {
	right: 0px;
}
.advanced_sec .bar_icons_one .bottom_sec {
	top: 37px;
}

.top_bottom_border {
	border-bottom: solid 1px;
	border-top: solid 1px #000;
	width: 25px;
	height: 18px;
}
.top_left_border {
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
	width: 25px;
	height: 18px;
}
.top_right_border {
	height: 18px;
	width: 25px;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
}
.border_box {
	position: absolute;
	top: 0px;
	left: 1px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.make_drawing_board {
	position: relative;
	overflow: hidden;
	height: 366px;
	width: 531px;
	padding: 0;
	left: 8px;
	top: 7px;
}
.bg_img {
	height: 400px;
	width: 550px;
	background: url("https://animationish-staging-images.s3.amazonaws.com/wiggle_doddle_main/board.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

.right_layer_part {
	overflow-x: scroll;
	position: relative;
}

.right_layer_part::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.right_layer_part::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
	-webkit-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	top: 4px;
}
.right_layer_part::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background: #999;
	height: 5px;
}
.right_layer_part::-webkit-scrollbar-corner {
	display: none;
	height: 0px;
	width: 0px;
}

.left_text_part {
	position: relative;
	top: -4px;
}

/* project listing modal */
.projectListingModal .modal-header {
	padding: 0;
	border-bottom: unset;
	position: absolute;
	right: -40px;
	top: -40px;
}
.projectListingModal .modal-header .close {
	opacity: 1;
	color: #fff !important;
	text-shadow: unset !important;
	font-size: 34px;
	background-color: #000 !important;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px !important;
	margin: 0;
	font-weight: 300;
}
.projectListingModal .modal-content::before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("https://animationish-staging-images.s3.amazonaws.com/popup_background.png");
	background-position: center center;
	background-size: 100% 100%;
}

.projectListingModal .projectListingModalBody {
	background-repeat: no-repeat;
	background: url("https://animationish-staging-images.s3.amazonaws.com/project/main_box.png");
	/* padding: 30px; */
	padding: 25px;
    margin: 30px;
	background-size: 100% 100%;
}
.projectListingModal .modal-body {
	padding: 0;
}

.projectListingModal .modal-content {
	border: unset;
	border-radius: 2px;
	/* height: 80vh; */
	max-height: 85vh;
	overflow: auto;
}
.projectListingModal .modal-dialog {
	/* margin: 10rem auto 2rem; */
	margin: 5rem auto;
}

.projectListingModal .modal-dialog {
	width: 700px;
}

.projectListingModal .wrapper {
	width: 60%;
    margin: 0 auto;
}

.projectListingModal .content {
	/* background: url("https://animationish-staging-images.s3.amazonaws.com/project/small_box.png"); */
	background-size: 100%;
	background-position: initial;
	margin-top: -20px;
}

.projectListingModal .have_not_box {
	position: inherit;
	margin-bottom: 15rem;
}

.projectListingModal .project_file_save {
	top: 15rem;
}

.projectListingModal .saved_save_popup {
    top: 20rem;
}

.projectListingModal .type_name {
	width: 50%;
}

.projectListingModal .yes_save {
	cursor: pointer;
	width: 120px;
}

.projectListingModal .content .art_list ul{
	/* height: 210px; */
	height: 190px;
	overflow: auto;
}

.projectListingModal .noContentFound {
	margin: 10px;
}

.projectListingModal .single {
	display: flex;
	align-items: center;
	flex-direction: revert;
	margin: 10px;
}

.projectListingModal .single.active {
	background-color: #80808030;
}

.projectListingModal .single .image{
	width: 40%;
}

.projectListingModal .single .text{
	width: 40%;
	overflow-wrap: anywhere;
}

.projectListingModal .single .actions{
	width: 20%;
	
}

.projectListingModal .single .actions i{
	cursor: pointer;
	margin-right: 2px;
}

.projectListingModal .single .actions i.disable{
	cursor: not-allowed;
}

.projectListingModal .single .image img{
	width: 100%;
}

.projectListingModal .openProjectVault {
	cursor: pointer;
}

/**Responsive start**/
@media (max-width: 1600px) {
	.modal-dialog {
		width: 52%;
	}
	.make_drawing_board {
		top: 9px;
	}
}
@media (max-width: 1500px) {
	.wiggle_doddle_main_mid_sec {
		margin-top: 3rem;
	}
	.wiggle_doddle_main_inner {
		transform: translate(0px, 0rem);
	}
	.wiggle_doddle_main_mid_sec {
		margin-top: 3rem;
	}
	.doddle_board_and_text {
		transform: translate(0px, -6rem);
	}
	.play_button_pause_sec img {
		width: 42%;
	}
	.color_box.brush_size_box {
		margin: 2rem 0px;
	}
	.inspire_me_image {
		margin-top: 2rem;
	}
	.make_drawing_board {
		height: 345px;
		width: 503px;
	}
	.bg_img {
		width: 525px;
		margin: auto;
	}
}

@media (max-width: 1400px) {
	.modal-dialog {
		width: 60%;
	}
}
@media (max-width: 1200px) {
	.tool_bar {
		width: 90%;
	}
	.overlay_color_box ul {
		width: 80%;
	}
	.top_bar_logo img {
		width: 100%;
	}
	.wiggle_doddle_main_inner {
		transform: translate(0px, 0rem);
	}
	.doddle_board_and_text {
		transform: translate(0px, 0rem);
	}
	.wiggle_doddle_main_mid_sec {
		margin-top: 3rem;
	}
	.bars_mid_icons {
		padding: 0 0px;
	}
	.sec_last_bar_icons {
		padding: 0 0px 0 0;
	}
	/**1-11-2019**/
	.inner_col {
		height: 150px;
		width: 200px;
	}
	.inner_col_hover {
		height: 150px;
		width: 200px;
	}
	.inner_col_sec {
		height: 150px;
		width: 200px;
	}
	.inner_col_sec_hover {
		height: 150px;
		width: 200px;
	}
	.inner_col_third {
		height: 150px;
		width: 200px;
	}
	.inner_col_third_hover {
		height: 150px;
		width: 200px;
	}
	.mid_logo_main img {
		width: 80%;
	}
	.animation_ish_box {
		height: 710px;
		/* width: 1000px; */
	}
	.main_bottom_bann {
		margin-top: 11px;
	}
	.main_mid_bannr {
		margin-top: 15px;
	}
	.top_bar_logo {
		width: 90px;
	}

	.mid_bar_icons {
		width: 73%;
		overflow: hidden;
	}
	.flip_book_topbar.advanced_sec .bar_icons_one img {
		width: 100%;
	}
	.right_bar_icons {
		width: 100px;
	}
	.flipbook_mian_sec .doddle_board_and_text {
		transform: translate(0px, 0rem);
	}
	.flipbook_mian_sec .wiggle_doddle_main_inner {
		transform: translate(0px, 0rem);
	}
	.flip_book_bottom_data {
		transform: translate(0px, 2rem);
	}
	.flip_book_bottom_border {
		transform: translate(0px, 3rem);
	}
	.slw_fast_icons input[type="range"] {
		height: 45px;
	}
	.flipbook_mian_sec .color_box.brush_size_box {
		margin: 0px 0px 5px;
	}
	.play_pause_button {
		margin-top: 5px;
	}
	.slow_fast_buttons {
		margin-top: 7px;
	}
	.No_save {
		width: 120px;
	}
	.yes_save {
		width: 120px;
	}
	.have_not_text {
		width: 75%;
		margin: auto;
	}
	.flipbook_frames_divs img {
		width: 65px;
	}
	.frames_sec ul li:last-child div img {
		width: 65px;
	}
	.main_mid_img img {
		width: 100%;
	}
	.vault_logo img {
		width: 100px;
	}
	.art_inner_col span img {
		width: 30px;
		margin-right: 2px;
	}
	.art_inner_col span {
		font-size: 11px;
		text-align: left;
	}
	.bault_small_box .art_list ul {
		height: 115px;
	}
	.project_path_location p {
		font-size: 16px;
	}
	.button_bros img {
		width: 90px;
	}
	.right_inner_project img {
		width: 110px;
	}
	.open_or_home_buttons img {
		width: 130px;
	}
	.project_vault_section {
		height: 650px;
	}
	.upper-canvas {
		width: 100% !important;
		height: 100% !important;
	}
	.wiggle_topbar .bar_icons_one {
		display: block;
		width: 50px;
	}
	.wiggle_topbar.advanced_sec .bar_icons_one {
		width: 90%;
	}
	.bars_mid_icons::after {
		right: -1px;
	}
	.top_share_heading {
		width: 72%;
	}
	.mid_button_share li:nth-child(2) img {
		width: 75px;
	}
	.mid_button_share ul li img {
		width: 100px;
	}
	.mid_button_share li:nth-child(3) img {
		width: 78px;
	}
	.mid_button_share ul li:last-child img {
		width: 90px;
	}
	.bottom_button {
		margin-top: 4px;
	}
	.heading_pop h2 {
		font-size: 18px;
	}
	#save_modal .modal-content h2 {
		font-size: 22px;
	}
	#save_modal .modal-body form input[type="text"] {
		width: 79%;
	}
	#save_modal .modal-body form input[type="submit"] {
		font-size: 16px;
	}
	.body_wrap {
		height: auto;
		margin: 0 auto;
    padding-top: 20px;
	}
	.sec_last_bar_icons {
		position: unset;
	}
	.bar_icons_one .bottom_sec {
		top: 90px;
	}

	.advanced_sec .mid_bar_icons {
		width: 85%;
	}
	.advanced_main_sec .color_box.next_prev_play_button {
		transform: translate(0px, 1rem);
	}
	.background_foreground_sec {
		transform: translate(0px, 0rem);
	}
	.flip_book_bottom_data.advanced_bottom_data {
		transform: translate(0px, -2rem);
	}
	.flip_book_bottom_border.advanced_bottom_border {
		transform: translate(0px, 1rem);
	}
	.flipbook_mian_sec.advanced_main_sec .wiggle_doddle_main_inner {
		transform: translate(0px, 0rem);
	}
	.art_liberary_sec img {
		width: 100%;
	}
	.art_list ul {
		height: 130px;
	}
	.art_liberary_sec {
		position: relative;
		height: 200px;
	}
	.art_liberary_sec .organize_image img {
		width: auto;
	}
	.overlay_classes {
		top: 19%;
	}
	.sec_last_bar_icons::after {
		content: unset;
	}
	.art_list {
		right: 29px;
	}
	.bg_img {
		height: 340px;
		width: 430px;
	}
	.make_drawing_board {
		height: 283px;
		width: 411px;
	}
	.make_drawing_board .drawing_board {
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
	}
	.background_foreground_sec {
		transform: translate(0px, -2rem);
		height: 85px;
	}
	.background_foreground_sec img {
		height: 100%;
	}
	.flip_book_bottom_data.advanced_bottom_data {
		transform: translate(0px, -3rem);
	}
	.flip_book_bottom_border.advanced_bottom_border {
		transform: translate(0px, 0rem);
	}
	.wiggle_doddle_main_mid_right {
		width: 23%;
	}
	.typing_input_name {
		top: 12px;
	}
	.typing_input_name input {
		font-size: 13px;
	}

	.make_doddle_text {
		margin-bottom: 10px;
	
	}
	

}
@media (max-width: 1024px) {
	.overlay_color_box ul {
		width: 90%;
	}
}

@media (max-width: 1920px) {
	.play_button, .pause_button {
		height: 90px;
	}
}

@media (min-width: 1920px) {
	.play_button, .pause_button {
		height: 90px;
	}
}