/*Theme Colors Classes*/
/*Theme Colors*/

.font-bold{font-weight: bold !important;}
.bg-color-blue {background-color: #A7CAE1 !important;}
.bg-color-origin {background-color: #FFFFFF !important;}
.bg-color-origin-opacy {background-color: rgba(255, 255, 255, 0.7) !important;}
.cs-color-orange {color: #dd9d13 !important;}
.cs-color-blue {color: #207dba !important;}
.cs-color-green {color: #419641 !important;}
.cs-color-red {color: #c12e2a !important;}
.cs-color-red-obg {color: #FF0000 !important;}
.cs-color-black {color: #000 !important;}
.cs-color-black-opaque {color: #333333 !important; font-weight: bold;}
.cs-color-black-bold {color: #000 !important; font-weight: bold;}
.cs-color-bold-check {
	color: #fff !important;
    background-color: #333333 !important;
    border-radius: 4px !important;
    padding-right: 5px;
}
.cs-color-green-bold-r {
  color: #419641 !important;
  font-weight: bold;
}
.cs-color-bold-check_green {
	color: #fff !important;
    background-color: #419641 !important;
    border-radius: 4px !important;
    padding-right: 5px;
}
.cs-color-green-bold {color: #419641 !important; font-weight: bold;}
.bg-color-orenge-line {border-top: 1px solid #DC6622;}
.bg-color-orenge-line2 {border-top: 2px solid #DC6622;}
.view_modal_score{font-size:30px !important;}
.cs-color, .active > a, .active > a:hover, .active > a:focus, footer#footer a:hover, #header .main-navigation ul > li:hover > a, #header .main-navigation ul li.menu-item-has-children a:after,.mm-toggle i , #header.modern .main-navigation ul li.menu-item-has-children a:hover:after,#header .main-navigation ul li.menu-item-has-children:hover > a:after, #header .top-bar .cs-user ul li ul li:after, .top-bar .cs-user ul li ul li a i, #header .cs-modal .cs-user-signup a, #header .cs-modal .cs-user-signup a:hover, #header .cs-modal .btn-forgot-pass:hover,#header .cs-modal .modal-footer > a:hover, footer#footer .cs-footer-nav .footer-nav ul li a:hover, footer#footer .copyright-text p a, footer#footer .cs-social-media ul li a:hover i, .slicknav_menu .slicknav_menutxt, .cs-services.top-center:hover .cs-text h5 a, .cs-journy-timeline ul li a:hover,#header.modern .main-navigation ul li.menu-item-has-children:hover > a::after, .wp-smartstudy .cs-team.grid:hover .cs-text h5 a, blockquote p:before, .cs-widget-links li:before, .cs-widget-links li a:hover, ul.cs-breadcrumb li, ul.cs-breadcrumb li a, .wp-smartstudy .cs-usser-account-list ul li a:after, .wp-smartstudy .cs-usser-account-list ul li:hover a, .wp-smartstudy .cs-usser-account-list ul li.active a:after, .wp-smartstudy .cs-logout:hover, .wp-smartstudy .cs-logout:after, .wp-smartstudy .cs-user-content ul.cs-shortlisted li .cs-text h5 a:hover, .wp-smartstudy .cs-list-view li a:hover, .wp-smartstudy .cs-pagination .pagination > li > a:hover, .wp-smartstudy .cs-pagination .pagination > li > span:hover, .wp-smartstudy .cs-pagination .pagination > li > a:focus, .wp-smartstudy .cs-pagination .pagination > li > span:focus, .wp-smartstudy .cs-faqs-list .panel-title a:before, .wp-smartstudy .cs-faqs-list .panel-title a, .wp-smartstudy .cs-courses.courses-listing .cs-post-title h2 a:hover, .wp-smartstudy .courses-grid .cs-post-title h5 a:hover,.wp-smartstudy .cs-courses.courses-simple li h6 a:hover,.blog-grid .cs-readmore-btn:after, .blog-grid .cs-readmore-btn:hover, .widget-categories ul li:hover a, .widget-latest-news ul li .post-title h6 a:hover, .cs-comments ul li .cs-text .cs-replay-btn:hover, .cs-blog-masonry .grid li .cs-blog.masonry .cs-text .cs-post-title h2 a:hover, .wp-smartstudy .cs-event.list .cs-text .cs-post-title h3 a:hover, .cs-events-masonry .grid li .cs-event.grid.simple .cs-text .cs-post-title h5 a:hover, .wp-smartstudy .cs-event-detail-description .cs-tags ul li a:hover, .wp-smartstudy .cs-event-detail-cost .cs-event-price a:hover, .wp-smartstudy .cs-event-detail-speakers .cs-speaker-post .cs-text .cs-view-profile:hover, .wp-smartstudy .cs-event-detail-speakers .cs-speaker-post .cs-text .cs-post-title h4 a:hover, .wp-smartstudy .cs-event-detail-speakers ul.cs-social-media li a:hover, .wp-smartstudy .cs-event-share ul.cs-nav li a:hover, .cs-shortcode-accordion .panel-heading a:before, .cs-shortcode-accordion .panel-heading a, .cs-dropcap-two p:first-letter, .mobile-menu .expand, .mobile-menu .social i, .widget_product_categories li a:hover, .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover, .woocommerce .products li .cs-post-title h5 a:hover, .blog-grid .post-title h6 a:hover, .blog-grid .post-title h5 a:hover, .wp-smartstudy .widget-recent-blog .widget-post-title a:hover, .wp-smartstudy .cs-events-masonry .grid li .cs-event.grid.fancy .cs-text .cs-post-title h5 a:hover, .wp-smartstudy .cs-events-masonry .grid li .cs-event.grid.modren .cs-text .cs-post-title h5 a:hover, .wp-smartstudy .cs-recent-event-widget ul li .cs-recrnt-post .cs-text h6 a:hover, .cs-blog .post-author span a:hover, .cs-blog-detail .post-author span a:hover, .cs-blog .post-options .post-likes a:hover, .cs-blog .post-options .post-comments a:hover, .post-title a:hover, ul.cs-blog-grid-slider li .cs-blog.masonry .cs-text .cs-post-title h2 a:hover, .cs-blog-detail .post-options span a:hover, .cs-blog-masonry .grid li .cs-blog.post-without-img .cs-text .cs-post-title h2 a:hover, .cs-blog-masonry .grid li .cs-blog.cs-slider-post .cs-text .cs-post-title h2 a:hover, .cs-blog-masonry .grid li .cs-blog.cs-blogquote-post .cs-text .cs-post-title h3 a:hover, .cs-contact-fancy.center .cs-text h5 a:hover, .cs-services.top-left .cs-text h5 a:hover, .wp-smartstudy .cs-listing-filters li .checkbox label:hover{ color: #207dba !important;}
/*Theme Background Colors*/
.cs-bgcolor, .chosen-container-multi .chosen-choices li.search-choice, .chosen-container .chosen-results li.highlighted, #header .main-navigation ul ul > li:hover, .slicknav_nav a,  .slicknav_menu .slicknav_icon-bar,.cs-services.top-center:hover .cs-media, .cs-journy-timeline ul li a:before, .cs-journy-timeline ul li a:hover:after, .cs-journy-timeline ul li.active a:after , .cs-journy-timeline ul li.active a:before , ul.cs-testimonial .cs-media figure figcaption:after, .cs-widget-links li:after, ul.cs-breadcrumb li:after, .cs-courses-detail .cs-section-title:before, .wp-smartstudy .cs-sorting-list .cs-package-list li a:hover, .wp-smartstudy .cs-listing-filters li input[type="checkbox"]:checked + label:after, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .cs-courses-detail .cs-section-title:before, .cs-team-detail .cs-section-title:before, .cs-blog-grid-slider button:hover , .widget-search form label input[type="submit"], .widget-categories ul li:hover:before, .widget-tags ul li a:hover, .cs-tags ul li a:hover,.wp-smartstudy .cs-event-filters li input[type="checkbox"]:checked + label:after, .responsive-calendar .day a:hover, .wp-smartstudy .cs-event.list .cs-text .cs-event-price a:hover ,.wp-smartstudy .cs-event-detail-tabs ul.nav-tabs li:hover a, .wp-smartstudy .cs-event-detail-tabs ul.nav-tabs li.active a, .wp-smartstudy .cs-share-btn:hover, .cs-shortcode-accordion.fancy .panel-heading a, .cs-shortcode-table table thead tr th, .cs-shortcode-accordion.box .panel-heading a:before, .cs-dropcap-one p:first-letter,.wp-smartstudy .cs-teamlist-slider .slick-prev:hover, .wp-smartstudy .cs-teamlist-slider .slick-next:hover, .cs-blogsmall-slider button:hover, .cs-bloggrid-slider-sm button:hover , .mobile-menu .active, .widget_price_filter .slider-selection, .mobile-menu .input-group-btn > .btn, .mobile-menu li > a:hover,  .mobile-menu li:hover > .expand, .mobile-menu li:hover > a, .mobile-menu li > li:hover { background-color: #3d3d3d !important;}
/*Theme Border Colors*/
.csborder-color, .wp-smartstudy .cs-review-summary .review-average-score,.slicknav_btn, .slicknav_menu .slicknav_icon-bar,.cs-blog-detail blockquote.fancy, .cs-comment-form form .input-holder input[type="text"]:focus, .cs-comment-form form .input-holder textarea:focus, .cs-btn.has-border, .wp-smartstudy blockquote.fancy, .wp-smartstudy .cs-contact-form .input-holder input:focus, .wp-smartstudy .cs-contact-form .input-holder textarea:focus, .wp-smartstudy input:focus, .wp-smartstudy textarea:focus  { border-color: #207dba !important;}
/*Theme Colors Classes*/
/*Theme webkit options border-radius*/
.input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week],.main-navigation ul ul, .top-bar .cs-user ul li ul,ul.cs-pricetable .pricetable-holder, ul.cs-pricetable .pricetable-holder .cs-price a.cs-button,.cs-tags ul li a{-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;}
.wp-smartstudy .cs-sorting-list, .wp-smartstudy .widget.cs-widget-links .cs-button,.blog-grid .post-comments{-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
/*Theme webkit options transition*/
.transition-kit,.main-navigation ul ul, #header .main-navigation ul li.menu-item-has-children a:after, #header .main-navigation ul ul li, .top-bar .cs-user ul li ul, #header .top-bar .cs-user ul li ul li:after,footer#footer .cs-social-media ul li a i,
.wp-smartstudy .cs-usser-account-list ul li a:after,
.wp-smartstudy .cs-logout:after,
.wp-smartstudy .cs-sorting-list .cs-package-list li a, .wp-smartstudy .cs-list-view li a,
.wp-smartstudy .cs-pagination .pagination li a:before, .wp-smartstudy .cs-pagination .pagination li a:hover:before, .wp-smartstudy .cs-listing-filters li input[type="checkbox"]:checked + label:after,
.cs-services.top-center .cs-media figure i , .cs-services.top-center .cs-media, .cs-journy-timeline ul li a:before, .cs-journy-timeline ul li a:after, ul.cs-testimonial .cs-media figure figcaption:after, ul.cs-testimonial .cs-media figure figcaption .cs-text p, ul.cs-testimonial .cs-media figure figcaption .cs-text .cs-media, ul.cs-testimonial .cs-media figure figcaption .cs-text .cs-info,
.cs-blog-grid-slider button, .widget-categories ul li:before, .widget-categories ul li a, .widget-tags ul li a, .cs-tags ul li a, .cs-comments ul li .cs-text .cs-replay-btn, .cs-comment-form form .input-holder input[type="text"]:focus, .cs-comment-form form .input-holder textarea:focus,.wp-smartstudy .cs-teamlist-slider button, .cs-blogsmall-slider button, .cs-bloggrid-slider-sm button,  .mobile-menu li .expand, .mobile-menu li li{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*Theme webkit options box shadow*/
.box-shadow-kit, .main-header, .main-navigation ul ul, .top-bar .cs-user ul li ul{-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);}
/*Theme webkit options text shadow*/
.text-shadow-kit{text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
/*Theme body and paragraph Colors*/
/*body, .main-section p, .mce-content-body p {
font: Normal 14px/26px "axiforma", sans-serif;
letter-spacing: 1px;
text-transform: none;
color: #000000 !important;
}*/
header .logo {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/*Theme Navigation Colors*/
#header .navigation > ul > li > a, #header .navigation > ul > li {
font: 700 13px/19px "axiforma", sans-serif !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
/*Theme Heading Colors*/
h1, h1 a {
font: 700 28px/36px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
color: #333333 !important;
}
h2, h2 a {
font: 700 22px/28px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
color: #333333 !important;
}
h3, h3 a {
font: 700 20px/26px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
color: #333333 !important;
}
h4, h4 a {
font: 700 18px/24px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
color: #333333 !important;
}
h5, h5 a {
font: 700 16px/22px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
color: #333333 !important;
}
h6, h6 a {
font: 700 14px/20px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
color: #333333 !important;
}
.cs-section-title h2 {
font: 700 20px/26px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
.cs-post-title h3 a, .cs-post-title h2 a {
font: 700 18px/28px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
text-transform: capitalize !important;
}
.cs-page-title h1 {
font: 700 28px/36px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #333333 !important;
}
.widget .widget-title h5 {
font: 700 14px/20px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #333 !important;
}
.widget .post-title h6, .widget .post-title h6 a {
font: 700 12px/18px "axiforma", sans-serif !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #333 !important;
}
/*Theme Navigation Colors*/
#header .top-bar a:hover,#header .main-navigation ul ul li:hover > a , #header .top-bar a, .top-bar ul.top-nav.nav-right li:after, #header.modern .main-navigation ul a , #header.modern .main-navigation ul li.menu-item-has-children a::after , #header.modern .mm-toggle i, #header.modern .main-navigation ul ul li:hover > a, #header.modern .main-navigation ul ul li.menu-item-has-children:hover a:after, .cs-user-login > a:after, #header.modern .cs-search-area .search-area a, .modern .slicknav_menu .slicknav_menutxt{color:#FFF !important;}
#header .main-navigation ul a , #header .main-navigation ul li.menu-item-has-children a:after, #header.modern .main-navigation ul ul li a, #header.modern .main-navigation ul ul li.menu-item-has-children a::after, #header .top-bar .cs-user-login ul li a{color:#333333 !important;}
.modern .slicknav_btn, .modern .slicknav_menu .slicknav_icon-bar{border:1px solid #FFF !important;}
.cs-footer-widgets .widget-section-title h6{font-size:12px !important;line-height:15px !important;text-transform:uppercase !important;}
.navigation > ul ul li > a { color: #bebebe !important;}
.navigation > ul ul li > a:hover { color: #55A747 !important;}
.navigation > ul > li:hover > a, .navigation > ul > li.current-menu-ancestor > a, .navigation > ul > li.current-menu-parent > a, .navigation > ul > li.current_page_item > a, .navigation > ul > li.current-menu-parent > ul.sub-dropdown >, .navigation ul li ul.sub-dropdown li.current-menu-parent.current-menu-parent > a, .navigation ul li ul.sub-dropdown li.current-menu-parent .navigation > ul > li.parentIcon:hover > a:before { background-color: #55A747 !important;}
.navigation > ul > li > a { color: #555555 !important;}
.page-sidebar .widget-title h3, .page-sidebar .widget-title h4, .page-sidebar .widget-title h5, .page-sidebar .widget-title h6 { color: #333333 !important;}
.section-sidebar .widget-title h3, .section-sidebar .widget-title h4, .section-sidebar .widget-title h5, .section-sidebar .widget-title h6 { color: #333333 !important;}
#header .top-bar { color: #999999 !important;}
#header .top-bar .social-media a:hover i { color: #999999 !important;}
#header .top-bar .social-media a i { color: #999999 !important;}
footer#footer p, footer#footer span, footer#footer .textwidget { color: #ffffff !important;}
footer#footer { background-color: #141414 !important;}
#footer .cs-copyright{background:#0c0c0c !important;}
footer#footer a, footer#footer p { color: #aaaaaa !important;}



/* 
matching pairs 
*/

div#div-content-mp .div-row-mp {
  width: 100%;
  display: flex;
  justify-content: center;
}

div#div-content-mp .colum-qst-mp {
	padding-left: 1%;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f4f4f4;
	border: 2px solid #e2e2e2;
	float: left;
	width: 45%;
	margin: 1%;
	cursor: pointer;
	margin-right: 0;
	text-align: right;
	border-right: 1px solid #f4f4f4;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

div#div-content-mp .colum-ans-mp { 
	padding-left: 1%;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f4f4f4;
	border: 2px solid #e2e2e2;
	float: left;
	width: 45%;
	margin: 1%;
	cursor: pointer;
	margin-left: 20px;
	text-align: left;
	border-left: 1px dotted #f4f4f4;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.colum-qst-mp {
	font-size: 180%;
	padding: 0.5%;
	margin: 0.5%;
	background: #fff;
	float: left;
	width: 43%;
	cursor: pointer;
	margin-right: 0;
	text-align: right;
}

.colum-ans-mp {
	font-size: 180%;
	padding: 0.5%;
	margin: 0.5%;
	background: #fff;
	float: left;
	width: 43%;
	cursor: pointer;
	margin-left: 2%;
	text-align: left;
}

 @media screen and (min-width: 800px) {
.colum-ans-mp, .colum-qst-mp {
	font-size: 180%;
}
}

 @media screen and (min-width: 370px) and (max-width: 800px) {
.colum-ans-mp, .colum-qst-mp {
	font-size: 140%;
}
}

 @media screen and (max-width: 370px) {
.colum-ans-mp, .colum-qst-mp {
	font-size: 100%;
}
}

.column-hover-mp {
	background: #FFCD00 !important;
	cursor: pointer;
	color: white;
}

.column-click-mp {
	background: #FF4A4A !important;
	cursor: pointer;
	color: white;
}

.column-done-mp {
	background: #44D736 !important;
	cursor: pointer;
	color: white;
}
/* 
matching pairs 
*/

.start-exercise-link{
	cursor: pointer;
}

.link-more{
	cursor: pointer !important;
	color: #207dba !important;
	font-size: 22px !important;
    font-weight: bold;
}

.link-more-plus {
    font-size: 40px !important;
}

.circle_level {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
}

.lock{
	color: red;
}
.unlock{
	color: #00a65a;
}

.data_home {
	text-shadow: 2px 2px #000000;
}

@media screen and (min-width: 700px) {
	.data_home {
		font: 800 38px/56px  "axiforma", sans-serif !important;
		letter-spacing: 2px !important;
		padding-left: 100px;
	}
	.span_home {
		margin-top: 10px !important;
	}
}

@media screen and (min-width: 1300px) {
	.data_home {
		padding-left: 200px;
	}
}

.img_course_intro{
    width: 170px; 
    margin-top: 20px;
    height: 170px;
    border-radius: 8px;
    object-fit: cover;
	border: 2px solid #207dba;
	/* box-shadow */
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0 10px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0 0 10px;
	box-shadow: rgba(0,0,0,0.5) 0 0 10px;
}

.img_course {
    width: 50px; 
    height: 50px;
    border-radius: 50%;
	border: 1px solid #207dba;
    object-fit: cover;
	/* box-shadow */
	-webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 0px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 5px;
	box-shadow: rgba(0,0,0,0.8) 0 0 5px;
}

.table_course {
    /*display: block;*/
    overflow-x: auto;
    /*white-space: nowrap;*/
    width: 100%;
}

.table_course tbody, .table_course tr, .table_course th, .table_course td {
    border: none;
    border-style: none;
    border-spacing:0;
    border:0;
    line-height: 1.5 !important;
    border-top: 0px solid #d2d2d2 !important;
	border: 0px solid #d2d2d2 !important; 
	vertical-align: center !important;
}

.remove_border tbody, .remove_border tr, .remove_border th, .remove_border td {
    border: none;
    border-style: none;
    border-spacing:0;
    border:0;
    border-top: 0px solid #ffffff !important;
	border: 0px solid #ffffff !important; 
}

.polaroid {
    width: 90% !important;
	height: auto;
    background-color: white;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.19);
    text-transform: capitalize;
}

.img_principal {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.container_text {
    width: 250px;
	padding-top: 215px;
	padding-left: 10px;
	padding-right: 10px;
    text-align: left;
    line-height: 1.5em !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important; /* Ellipses (cross-browser) */
    -o-text-overflow: ellipsis !important; /* Ellipses (cross-browser) */
}

#container_image {
  	position: absolute;
    width: 250px;
}

.container_div_over {
  width: 100%;
  position: relative;
}

.navi_div_over {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.infoi_div_over {
  	width: 100%;
  	position: absolute;
	font-weight: bold;
  	top: 0;
  	left: 0;
  	z-index: 1; 
  	text-align: right;
  	font-size:15px;
}

.watermarked {
  position: relative;
  overflow: hidden;
}

.watermark:before {
    position: fixed;
    top: -30%;
    left: -30%;

    display: block;
    width: 130%;
    height: 130%;

    transform: rotate(-25deg);
    content: attr(data-watermark);

    font-size: 20px;
    opacity: 0.17;
    line-height: 4em;
    letter-spacing: 2px;
    color: #207dba;
    z-index:-1;
}

.watermarked_exercise {
  position: relative;
  overflow: hidden;
}

.watermark_exercise:before {
    position: fixed;
    top: -30%;
    left: -30%;

    display: block;
    width: 150%;
    height: 150%;

    transform: rotate(-25deg);
    content: attr(data-watermark);

    font-size: 20px;
    opacity: 0.4;
    line-height: 3em;
    letter-spacing: 2px;
    color: #207dba;
    z-index:-1;
}

.class_transparent { 
	background-color:transparent !important; 
}

.container_text .container_text_oneline {
    height: 3em !important;
    overflow: hidden;
}

.change-pading{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.div_floating{
    position: absolute;
    margin-top: 10px;
    top: 0px;
    left: 95%;
    height: 45px;
    width: 45px;
    z-index: 3;
}

.btn-circle {
    width: 40px;
    height: 40px;
    padding: 6px 0px;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    outline:0;
    cursor: pointer;
}

.btn-circle:focus {outline:0;}

.btn-circle .btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 28px;
    line-height: 1.33;
}

.addTop{
	margin-top: 20px !important!;
}