@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Titillium+Web:300,400,400i,600,600i,700,700i');


.html_block {
	width:100%;
	display:inline-block;
	text-align:left;
}
.template_holder {
	text-align:center;
}

.column h1, .column h2, .column h3, .column h4{
	font-family: 'Ropa Sans', sans-serif;
}

.column img {
	max-width:100% !important;
	width:auto; height:auto;
}
.column h1 {
	font-weight:bold;
}
.column h1:last-child {
	margin-bottom:20px;
}
.column h2 {
	color:#666666;
}
.column h3 {
	
	font-weight:200;
}
.column p {
	font-family: 'Roboto', sans-serif;
}
.column h2, .column h3 {
	color:#c5ce16;
	text-transform:uppercase;
}
.column p + h2 {
	margin-bottom:5px;
}
.column h2 + h3 {
	margin:0; padding:0;
}
.column[data-background] {
	background-size:cover;
	background-position:center center;
}
.custom_template .row {
	/*min-height:100px;*/
	position:relative;
	text-align:left;
	z-index:2;
}
.custom_template .column {
	position:relative;
	text-align:left;
	z-index:3;
}

.column.textleft {
	text-align:left;
}
.column.textcenter {
	text-align:center;
}
.column.textright {
	text-align:right;
}
.column.text-left {
	text-align:left;
}
.column.text-center {
	text-align:center;
}
.column.text-right {
	text-align:right;
}


section[data-style=white] {
	background-color:#FFF;
}
section[data-style=lightgrey] {
	background-color:#EFEFEF;
}
section[data-style=grey] {
	background-color:#f7f7f7;
}
section[data-style=dark] {
	background-color:#333333;
	color:#FFF;
}
section[data-style=dark] h1, section[data-style=dark] h2, section[data-style=dark] h3 {
	color:#FFF;	
}
section[data-style=green] {
	background-color:#70147e;
	color:#FFF;
}
section[data-style=green] h1, section[data-style=green] h2, section[data-style=green] h3 {
	color:#FFF;	
}
section[data-style=red] {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */

background: #ffa84c; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	color:#FFF;
}
section[data-style=red] h1, section[data-style=red] h2, section[data-style=red] h3 {
	color:#FFF;	
}
section[data-style=yellow] {
	background-color:#ffed01;
	color:#FFF;
}
section[data-style=yellow] h1, section[data-style=yellow] h2, section[data-style=yellow] h3 {
	color:#e30613;	
}
section[data-background] {
	background-position:center center;
	background-size:cover;
}




/* centered columns styles */
.row.fullwidth .col-md-12{
	padding-left:0;
	padding-right:0;
}
.row.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	vertical-align:top;
}

.col-centered.column.textleft {
	text-align:left;
}
.col-centered.column.textcenter {
	text-align:center;
}
.col-centered.column.textright {
	text-align:right;
}


.white_block {
	padding:10px;
	background-color:#FFF;
	margin-top:30px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}


.btn {
	border-radius:0;
	text-transform:uppercase;
}
.btn-template {
	background-color:#96328c !important;
	border-color:#96328c;
	color:#FFF;
}
.btn-template:hover {
	border-color:#96328c;
	background-color:#FFF !important;
	color:#96328c;
}
.btn-template-inverse:hover {
	background-color:#96328c !important;
	border-color:#96328c;
	color:#FFF;
}
.btn-template-inverse {
	border-color:#96328c;
	background-color:#FFF !important;
	color:#96328c;
}
.btn-white {
	background-color:#FFF;
}
.btn-success {
	
}
.btn-pink {
	background-color:#e94e1b;
	color:#FFF;
	border:0;
}


@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}