/*
Theme Name: Blank Canvas
Theme URI: https://wordpress.com/theme/blank-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Blank Canvas is a minimalist theme, designed for single-page websites. Its single post and page layouts have no header, navigation menus, or widgets by default, so the page you design in the WordPress editor is the same page you’ll see on the front end. The theme’s default styles are conservative, relying on simple sans-serif fonts and a subtle blue highlight color. Blank Canvas is ready for your customizations.
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: seedlet
Text Domain: blank-canvas
Tags: one-column, accessibility-ready, custom-colors, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready

Blank Canvas WordPress Theme, (C) 2021 Automattic, Inc.
Blank Canvas is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Blank Canvas is derived from Seedlet. 2020-2021 Automattic
Seedlet is distributed under the terms of the GNU GPL v2 or later.

Images from stocksnap.io
License: CC0
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
Used as block pattern images.

Image from foodiesfeed.com
License: CC0
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
Used as block pattern image.

Hamburger Icon from Noto Emoji
License: Apache License 2.0
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
Modified and used as a block pattern image.
*/

@import "variables.css";

/* Remove extra margin from articles on single post pages. */

.single .site-main > article,
.page .site-main > article {
	margin-bottom: 0;
}

/* Remove some top padding if the first block on the page is a full-width image, cover, media & text, or group block. */

.single.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

/* Remove some bottom padding if the last block on the page is a full-width image, cover, media & text, or group block. */

.page.hide-site-footer .entry-content > .wp-block-image.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-cover.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-site-footer .entry-content > .wp-block-group.has-background.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-image.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-cover.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-group.has-background.alignfull:last-child {
	margin-bottom: calc(-1 * var(--global--spacing-vertical));
}

/* Center-align headers and footers. */

.entry-header,
.page-title,
.entry-footer,
.site-info,
.footer-menu {
	text-align: center;
}








@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/wp-content/themes/blank-canvas/assets/fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('/wp-content/themes/blank-canvas/assets/fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/wp-content/themes/blank-canvas/assets/fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* html,body {
	overflow: hidden;
} */


body,
span,
div,
p,
aside,
ul,
li,
a {
	font-family: 'OpenSans-Regular', sans-serif;
}

.dl-item {
	display: none;
	position: absolute!important;
	width: 40px!important;
	height: 40px!important;
	background: rgba(0,0,0,.4)!important;
	z-index: 99999999!important;
	border-radius: 20px!important;
}

.dl-item a {
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%)!important;
	color: #fff!important;
}

.info-item {
	display: block;
	position: absolute!important;
}

.info-item a {
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%)!important;
	color: red!important;
}

.info-item .fa-2x {
	font-size: 1.5em!important;
	color: #EC0B18!important;
}

#the-canvas {
	width: 100%;
}

aside {
	position: fixed!important;
	right: 0!important;
	display: none;
	background-color: #F8FBFC;
	height: 100%!important;
	width: 24.6%!important;
}

aside a {
	color: #000!important;
}

aside li {
	margin-bottom: 10px;
}

.row {
	margin-top: 0!important;
}

a,
a:hover {
	text-decoration: none!important;
	border-bottom: none!important;
}

#previous,
#next,
#zoomin,
#zoomout {
	cursor: pointer;
}

.main-container {
	margin-top: 30px;
	position: relative;
}

.index-button,
.pdf-download-button {
	color: #fff!important;
	text-align: center!important;
}

/* .index-content {
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	background: #fff;
	padding: 10px;
	left: -5px;
} */

.index-content {
	display: none;
}

.index-content ul {
	list-style: bullets;
	margin-top: 30px;

	margin-left: 50px!important;
}

.index-content li {
	color: #EC0B18;
}

.close-index,
.close-index-mobile {
	position: absolute;
    top: 50%;
    right: 5%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.close-index,
.close-index:hover,
.close-index-mobile,
.close-index-mobile:hover {
	color: #EC0B18!important;
	text-decoration: none!important;
}

#main,
article,
.header {
	padding: 0!important;
	margin: 0!important;
}

.header {
	background: #EC0B18;
	color: #fff;
	height: 95px;

	position: sticky;
	top: 0;
	width: 100%;
	z-index: 100000;
}

.navi {
	text-align: center;
}

.navi > span {
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.logo {
	/* margin: 20px; */
	padding: 20px;
	width: 180px; 
	height: auto;
}

.buttons > span {
	position: absolute;
    top: 50%;
    right: 0%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.buttons > span a {
	margin-right: 20px;
}

#mini-header {
	height: 100%;
	background: #DDE9EF!important;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 99999;
	color: #EC0B18!important;

	width: 24.6%!important;
    right: 0!important;
}

#mini-header span {
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.share {
	margin-top: 40px;
	margin-left: 30px;
}

.modal .share {
	margin-left: 0px!important;
}

.modal-dismiss {
	position: absolute;
    right: 20px;
    top: 20px;
}

.modal-dismiss img {
	width: 38px!important;
}

.share h4 {
	font-family: 'OpenSans-Regular', sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
}

.index-mobile {
	display: none;
}

.close-index-mobile {
	display: none;
}

.modal .modal-dialog {
	top: 45%!important;
    -moz-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
}

.modal-dialog h3 {
	color: #EC0B18!important;
	font-weight: bold!important;
    color: #EC0B18!important;
    margin: 0!important;
    font-size: 2.5rem;
}

.btn-modal {
	border-radius: 0!important;
	background: #EC0B18!important;
	border: 0!important;
}

.dl-mobile,
.info-mobile {
	display: none;
}

@media only screen and (min-width: 651px) {
	.logo-mobile {
		display: none!important;
	}

	.logo-desktop {
		display: block!important;
	}

	.dl-desktop,
	.info-desktop {
		display: block;
	}

	.dl-mobile,
	.info-mobile {
		display: none!important;
	}
}

@media only screen and (max-width: 650px) {

	#header-desktop {
		display: none!important;
	}

	.modal,
	.modal-dialog {
		z-index: 9999999!important;
		width: 100%!important;
		height: 100%!important;
		margin: 0!important;
		padding: 0!important;
		max-height: 100%!important;
	}

	.modal-dialog .col-md-4 {
		text-align: center!important;
	}

	.modal-dialog img {
		max-height: 300px!important;
		width: auto!important;
		margin: 0 auto!important;
	}

	.dl-desktop,
	.info-desktop {
		display: none!important;
	}

	.dl-mobile,
	.info-mobile {
		display: block;
		width: 50px!important;
		height: 50px!important;
		border-radius: 10px!important;
	}

	.dl-mobile .fa-2x {
		font-size: 1.5em!important;
	}

	.logo-mobile {
		display: block!important;
	}

	.logo-desktop {
		display: none!important;
	}

	.logo-mobile {
		max-width: 60px!important;
	}

	.navi {
		top: 52px!important;
		position: absolute!important;
		left: 6px!important;
	}

	.pdf-download-button {
		display: none!important;
	}

	.buttons {
		position: absolute!important;
		top: 53px;
		right: -49px;
	}

	aside {
		width: 100%!important;
		z-index: 999999999!important;
	}

	#mini-header {
		background: #DDE9EF!important;
		position: absolute!important;
		width: 100%!important;
		z-index: 99999!important;
		color: #EC0B18!important;
		height: 100px!important;
		top: 0!important;
		left: 0!important;
	}

	.index-mobile {
		display: block!important;
	}

	.index {
		display: none!important;
	}

	.close-index-mobile {
		display: block!important;
	}

	.close-index {
		display: none;
	}
}


.modal-image {
	/*width: auto;*/
	max-width: 50%!important;
	max-height: 240px!important;
}

.hidden {
    display: none;
}
  .open {
    display: block!important;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: #00000063;
  padding-top: 100px;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
  padding-top: 70px!important;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
	width: 1200px;
  }
}
[role="button"] {
  cursor: pointer;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}



.toolbar {
	/* display: none!important; */
	position: absolute!important;
	z-index: 0!important;
}

#mini-header {
	top: 0!important;
	position: absolute!important;
}

.bookViewer {
	margin: 0!important;
}

.modal-images {
	text-align: right;
}

.modal-body {
	height: 400px;
	padding: 50px;
}

.btn {
	border: 0!important;
    border-radius: 5px!important;
    padding: 10px!important;
    background: #EC0B18!important;
    color: #fff!important;
    cursor: pointer!important;
}

.btn-cta {
	width: 200px!important;
    margin-right: 5px!important;
}








  .col-xs-12 {
	width: 100%;
  }
  .col-xs-11 {
	width: 91.66666667%;
  }
  .col-xs-10 {
	width: 83.33333333%;
  }
  .col-xs-9 {
	width: 75%;
  }
  .col-xs-8 {
	width: 66.66666667%;
  }
  .col-xs-7 {
	width: 58.33333333%;
  }
  .col-xs-6 {
	width: 50%;
  }
  .col-xs-5 {
	width: 41.66666667%;
  }
  .col-xs-4 {
	width: 33.33333333%;
  }
  .col-xs-3 {
	width: 25%;
  }
  .col-xs-2 {
	width: 16.66666667%;
  }
  .col-xs-1 {
	width: 8.33333333%;
  }
  .col-xs-pull-12 {
	right: 100%;
  }
  .col-xs-pull-11 {
	right: 91.66666667%;
  }
  .col-xs-pull-10 {
	right: 83.33333333%;
  }
  .col-xs-pull-9 {
	right: 75%;
  }
  .col-xs-pull-8 {
	right: 66.66666667%;
  }
  .col-xs-pull-7 {
	right: 58.33333333%;
  }
  .col-xs-pull-6 {
	right: 50%;
  }
  .col-xs-pull-5 {
	right: 41.66666667%;
  }
  .col-xs-pull-4 {
	right: 33.33333333%;
  }
  .col-xs-pull-3 {
	right: 25%;
  }
  .col-xs-pull-2 {
	right: 16.66666667%;
  }
  .col-xs-pull-1 {
	right: 8.33333333%;
  }
  .col-xs-pull-0 {
	right: auto;
  }
  .col-xs-push-12 {
	left: 100%;
  }
  .col-xs-push-11 {
	left: 91.66666667%;
  }
  .col-xs-push-10 {
	left: 83.33333333%;
  }
  .col-xs-push-9 {
	left: 75%;
  }
  .col-xs-push-8 {
	left: 66.66666667%;
  }
  .col-xs-push-7 {
	left: 58.33333333%;
  }
  .col-xs-push-6 {
	left: 50%;
  }
  .col-xs-push-5 {
	left: 41.66666667%;
  }
  .col-xs-push-4 {
	left: 33.33333333%;
  }
  .col-xs-push-3 {
	left: 25%;
  }
  .col-xs-push-2 {
	left: 16.66666667%;
  }
  .col-xs-push-1 {
	left: 8.33333333%;
  }
  .col-xs-push-0 {
	left: auto;
  }
  .col-xs-offset-12 {
	margin-left: 100%;
  }
  .col-xs-offset-11 {
	margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
	margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
	margin-left: 75%;
  }
  .col-xs-offset-8 {
	margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
	margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
	margin-left: 50%;
  }
  .col-xs-offset-5 {
	margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
	margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
	margin-left: 25%;
  }
  .col-xs-offset-2 {
	margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
	margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
	margin-left: 0%;
  }
  @media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	  float: left;
	}
	.col-sm-12 {
	  width: 100%;
	}
	.col-sm-11 {
	  width: 91.66666667%;
	}
	.col-sm-10 {
	  width: 83.33333333%;
	}
	.col-sm-9 {
	  width: 75%;
	}
	.col-sm-8 {
	  width: 66.66666667%;
	}
	.col-sm-7 {
	  width: 58.33333333%;
	}
	.col-sm-6 {
	  width: 50%;
	}
	.col-sm-5 {
	  width: 41.66666667%;
	}
	.col-sm-4 {
	  width: 33.33333333%;
	}
	.col-sm-3 {
	  width: 25%;
	}
	.col-sm-2 {
	  width: 16.66666667%;
	}
	.col-sm-1 {
	  width: 8.33333333%;
	}
	.col-sm-pull-12 {
	  right: 100%;
	}
	.col-sm-pull-11 {
	  right: 91.66666667%;
	}
	.col-sm-pull-10 {
	  right: 83.33333333%;
	}
	.col-sm-pull-9 {
	  right: 75%;
	}
	.col-sm-pull-8 {
	  right: 66.66666667%;
	}
	.col-sm-pull-7 {
	  right: 58.33333333%;
	}
	.col-sm-pull-6 {
	  right: 50%;
	}
	.col-sm-pull-5 {
	  right: 41.66666667%;
	}
	.col-sm-pull-4 {
	  right: 33.33333333%;
	}
	.col-sm-pull-3 {
	  right: 25%;
	}
	.col-sm-pull-2 {
	  right: 16.66666667%;
	}
	.col-sm-pull-1 {
	  right: 8.33333333%;
	}
	.col-sm-pull-0 {
	  right: auto;
	}
	.col-sm-push-12 {
	  left: 100%;
	}
	.col-sm-push-11 {
	  left: 91.66666667%;
	}
	.col-sm-push-10 {
	  left: 83.33333333%;
	}
	.col-sm-push-9 {
	  left: 75%;
	}
	.col-sm-push-8 {
	  left: 66.66666667%;
	}
	.col-sm-push-7 {
	  left: 58.33333333%;
	}
	.col-sm-push-6 {
	  left: 50%;
	}
	.col-sm-push-5 {
	  left: 41.66666667%;
	}
	.col-sm-push-4 {
	  left: 33.33333333%;
	}
	.col-sm-push-3 {
	  left: 25%;
	}
	.col-sm-push-2 {
	  left: 16.66666667%;
	}
	.col-sm-push-1 {
	  left: 8.33333333%;
	}
	.col-sm-push-0 {
	  left: auto;
	}
	.col-sm-offset-12 {
	  margin-left: 100%;
	}
	.col-sm-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
	  margin-left: 75%;
	}
	.col-sm-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
	  margin-left: 50%;
	}
	.col-sm-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
	  margin-left: 25%;
	}
	.col-sm-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
	  margin-left: 0%;
	}
  }
  @media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	  float: left;
	}
	.col-md-12 {
	  width: 100%;
	}
	.col-md-11 {
	  width: 91.66666667%;
	}
	.col-md-10 {
	  width: 83.33333333%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666667%;
	}
	.col-md-7 {
	  width: 58.33333333%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666667%;
	}
	.col-md-4 {
	  width: 33.33333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.66666667%;
	}
	.col-md-1 {
	  width: 8.33333333%;
	}
	.col-md-pull-12 {
	  right: 100%;
	}
	.col-md-pull-11 {
	  right: 91.66666667%;
	}
	.col-md-pull-10 {
	  right: 83.33333333%;
	}
	.col-md-pull-9 {
	  right: 75%;
	}
	.col-md-pull-8 {
	  right: 66.66666667%;
	}
	.col-md-pull-7 {
	  right: 58.33333333%;
	}
	.col-md-pull-6 {
	  right: 50%;
	}
	.col-md-pull-5 {
	  right: 41.66666667%;
	}
	.col-md-pull-4 {
	  right: 33.33333333%;
	}
	.col-md-pull-3 {
	  right: 25%;
	}
	.col-md-pull-2 {
	  right: 16.66666667%;
	}
	.col-md-pull-1 {
	  right: 8.33333333%;
	}
	.col-md-pull-0 {
	  right: auto;
	}
	.col-md-push-12 {
	  left: 100%;
	}
	.col-md-push-11 {
	  left: 91.66666667%;
	}
	.col-md-push-10 {
	  left: 83.33333333%;
	}
	.col-md-push-9 {
	  left: 75%;
	}
	.col-md-push-8 {
	  left: 66.66666667%;
	}
	.col-md-push-7 {
	  left: 58.33333333%;
	}
	.col-md-push-6 {
	  left: 50%;
	}
	.col-md-push-5 {
	  left: 41.66666667%;
	}
	.col-md-push-4 {
	  left: 33.33333333%;
	}
	.col-md-push-3 {
	  left: 25%;
	}
	.col-md-push-2 {
	  left: 16.66666667%;
	}
	.col-md-push-1 {
	  left: 8.33333333%;
	}
	.col-md-push-0 {
	  left: auto;
	}
	.col-md-offset-12 {
	  margin-left: 100%;
	}
	.col-md-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
	  margin-left: 75%;
	}
	.col-md-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
	  margin-left: 50%;
	}
	.col-md-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
	  margin-left: 25%;
	}
	.col-md-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
	  margin-left: 0%;
	}
  }
  @media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	  float: left;
	}
	.col-lg-12 {
	  width: 100%;
	}
	.col-lg-11 {
	  width: 91.66666667%;
	}
	.col-lg-10 {
	  width: 83.33333333%;
	}
	.col-lg-9 {
	  width: 75%;
	}
	.col-lg-8 {
	  width: 66.66666667%;
	}
	.col-lg-7 {
	  width: 58.33333333%;
	}
	.col-lg-6 {
	  width: 50%;
	}
	.col-lg-5 {
	  width: 41.66666667%;
	}
	.col-lg-4 {
	  width: 33.33333333%;
	}
	.col-lg-3 {
	  width: 25%;
	}
	.col-lg-2 {
	  width: 16.66666667%;
	}
	.col-lg-1 {
	  width: 8.33333333%;
	}
	.col-lg-pull-12 {
	  right: 100%;
	}
	.col-lg-pull-11 {
	  right: 91.66666667%;
	}
	.col-lg-pull-10 {
	  right: 83.33333333%;
	}
	.col-lg-pull-9 {
	  right: 75%;
	}
	.col-lg-pull-8 {
	  right: 66.66666667%;
	}
	.col-lg-pull-7 {
	  right: 58.33333333%;
	}
	.col-lg-pull-6 {
	  right: 50%;
	}
	.col-lg-pull-5 {
	  right: 41.66666667%;
	}
	.col-lg-pull-4 {
	  right: 33.33333333%;
	}
	.col-lg-pull-3 {
	  right: 25%;
	}
	.col-lg-pull-2 {
	  right: 16.66666667%;
	}
	.col-lg-pull-1 {
	  right: 8.33333333%;
	}
	.col-lg-pull-0 {
	  right: auto;
	}
	.col-lg-push-12 {
	  left: 100%;
	}
	.col-lg-push-11 {
	  left: 91.66666667%;
	}
	.col-lg-push-10 {
	  left: 83.33333333%;
	}
	.col-lg-push-9 {
	  left: 75%;
	}
	.col-lg-push-8 {
	  left: 66.66666667%;
	}
	.col-lg-push-7 {
	  left: 58.33333333%;
	}
	.col-lg-push-6 {
	  left: 50%;
	}
	.col-lg-push-5 {
	  left: 41.66666667%;
	}
	.col-lg-push-4 {
	  left: 33.33333333%;
	}
	.col-lg-push-3 {
	  left: 25%;
	}
	.col-lg-push-2 {
	  left: 16.66666667%;
	}
	.col-lg-push-1 {
	  left: 8.33333333%;
	}
	.col-lg-push-0 {
	  left: auto;
	}
	.col-lg-offset-12 {
	  margin-left: 100%;
	}
	.col-lg-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-lg-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-lg-offset-9 {
	  margin-left: 75%;
	}
	.col-lg-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-lg-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-lg-offset-6 {
	  margin-left: 50%;
	}
	.col-lg-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-lg-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-lg-offset-3 {
	  margin-left: 25%;
	}
	.col-lg-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-lg-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-lg-offset-0 {
	  margin-left: 0%;
	}
  }

  .modal-backdrop {
	background-color: rgba(236,11,24,.4)!important;
 }

 #viewerContainer {
	 overflow: hidden!important;
 }

html,
body {
	margin: 0px!important;
    padding: 0px!important;
    overflow: hidden!important;
	height: 100%;
 }

 #flip p {
	 margin: 0!important;
 }

 #flip iframe {
	 width: 100%!important;
 }

 #flip {
	 height: 100%!important;
 }








/* media query desktop per parte destra modale */

@media only screen
	and (min-device-width: 481px) {
.modal-images {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    position: absolute;
    right: 70px;
}

/*
.modal-images img {
  max-height: 370px!important;
      width: auto!important;
}
*/

.modal-images {
	text-align: center!important;
}
}




 /* media query x modali */

@media only screen
  and (max-device-width: 480px) {

		.modal-dismiss img {
			width: 40px!important;
    	margin-top: 30px!important;
		}

#modal,
.modal-dialog,
.modal-content, 
.modal-body {
    height: 100%!important;
}


.modal-images {
    text-align: center!important;
    margin-top: 20px!important;
}

.modal-images img {
	max-width: 100%!important;
	max-height: 160px!important;
  	width: auto!important;
}

}