/*==========================================================*/
/* Please Wait css to hide splash after loading ... */
/*==========================================================*/
body > .inner {
  display: none;
}

body.pg-loaded > .inner {
  display: block;
}

/*==========================================================*/
/*Different Font Families*/
/*==========================================================*/
@font-face{
	font-family:'Arvo-Bold';
	src:url(fonts/Arvo-Bold.ttf);
}
@font-face{
	font-family:'Arvo-BoldItalic';
	src:url(fonts/Arvo-BoldItalic.ttf);
}
@font-face{
	font-family:'Arvo-Italic';
	src:url(fonts/Arvo-Italic.ttf);
}
@font-face{
	font-family:'Arvo-Regular';
	src:url(fonts/Arvo-Regular.ttf);
}
@font-face{
	font-family:'PTSans';
	src:url(fonts/PTSans.ttf);
}

body{

    background-repeat:no-repeat;
    background-position: center center;
    background-image:url(../images/preview.png);
    background-color:#fefdef;
    font-family:Arial, Helvetica, sans-serif;
}

.box {
    box-sizing: border-box;
    background: #abcdef;
    border: 4px solid gray;
    border-radius: 3px;
    width: inherit;
    height: inherit;
    margin: 10px;
    padding: 10px;
}

.box .inactive {
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.box .active {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.box .text {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 36px;
}

.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}


#content{
	background-color: #70D7F0;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: 100%;
	width: 100%;
}

.spinner-loader{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 75%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-size: 100%;
}


#logo {
    position: absolute;
    height: 168px;
    left: 50%;
    top: 60%;
    margin-left: -281px;
    margin-top: -150px;
}



.modal-container {
  position: relative;
}
.modal-container .modal, .modal-container .modal-backdrop {
  position: absolute;
}

/*===============================================================================================================================================================================*/
/*============================================================================Common Css Files===================================================================================*/
/*===============================================================================================================================================================================*/


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: ;
  	color: inherit;
}

/*-----------------------------------------------------------------------------------*/
/*  TEXT DECORATION
/*-----------------------------------------------------------------------------------*/
.bold{font-weight: bold;}
.underline{text-decoration: underline;}

/*-----------------------------------------------------------------------------------*/
/*  TEXT STYLE
/*-----------------------------------------------------------------------------------*/
h1,.h1{font-family: "Arvo-Bold";font-size: 40px;/* color: #59c064; */}
h2,.h2{font-family: "Arvo-Bold"; font-size: 30px; color: #70d7f0;}
h3,.h3{font-family: "Arvo-Bold"; font-size: 20px; color: #222b31;}
h4,.h4{font-family: 'PT Sans';font-size: 30px;color: #222b31;font-weight: bold;text-transform: uppercase;}
h5,.h5{font-family: 'PT Sans'; font-size: 25px; color: #222b31; font-weight: bold;}
h6,.h6{font-family: 'PT Sans'; font-size: 20px; color: #222b31; font-weight: bold;}


/*-----------------------------------------------------------------------------------*/
/*  HELPERS
/*-----------------------------------------------------------------------------------*/
.fl{float: left;}
.fr{float: right;}
.txtr{text-align: right;}
.txtf{text-align: left;}
.txtc{text-align:: center;}

/*-----------------------------------------------------------------------------------*/
/*  SPACING
/*-----------------------------------------------------------------------------------*/
.space0   {    margin-top: 0px   !important;  }
.space5   {    margin-top: 5px   !important;  }
.space10  {    margin-top: 10px  !important;  }
.space20  {    margin-top: 20px  !important;  }
.space25  {    margin-top: 25px  !important;  }
.space30  {    margin-top: 30px  !important;  }
.space35  {    margin-top: 35px  !important;  }
.space40  {    margin-top: 40px  !important;  }
.space50  {    margin-top: 50px  !important;  }
.space60  {    margin-top: 60px  !important;  }
.space70  {    margin-top: 70px  !important;  }
.space80  {    margin-top: 80px  !important;  }
.space90  {    margin-top: 90px  !important;  }
.space100 {    margin-top: 100px !important;  }
.no-space {    margin: 0 !important;
               padding: 0 !important;}

.margin-left-0   {  margin-left: 0 !important;   }
.margin-right-0  {  margin-right: 0 !important;  }
.padding-left-0  {  padding-left: 0 !important;  }
.padding-right-0 {  padding-right: 0 !important; }


.lht16{ line-height: 16px;}
.lht20{	line-height: 20px;}
.lht30{	line-height: 30px;}
.lht40{	line-height: 40px;}
.lht50{	line-height: 50px;}


.ltsp1{	letter-spacing: 1px;}
.ltsp2{	letter-spacing: 2px;}
.ltsp3{	letter-spacing: 3px;}
.ltsp4{	letter-spacing: 4px;}


/*-----------------------------------------------------------------------------------*/
/*  FONT-SIZE
/*-----------------------------------------------------------------------------------*/
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f32 {font-size: 32px;}


/*-----------------------------------------------------------------------------------*/
/*  FONT-WEIGHT
/*-----------------------------------------------------------------------------------*/

.f100{	font-weight: 100;}
.f200{	font-weight: 200;}
.f300{	font-weight: 300;}
.f400{	font-weight: 400;}
.f500{	font-weight: 500;}
.f600{	font-weight: 600;}
.f700{	font-weight: 700;}
.f900{	font-weight: 900;}


/*-----------------------------------------------------------------------------------*/
/*  WIDTH
/*-----------------------------------------------------------------------------------*/
.wid30{	width: 30%;}
.wid40{	width: 40%;}
.wid50{	width: 50%;}
.wid60{	width: 60%;}
.wid70{	width: 70%;}
.wid80{	width: 80%;}
.wid90{	width: 90%;}
.wid100{ width: 100%;}

/*===================Change a style of placeholder====================*/



/*==================================================================*/

/*==============================================================================================================================================================================*/
/*=======================================================================Common Css Ends Here===================================================================================*/
/*==============================================================================================================================================================================*/


/*===========================================================*/
		/*Css on HTML Tags*/
/*============================================================*/


label{
	font-weight: inherit;
}

html{
	/* height: 100%; */
	min-height:  100%;
	min-width: 80%;
}

body{
	margin:0px;
    font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #222b31;
	width: 100%;
	height: 100%;
}


a{
	color: inherit;
	text-decoration: none;
}

a:hover,a:focus,a:active{
	text-decoration: none;
	color: inherit;
}

/*=====================Header Section Starts here======================*/
header{
	position: fixed;
	/* min-height: 102px; */
	width: 100%;
	z-index: 9999;
	background: #FFF;
}

/*
.nav.navbar-left>li>a {
    font-size: 16px;
    color: #222b31;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 10px 17px;
    margin: 0 10px;
}

.nav.navbar-left>li.dropdown>a {
    padding-right: 38px;
    background-image: url(../img/Objet-dynamique-vectoriel-copie.png);
    background-repeat: no-repeat;
    background-position: 90% 15px;
    background-color: transparent;
}

.nav.navbar-left >li.dropdown.open>a{
	 background-image: url(../img/Objet-dynamique-vectoriel2.png);
}

.nav .open>li.dropdown>a{
}

.nav.navbar-left>li>a:hover,.nav.navbar-left>li.active>a{
	background-color: #70d7f0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #70d7f0;
	border-color: #70d7f0;
}

ul.nav.navbar-nav.navbar-left {
    margin-top: 15px;
    margin-left: 30px;
}

.navbar-right{
	margin-top: 10px;
}

.dropdown-menu{
	border: 0;
	box-shadow: 0 0 0;
	border-radius: 0;
	background: #70d7f0;
}

.navbar{
	margin-bottom: 0;
	padding: 15px 0;
	background: #FFF;
}

.nav-bg{
	background: #70d7f0;
	height: 65px;
}

.yamm .yamm-content {
    padding: 17px 30px;
    max-width: 1170px;
    padding-left: 205px;
}

.yamm .nav{
	position: static;
}

.yamm .dropdown-menu {
    left: 0px;
    right: 0;
    width: 100%;
}

.navbar-form .form-control {
    background: #59c064;
    font-size: 16px;
    color: #222b31;
    box-shadow: 0 0 0;
    border: 1px solid #59c064;
    border-radius: 24px;
    height: 50px;
}

.navbar-form ::-webkit-input-placeholder {
    color: #222b31;
}

.navbar-form ::-moz-placeholder {
    color: #222b31;
} 
.navbar-form :-ms-input-placeholder {
    color: #222b31;
}

.navbar-form input:-moz-placeholder {
    color: #222b31;
}

.btn-search {
    background: transparent;
    border-radius: 50%;
    border: 1px solid #ccc;
    height: 50px;
    width: 50px;
    margin-left: 15px;
    vertical-align: middle;
}

.nav.navbar-right>li>a {
    font-size: 30px;
    padding: 15px 25px;
}

.nav.navbar-right>li.fb>a{
	color: #3b5998
}
.nav.navbar-right>li.tw>a{
	color: #3acaff
}
.nav.navbar-right>li.lin>a{
	color: #007ab9
}

.nav.navbar-right > li > a:hover, .nav.navbar-right > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.box-1 {
	background: #FFF;
	padding: 100px;
}

.m-neg-120{ margin-top: -126px;}

/*================================Header Section Collapsed===================================*/

/*================================== Banner Section Css Starts here=======================================*/

#banner{
	background: url(../img/banner.jpg) no-repeat;
	background-size: cover;
	display: table;
	width: 100%;
	height: 100%;
}

#banner.min{
	height: 80%;
}

.banner-caption{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#banner.min .banner-caption{
	height: 80%;
}

.main-title-h1{
	font-size: 50px;
	color: #fff;
}
/*================================== Banner Section Css Collapsed=========================================*/

/*================================== BUTTON LIST Section Css Start =======================================*/

.btn{
	border-radius: 25px;
	min-height: 50px;
	min-width: 270px;
	font-size: 16px;
	padding: 6px 30px;
	margin-bottom: 10px;

	cursor: pointer;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}

.btn-blue{
	background: #70d7f0;
	border: 1px solid #70d7f0;
	color: #222b31;
}

.btn-blue:hover{
	background: #5bbed6;
	border: 1px solid #5bbed6;
	color: #222b31;
}

.btn-green{
	background: #59c064;
	border: 1px solid #59c064;
	color: #222b31;
}

.btn-green:hover{
	background: #50ad5a;
	border: 1px solid #50ad5a;
	color: #222b31;
}

.btn-transparent{
	background: transparent;
	color: #222b31;
	border: 1px solid #fff;
}

.btn-transparent{
	background: transparent;
	color: #222b31;
	border: 1px solid #222b31;
}

.btn-transparent.dark{
	background: transparent;
	color: #FFF;
	border: 1px solid #222b31;
}

.btn-transparent:hover{
	background: #222b31;
	color: #FFF;
	border: 1px solid #222b31;
}

.btn+.btn{
	margin-left: 20px;
}

.listprimary {
    list-style-type: none;
}

.listprimary li {
    position: relative;
    margin-top: 20px;
}

.listprimary li:first-child{
	margin-top: 0;
}

.listprimary li:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: -35px;
	border-radius: 50%;
	background-color: #59c064;
}

.listprimary a{
	color: #25b7db;
}

/*================================== form Section Css start ============================*/

.form_common label{display: block;}

.form_common .style1 label{display:block; font-size: 16px; color: #999999;}
.form_common .style1 input{border: none; border-bottom: 1px solid #cbcbcb;}

.form_common .style2 label{display:block; font-size: 12px; color: #999999;}
.form_common .style2 input{border: none; border-bottom: 1px solid #999999;}

.form_common .style3 label{display:block; font-size: 12px; color: #999999;}
.form_common .style3 input{border: none; border-bottom: 1px solid #222b31;}

input{font-size: 18px; color: #222b31;}

/*================================== form Section Css Collapsed ============================*/


/*================================== button /list  Section Css Collapsed ============================*/

/*================================== quote Section Css Starts here==================================*/

#quote{
	font-size: 30px;
	color: #222b31;
	font-family: 'Arvo-Regular';
	text-align: center;
	padding: 50px 0;
}

.f-70d{
	color: #70d7f0
}

/*================================= quote Section Css Collapsed==================================*/

/*================================= consult Section Css Started Here ==================================*/

#consult{
	padding: 50px 0;
	background: #70d7f0;
}

#consult .consult-left{
	float: right;
    margin-top: 110px;
    margin-right: 50px;
}

.sec_title{
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
}

.f-000{
	color: #000;
}

.sub-title-h2{
	font-size: 40px;
	font-family: 'Arvo-Regular';
	color: #fff;
}


.consult-list li {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background-repeat: no-repeat;
    padding-left: 85px;
    letter-spacing: 2px;
    margin: 50px 0;
}

.consult-list li:first-child{
	background-image: url(../img/graph.png);
	background-position: 0 8px;
}

.consult-list li:nth-child(2) {
    background-image: url(../img/basket.png);
    padding-right: 50px;
}

.consult-list li:nth-child(3) {
    background-image: url(../img/line.png);
    padding-right: 100px;
}

/*================================= consult Section Css Collapsed ==================================*/


/*================================= connect Section Css Collapsed==================================*/

#connect{
	background: url(../img/connect.jpg) no-repeat;
	background-size: cover;
	padding: 50px 0;
}

.bg-connect {
    background: url(../img/bg-connect.png) no-repeat;
    background-size: contain;
    width: 970px;
    padding: 66px 170px 30px 150px;
    text-align: right;
}

.connect-list li {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background-repeat: no-repeat;
    padding-right: 85px;
    letter-spacing: 2px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin: 15px 0;
}

.connect-list li:first-child{
	background-image: url(../img/mob.png);
	background-position: 100%;
}

.connect-list li:nth-child(2) {
    background-image: url(../img/tablet.png);
	background-position: 100%;
}

.connect-list li:nth-child(3) {
    background-image: url(../img/laptop.png);
	background-position: 100%;
}

/*================================= connect Section Css Collapsed==================================*/


/*================================= confort Section Css Started Here ==================================*/

#confort{
	padding: 50px 0;
	background: #dff3f8;
}


#confort .sub-title-h2{
	color: #222b31
}

#confort .consult-left {
    float: right;
    margin-top: 80px;
    margin-right: 50px;
}

.confort-list li{
	padding-left: 85px;
	background-repeat: no-repeat;
	margin: 30px 0;
}

.confort-list li:first-child{
	background-image: url(../img/calender.png);
}

.confort-list li:nth-child(2){
	background-image: url(../img/mail.png);
}

.confort-list li:nth-child(3){
	background-image: url(../img/perc.png);
}

/*================================= Phases Section Css Collapsed==================================*/

/*================================= confiance Section Css Started Here ==================================*/

#confiance{
	padding: 80px 0;
	background: #59c064;
}

.confiance-list li {
    padding-left: 85px;
    background-repeat: no-repeat;
    margin: 30px 0;
    padding-top: 18px;
    padding-bottom: 18px;
}

.confiance-list li:first-child{
	background-image: url(../img/cap.png);
}

.confiance-list li:nth-child(2) {
    background-image: url(../img/lock.png);
    padding-right: 15px;
}

/*================================= confiance Section Css Collapsed==================================*/

/*================================= connaissance Section Css Started Here ==================================*/

#connaissance{
	padding: 100px 0;
	background: url(../img/about.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

#connaissance .sec_title {
	color: #fff;
}

#connaissance .sub-title-h2{
	color: #fff;
}

.conna-list li{
	padding-left: 85px;
	margin: 20px 0;
	background-repeat: no-repeat;
}

.conna-list li:first-child{
	background-image: url(../img/book.png);
}

.conna-list li:nth-child(2) {
    background-image: url(../img/menu.png);
    padding: 18px 0 18px 85px;
}

.conna-list li:nth-child(3){
	background-image: url(../img/weight.png);
    padding: 18px 0 18px 85px;
}

/*================================= connaissance Section Css Collapsed==================================*/


/*================================= Input Section Css Collapsed ==================================*/

/*================================= manintenant Section Css Started Here ==================================*/

#manintenant{
	font-family: 'Arvo-Regular';
	color: #fff;
	font-size: 30px;
	padding: 50px 0;
	text-align: center;
	background: #222b31;
}

/*================================= manintenant Section Css Collapsed==================================*/

/*================================= Footer Section Css Started Here ==================================*/

footer{
	background: #fff;
	padding: 50px 0;
	text-align: center;
}

footer .social li{
	padding: 0 15px ;
}

footer .menu li {
    padding: 0 15px;
    border-right: 1px solid #ccc;
    text-align: center;
    line-height: 17px;
}

footer .menu li:last-child{
	border-right: 0;
}

.f-484{
	color: #484848;
}

/*================================= Footer Section Css Collapsed==================================*/

/*================================= Media Querty Css Started Here ==================================*/



@media(max-width: 1600px){
	.nav.navbar-left>li>a {
	    margin: 0 0px;
	}
	ul.nav.navbar-nav.navbar-left {
	    margin-top: 6px;
	    margin-left: 0px;
	}
	.nav.navbar-right>li>a {
	    padding: 15px 15px;
	}
}

@media(max-width: 1440px){
	.nav.navbar-left>li>a {
	    padding: 10px 10px;
	    font-size: 14px;
	}
	.nav.navbar-right>li>a {
	    padding: 15px 7px;
	    font-size: 18px;
	}
	.navbar-form .form-control {
	    font-size: 14px;
	    height: 40px;
	}
	.btn-search img {
	    width: 17px;
	}
	.btn-search {
	    height: 40px;
	    width: 40px;
	    margin-left: 5px;
	}
}

@media(min-width: 1023px){
	.navbar-toggle {
		display: none;
	}
}

@media(max-width: 1200px){
	#consult .consult-left {
	    float: none;
	    margin-top: 110px;
	    margin-right: 0;
	}
	#confort .consult-left {
	    float: none;
	    margin-top: 80px;
	    margin-right: 0;
	}
	.consult-list li:nth-child(2) {
	    padding-right: 0px;
	}
	.consult-list li:nth-child(3) {
	    background-image: url(../img/line.png);
	    padding-right: 0;
	}
}

@media(max-width: 991px){
	.bg-connect {
	    background-image: none;
	    width: auto;
	    padding: 66px 170px 30px 150px;
	    text-align: right;
	    background-color: #59c064;
	}
}

@media(max-width: 767px){
	header{
		min-height: 87px;
	}
	.bg-connect {

	}
	.btn {
		display: block;
		font-size: 13px;
		padding: 4px;
		width: 100%;
	}

	.btn+.btn {
		margin-left: 0px;
     font-size: 13px;
	}
	.main-title-h1 {
    	font-size: 30px;
    	line-height: 36px;
	}
	.consult-left{
		padding: 10px 10px;
		margin-top: 0px !important;
	}
	.consult-list li {
    	font-size: 22px;
    	line-height: 23px !important;
    }
    .bg-connect {
    	padding: 15px;
    }
    #confiance {
		padding: 15px !important;
	}
	#connaissance {
    	padding:15px !important;
	}
	.sub-title-h2 {
    	font-size: 24px;
    }
    #manintenant {
	    color: #fff;
	    font-size: 24px;
	    padding:20px 15px;
	}
	.navbar-toggle{
		border: 1px solid #70d7f0;
		display: inherit;
	}
	.navbar-toggle .icon-bar {
	    background: #70d7f0;
	}
	.navbar-brand {
	    padding: 5px 15px;
	}
	.dropdown-menu {
	    margin-top: 0!important;
	}
	.nav.navbar-nav.navbar-right li{
		display: inline-block;
	}
	.nav.navbar-nav.navbar-right{
		margin: 0;
		text-align: center;
	}
   	.navbar-form.navbar-right{
   		text-align: center;
   	}
   	.navbar-form.navbar-right .btn-search{
   		margin-top: 20px;
   	}
}

@media(max-width: 767px) and (min-width: 355px){
	ul.list-unstyled.consult-list {
	    width: 300px;
	}
}

@media(max-width: 320px){
}

/*================================= Media Querty Css Collapsed ==================================*/


/*================================= Data Visualization ==========================================*/
	.st0{fill:#9A9AA5;}
	.st1{fill:#FFFFFF;}
	.st2{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
	.st3{fill:#C0DA5D;}
	.st4{}
	.st5{display:inline;fill:#FD694F;}
	.st6{display:inline;fill:#C0DA5D;}
	.st7{font-family:'Roboto-Medium';}
	.st8{font-size:18px;}
	.st9{display:inline;}
	.st10{display:inline;fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st11{display:inline;fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
	.st12{clip-path:url(#SVGID_2_);fill:#FD694F;}
	.st13{clip-path:url(#SVGID_4_);fill:#C0DA5D;}
	.st14{clip-path:url(#SVGID_6_);fill:#FEDD16;}
	.st15{clip-path:url(#SVGID_8_);fill:#FD694F;}
	.st16{clip-path:url(#SVGID_10_);fill:#FEDD16;}
	.st17{fill:#2A3031;}
	.st18{fill:none;stroke:#333333;stroke-miterlimit:10;}
	.st19{fill:none;stroke:#333333;stroke-miterlimit:10;stroke-dasharray:2,2;}
	.st20{display:inline;fill:#2A3031;}
	.st21{fill:url(#XMLID_129_);}
	.st22{fill:url(#XMLID_130_);}
	.st23{fill:url(#XMLID_131_);}
	.st24{fill:url(#XMLID_173_);}
	.st25{fill:url(#XMLID_174_);}
	.st26{fill:url(#XMLID_176_);}
	.st27{fill:#FBE5E1;stroke:#EB6B56;stroke-miterlimit:10;}
	.st28{fill:#EB6B56;}
	.st29{fill:#EB6B56;}
	.st30{fill:#FFF5E1;stroke:#FFC153;stroke-miterlimit:10;}
	.st31{fill:#FFC153;}
	.st32{fill:#FFC153;}
	.st33{fill:#DFF2EE;stroke:#47B39D;stroke-miterlimit:10;}
	.st34{fill:#47B39D;}
	.st35{fill:#47B39D;}
	.st36{fill:#F1E3E6;stroke:#B05F6D;stroke-miterlimit:10;}
	.st37{fill:#B05F6D;}
	.st38{fill:#B05F6D;}
	.st39{fill:#DFD8DF;stroke:#462446;stroke-miterlimit:10;}
	.st40{fill:#462446;}
	.st41{fill:url(#XMLID_177_);}
	.st42{fill:url(#XMLID_180_);}
	.st43{fill:url(#XMLID_181_);}
	.st44{fill:url(#XMLID_183_);}
	.st45{fill:url(#XMLID_184_);}
	.st46{fill:url(#XMLID_185_);}
	.st47{fill:#462446;}
	.st48{fill:url(#XMLID_186_);}
	.st49{fill:url(#XMLID_188_);}
	.st50{fill:url(#XMLID_189_);}
	.st51{fill:url(#XMLID_191_);}
	.st52{fill:url(#XMLID_192_);}
	.st53{fill:url(#XMLID_204_);}
	.st54{fill:url(#XMLID_205_);}
	.st55{fill:url(#XMLID_207_);}
	.st56{fill:url(#XMLID_208_);}
	.st57{fill:url(#XMLID_213_);}
	.st58{fill:url(#XMLID_214_);}
	.st59{fill:url(#XMLID_229_);}
	.st60{fill:#FAC23B;}
	.st61{fill:#191919;}
	.st62{fill:#333333;}
	.st63{fill:#E49B0E;}
	.st64{fill:none;stroke:#C18214;stroke-width:2;stroke-miterlimit:10;}
	.st65{fill:#2D1D00;}
	.st66{fill:#F9D68F;}
	.st67{opacity:0.15;fill:#DD9E2F;enable-background:new    ;}
	.st68{opacity:0.2;fill:#DD9E2F;enable-background:new    ;}
	.st69{opacity:0.25;fill:#DD9E2F;enable-background:new    ;}
	.st70{fill:#855914;}
	.st71{font-family:'Roboto-Regular';}
  .st72{font-size:12px;}
  
	._st0{fill:url(#XMLID_2_);}
	._st1{fill:url(#XMLID_3_);}
	._st2{fill:url(#XMLID_4_);}
	._st3{fill:url(#XMLID_5_);}
	._st4{fill:url(#XMLID_6_);}
	._st5{fill:url(#XMLID_7_);}
	._st6{fill:#FBE5E1;stroke:#EB6B56;stroke-miterlimit:10;}
	._st7{fill:#EB6B56;}
	._st8{fill:#EB6B56;}
	._st9{fill:#FFF5E1;stroke:#FFC153;stroke-miterlimit:10;}
	._st10{fill:#FFC153;}
	._st11{fill:#FFC153;}
	._st12{fill:#DFF2EE;stroke:#47B39D;stroke-miterlimit:10;}
	._st13{fill:#47B39D;}
	._st14{fill:#47B39D;}
	._st15{fill:#F1E3E6;stroke:#B05F6D;stroke-miterlimit:10;}
	._st16{fill:#B05F6D;}
	._st17{fill:#B05F6D;}
	._st18{fill:#DFD8DF;stroke:#462446;stroke-miterlimit:10;}
	._st19{fill:#462446;}
	._st20{fill:#462446;}

.RichEditor-root {
  background: #fff;
  border: 1px solid #ddd;
  font-family: 'Georgia', serif;
  font-size: 14px;
  padding: 15px;
}

.RichEditor-editor {
  border-top: 1px solid #ddd;
  cursor: text;
  font-size: 16px;
  margin-top: 10px;
}

.RichEditor-editor .public-DraftEditorPlaceholder-root,
.RichEditor-editor .public-DraftEditor-content {
  margin: 0 -15px -15px;
  padding: 15px;
}

.RichEditor-editor .public-DraftEditor-content {
  min-height: 100px;
}

.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}

.RichEditor-editor .RichEditor-blockquote {
  border-left: 5px solid #eee;
  color: #666;
  font-family: 'Hoefler Text', 'Georgia', serif;
  font-style: italic;
  margin: 16px 0;
  padding: 10px 20px;
}

.RichEditor-editor .public-DraftStyleDefault-pre {
  background-color: rgba(0, 0, 0, 0.05);
  font-family: 'Inconsolata', 'Menlo', 'Consolas', monospace;
  font-size: 16px;
  padding: 20px;
}

.RichEditor-controls {
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  user-select: none;
}

.RichEditor-styleButton {
  color: #999;
  cursor: pointer;
  margin-right: 16px;
  padding: 2px 0;
  display: inline-block;
}

.RichEditor-activeButton {
  color: #5890ff;
}

.volume {
	position: absolute;
	left: 15%;
	width: 70%;
	bottom: 2px;
	height: 10px;
}

td {
    /* text-overflow: clip !important; */
}