/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
.cstm4container,
.cstm4flip-box,
.cstm4front,
.cstm4back {
  width: 100%;
	height: 400px;
	max-width: 400px;
	margin: 0px auto;
}

.cstm4container,
.cstm4flip_box {
  position: relative;
}

.cstm4front,
.cstm4back {
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cstm4container {
  -moz-transform: perspective(1200px);
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.cstm4flip_box {
  transition: all 0.5s ease-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.cstm4front {
  background-color: #06BFFF;
  background-image: url('http://smilealigner.in/wp-content/uploads/2019/02/deval.jpg');
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
}


.f_title4 {
  padding-top: 30px;
}

.f_subline4 {
  padding-top: 10px;
  color: #ffffff;
	text-align:left;
	padding-left: 30px;
	font-size: 24px;
	font-family: 'Barlow', sans-serif;
}
p.f_subline4::after{
	content: '';
	display: block;
	height: .5rem;
	width: 5rem;
	background: #06bfff;
	transition: width .25s ease 1s;
	margin: 1rem 0px 2rem;
	transition: width .25s ease .25s;
}

.f_headline4 {
	padding-top:290px;
  line-height: 32px;
	text-align:left;
	padding-left: 30px;
	font-size: 40px;
	font-family: 'Barlow', sans-serif;
}

.cstm4back {
  background-color: #06BFFF;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.b_headline4 {
  padding-top: 50px;
}

.b_text4 {
  font-size: 1.4em;
  line-height: 28px;
  padding-top: 10px;
  opacity: 0.85;
}

.b_button4 {
  position: absolute;
  left: 36px;
  bottom: 38px;
  width: 150px;
  height: 52px;
  background-color: #C30C3D;
  transition: all 0.3s;
}

.b_button4:hover {
  background-color: #E30143;
}

.flipped4 {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.r_wrap4 {
  position: absolute;
  right: 16px;
  bottom: 20px;
}

.b_round4,
.s_round4 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #D21849;
  transition: all 0.2s linear;
}

.b_round4 {
  opacity: 0;
  background-color: #D21849;
}

.b_round_hover4 {
  transform: scale(1.37);
  opacity: 0.4;
}

.b_round_back_hover4 {
  background-color: #F60044;
}

.s_round_click4 {
  transform: scale(1.7);
}

.s_round_back4 {
  background-color: #C30C3D;
}

.s_arrow4 {
  width: 52px;
  height: 52px;
  background-image: url('https://img-fotki.yandex.ru/get/194549/29644339.5/0_d6c60_1d7815f0_orig');
  background-color: transparent;
  transition: all 0.35s linear;
}

.s_arrow_rotate4 {
  transform: rotate(-180deg);
}

/*** tabs work ****/

.tabbable-panel {
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  width: 50% !important;
	float: left;
	list-style: none;
	text-align: center;
	padding: 15px 0px;
	font-weight: 900;
	font-family: Poppins;
	cursor: pointer;
	background-color: #06BFFF;
	color: #fff;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #FF6700;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 30px 0px 0px;
}
.tabbable-line > .tab-content > .tab-pane {
	background-color:#06BFFF;
	padding: 50px 20px 20px 20px;
	color:#ffffff;
	display: none;
}
.tabbable-line > .tab-content > .tab-pane > ul{
	text-align:left;
}
.tabbable-line > .tab-content > .tab-pane.active{
	display: block !important;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

/*** tabs work ends here ***/
@media screen and (max-width: 768px) {
  
	.cstm4container {
    margin-bottom:30px !important;
  }
}
#tab1_default_1 > ul > li, #tab1_default_2 > ul > li, #tab2_default_1 > ul > li , #tab2_default_2 > ul > li {
    margin-bottom: 10px !important;
}
#tab1_default_1 > ul , #tab1_default_2 > ul, #tab2_default_1 > ul , #tab2_default_2 > ul {
    list-style: unset !important;
}

#tabnav44 ul {
	list-style: unset !important;
}