@import url(http://fonts.googleapis.com/css?family=Philosopher);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);

@import url(http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps);
@import url(http://fonts.googleapis.com/css?family=Rouge+Script);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Passion+One);

@import url(https://fonts.googleapis.com/css?family=Poiret+One);

/* entire container, keeps perspective */
.flip-container {
	 -webkit-perspective: 800;
    -moz-perspective: 800;
    -o-perspective: 800;
    perspective: 800;
}
	
.card {
  
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
	
}

.card .front {


    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card .back {
  
   transform: rotateY(180deg);
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}




#sec_close:hover{
	
	opacity:0.5;
	cursor:pointer;
	
}

@font-face{
	
font-family:sego;
src:url(fonts/SEGOEUIL.ttf);	
	
}

@font-face{
	
font-family:lato;
src:url(fonts/Lato-Regular.ttf);	
	
}

body{

margin:0;
padding:0;	

	
}

html{
	
margin:0;
padding:0;	
	
}

input[type="text"],input[type="email"],input[type="password"]{

width:100%;
height:40px;
padding-left:15px;
border:rgba(157,157,157,1.00);
box-shadow: inset 0px 1px 2px 1px rgba(0, 10, 0, 0.3), 
            inset 0px -1px 1px 1px rgba(0, 10, 0, 0.2);
outline:none;
font-family:lato;
color:rgba(59,59,59,1.00);
	
}

textarea{

width:100%;
height:70px;
padding-left:15px;
border:rgba(157,157,157,1.00);
box-shadow: inset 0px 1px 2px 1px rgba(0, 10, 0, 0.3), 
            inset 0px -1px 1px 1px rgba(0, 10, 0, 0.2);
outline:none;
font-family:lato;
color:rgba(59,59,59,1.00);	
padding-top:10px;
max-height:70px;	
	max-width:100%;
}

#sendtofriend{
	
padding-left:25px;padding-right:25px;padding-top:15px;padding-bottom:15px;color:#FFF6F6;
background:#902729;font-size:17px;font-family:sego;outline:none;border:none;
	
}





::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    rgba(59,59,59,1.00);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgba(59,59,59,1.00);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    rgba(59,59,59,1.00);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    rgba(59,59,59,1.00);
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    rgba(59,59,59,1.00);
}

.result_box{
	
-webkit-box-shadow: 1px 2px 39px -4px rgba(0,0,0,0.75) !important;
-moz-box-shadow: 1px 2px 39px -4px rgba(0,0,0,0.75) !important;
box-shadow: 1px 2px 39px -4px rgba(0,0,0,0.75) !important;
height:300px;

border-radius:15px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;

}


.read_more{
	-webkit-box-shadow: 1px 22px 39px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 22px 39px -4px rgba(0,0,0,0.75);
box-shadow: 1px 22px 39px -4px rgba(0,0,0,0.75);
background:#26a69a;

width:100%;float:left;
margin-top:200px;
padding-top:15px;
padding-bottom:15px;
	
	
}


.read_more:hover{
	
cursor:pointer;	
	
}

@media print {
    .read_more {
        display: none;
    }
}

.koolchart{
	
float:left !important;
width:200px !important;
height:130px !important;

	
}

path,svg{
float:left !important;	
position:relative !important;
padding-bottom:100px !important;

	
}

rect{

float:left !important;

position:relative !important;
	
}

.collapse-area{
	
position:fixed;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
z-index:100000000;	
overflow:auto;

	
}