<div class="so-page-builder">
	{% for row in font_ends %}
		{% if row.row_section %}
			<section id="{{ row.row_section_id }}" class="{{ row.row_section_class }} {% if row.section_background_type == 1 %} {{ "section-color" }} {% elseif row.section_background_type == 1 %} {{ "section-image" }} {% elseif row.section_background_type == 3 %} {{ "section-video" }} {% endif %}">
				{% if row.section_background_type == 3 %}
					<div class="bg-content">
				{% endif %}
			{% endif %}
			<div class="{{ row.row_container_fluid == 1 ? "container-fluid" : "container" }} page-builder-{{ direction }}">
				<div class="row {{ row.text_class_id }} {{ row.text_class != '' ? ' '~row.text_class : '' }} {% if row.background_type == 1 %} {{ "row-color" }} {% elseif row.background_type == 2 %} {{ "row-image" }} {% elseif row.background_type == 3 %} {{ "row-video" }} {% endif %}">
					{% if row.background_type == 3 %}			
						{% if row.video_type == 0 %}
							<div class="bg-video" id="{{ id_row_video }}" data-id="{{ id_row_video }}" data-loop="true" data-muted="true" data-autoplay="true" data-ratio="1.77" data-overlay="" data-swfpath=""  data-youtube="{{ row.link_video }}"></div>
						{% else %}
							<div class="bg-video" id="{{ id_row_video }}" data-id="{{ id_row_video }}" data-loop="true" data-muted="true" data-autoplay="true" data-ratio="1.77" data-overlay="" data-swfpath=""  data-webm="{{ row.link_video }}">
								<div style="z-index: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;">
									<video autoplay="" style="width:100%;height:100%;" loop="" onended="this.play()"><source src="{{ row.link_video }}" type="video/webm"></video>
								</div>
							</div>
						{% endif %}
					{% endif %}
					{% for col in row.cols %}
						<div class="col-lg-{{ col.lg_col }} col-md-{{ col.md_col }} col-sm-{{ col.sm_col }} col-xs-{{ col.xs_col }} {{ col.text_class_id }} {{ col.text_class != '' ? ' '~col.text_class : '' }}">
							{% for widget in col.widgets %}
								{% if widget.content %}
									{{ widget.content }}
								{% endif %}
							{% endfor %}
							{% if col.rows and col.rows %}
								{% set rows_child = col.rows %}
								{% include DIR_TEMPLATE~template_row %}
							{% endif %}

							{% if col.background_type == 3 %}
								{% if col.col_video_type == 0 %}
									<div class="bg-video" id="{{ id_col_video }}" data-id="{{ id_col_video }}" data-loop="true" data-muted="true" data-autoplay="true" data-ratio="1.77" data-overlay="" data-swfpath=""  data-youtube="{{ col.col_link_video }}"></div>
								{% else %}
									<div class="bg-video" id="{{ id_col_video }}" data-id="{{ id_col_video }}" data-loop="true" data-muted="true" data-autoplay="true" data-ratio="1.77" data-overlay="" data-swfpath=""  data-webm="{{ col.col_link_video }}">
										<div style="z-index: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;">
											<video autoplay="" style="width:100%;height:100%;" loop="" onended="this.play()"><source src="{{ col.col_link_video }}" type="video/webm"></video>
										</div>
									</div>
								{% endif %}
							{% endif %}
						</div>			
					{% endfor %}		
				</div>
			</div>

			{% if row.row_section %}
				{% if row.section_background_type == 3 %}
				</div>
				<div class="bg-overlay"></div>
				{% if row.section_video_type == 0 %}
					<div class="bg-video" id="{{ id_sec_video }}" data-id="{{ id_sec_video }}" data-loop="true" data-muted="true" data-autoplay="true" data-ratio="1.77" data-overlay="" data-swfpath=""  data-youtube="{{ row.section_link_video }}"></div>
				{% else %}
					<div class="bg-video" id="{{ id_sec_video }}" data-id="{{ id_sec_video }}" data-loop="true" data-muted="true" data-autoplay="true" data-ratio="1.77" data-overlay="" data-swfpath=""  data-webm="{{ row.section_link_video }}">
						<div style="z-index: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;">
							<video autoplay="" style="width:100%;height:100%;" loop="" onended="this.play()"><source src="{{ row.section_link_video }}" type="video/webm"></video>
						</div>
					</div>
				{% endif %}
			{% endif %}
		</section>
		{% endif %}
	{% endfor %}
</div>