html {
	--bg: #FFF;
	--font-color:#000;
	--primary: #1a73e8;
	--primary-hover: #4c92ed;
	--primary-focus: #4c92ed;
	--primary-light: #1a73e81c;
}


@import
	url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap')
	;

body {
	font-family: 'Roboto', sans-serif;
}

.fw-footer {
	position: relative;
	box-sizing: border-box;
	margin-top: 71px;
}

.no-skin {
	background-color: #FFFFFF;
}

.widget-header {
	color: var(--primary);
}

.form-group {
	margin-bottom: 5px;
}

.input-icon .input-icon-right {
	position: absolute;
}

.ui-autocomplete, .ui-datepicker {
	z-index: 9999 !important;
}

.ui-autocomplete {
	max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal.aside-vc.navbar-offset .modal-dialog .aside-trigger {
	top: 50px;
}

.ui-autocomplete-loading {
	background: white url("../../assets/css/images/loading.gif") right
		center no-repeat !important;
}

.toolbar {
	float: left;
}

.btn.btn-link {
	padding: 4px !important;
}

.funil .dd-container {
	height: 500px;
	border: 1px solid #d3d3d3;
}

.tags {
	width: 100%;
}

.form-inline .input-group .form-control, .form-inline .input-group,
	.form-inline .input-group .input-group-btn {
	width: 100%;
}

.dataTables_scrollBody {
	overflow-x: hidden !important;
}

.action-buttons .zoom:hover {
	text-decoration: none;
	opacity: 1;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

div.dataTables_processing {
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.2em;
	background-color: #ffffff8a;
	border: inherit;
	color: var(--primary);
	right: 0;
	z-index: 1;
	margin: 0;
}

.sombra {
	border: 1px solid rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 10px 10px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 10px 10px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 10px 10px 10px rgba(0, 0, 0, 0.3);
}

.profile-user-info {
	display: flex;
	flex-wrap: wrap;
}

.profile-info-row {
	display: flex
}

.profile-user-info-striped .profile-info-name {
	align-items: center;
	background-color: var(--primary-light);
	border-top: 1px solid #F7FBFF;
	color: var(--primary);
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid #F7FBFF;
}

.profile-user-info-striped .profile-info-value {
	align-items: center;
	display: flex;
	width: 65%;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	padding: 3px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}

.list-group-item {
	border-radius: 0 !important;
	padding: 5px 15px;
}

.btn.btn-link, .btn.btn-link:active, .btn.btn-link:focus, .open>.btn.btn-link:active,
	.open>.btn.btn-link:focus {
	text-decoration: none;
}

.checkbox label, .radio label {
	padding-left: 10px;
}

input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before
	{
	margin-right: 5px;
}

button.multiselect {
	color: #858585;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.multiselect-container>li>a>label {
	white-space: normal;
}

.input-daterange .input-group-addon {
	width: auto;
	min-width: 16px;
	padding: 4px 5px;
	line-height: 1.42857143;
	text-shadow: 0 1px 0 #fff;
	border-width: 1px 0;
	margin-left: -5px;
	margin-right: -5px;
}
/* Notificação*/
.fwn_container {
	
}

.fwn_row {
	display: flex !important;
	cursor: pointer;
}

.fwn_icon {
	padding-right: 1rem;
}

.fwn_body {
	display: flex;
	flex-direction: column;
}

.fwn_time {
	display: flex;
	align-items: center;
}

.time_text {
	margin-left: .5rem;
}

.fwn_lido {
	background-color: #f7f7f7 !important;
}

.open>.dropdown-menu-horizontal {
	display: flex;
}

.no-skin .navbar .navbar-toggle .display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed ){
	background-color: var(--primary);
	box-shadow: inherit;
	border-color: var(--primary);
}

.no-skin .navbar .navbar-toggle:hover {
	background-color: var(--primary);
	border-color: transparent;
}
/* ITENS DO MENU */
.icon-menu-conf {
	width: 4px !important;
	height: 3px !important;
}

.navbar-toggle.btn-user-menu {
	padding: 9px 10px !important;
}

.no-skin .navbar .navbar-toggle {
	background-color: inherit;
}

.fw-toolbar-actions {
	max-width: 80%;
}

.fw-toolbar-actions .btn-group {
	margin: 0.2rem 0.2rem 0 0;
}

.grid-container-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: stretch;
}

@media ( max-width : 767px) {
	.navbar-toggle.btn-user-menu {
		display: block;
	}
	.navbar-collapse.collapse.in .dropdown-menu-item {
		border: 1px solid rgb(229, 229, 229) !important;
	}
	.navbar-collapse li.dropdown-menu-item>a {
		text-align: justify !important;
		background-color: #FAFAFA;
	}
	.navbar-collapse .dropdown-menu-item>a>.ace-icon {
		color: var(--primary);
	}
	.navbar-collapse.collapse.in>ul, .navbar-collapse.collapsing {
		box-shadow: 0 3px 4px rgba(10, 30, 100, 0.25);
		background-color: #FAFAFA;
	}
	.navbar-collapse.collapsing {
		display: grid;
	}
	.navbar-collapse.collapsing>ul {
		position: relative;
		right: 12px;
		padding-left: unset;
		padding-right: unset;
	}
	.navbar-collapse.collapse.in>ul>li {
		display: contents;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.navbar-collapse>ul {
		display: grid;
		right: 12px;
	}
	.navbar-collapse.collapse.in li>ul {
		position: relative;
	}
	.navbar-collapse.collapse.in>ul {
		height: auto;
		position: absolute !important;
		display: flex;
		flex-direction: column;
	}
	.navbar-collapse.collapse.in>ul.ace-nav>li.dropdown-modal>ul {
		right: 0
	}
	.navbar-collapse.collapse.in>ul.ace-nav>li.dropdown-modal>a:hover,
		.navbar-collapse.collapse.in>ul.ace-nav>li.dropdown-modal:not(.dropdown-menu-item 
		 )>a:hover {
		background-color: rgba(0, 0, 0, 0.1) !important;
	}
	.navbar-collapse.collapse.in>ul.ace-nav>li.dropdown-modal:not(.dropdown-menu-item 
		 )>a {
		height: auto;
		padding-top: auto;
		background-color: #FAFAFA !important;
		color: #000 !important;
	}
	.navbar-collapse>ul.ace-nav>li.dropdown-modal>a>.ace-icon {
		color: var(--primary);
	}
	.navbar-collapse.collapsing>ul.ace-nav>li.dropdown-modal:not(.dropdown-menu-item 
		 )>a {
		height: auto;
		padding-top: auto;
		background-color: #FAFAFA !important;
		color: black !important;
	}
	.navbar-collapse.collapse.in>ul.ace-nav>li.dropdown-modal:not(.dropdown-menu-item 
		 )>ul {
		top: 0 !important;
		right: 0 !important;
		z-index: 1050;
	}
	.menu-item-text {
		/*color: black;*/
		margin-left: 5px;
	}
}

@media ( min-width : 768px) {
	.menu-item-text {
		display: none;
	}
	.navbar-toggle.btn-user-menu {
		display: none;
	}
}

@media ( max-width : 479px) {
	.navbar-fixed-top+.main-container {
		padding-top: 45px;
	}
}
/* XS */
@media ( max-width :766px) {
	.fw-responsive+.main-content {
		margin-left: 0;
	}
	.fw-responsive .no-skin .nav-list>li>a {
		padding: 2.3rem 1.7rem;
		font-size: 1.4rem;
	}
	.active.fw-menu-overlay::before {
		display: block;
	}
	.fw-menu-overlay::before {
		display: none;
		content: " ";
		width: 100%;
		background-color: #363636;
		height: 100%;
		position: fixed;
		z-index: 1030;
		top: 0;
		transition: 0.3s
	}
	.fw-responsive.active {
		left: 0;
		display: block;
	}
	.fw-responsive {
		display: none;
		min-width: 25rem;
		height: 100%;
		position: fixed;
		overflow-y: scroll;
		z-index: 1040;
		top: 0;
		left: -25rem;
		transition: 0.3s;
	}
	.form-group>label {
		text-align: inherit;
	}
	.dataTables_wrapper {
		/*overflow-x: scroll;*/
	}
	.btn-text {
		display: none;
	}
	.form-group .col-xs-12 {
		padding: inherit;
	}
	.navbar .navbar-brand {
		width: 45%;
	}
	.profile-user-info-striped .profile-info-value {
		width: 100%;
	}
	.profile-user-info-striped .profile-info-name {
		width: 50%;
	}
	.fw-filter-group {
		position: absolute;
		top: -8rem;
		display: flex;
		/* align-self: end;
         */
		right: 0;
		flex-direction: row-reverse;
	}
	.nav-tabs>li>a {
		padding: .3rem !important;
	}
	.nav-tabs[class*=tab-color-]>li>a {
		margin: 0 .3rem .3rem 0 !important;
		border-radius: 2px;
	}
	.nav-tabs.tab-color-blue>li.active>a {
		border: 1px solid var(--primary) !important;
		color: var(--primary) !important;
	}
	.fw-toolbar-actions .btn>.ace-icon {
		margin: 0;
		width: 1.7rem;
	}
	.modal>.widget-container-col {
		margin: 0 1rem;
	}
	.block-screen-xs .fw-no-responsive-container {
		display: block;
	}
}

.fw-no-responsive-container {
	display: none;
	background: #fff;
	position: fixed;
	top: 45px;
	z-index: 900;
	bottom: 0;
	padding: 1rem;
	left: 0;
	right: 0;
}

.fw-no-responsive-container-description {
	font-size: 2rem;
	text-align: center;
	font-weight: 200;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

/* SM*/
@media screen(min-width:768px) {
	.block-screen-sm .fw-no-responsive-container {
		display: block;
	}
}
/* MD*/
@media screen(min-width:992px) {
	.block-screen-md .fw-no-responsive-container {
		display: block;
	}
}
/* LG*/
@media screen(min-width:1200px) {
	.block-screen-lg .fw-no-responsive-container {
		display: block;
	}
}

select.fw-widget-select {
	background: transparent;
	border: none;
	color: #FFF;
	cursor: pointer;
	padding: 3px 5px 3px;
}

select.fw-widget-select option {
	background: #FFFF;
	color: #333;
	padding: 3px 5px 3px;
}

.bg-white-shadow {
	background-color: #FFF !important;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2), 0 3px 3px -2px
		rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
	margin-bottom: 1.5rem;
}

.widget-box.transparent>.widget-header {
	padding-left: 1rem;
}

.fw-message-top-container {
	display: flex;
	padding: 1rem;
	justify-content: center;
	align-items: center;
}

.fw-message-top {
	flex: 2;
}

.timeline-style2.timeline-style2-sauce .timeline-item .transparent.widget-box
	{
	padding: 1rem !important;
	background-color: #FFF !important;
	border-left: 3px solid var(--primary) !important;
	border-radius: 0px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
		!important;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.navbar .navbar-brand.fw-logo-img {
	width: 18rem;
	font-size:2rem;
	padding-top: 5px;
}

.section-contact {
	background: #222 url("./../images/map-contact.jpg") center no-repeat;
}

.jumbotron.has-background {
	background: transparent url("./../custom/images/home-bg0.jpg") top
		center no-repeat;
}

.well.search-area {
	background-color: var(--primary-light);
	border: 1px solid #eee;
	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.05);
}

.footer .footer-inner .footer-content {
	background-color: #eee;
	line-height: 20px;
}

.block .main-container:before {
	background: #ecf1f4 !important;
}

.block .page-content {
	background: #ecf1f4 !important;
}

.ace-nav>li.light-blue>a:focus, .ace-nav>li.light-blue>a:hover, .ace-nav>li.open.light-blue>a
	{
	background-color: #fefeff38;
}

.ace-nav>li.light-blue>a {
	background-color: var(--primary);
}

.breadcrumbs {
	border-bottom: 1px solid #F8f8f8;
	background-color: #FFF;
}

.blue {
	color: var(--primary) !important;
}

.no-skin .nav-list>li .submenu>li>a:hover {
	color: var(--primary);
}

.btn-primary.focus:hover, .btn-primary:active:hover, .btn-primary:focus:active,
	.btn-primary:focus:hover, .btn-primary:hover, .open>.btn-primary.dropdown-toggle,
	.open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:active,
	.open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover
	{
	background-color: var(--primary-hover) !important;
	border-color: var(--primary-hover);
}

.red {
	color: #ea4335 !important;
}

.table-header {
	background-color: var(--primary);
}

.badge-success, .badge.badge-success, .label-success, .label.label-success
	{
	background-color: #34a853;
}

.dataTable>tbody>tr.selected>td {
	background-color: var(--primary-light);
}

.dataTable>tbody>tr.selected:hover>td {
	background-color: var(--primary-light);
}

.table>thead>tr, [class*=widget-color-]>.widget-body .table thead:first-child tr
	{
	background-image: inherit;
}

.nav-tabs.tab-color-blue>li.active>a, 
.nav-tabs.tab-color-blue>li.active>a:focus,
.nav-tabs.tab-color-blue>li.active>a:hover {
	color: var(--primary-focus);
	border-color: var(--primary) var(--primary) transparent;
}

.dataTable>thead>tr>th[class*=sort]:hover {
	color: var(--primary);
}

.infobox-blue.infobox-dark {
	background: var(--primary);
	border-color: var(--primary);
}

.widget-color-blue>.widget-header {
	background: var(--primary);
	border-color: var(--primary);
}

.no-skin .nav-list>li.active>a {
	font-weight: 700;
	color: var(--primary);
}

.no-skin .nav-list li.active>a:after {
	border-right-color: var(--primary);
}

.no-skin .nav-list>li.active:after {
	border: 2px solid var(--primary);
}

.dropdown-menu>li.active:hover>a, .dropdown-menu>li.active>a,
	.dropdown-menu>li:hover>a, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus
	{
	background: var(--primary-focus);
	color: #FFF;
}

.btn-primary, .btn-primary.focus, .btn-primary:focus {
	background-color: var(--primary) !important;
	border-color: var(--primary);
}

.nav-tabs.tab-color-blue>li>a, .nav-tabs.tab-color-blue>li>a:focus {
	background-color: var(--primary);
}
.nav-tabs.tab-color-blue>li:not(.active)>a, .nav-tabs.tab-color-blue>li:not(.active)>a:focus {
    opacity: 0.7;
}

.badge-danger, .badge-important, .badge.badge-danger, .badge.badge-important,
	.label-danger, .label-important, .label.label-danger, .label.label-important
	{
	background-color: #ea4335;
}

.btn-danger, .btn-danger.focus, .btn-danger:focus {
	background-color: #ea4335 !important;
	border-color: #ea4335;
}

.ace-nav>li.light-green>a:focus, .ace-nav>li.light-green>a:hover,
	.ace-nav>li.open.light-green>a {
	background-color: #34a853;
}

.green {
	color: #34a853 !important;
}

.btn-success, .btn-success.focus, .btn-success:focus {
	background-color: #34a853 !important;
	border-color: #34a853;
}

.btn-success.focus:hover, .btn-success:active:hover, .btn-success:focus:active,
	.btn-success:focus:hover, .btn-success:hover, .open>.btn-success.dropdown-toggle,
	.open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:active,
	.open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover
	{
	background-color: #449d44 !important;
	border-color: #449d44;
}

.ace-nav>li.light-green>a {
	background-color: #34a853;
}
/*
**
nav-list 
**
*/
.navbar {
	background: var(--primary);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2), 0 3px 3px -2px
		rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
}

.no-skin .nav-list>li>a {
	background-color: #FFF;
	color: #585858;
}

.no-skin .nav-list>li {
	border-color: #FFF;
}

.no-skin .top .nav-list>li {
	border-color: var(--primary);
}

.no-skin .nav-list>li:hover>a {
	background-color: #FAFAFA;
	color: var(--primary);
}

.nav-list>li:before {
	background-color: var(--primary);
}

.no-skin .top .nav-list>li>a {
	background: var(--primary);
	color: #ffffff;
}

.no-skin .top .nav-list>li>a:focus {
	background-color: var(--primary);
	color: #ffffff;
}

.no-skin .top .nav-list>li.active>a {
	color: var(--primary);
}

.no-skin .top .nav-list>li.open>a {
	color: var(--primary);
}

.no-skin .top .nav-list>li .submenu>li.active>a {
	color: var(--primary);
}

.no-skin .top .nav-list li.active>a:after {
	background-color: var(--primary-hover);
}

.no-skin .top .nav-list>li.active:after {
	border: 2px solid var(--primary);
}

.no-skin .top .nav-list>li .submenu>li>a:hover {
	color: var(--primary-hover);
}

.no-skin .top .nav-list>li .submenu>li.active>a>.menu-icon {
	color: var(--primary-hover);
}

.no-skin .top .nav-list>li:hover>a {
	background-color: var(--primary-hover);
	color: #FFF;
}

.nav-list>li.hover>.submenu {
	left: 100%;
}

.nav-list li.hover>.submenubottom {
	left: 1px;
	top: 100%;
}

.sidebar.h-sidebar .nav-list>li.hover>.submenu {
	top: 100%;
	left: 1px;
	margin-top: auto;
	margin-left: -2px;
	width: 190px;
	/* z-index: 1026; */
}

.no-skin .top .nav-list>li .submenu>li>a {
	border-top-color: var(--primary);
	background-color: #FFF;
}

.no-skin .top .nav-list li.hover>.submenu>li:hover>a {
	background-color: #EEF3F7;
	color: var(--primary);
}

.no-skin .top .nav-list>li>.submenu li>.submenu>li a:hover {
	color: var(--primary);
	background-color: #F1F5F9;
}

.gritter-item-wrapper.gritter-success {
	background: #34a853;
}

.gritter-item-wrapper.gritter-warning {
	background: #DB9B2E;
}

.gritter-item p {
	font-weight: normal;
	font-size:1.5em;
}

.gritter-item-wrapper.gritter-error {
	background: #ea4335;
}

/*
*
menu superior
*
*/
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.navbar-collapse {
	padding-left: 0;
}

.well.search-area {
	background-color: var(--primary-light);
	border-color: #d6e1ea;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.header-blue-shadow {
	background: #FFF;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2), 0 3px 3px -2px
		rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
	margin-bottom: 1.5rem;
}

.header-blue-shadow>.widget-header {
	background: var(--primary) !important;
	color: #FFF !important;
	padding-left: 1rem;
}

.view-light {
	border: none;
}

.view-light .col-sm-4.profile-info-name {
	width: 33%;
}

.view-light .profile-info-name {
	background: #fff;
}

/* XS */
@media ( max-width :766px) {
	.fw-navbar-mobile {
		display: flex;
		justify-content: center;
		margin-bottom: 1rem;
	}
	.fw-form-text {
		display: none;
	}
	.ace-nav>li.light-blue>a:focus, .ace-nav>li.light-blue>a:hover, .ace-nav>li.open.light-blue>a,
		.navbar-collapse li.dropdown-menu-item>a {
		background-color: var(--primary);
	}
	.navbar-collapse li.dropdown-menu-item>a, .navbar-collapse>ul.ace-nav>li.dropdown-modal>a>.ace-icon
		{
		color: #FFF
	}
}

@media only screen and (min-width: 992px) {
	.sidebar.h-sidebar {
		margin-top: 0;
	}
	.sidebar.h-sidebar .nav-list {
		border-width: 0;
	}
	.sidebar.h-sidebar .nav-list>li {
		border: 0;
	}
}

.img-bandeira {
	display: flex;
	justify-content: center;
	align-items: center;
}

#overlay-alert {
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: none;
	font-size: 4em;
	line-height: 1em;
	background-color: red;
	opacity: .5;
	color: #fff;
}

.dataTable>thead>tr>th[class*=sorting_] {
    color: var(--primary);
}

.no-skin .nav-list>li>a:focus {
    color: var(--primary-focus);
}

.checkbox, .radio {
	margin: 0;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: var(--primary-focus) !important;
    border-color: var(--primary-focus);
}

tbody>tr {
    background-color: #f9f9f9;
}

.fw-header {
	background-color: var(--primary);
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fw-column-image {
	cursor: zoom-in;
	transition: 0.3s;
	object-fit: cover;
}

.fw-column-image:hover{
	opacity: 0.7;
}


/* The Modal (background) */
.fw-column-image-modal {
/*   display: block; Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.fw-column-image-modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.fw-column-image-caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #FFF;
  padding: 10px 0;
  font-size: 22px;
}

/* Add Animation - Zoom in the Modal */
.fw-column-imagemodal-content, .fw-column-image-caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.fw-column-image-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.fw-column-image-close:hover,
.fw-column-image-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .fw-column-image-modal-content {
    width: 100%;
  }
}