* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -22rem; /* the bottom margin is the negative value of the footer's height */
}
.push {
    height: 22rem; /* .push must be the same height as .footer */
}
.navbar_top{
    padding: 0.7rem 4rem;
    font-weight: 600;
    background-color: #ffffff !important;
}
.nav-item{
	display: flex;
	align-items: center;
}
.language{
    cursor: pointer;
}
.title_in_text{
	background-color: #DDD868;
	padding: 0.1rem 0.8rem;
	border-radius: 0.6rem;
	margin-top: 1rem;
}
.img_comming_soon{
    width: 100%;
    height: auto;
}
.title_coming_soon{
    color: #68ddd8;
    font-weight: 600;
    font-size: 3rem;
    text-align: center;
    margin-top: 1rem;
    letter-spacing: 50px;
}
.text_coming_soon{
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    color: #444;
    font-size: 1.1rem;
}
.btn_send_message_coming_soon{
    width: 100%;
    background-color: #68ddd8;
    color: #fff;
    border-radius: 0.4rem;
    border:none;
}
.form_send_message_coming_soon{
    border-color: #f0f0f0;
}
.comming_soon{
    margin-top: 7rem;

}
.navbar_fixed{
    position: fixed;
    z-index: 12;
    width: 100%;
    top: 0rem;
	padding: 0rem;
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.52);*/
}
.icon_language {
    height: 2.2rem;
    margin-top: 0.2rem;
}
.header_after_menu_fixed{
    margin-top: 5rem;
}
.background_name_site{
    background-color: #212121;
    border-radius: 0.2rem;
    padding: 0rem 0.9rem;
    padding-bottom: 0.2rem;
    color: #fff;
}
.whatch_tutorial{
	background-color: #fff;
	color: #68A8DD;
	border-radius: 1rem;
	border: none;
	padding: 0.2rem 1rem;
	margin-top: 2rem;
}
.header_price{
	width: 100%;
	background-color: #68A8DD;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 0.4rem;
}
.circle_title{
	display: flex;;
	align-content: center;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	border: 4px solid #fff;
	border-radius: 13rem;
	width: 11rem;
	height: 11rem;
	margin-bottom: 1rem;
}
.height_resposive_logo{
	display: block;
	margin: 0rem auto;
	height: 3rem;
}
.col_center_h_v{
	display: flex;
	justify-content: center;
	align-items: center;
}
.body_price{
	padding: 1rem 0rem;
}
.offer_prices{
	background-image: url("../images/Group 8896@2x.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.support_section{
	background-image: url("../images/Group 8876.svg");
	background-color: #68A8DD;
	color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.header_page{
	padding-top: 7rem;
	color: #fff;
	/*height: 38rem;*/
	margin-bottom: 6rem;
	margin-top:4rem;
}
.button_top_main{
    background-color: #39c7ed !important;
    /*border-color: #68ddd8;*/
    border-radius: 5rem;
    border: 1px solid #fff;
    padding: 0.2rem 1.4rem;
    font-size: 20px;
}
.button_top_main:hover{
    border-color: #fff;
}
.logo_nav{
    margin-right: 5rem;
}
.nav-link{
    padding-right: 1rem !important;
}
.slider_top{
    background-repeat: no-repeat !important;
    padding: 0rem 0rem;
    background-size: cover !important;
    background-position: center !important;
    height: 100%;
    justify-content: left !important;
    text-align: left !important;
}
.slider_top_right{
    justify-content: right !important;
        background-position-x: left !important;
    background-position-y: center;
    background-size: cover !important;
}
.icon_section{
    width: auto;
    height: 6rem;
    display: block;
    margin: 0rem auto;
}
.section_title_icon{
    width:100%;
    text-align: center;
    margin-top: 1rem;
	font-family:ArbFONTS-GE_SS-medium;
	color:#1e4e96;
    font-size: 14pt;
}
.title_section{
    width: 100%;
	font-family:ArbFONTS-GE_SS-medium;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 2rem;

}
.line_off{
    width: 90%;
    margin-left: 5%;
    height: 0.3rem;
    border-radius: 15rem;
    position: absolute;
    margin-top: -0.75rem;
    z-index: -2;
    background-color: #e8e8e8;
}
.line_on{
    width: 45%;
    margin-left: 5%;
    height: 0.3rem;
    border-radius: 15rem;
    position: absolute;
    margin-top: -0.75rem;
    z-index: -1;
    background-color: #68ddd8;
}
.line_on_after_move_block{
    width: 90%;
    transition: 0.6s;
}
.line_on_before_move_block{
    width: 45%;
    transition: 0.6s;
}
.form_trial{
    margin-top: 1.5rem;
    background-color: #f8f8f8;
    border:1px solid #bababa;
    height: calc(2em + .75rem + 2px);
    font-weight: 500;
}
#form_2{
    display: none;
}

.circle_in_line{
    border-radius: 15rem;
    height: 1.2rem;
    width:1.2rem;
    background-color: #68ddd8;
}
.circle_off_in_line{
    background-color: #fff;
    border: 1px solid #68ddd8;
    position: absolute;
    right: -1rem;
    margin-top: -1.2rem;
}
.circle_off_in_line_after_move{
    background-color: #68ddd8;
    transition: 0.4s;
}
.circle_on_in_line_after_move{
    background-color: #ffffff;
    transition: 0.4s;
}
.center_content_row{
    justify-content: center;
    align-content: center;
    margin-top: 1rem;
    direction: rtl;
    margin-top: 70px;
}

.send_trial_btn_container{
    text-align: center;
}

.btn_send_trial{
    display: inline-block;
    margin: 2rem;
    background-color: #68ddd8;
    border-color: #68ddd8;
    padding: 0.2rem 0.8rem;
    font-weight: 600;
}
.btn_back_form{
    background-color: #ffffff;
    color: #55cec8;
    border-color: #55cec8;
}
.btn_send_trial:hover{
    background-color: #55cec8;
    border-color: #55cec8;
}
.btn_send_trial:active{
    background-color: #55cec8;
    border-color: #55cec8;
}
.logo_in_title_trial{
    height: 2rem;
    margin-top: -0.8rem;
}
.block_icon{
    padding: 0rem 1.3rem;
    margin: 0rem 1.5rem;
    margin-right: 95px;
}
.icon_text{
    width: 100%;
    height: auto;
}
.title_section_with_icon{
    display: flex;
    align-items: center;
}
.icon_arrow{
    margin-left: 2rem;
    width: 7%;
    height: auto;
}
.link_more_block{
    font-size: 1.1rem;
}
.title_text_block{
    margin-bottom: 0rem;
}
.box_shadow_left{
    padding-left: 1rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #ffffff82;
    height: 75vh;
    box-shadow: 40px 1px 30px #fff;
}
.box_shadow_right{
    padding-left: 1rem;
    padding-top: 10rem;
    padding-bottom: 5rem;
    background-color: #ffffff82;
    height: 40rem;
    box-shadow: -40px 1px 30px #fff;
}
.box_shadow_right .content_box_shadow {
    width: 110%;
    margin-left: -9rem;
}
.box_shadow_right .div_shadow {
    width: 100%;
    height: 115%;
    box-shadow: -46px 1px 39px #fff;
}
.img_section_right{
    width: 92%;
    border-radius: 0.5rem;
    height:auto;
}
.block_img_section_right{
    text-align: right;
}
.center_content_col{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section_video{
    margin-bottom: -2rem;
   padding: 4rem 2rem 7rem 2rem;
   background-image: url('../images/Group 8347@2x.png');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
}
.btn_start_header{
	background-color: #fff;
	border-radius: 2rem;
	padding: 0.2rem 1rem;
	border: none;
	margin: 0.5rem auto;
	margin-bottom: 2rem;
	display: block;
	color: #68DDD8;
	font-weight: 700;
	font-size: 22px;
}
.img_resposive{
	width: 100%;
}
.img_section_screen_shot{
    width: 88%;
}
.img_video{
    width: 100%;
    height: auto;
}
.text_left_section{
    margin-left: 3rem;
}
.text_big_left_section{
    margin-left: 6rem;
}
.offset_half_col{
    margin-left: 4rem;
}
.shadow_right_rotate_section{
    position: absolute;
    right: -17rem;
    height: 110%;
    background-color: rgba(255,255,255,0);
    box-shadow: -185px 1px 184px #fff;
    width: 41%;
    top: 13rem;
    transform: rotate(37deg);
}
.box_shadow_right .div_shadow_level_2 {
    right: 0rem;
    width: 104%;
    height: 123%;
    box-shadow: -129px 1px 94px #fff;
}
.main_title_box_shadow{
    width:125%;
    font-size: 3rem;
    font-weight: 400;
}
.title_box_shadow{
    width: 125%;
    font-weight: 700;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 1.5;
}
.content_box_shadow{
    width: 110%;
    margin-left: 4rem;
    z-index: 2;
    position: absolute;
}
.swiper-button-next, .swiper-button-prev{
    position: absolute;
    z-index: 15;
    bottom: 6vh;
    top: unset;
    right: 22px;
    background-image: url(../images/Subtraction_11.svg);
}
.slider_pageination{
    bottom: 9%;
}
.swiper-button-prev{
    left: unset;
    right: 60px;
    margin-bottom: 2px;
}
.rotute_arrow{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.text_box_shadow{
    color: #3c3c3c;
    width: 128%;
    font-size: 1rem;
    margin-top: 1.5rem;
}
.block_image_box_shadow{
    display: flex;
    justify-content: center;
}
.image_box_shadow{
    width: 25%;
    height: auto;
    margin-top: 0rem;
}
.div_shadow{
    height: 109vh;
    position: absolute;
    right: 1rem;
    z-index: 1;
    top: -5rem;
    background-color: #fff;
    width: 100%;
    box-shadow: 46px 1px 39px #fff;
}
.div_shadow_level_2{
    height: 122vh;
    position: absolute;
    right: 0rem;
    z-index: 0;
    top: -8rem;
    background-color: #fff;
    width: 46%;
    box-shadow: 129px 1px 94px #fff;
}
.swiper-pagination-bullet {
    background: #0000;
    opacity: 1;
    border: 1px solid #68ddd8;

}
.slider_pageination{
    bottom:4vh !important;
}
.swiper-pagination-bullet-active {
    background: #fff;
    border: 1px solid #68ddd8;
}
.block_suport{
    padding-left: 0rem;
    padding-top: 1rem;
}
.img_main_support{
    font-size: 2rem;
}
.dot {
    height: 15px;
    width: 15px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
}
.text_main_support{
    width: 100%;
}
.menu_support{
    padding-left: 1rem;
    margin-top: 2rem;
    padding-right: 0rem;
}
.img_main_support{
    width: 100%;
    height: auto;
}
.block_ul_content{
    margin-bottom: 0.8rem;
    padding-right: 0rem;
    flex-wrap: wrap;
}
.icon_section_client{
    width: 100%;
    height: auto;

}
.div_hover_circle{
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    width: 70%;
    border: 3px solid #6cded9;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0rem;
    opacity: 0;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-content: center;
}
.block_hover_circle{
    border-radius: 50%;
    width: 86%;
    height: 100%;
    cursor: pointer;
}
.block_hover_circle:hover .div_hover_circle{
    opacity: 1;
}
.row_client{
    margin-top: 5rem;
}
.text_div_hover_circle{
    text-align: center;
    height: auto;
    display: block;
    height: 100%;
    margin: auto;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.footer_form{
    margin-top: 4rem;
}
.block_form_footer{
    margin-top: 2rem;
}
.item_form_footer{
    border-radius: 1.2rem;
    height: calc(1.5em + .35rem + 2px);
    padding: .2rem 1.5rem;
    background-color: #f9f9f9;
    border-color: #ececec;
}
.block_btn_send_message{
    padding-right: 0rem;
    display: flex;
    justify-content: flex-end;
}
.btn_send_message, .btn_section{
    background-color: #68ddd8;
    border-color: #68ddd8;
    padding: .275rem 1.5rem;
}
.section_send_message{
	background-color: #DD686D;
	color: #fff;
	background-image: url('../images/Group 8875.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.btn_send_message{
	background-color: #ffffff00;
	border: 2px solid #fff;
	cursor: pointer;
	box-shadow: none;
	color: #fff;
	border-radius: 2rem;
	outline: none;
}
.img_main_footer {
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 3rem;
}
.shadow_footer{
    height: 100%;
    box-shadow: 144px 1px 202px #fff;
    background-color: #ffffff00;
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 16%;
}
.footer_menu{
    padding-top: 3rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 4rem;
    background-color: #f9f9f9;
    margin-top: 2rem;
    margin: auto;
    height: auto;
}
.btn_back_form{
    float: left;
    margin-left: 0rem;
}
.menu_footer{
    width: 100%;
    margin-top: 1rem;
}
.menu_footer li{
    list-style: none;
    display: inline;
    font-weight: 600;
    padding: 0.4rem 0.7rem;
}
.navbar-nav mr-auto{
	margin: 0rem auto;
}
.navbar-nav{

}
.navbar-nav .nav-link{
	padding: 0.5rem 4rem !important;
	color: #1a4b89 !important;
}
.navbar-light{
	background-color: #ffffff;
}
.language{
    font-weight: 400 !important;
    padding-right: 3rem !important;
}
.logo_in_footer{
    width: 25%;
    height: auto;
}
.site_name_footer{
    display: inline;
    margin-left: 1rem;
    font-weight: 600;
}
.footer_copyright{
    padding: 0.8rem 2rem;
    background-color: #39c7ed;
    color: #000;
    font-weight: 600;
}
.icon_footer_copyright{
    width: 85%;
    height: auto;
}
.text_footer_copyright{
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}
.logo_navbar{
    height: 4rem;
margin-left:56px;
}

.img_icon_section{
    width: 75%;
    height: auto;
    margin-bottom: 1rem;
}
.page_section{
    padding: 2rem;
    margin-top: 2rem;
    margin: auto;
    height: auto;
}
.header_video{
    padding: 2rem;
    background-color: #212121;
}
.main_video_header video{
    width: 100%;
    height: auto;
    border-radius: 0.4rem;
    z-index: 2;
}
.thumbnail_video{
    width: 100%;
    height: 13.5rem;
    border-radius: 0.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1rem;
    margin-bottom: 1rem;
}
.icon_play_video{
    float: right;
    height: 3rem;
    margin-top: 0.4rem;
    width: auto;
}
.text_thumbnail_video{
    color: #fff;
    width: 100%;
    margin-top: 6rem;
}
.block_thumbnail_video{
    overflow-y: auto;
    height: 33.5rem;
    direction: rtl;
    padding-left: 0.2rem;
}
.block_thumbnail_video::-webkit-scrollbar {
    width: 0.4em;
}
.block_thumbnail_video::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,1);
    background-color: #fff;
    border:none;
    border-radius: 5rem;
}
.block_thumbnail_video::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  background-color: #65d6d2;
  border-radius: 5rem;
}
.page_section_video{
 padding: 1.5rem 4rem;
 margin-bottom: 1rem;
}
a:hover{
    text-decoration: none;
}
.content_playlist{
    border-radius: 0.5rem;
    height: 14rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    padding: 0rem;
    margin-left: 1rem;
    flex: 0 0 23%;
    max-width: 23%;
    cursor: pointer;
}
.box_description_playlest{
    width: 66%;
    padding: 1rem;
    display: flex;
    align-items:  flex-end;
    color: #fff;
    flex-wrap: wrap;
}
.title_box_description_playlist{
    font-size: 1.3rem;
    font-weight: 600;
}
.text_box_description_playlist{
    font-size: 0.8rem;
    margin-bottom: 0rem;
}
.box_number_video{
    width: 34%;
    padding: 4rem 0.5rem 1rem 0.5rem;
    color: #fff;
    border-bottom-right-radius: 0.4rem;
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.icon_box_playlist{
    height: 3rem;
    width: auto;
    margin: 1rem auto;
    display: block;
}
.slider_playlist{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 15rem;
    color: #fff;
    justify-content: flex-end;
    align-items: flex-end !important;
    padding-bottom: 0.5rem;
    text-align: left !important;
    cursor: pointer;
}
.slider_playlist:hover{
    color: #fff;
}
.header_slider_video{
    padding: 3rem 2rem 6rem 2rem;
}
.icon_play_slider{
    height: 3rem;
}
.text_slider_playlist{
    width: 82%;
}
.paragraph_slider_playlist{
    font-size: 0.8rem;
}
.img_with_ship{
    width: 122%;
}
.img_ship_right{
    width: 106%;
    margin-left: -7%;
    margin-top: 5%;
}
.big_img_ship {
    width: 135%;
    margin-left: -26%;
    margin-top: -8%;
}
.icon_alot_of_details{
    width: 96%;
}
.col_with_padding_right{
    padding: 0rem;
    padding-right: 3rem;
}

.background_title_section_CRM{
    position: absolute;
    margin-left: -1.7rem;
    margin-top: -1rem;
    z-index: -1;
    height: 4.6rem;
}
.icom_message{
    display: block;
    margin-left: -5rem;
    height: 4rem;
}
.title_section_message{
    margin-top: -0.6rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}
.big_img_ship_CRM {
    margin-bottom: -2.6rem;
}
.page_section_price {
    margin-top: 6rem;
    padding: 2rem 4rem;
    max-width: 1330px;
}
.main_title_page_price{
    font-weight: 300;
    font-size: 3rem;
}
.title_block_price{
    margin-bottom: 2rem;
}
.price_block_price{
    margin-bottom: 2rem;
}
.btn_get_start_block_price{
    background-color: #68ddd8;
    padding: 0.3rem 2.6rem;
    border-color: #68ddd8;
    font-weight: 600;
}
.btn_get_start_block_price:hover{
    background-color: #5ccec9;
    border-color: #5ccec9;
}
.btn_get_start_block_price:active{
    background-color: #5ccec9;
    border-color: #5ccec9;
}
.block_price{
    padding: 2rem 3rem;
}
.line_two_color{
    display: block;
    margin: 0rem auto;
    width: 75%;
    height: 0.23rem;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.47) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.ul_block_price{
    padding-left: 2rem;
    font-weight: 600;
    line-height: 2;
}
.line_tow_color_virtical{
    position: absolute;
    right: 0rem;
    width: 0.2rem;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.all_blocks_price{
    margin: 1rem 5rem 2rem 5rem;
    padding: 1rem 0rem 2rem 0rem;
    box-shadow: 0px 0px 5px #0000005e;
}
.title_section_with_background{
    margin-left: -2.2rem;
    float: left;
}

/*************************** Background Style *************************************/
.line_background_header{
    position: absolute;
    bottom: -29vh;
    height: 21rem;
    width: auto;
    right: 0rem;
    z-index: 13;
}
.line_background_suport{
    position: absolute;
    margin-top: -4.8rem;
    height: 39rem;
    left: 0rem;
    width: auto;
    z-index: -1;
}
.line_background_suport_circle{
    position: absolute;
    margin-top: -7.5rem;
    height: 11rem;
    left: 12rem;
    width: auto;
    z-index: 3;
}
.line_background_suport_half_circle{
    position: absolute;
    height: 17rem;
    right: 0rem;
    width: auto;
    z-index: 3;
    margin-top: -6rem;
}
.line_background_client{
    position: absolute;
    left: 0rem;
    margin-top: -9rem;
    height: 12.6rem;
    z-index: 3;
    width: auto;
}
.line_background_line_right{
    position: absolute;
    height: 13rem;
    right: 0rem;
    margin-top: 3.8rem;
    z-index: -1;
    width: auto;
}
.chip_background_multiple_pos{
    position: absolute;
    height: 6rem;
    right: 9rem;
    margin-top: -4.2rem;
    z-index: -1;
    width: auto;
}
.big_chip_background_multiple_pos{
    position: absolute;
    height: 12rem;
    left: 9rem;
    margin-top: 1.8rem;
    z-index: -1;
    width: auto;
}
.background_title_section_customize_pos {
    position: absolute;
    margin-left: -2.3rem;
    margin-top: -0.6rem;
    z-index: -1;
    height: 4rem;
}
.chip_fill_background_multiple_pos{
    position: absolute;
    height: 16rem;
    right: 4rem;
    margin-top: -9.2rem;
    z-index: -1;
    width: auto;
}
.line_background_left_form{
    position: absolute;
    height: 18rem;
    margin-top: 4rem;
    width: auto;
    left: 0rem;
    z-index: -1;
}
.line_background_bottom_form{
    position: absolute;
    z-index: -1;
    height: 12rem;
    margin-top: 22.5rem;
    width: auto;
    left: 29rem;
}
.line_background_right_form{
    position: absolute;
    right: -2rem;
    z-index: -1;
    margin-top: 7rem;
    height: 38rem;
    width: auto;
}
.line_background_header_pos{
    position: absolute;
    height: 8rem;
    width: auto;
    z-index: 3;
    top: 12rem;
    left: 6rem;
}
.line_background_screen_shot_pos{
    position: absolute;
    height: 6rem;
    width: auto;
    margin-top: -3.6rem;
    right: 0rem;
    z-index: 3;
}
.line_background_screen_2_shot_pos{
    position: absolute;
    height: 6.5rem;
    width: auto;
    margin-top: -1.8rem;
    right: 0rem;
    z-index: 3;
}
.ship_background_screen_shot_pos{
    position: absolute;
    height: 13rem;
    z-index: -1;
    width: auto;
    margin-top: 12.6rem;
    right: -2rem;
}
.line_background_pos_title_section{
    position: absolute;
    left: 0rem;
    margin-top: -30.4rem;
    z-index: -1;
    height: 60rem;
    width: auto;
}
.line_background_pos_img_section{
  position: absolute;
    right: 0rem;
    margin-top: -30rem;
    z-index: -1;
    height: 22rem;
    width: auto;
}
.line_background_last_section{
    position: absolute;
    z-index: 1;
    right: -4rem;
    height: 15rem;
    width: auto;
    margin-top: -19rem;
}
.ship_background_screen_shot_2_pos{
    float: left;
    margin-left: -1rem;
    height: 9rem;
    width: auto;
    margin-top: -7rem;
}
.block_logo_navbar_mobile{
	display: none;
}
.line_background_malte_branches{
    position: absolute;
    right: -1.4rem;
    margin-top: -20rem;
    width: auto;
    height: 14rem;
    z-index: 1;
}
.line_background_pos_img_small{
     position: absolute;
    height: 8rem;
    width: auto;
    margin-top: -29rem;
    z-index: 1;
    right: 13rem;
}
.line_white_background_playlist{
    /*float: left;*/
    position: absolute;
    top: 4rem;
    left: 0rem;
    height: 16rem;
    width: auto;
    z-index: 0;
}
.line_background_half_ship{
    position: absolute;
    left: 0rem;
    height: 45rem;
    margin-top: -39rem;
    width: auto;
    z-index: -1;
}
.line_background_pos_title_section_CRM {
    position: absolute;
    left: 0rem;
    margin-top: -38.4rem;
    z-index: -1;
    height: 72rem;
    width: auto;
}
.chip_background_section_message{
    position: absolute;
    left: 7rem;
    height: 8rem;
    margin-top: -3rem;
    width: auto;
    z-index: -1;
}
.background_title_section_report_CRM {
    position: absolute;
    margin-left: -1.5rem;
    margin-top: -0.6rem;
    z-index: -1;
    height: 4rem;
}
.background_title_section_report_detials{
    position: absolute;
    margin-left: -1.5rem;
    margin-top: -0.4rem;
    z-index: -1;
    height: 3.6rem;
}
.background_title_section_report_pos{
    position: absolute;
    margin-left: -6.5rem;
    margin-top: -0.8rem;
    z-index: -1;
    height: 4rem;
}
.background_title_section_view_details_pos{
    margin-left: -1.5rem;
    margin-top: -0.8rem;
    z-index: -1;
    height: 4rem;
    float: left;
}
.chip_line_background_multiple_pos {
    position: absolute;
    height: 11rem;
    right: 19rem;
    margin-top: -9.2rem;
    z-index: -1;
    width: auto;
}
.section_bottom_page{
    text-align:center;
    margin-top: 3rem;
    margin-bottom: 10rem;
}
.line_in_bottom_page{
    position: absolute;
    height: 19rem;
    right: -0.3rem;
    margin-top: -6.2rem;
    z-index: -1;
    width: auto;
}
.chip_message_title_section_cloud_brand{
    margin-left: 3.3rem;
    margin-top: -0.3rem;
    z-index: -1;
    height: 3.8rem;
    position: absolute;
}
.background_title_section_cloud_brand{
    margin-left: -0.75rem;
    margin-top: 0rem;
    z-index: -1;
    height: 2.4rem;
    position: absolute;
}
.background_title_section_multiple_pos {
    position: absolute;
    margin-left: -13.2rem;
    margin-top: -0.8rem;
    z-index: -1;
    height: 4.3rem;
}

.line_background_half_ship_CRM {
    position: absolute;
    left: 3rem;
    height: 6rem;
    margin-top: -19rem;
    width: auto;
    z-index: -1;
}
.small_chip_background {
    position: absolute;
    left: 0rem;
    height: 7rem;
    margin-top: -47rem;
    width: auto;
    z-index: -1;
}
.background_line_coming_soon{
    position: absolute;
    top: 1rem;
    width: 101%;
    height: auto;
    left: 0rem;
    z-index: -1;

}
.background_line_coming_soon_footer{
    position: absolute;
    bottom: -1.9rem;
    width: 96%;
    height: auto;
    left: 2rem;
    z-index: -1;
}

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

/*******************************  Animation ***********************/

@keyframes bounceOut_form {
    0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    50% {
      opacity: 0;
      -webkit-transform: scale(.3);
      -ms-transform: scale(.3);
      transform: scale(.3);
    }
  }

  .bounceOut_form {
    -webkit-animation-name: bounceOut_form;
    animation-name: bounceOut_form;
  }

  @keyframes bounceIn_form {
    0% {
      opacity: 0;
      -webkit-transform: scale(.3);
      -ms-transform: scale(.3);
      transform: scale(.3);
    }
    50% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }

  .bounceIn_form {
    -webkit-animation-name: bounceIn_form;
    animation-name: bounceIn_form;
  }


/*********************************** Media Query ******************************/

@media (min-width:1500px){
    .div_hover_circle {
        width: 72%;
    }

    .box_shadow_right {
        height: 47rem;
    }
       .line_background_header {
        bottom: 6rem;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 36%;
    }
    .slider_pageination {
        bottom: 18rem !important;
    }
    .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
    }
}
@media (min-width:1800px){
    .div_hover_circle {
        width: 74.5%;
    }
     .box_shadow_right {
        height: 59rem;
    }
    .block_thumbnail_video {
        height: 47.5rem;
    }
    .line_background_header {
        bottom: 6rem;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 36%;
    }
    .slider_pageination {
        bottom: 18rem !important;
    }
    .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
    }
}
@media (min-width:1800px) and (min-height:900px){
    .line_background_header {
        bottom: 17rem;
    }
    .swiper-container {
        height: 50vh;
    }
    .div_shadow_level_2 {
        height: 62vh;
        top: -17vh;
    }
    .div_shadow {
        height: 68vh;
        top: -13vh;
    }
	.circle_title {
		width: 13rem;
		height: 13rem;
	}
    .swiper-button-next, .swiper-button-prev {
        bottom: 50vh;
    }
    .line_background_header {
        bottom: 30vh;
    }
    .slider_pageination {
        bottom: 46vh !important;
    }
}
@media (min-width:1280px) and (max-height:690px){
     .slider_pageination {
        bottom: 4rem !important;
    }
}
@media (min-width:1280px) and (max-height:800px){
    .background_line_coming_soon {
        top: 3rem;
    }
}
@media (min-width:1300px) and (min-height:700px){
  .swiper-container {
      height: 70%;
    }
    .line_background_header {
        bottom: 0rem;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 26%;
    }
    .slider_pageination{
        bottom:12rem !important;
    }
}
@media (min-width:1800px) and (min-height:1300px){
        .swiper-container {
        height: 50vh;
    }
    .div_shadow_level_2 {
        height: 62vh;
        top: -17vh;
    }
    .div_shadow {
        height: 61vh;
        top: -13vh;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 53vh;
    }
    .line_background_header {
        bottom: 41vh;
    }
    .slider_pageination {
        bottom: 50vh !important;
    }
}
@media (min-width:1900px) and (min-height:1020px){
    .slider_pageination{
        bottom:19rem !important;
    }
    .line_background_header {
        height: 25rem;
    }
}
@media (max-width:1100px){
    .line_in_bottom_page, .small_chip_background, .chip_background_section_message, .line_background_half_ship, .line_background_pos_title_section, .line_background_pos_title_section_CRM, .line_background_header, .line_background_suport, .line_background_suport_circle, .line_background_suport_half_circle, .line_background_client, .line_background_line_right, .line_background_line_right, .line_background_left_form, .line_background_bottom_form, .line_background_right_form{
        display: none;
    }
    .text_big_left_section {
    margin-left: 3rem;
}
	.navbar-light {
		padding: 2rem;
	}
}

@media (min-width:769px){
	.for-mobile{
		display:none;
	}
}
@media (max-width:768px){
	.block_logo_navbar_mobile{
		display: block;

	}
	.logo_navbar_mobile{
		height: 3rem;
	}
	.block_logo_navbar{
		display: none;
	}
    .language {
        padding-right: 1rem !important;
    }
    .all_blocks_price {
        margin: 1rem 0rem 2rem 0rem;
    }
    .page_section_price {
        padding: 2rem 1rem;
    }
    .block_price {
        padding: 2rem 1rem;
    }
    .block_icon_top{
        padding: 0rem;
        margin: 0rem;
    }
    .block_icon{
        margin-bottom: 1rem;
    }
    .box_shadow_right .div_shadow {
        height: 80%;
        top: 4rem;
    }
    .box_shadow_right .div_shadow_level_2 {
        height: 89%;
        top: 1rem;
    }
    .box_shadow_right {
        padding-top: 6rem;
    }
    .offset_half_col {
        margin-left: 1rem;
    }
     .content_playlist{
        flex: 0 0 30%;
        max-width: 30%;
        margin-bottom: 2rem;
    }
	.navbar-nav .nav-link {
		padding: 0.5rem 0rem !important;
	}
}
@media (max-width:720px){
    .icon_section{
        height: 7rem;
    }
    .shadow_right_rotate_section{
        display: none;
    }

    .section_title_icon {
        width: 100%;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 2rem;
    }
    .icon_text {
        width: 75%;
        display: block;
        margin: 1rem auto;
    }
    .title_section_with_icon {
        justify-content: center;
        text-align: center;
    }
    .title_text_block{
        font-size: 2.5rem;
        margin: 1rem 0rem;
    }
    .content_playlist{
        flex: 0 0 45%;
        max-width: 45%;
        margin-bottom: 2rem;
    }
	.circle_title {
		width: 14rem;
		height: 14rem;
	}
	.header_page {
		padding-top: 6rem;
	}
}

@media (max-width: 500px){
    .background_title_section_CRM {
        margin-left: -8.7rem;
    }
	.line_height_mobile{
		line-height: 1.7;
	}
	.circle_title {
		width: 14rem;
		height: 14rem;
	}
    .img_comming_soon {
    width: 37%;
    }
    .background_title_section_cloud_brand {
        margin-left: -6.75rem;
    }
    .chip_message_title_section_cloud_brand {
        margin-left: -8.9rem;
    }
    .background_title_section_multiple_pos {
        margin-left: -10.2rem;
    }
    .section_bottom_page {
        margin-bottom: 4rem;
    }
    .background_title_section_report_pos {
        margin-left: -7.5rem;
    }
    .background_title_section_data_safety{
        margin-left: -6.5rem;
    }
    .background_title_section_customize_pos {
        margin-left: -11rem;
    }
    .block_price {
        padding: 2rem 3rem;
    }
    .line_tow_color_virtical{
        display: none;
    }
    .all_blocks_price {
        margin: 1rem 0rem 2rem 0rem;
    }
    .page_section_price {
        padding: 2rem 1rem;
        margin-top: 6rem !important;
    }
    .background_title_section_report_CRM {
        margin-left: -5.5rem;
    }
    .background_title_section_report_detials{
        margin-left: -5.5rem;
    }
    .col_sm_6{
        flex: 0 0 47%;
        max-width: 47%;
        margin-top: 1rem;
    }
    .col_sm_3{
        flex: 0 0 25%;
        max-width: 25%;
        margin-top: 1rem;
    }
    .footer_menu {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .language {
        padding-right: 11rem !important;
    }
    .menu_footer{
        line-height: 2;
        padding-left: 0rem
    }
    .block_suport{
        padding-left: 1rem;
    }
    .img_main_footer {
        width: 90%;
        height: auto;
        display: block;
        margin: auto;
        margin-top: 4rem;
    }
    .div_hover_circle {
        width: 75%;
    }
    .block_icon{
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
        flex-wrap: wrap;
    }
    .content_box_shadow {
        width: 100%;
        margin-left: 0rem;
        background-color: #ffffff00;
    }
    .text_box_shadow {
        width: 100%;
    }
    .div_shadow {
        right: 25rem;
        background-color: #fff0;
        box-shadow: 46px 1px 98px #fff;
    }
    .div_shadow_level_2 {
        right: 24rem;
        background-color: #fff0;
        box-shadow: 129px 1px 120px #fff;
    }
    .navbar_top {
        padding: 0.5rem 2rem;
    }
    .box_shadow_right {
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 2rem;
        height: 25rem;
    }
    .box_shadow_right .content_box_shadow {
        width: 96%;
        margin-left: 0rem;
    }
    .main_title_box_shadow {
        width: 100%;
        font-size: 2.7rem;
    }
    .title_box_shadow {
        width: 98%;
    }
    .box_shadow_right .div_shadow_level_2 {
    height: 110%;
    width: 100%;
    top: -1rem;
    }
    .box_shadow_right .text_box_shadow{
        margin-top: 0.5rem;
    }
    .page_section{
        text-align: center;
        margin-top: 0rem;
    }
    .order_1_sm{
        order: 1;
    }
    .order_0_sm{
        order:0;
    }
    .block_img_section_right {
        margin-bottom: 2rem;
    }
    .center_content_col {
        text-align: center;
    }
    .offset_half_col {
        margin-left: 0rem;
    }
    .text_left_section {
        margin-left: 0rem;
    }
    .content_playlist{
        flex: 0 0 94%;
        max-width: 94%;
        margin-bottom: 2rem;
    }
    .img_ship_right {
        width: 110%;
        margin-left: -12%;
    }
}

.line{
    height: 0.65vw;
    width: 100%;
    background-color: #eee;
}
.box_line{
    margin-top: 3vw;
}
.line_personal_info{
    height: 100%;
    width: 25%;
    background-color: #64e6dc;
    position: absolute;
    top: 0vw;
    margin-left: 0vw;
}
.point_personal_info{
    height: 2.1vw;
    width: 2vw;
    border-radius: 22vw;
    background-color: #64e6dc;
    position: absolute;
    top: -0.68vw;
    right: -0.6vw;
}
.title{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #777;
    font-size: 1.3vw;
}
.title_point{
    width: 100%;
    position: absolute;
    text-align: right;
    top: 2vw;
    left: 4vw;
    font-weight: bold;
    color:#777;
    font-size: 0.9vw;
}
.title_faild{
    color:#b1b1b1;
    font-weight: bold;
    font-size: 0.9vw;
    margin-bottom: 0.2vw;
    margin-top: 0.7vw;
}
.style_faild{
    width: 100%;
    background-color: #fff;
    border: 0px;
    border-bottom: 0.2vw solid #ddd;
    box-shadow: 0px 0px 0px #555;
    border-radius: 0px;
    font-size: 1vw;
    height: 2.2vw;
}
.style_faild:focus{
    box-shadow: 0px 0px 0px #555;
    border-bottom: 0.2vw solid #2996cc;
}
.btn_form{
    width: 100%;
    border-radius: 0.4vw;
    background-color: #2996cc;
    color:#fff;
    text-align: center;
    font-weight: bold;
    font-size: 1vw;
    cursor: pointer;
}
.point_active{
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 22vw;
    top: 0vw;
    left:0vw;
}
.item_box{
    background-color: #dbdbdb;
    width: 100%;
    height: 7vw;
    border-radius: 0.5vw;
    margin-top: 1.4vw;
}
.btn_circle{
    color:#fff;
    background-color: #2996cc;
    padding: 0.6vw 0.6vw;
    border-radius: 22vw;
    font-size: 1.5vw;
    font-weight: bold;
    cursor: pointer;
}
.title_btn_circle{
    position: absolute;
    top:3vw;
    color:#777;
    font-weight: bold;
    font-size: 1vw;
    width: 86%;
    cursor: pointer;
}

#sign_up_info{
    right: 1%;
}

.moved_modal#sign_up_info{
    right: 105%;
}

#personal_info_image{
    left: 5%;
}

.title{
    padding-left: 4vw;
}

.header_container{
    padding-left: 8.7vw;
}

#personal_info{
    left: 100%;
}

.moved_modal#personal_info{
    left: 10%;
}

.btn_back{
    padding-left: 0vw;
}

#package_item_personal_info{
    left: 0%;
}

.screen_left#package_item_personal_info{
    left: -145%;
}

#package_item_first_shop{
    left: 15%;
}

.screen_right#package_item_first_shop{
    left: 145%;
}

.screen_left#package_item_first_shop{
    left: -145%;
}

#package_item_first_item{
    left: 12%;
}

.screen_left#package_item_first_item{
    left: -155%;
}

.screen_right#package_item_first_item{
    left: 145%;
}

#item_image{
    left: 5%;
}

/*#package_item_first_shop{
    left: 5vw;
}*/

#sign_up_info > div {
    margin-left: auto;
    margin-right: auto;
}

.iti.iti--allow-dropdown{
    margin-top: 1.5rem;
    width: 100%;
}
/*
new custom css for new design
}*/

/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: ArbFONTS-GE_SS-medium;
  src: url("fonts/ArbFONTS-GE_SS_TWO_MEDIUM_5.otf") format("opentype");
  font-style: normal;
}
@font-face {
  font-family: ArbFONTS-GE_SS-bold;
  src: url("fonts/ArbFONTS-GE_SS_Two_Bold_4.otf") format("opentype");
  font-style: normal;
}
@font-face {
  font-family: ArbFONTS-GE_SS-light;
  src: url("fonts/ArbFONTS-GE_SS_Unique_Light_1.otf") format("opentype");
  font-style: normal;
}
@font-face {
  font-family:Myriad-Pro;
  src: url("fonts/Myriad Pro Regular.ttf") format("opentype");
font-weight:800;
}
/*End Font*/
/* Navbar */

.btn-light{
    background-color: brown !important;
}
 .btn-cust-header{
	border-color: #1e4e96 !important;
	color: #1e4e96 !important;
	font-family:ArbFONTS-GE_SS-light;
	border-radius: 5px;
    padding: 0.375rem 0.75rem !important;

 }
  .btn-cust-header:hover,
 .btn-cust-header:active,
 .btn-cust-header:focus,
.btn-cust-header:visited{
    background-color: #1e4e96 !important;
    border-color: #1e4e96 !important;
    color: #fff !important;
    border: 0 !important;
}
 .btn-cust-header-green{
	 background-color: #00898b !important;
	border-color: #00898b !important;
	color: #fff !important;
	font-family:ArbFONTS-GE_SS-light;
	border-radius: 5px;
	padding: 0.375rem 0.75rem !important;
 }
  .btn-cust-header-green:hover,
 .btn-cust-header-green:active,
 .btn-cust-header-green:focus,
.btn-cust-header-green:visited{
    background-color: #006C6E !important;
    border-color: #006C6E !important;
    color: #fff !important;
    border: 0 !important;
}
.blank-space{
	width:50%;
	height:20px;
}

#navbarSupportedContent{
	max-width:920px;
	margin:10px auto;
}
.btn-cust-header{
	width:110px;
	font-size:14px;
	margin-right:15px;
}
.btn-cust-header-green{
	width:140px;
	font-size:14px;
	margin-right:15px;
}
/* End Navbar */
/* Section header */
.text-right{
	text-align:right;
}
.title-header-md{
	 font-family:ArbFONTS-GE_SS-medium;
	 font-size:20pt;
	 color:#1e4e96;
}
.title-header-bg{
	 font-family:ArbFONTS-GE_SS-bold;
	 font-size:26pt;
	 margin-right:14rem;
	 color:#1e4e96;
}
.mt-md-4{
	font-family:ArbFONTS-GE_SS-medium;
	color:#1e4e96;
	font-size:12pt;
	height:10px;
}
.mt-md-4-content{
margin-top:60px;
}
.get_started_header-content{
	width:100%;
	margin-top:35px;

}
.link_get_started_header{
	font-family:ArbFONTS-GE_SS-medium;
	display: block;
	margin: 0rem auto;
	width:200px;
	padding:10px;
	font-size:14pt;
}
.link_get_started_header{
	background-color:#1e4e96;
	 border-color: #1e4e96 !important;
	 border-radius: 5px;
}
.link_get_started_header:hover,
.link_get_started_header:focus{
    background-color: #183152!important;
    border-color: #183152 !important;
}
/* End section header */

/* main section */
#feature_section_move{
	max-width:980px;
	margin-top:2px;
	padding-bottom:55px;
}
.line-sp{
	margin-top:-50px
}
.pd-bt-25{
padding-bottom:25px;
}
.line-sp-sm{
	margin:auto;
	margin-top:-25px;
	width:60%;

}
/* End section */

/* Footer */
.footer_copyright{
	background-color:#1e4e96;
	height:22rem;
    padding: 0.8rem 2rem;
    color: #000;

}
.icon_footer_copyright{
    width: 35px;
    height: auto;
	margin-left:10px;
}
.text_footer_copyright{
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}
.icons-content-footer{
	width:100%;
}
.footer-logo{
	width:60px;
	height:auto;
	margin-top:10px;
	padding-bottom:1rem;

}
.contentt-mt-md-4-footer{
	padding-bottom:3rem;
}
.mt-md-4-footer{
	font-family:ArbFONTS-GE_SS-light;
	color:#fff;
	font-size:10pt;
	height:10px;

}
.cust-font{
font-family:Myriad-Pro;
}
.cust-font-2{
font-family:Myriad-Pro;
}

/* End footer */

/***********************************Login and registration ******************************/
#first{
    margin-top:-3rem;
}

#second{
    margin-top:-1rem;
}
.link-n{
 font-family:ArbFONTS-GE_SS-light;
color:#4599d4;
font-size:11pt;
}
.header-login{
	font-size:16pt;
}
.pd-lft-3{
	padding-left:3px;
	font-size:8pt !important;
}
.form-content-login{
width:100%;
margin-top:3rem;
padding:2rem;

}
.input-cust{
	padding:1.5rem;
	direction:rtl;
	width:250px;
	border-color: #1e4e96 !important;
	margin:auto;
	/*font-family: ArbFONTS-GE_SS-light;*/
	font-size:12pt !important;
	color:#1e4e96 !important;
}
.has-feedback .form-control {
    padding-right: 1rem;
}
::-webkit-input-placeholder {
   text-align: center;
    color:#1e4e96 !important;
	font-size:10pt !important;
   }
.link_btn_login{
	font-family:ArbFONTS-GE_SS-medium;
	display: block;
	margin: 0rem auto;
	width:250px;
	padding:5px;
	font-size:11pt;
	background-color:#5ac8e0;
	 border-color: #5ac8e0!important;
	 border-radius: 5px;
}
.link_btn_login:hover,
.link_btn_login:focus{
    background-color: #9addec!important;
    border-color: #9addec !important;
}
.frgt-pswd{
	font-size:10pt;
	margin-left:13.8rem;
}
.content-login-rgt{
	width:100%;

	margin-top:4rem;
}
.get_login_header-content{
	width:100%;
	margin-top:20px;
}
.for-lgn{
	width:250px;
	padding:5px;
}
/*********************************** Media Query ******************************/

@media (max-width:786px){
	.logo_navbar_mobile {
		display:inline-block !important;
		margin-left:0px;
	}
	.navbar {
		padding:0 !important;
	}
	.block_logo_navbar_mobile{
		width:100% !important;
	}
	.for-mobile{
		display:block;
		width: 90px;
		font-size: 12px;
		margin-right: 5px;
		display:inline-block;
	}
	.link_get_started_header{
		font-size:12pt;
	}
	.mt-md-4-content{
		margin-top:20px
	}
	.title-header-bg{
		margin-right:2rem;
	}
	  #first {
        order: 2;
		margin-top:-3rem;

    }
    #second {
        order: 1;
		margin-top:-3rem;
    }
	.form-content-login{
		margin-top:1rem;
	}
	.wrapper {
    margin: 0 auto -12rem; /* the bottom margin is the negative value of the footer's height */
   }
}

.demo-section {
    max-width: 980px;
    margin-top: 2px;
    padding-bottom: 55px;

}

.demo-div{
    width: 100%;
    height: 300px;
    border: 1px solid #FDFDFD;
    border-radius: 10px;
    background-color: #FDFDFD;
    padding: 15px;
    transition: all ease-in-out 0.3s;
}
.demo-div:hover{
    transform: scale(1.2);
}
.demo-img{

}

.demo-login{
    width: 100%;
    font-size: 20px;
    border-radius: 20px;
    padding: 6px;
    margin: auto;
    margin-top: auto;
    margin-top: 20px;
    background-color: #1BACC4;
    border-color: #1bacc4;
}