html, body,svg {
	height: 100%; 
	width: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: rgb(244,244,244);
	background: linear-gradient(180deg, rgba(244,244,244,1) 46%, rgba(213,213,213,1) 66%, rgba(240,240,240,1) 88%);
	font-family: 'Raleway', sans-serif  !important;font-weight: 200;
}

.svg-container { 
	height: 100vh;
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 50%; 
	vertical-align: middle; 
	overflow: hidden; 
}	
.icone {cursor: pointer;}



.tooltip {margin: 5px;border-radius: 3px;
	border: 0;
	border-radius: .125rem;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
	font-family: 'Raleway', sans-serif  !important;
	font-size: 12px !important;
	font-weight: 300 !important;
}



.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {

    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.modal-dialog .modal-content {
    border: 0;
    border-radius: .125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

.btn-secondary{color:#fff;background-color:#b01222;border-color:#b01222;border-radius: 30px;font-size: 12px;}


.closeMod {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.closebt {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.closebt:hover {
    transform: rotate(90deg);
}
#modal-container {
    position: relative;
    margin-top: 20px;
    overflow: hidden;
}
#modal-container {color: #FFF;}
#modal-container p {color: #FFF;}
.card {
	margin-right: 18px;
	border-radius: 0;
	border: 0;
	background-color: transparent;
	
}
.card-body {
	padding: 15px 0 50px 0;
}
.card-title {color: #FFF;}
.card-body p {
	color: #FFF;
	line-height: 110%; 
}


.more {
	border-radius: 3em;
    display: inline-block;
    background-color: #b01222;
    padding: 8px 15px;
    color: #FFF;
    margin-top: 10px;
	
	
}
.more:hover {
	text-decoration: none;
	color: #FFF;
}


.video {
    width: 100%;
    border: 1px solid red;
}
.wrapper{
    display:table;
    width:auto;
    position:relative;
    width:100%;
}
.playpause {
    background-image:url(./imgs/ps.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size: 250px;
    background-position: center;
	filter: invert(1);
}


.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	
	    background: #36943f !important;
    border: 1px solid #71b07b !important;
	
	
}
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full {
    color: #FFF;
    margin: 0 auto 24px;
    padding: 15px 15px;
}


.docwrap {column-count: 2;}