/******************************************************************
Site Name: Alice Pasquini
Author: EoC Web

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Site Name: Alice Pasquini
Author: Eoc Web

Stylesheet: Variables

******************************************************************/
/*********************
TYPO
*********************/
/*********************
COLORS
*********************/
/******* Alice Pasquini ********/
/*********************
COLORS with Alpha
*********************/
/*********************
DIMENSIONS
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name: Alice Pasquini
Author: Eoc Web

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important; }

/************************************
COLUMNS
************************************/
.flex-container, .fullwidth {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around; }

.flex-child {
  margin: 0 auto; }

.floating-left, .fullwidth, .column10, .column15, .column20, .column25, .column33, .column40, .half-row, .column60, .column66, .column70, .column75 {
  float: left; }

.fullwidth {
  width: 100%; }

.column10 {
  width: 10%; }

.column15 {
  width: 15%; }

.column20 {
  width: 20%; }

.column25 {
  width: 25%; }

.column33 {
  width: 33.33333%; }

.column40 {
  width: 40%; }

.half-row {
  width: 50%; }

.column60 {
  width: 60%; }

.column66 {
  width: 66.66667%; }

.column70 {
  width: 70%; }

.column75 {
  width: 75%; }

/******************************************************************
Site Name: Alice Pasquini
Author: Eoc Web

Stylesheet: Typography

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/******************************************************************
Site Name: Alice Pasquini
Author: Eoc Web

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name: Alice Pasquini
Author: Eoc Web

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
REM CALCULATION WITH IE FALLBACK
*********************/
/*********************
TRANSITION
*********************/
/*********************
TRANSFORM
*********************/
/**********************
OPACITY
**********************/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/*********************
BOX SIZING
*********************/
/*********************
BOX SHADOW
*********************/
/*********************
PADDING & MARGIN
*********************/
/************************
BORDER RADIUS
************************/
/*********************
ADDING THE GENERAL STYLES
*********************/
/*COLORS*/
.white {
  color: #FFFFFF !important; }

.black {
  background-color: black !important;
  color: #FFFFFF !important; }
  .black:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important; }

.alice-blu {
  background-color: #b1c5e4; }

.text-alice-blu {
  color: #b1c5e4 !important; }

.text-alice-dark-blu {
  color: #007fd3 !important; }

.alice-light-green {
  background-color: #d4dda6; }

.text-alice-light-green {
  color: #d4dda6 !important; }

.dark-green {
  background-color: #0e5b75; }

.text-alice-dark-green {
  color: #0e5b75 !important; }

/*FLEXBOX ITEMS */
.flex-h-container, .apart-top .portfolio-item-content, .mimi-form-wrapper form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.flex-h-items {
  flex-basis: auto; }

.flex-25 {
  flex-basis: 24%;
  margin-right: 1%; }

.flex-20 {
  flex: 0 0 20%; }

.flex-30 {
  flex: 0 0 30%; }

.flex-50 {
  flex: 0 0 50%; }

.flex-70 {
  flex: 0 0 70%; }

.flex-80 {
  flex: 0 0 80%; }

.flex-100 {
  flex: 0 0 100%; }

.order1 {
  order: 1; }

.order2 {
  order: 2; }

.order3 {
  order: 3; }

/*SEPARATORS*/
/* SIZE / CONTAINER / BLOCKS */
.cover {
  background-size: cover;
  background-position: 50% 50%; }

.inline {
  display: block;
  float: left;
  width: 84%;
  border: 4px solid;
  margin-top: 34px;
  margin-right: 0px;
  margin-bottom: 34px;
  margin-left: 0px; }

/* WIDTH AND HEIGHT / ALIGNMENTS*/
.half {
  max-width: 50%; }

.full {
  max-width: 100%; }

.centered {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto; }

.last-child {
  width: 100.9%; }

.left {
  float: left !important; }

.w50 {
  width: 50%; }

.w70 {
  width: 70%; }

.w80 {
  width: 80%; }

.w100 {
  width: 100%; }

/*********************
ADDING THE SINGLE PAGE STYLES
*********************/
/*********************
ADDING THE SINGLE PAGE STYLES
*********************/
/*********************
ADDING THE SINGLE BLOG PAGE STYLES
*********************/
/******************************************************************
Site Name: Alice Pasquini
Author: Eoc Web

Stylesheet: Blog Pages

******************************************************************/
.blog-single-title {
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif; }

#news-grid .vc_grid .vc_grid-item .vc_grid-item-mini {
  border: 1px solid #ededed; }
  #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone {
    background-color: #FFFFFF !important; }
    #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col h4 {
      font-weight: 700;
      font-family: 'Lato', Helvetica, Arial, sans-serif; }
    #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col p {
      font-size: 14px;
      font-size: 0.875rem;
      text-align: justify;
      margin-top: -5px; }
    #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col .vc_general {
      font-family: "Lato", Helvetica, Arial, sans-serif;
      margin-left: auto;
      margin-right: auto;
      font-size: 14px !important;
      font-size: 0.875rem !important;
      margin-top: 20px;
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      background-color: #444444;
      color: #FFFFFF;
      padding-top: 5px;
      padding-right: 25px;
      padding-bottom: 5px;
      padding-left: 25px; }
      #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col .vc_general:hover {
        color: #000000 !important;
        border-color: #000000 !important; }

.vc_grid-filter li {
  -webkit-transition: border-color 1s linear !important;
  -moz-transition: border-color 1s linear !important;
  -ms-transition: border-color 1s linear !important;
  -o-transition: border-color 1s linear !important;
  transition: border-color 1s linear !important;
  border-color: #FFFFFF; }
  .vc_grid-filter li span {
    color: #656565;
    font-weight: 400;
    letter-spacing: -1px; }

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active > span, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span {
  font-weight: 700;
  color: #FFFFFF; }

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover {
  background-color: #007fd3;
  color: #FFFFFF; }

.mk-blog-single .mk-single-content a {
  color: #fc5937;
  font-style: italic;
  font-weight: 400;
  background-color: transparent;
  -webkit-transition: color 3s;
  transition: color 3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .mk-blog-single .mk-single-content a:hover {
    color: #e1342a; }
.mk-blog-single .mk-single-content img {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  display: block; }

.blog-single-title {
  margin-bottom: 0px; }

.blog-single-meta {
  font-family: 'Lato', Helvetica, Arial, sans-serif; }

.mk-blog-single .mk-blog-author, .mk-blog-single .mk-post-cat, .mk-blog-single .mk-post-date {
  color: #444444; }

.single-social-section .blog-modern-comment svg, .single-social-section .blog-single-share svg, .single-social-section .mk-blog-print svg {
  fill: #444444; }

.single-post-tags {
  text-align: center; }
  .single-post-tags a {
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    background-color: #ededed;
    color: #222222; }
    .single-post-tags a:hover {
      background-color: #000000;
      color: #FFFFFF !important; }

.blog-similar-posts {
  border-bottom: 1px solid #444444;
  margin-top: 40px; }
  .blog-similar-posts .similar-post-title {
    font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
    font-size: 34px;
    font-size: 2.125rem; }
  .blog-similar-posts .mk-similiar-title {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    text-transform: none !important; }

/*********************
ADDING BUTTONS STYLE
********************/
/*BUTTONS*/
.btn {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 20px;
  display: inline-block;
  text-align: center;
  border-left: 5px solid;
  transition: background-color 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.btn-b-border {
  border-color: #b1c5e4; }

/*********************
ADDING ANIMATIONS STYLE
********************/
/***** GENERAL BUTTONS ANIMATIONS *****/
.button-transitions, #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col .vc_general, .cv-not-found ul li, .vc_grid-btn-load_more a, .nf-field-element input, .nf-field-element textarea {
  -webkit-transition: color 1.5s, border-color 1.5s !important;
  transition: color 1.5s, border-color 1.5s !important;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important; }

.breadcrump-transition, .single-post-tags a, #mk-breadcrumbs .mk-breadcrumbs-inner a, .mk-searchform .text-input, .apart-top .portfolio-item-content .left-side .button span {
  -webkit-transition: color 1.5s, background-color 1.5s, height 1.5s !important;
  transition: color 1.5s, background-color 1.5s, height 1.5s !important;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important; }

/***** LINK ANIMATIONS *****/
.demo-dustu {
  --color-text: #fff;
  --color-background: #161616;
  --color-link: #565656;
  --color-link-hover: #fff; }

/* Fade effect */
.js body {
  opacity: 0;
  transition: opacity 0.3s; }

.js body.render {
  opacity: 1; }

a {
  text-decoration: none;
  color: #5d93d8;
  color: var(--color-link);
  outline: none; }

a:hover,
a:focus {
  color: #423c2b;
  color: var(--color-link-hover);
  outline: none; }

.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none; }

.menu--dustu .menu__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px; }

.menu--dustu .menu__item-name {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
  width: auto;
  padding-right: 10px !important;
  font-weight: bold;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-transform: uppercase;
  color: #656565; }

.menu--dustu .menu__item-name::before,
.menu--dustu .menu__item-name::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b1c5e4;
  transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
  transition: transform 0.7s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.menu--dustu .menu__item:hover .menu__item-name::before {
  transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0); }

.menu--dustu .menu__item:hover .menu__item-name::after {
  transform: translate3d(0, 0, 0); }

.menu--dustu .menu__item-name::after {
  top: calc(50% - 2px);
  height: 4px; }

.menu--dustu .menu__item-label {
  font-size: 2em;
  margin: 0.5em 0 0 0;
  margin-top: 0em;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  color: #222222;
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
  transition: color 0.7s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.menu--dustu .menu__item:hover .menu__item-label {
  color: #000000; }

/* Common styles for the menus */
.menu__item {
  line-height: 1; }

.menu__item-name,
.menu__item-label {
  position: relative;
  display: inline-block; }

.menu__item-name {
  font-size: 1.25em; }

.menu__item-label {
  margin: 0 0 0 0.5em; }

@media screen and (min-width: 50em) {
  .icon--keyboard {
    position: absolute;
    right: 0.55em;
    bottom: -30%;
    display: block;
    width: 54px;
    height: 46px;
    fill: var(--color-link); }

  .demos {
    display: flex;
    padding-right: 80px;
    justify-self: end; }

  .demo {
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 5px 0 0;
    border: 2px solid;
    border-radius: 2px; }

  a.demo--current {
    background: currentColor; }

  .demo span {
    position: absolute;
    top: -0.2em;
    right: 100%;
    display: none;
    margin: 0 1em 0 0; }

  .demo--current span {
    display: block; } }
@media screen and (max-width: 50em) {
  html,
  body {
    overflow-x: hidden;
    width: 100vw;
    height: 100%; }

  .content {
    height: auto;
    min-height: 0;
    padding-bottom: 10em; }

  .content--fixed {
    position: relative;
    z-index: 1000;
    display: block;
    padding: 0.85em; }

  .codrops-header {
    flex-direction: column;
    align-items: center; }

  .codrops-header__title {
    font-weight: bold;
    padding-bottom: 0.25em;
    text-align: center; }

  .github {
    display: block;
    margin: 1em auto; }

  .codrops-links {
    margin: 0; } }
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/************************************
            VARIOUS ELEMENTS
**************************************/
.share-all {
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 0px; }

/************* MAIN MENU ******************/
#menu-item-7854:hover, #menu-item-9999999999:hover {
  background-color: #f8f8f8; }

.sub-menu {
  left: 0px !important; }

.wpglobus_flag {
  height: 25px !important; }

.mk-classic-menu-wrapper {
  margin-top: 20px; }

/************* SOCIAL LINKS *****************/
.addtoany_share_save_container {
  text-align: center; }

.addtoany_list.a2a_kit_size_32 a {
  margin-top: 0;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px; }
  .addtoany_list.a2a_kit_size_32 a img {
    max-width: 32px; }

/************* MOBILE MENU ******************/
#mobile-bar {
  display: none; }

/************* BREADCRUMP ******************/
#mk-breadcrumbs {
  text-align: center;
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
  margin-top: 35px; }
  #mk-breadcrumbs .mk-breadcrumbs-inner {
    float: none;
    font-size: 20px;
    font-size: 1.25rem;
    color: #444444 !important; }
    #mk-breadcrumbs .mk-breadcrumbs-inner a {
      color: #444444 !important;
      background-color: transparent;
      height: auto;
      display: inline-block; }
      #mk-breadcrumbs .mk-breadcrumbs-inner a:hover {
        color: #444444 !important;
        height: 10px;
        background-color: lavender; }

.single-social-section {
  display: none; }

/************* TEXT ******************/
.slider-img-info h2, .slider-img-info h3 {
  color: #FFFFFF; }

.page-title {
  display: none; }

.no-bold {
  font-weight: 400 !important; }

.hw-title {
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
  font-size: 40px !important;
  font-size: 2.5rem !important; }

.highlight {
  background-color: rgba(177, 197, 228, 0.3);
  line-height: 1.4em;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px; }

.text-l-border {
  border-left: 3px solid;
  padding-left: 15px; }

.mk-text-block a, .portfolio-left a, .portfolio-content a {
  color: #fc5937;
  font-style: italic;
  font-weight: 400;
  background-color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .mk-text-block a:hover, .portfolio-left a:hover, .portfolio-content a:hover {
    color: #e1342a; }

.mk-text-block h2 {
  letter-spacing: -1px;
  font-weight: 700; }

.mk-single-content p {
  line-height: 125%; }

.photo-credit {
  font-size: 13px;
  font-size: 0.8125rem; }

/************* BORDERS ******************/
.blu-border {
  border-color: #b1c5e4; }

/************* TABS ******************/
#mk-tabs .wpb_tab {
  border: 1px solid rgba(177, 197, 228, 0.2);
  border-bottom: 0px;
  border-right: 0px; }
#mk-tabs .wpb_tabs_nav a {
  height: 35px;
  line-height: 35px;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  background-color: rgba(177, 197, 228, 0.2);
  border: 1px solid rgba(177, 197, 228, 0.2); }

/************************************
            HOMEPAGE
**************************************/
/*slider style rules*/
.slider-img-info {
  width: 100% !important; }
  .slider-img-info h2 {
    margin-bottom: 0px;
    color: #FFFFFF !important;
    font-size: 24px !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important; }
  .slider-img-info h3 {
    margin-bottom: 0px;
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-size: 1.375rem !important; }

/*end slider style rules*/
/*home content style rules*/
#text-block-4 p {
  color: #444444;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3em; }

#text-block-6 p {
  margin-bottom: 0px; }

/*end home content style rules*/
/************************************
            PAGES
**************************************/
.top-image {
  height: 450px; }

#alice-mask {
  margin-top: 120px; }

.alice-bio-text #text-block-4 p {
  padding-left: 20px; }
.alice-bio-text #text-block-4 .hw-title {
  padding-left: 20px;
  margin-bottom: 0px; }
.alice-bio-text #text-block-6 p {
  margin-bottom: 10px; }

.boxed-container {
  width: 1140px;
  position: unset;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto; }

.bio-content h2 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #444444;
  margin-bottom: 10px;
  font-weight: bold; }

.project-list {
  border-left: 2px solid;
  margin-left: 0px;
  list-style: none;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }
  .project-list li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 30px;
    color: #444444;
    font-family: 'Lato', Helvetica, Arial, sans-serif; }
    .project-list li .location {
      font-family: 'Lato', Helvetica, Arial, sans-serif;
      color: #000000;
      display: inline-block;
      background-color: rgba(177, 197, 228, 0.2);
      height: 7px;
      line-height: 7px;
      font-size: 16px;
      font-size: 1rem; }

/************** 404 page ***************/
.cv-not-found .w50 {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px; }
  .cv-not-found .w50 .not-found-title {
    margin-bottom: 0px;
    text-decoration: overline;
    font-size: 36px;
    font-size: 2.25rem; }
  .cv-not-found .w50 .not-found-subtitle, .cv-not-found .w50 .not-found-title {
    font-family: 'Amatic SC', Helvetica, Arial, sans-serif; }
.cv-not-found p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700; }
.cv-not-found ul {
  list-style: none;
  margin-left: 0px; }
  .cv-not-found ul li {
    display: inline-block;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid; }

/************************************
            PORTFOLIO
**************************************/
.mk-searchform {
  max-width: 40%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto; }
  .mk-searchform .text-input {
    border: 0px !important;
    border-bottom: 1px solid !important;
    border-color: #444444 !important;
    background-color: #FFFFFF;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: italic; }
    .mk-searchform .text-input:focus {
      background-color: rgba(204, 204, 204, 0.2);
      color: #000000; }

.apart-top {
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  border-bottom: 1px solid #656565;
  padding-bottom: 40px;
  text-align: center;
  max-width: 1140px; }
  .apart-top .portfolio-item-content .left-side {
    flex: 0 0 calc(35% - 20px);
    text-align: left;
    padding-right: 20px; }
    .apart-top .portfolio-item-content .left-side .portfolio-content {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 40px;
      margin-top: 20px; }
    .apart-top .portfolio-item-content .left-side a:nth-child(1) {
      border-bottom: 0px;
      margin-bottom: 5px; }
    .apart-top .portfolio-item-content .left-side .button {
      text-align: center;
      padding-top: 5px;
      padding-right: 15px;
      padding-bottom: 5px;
      padding-left: 15px;
      font-family: 'Lato', Helvetica, Arial, sans-serif;
      line-height: 100% !important;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 0px;
      text-transform: none;
      border-color: #656565;
      color: #656565;
      border-top: 1px solid;
      border-bottom: 1px solid;
      background-color: transparent;
      display: block;
      width: 20%;
      -webkit-transition: color 1.5s, border-color 1.5s linear;
      -moz-transition: color 1.5s, border-color 1.5s linear;
      -ms-transition: color 1.5s, border-color 1.5s linear;
      -o-transition: color 1.5s, border-color 1.5s linear;
      transition: color 1.5s, border-color 1.5s linear; }
      .apart-top .portfolio-item-content .left-side .button span {
        display: inline-block;
        height: auto;
        text-transform: uppercase; }
      .apart-top .portfolio-item-content .left-side .button:hover {
        color: #000000;
        border-color: #000000;
        border-top: 1px solid; }
        .apart-top .portfolio-item-content .left-side .button:hover > span {
          background-color: lavender;
          height: 10px; }
  .apart-top .portfolio-item-content .right-side {
    flex: 0 0 65%; }
    .apart-top .portfolio-item-content .right-side img {
      max-width: 100%; }
    .apart-top .portfolio-item-content .right-side .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      overflow: hidden;
      max-width: 100%;
      height: auto; }
      .apart-top .portfolio-item-content .right-side .embed-container iframe, .apart-top .portfolio-item-content .right-side .embed-container object, .apart-top .portfolio-item-content .right-side .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .apart-top h1 {
    font-size: 58px;
    font-size: 3.625rem;
    font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
    color: #222222;
    margin-bottom: 0px;
    line-height: 100%; }
  .apart-top h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    margin-top: -5px;
    font-weight: 500;
    display: inline-block; }

.nav-info-container, .mk-post-nav {
  display: none; }

.apart-button a {
  max-width: 40%;
  border-top: 1px solid gray !important;
  border-bottom: 1px solid gray !important;
  border-radius: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
  color: gray !important;
  background-color: transparent !important;
  margin-top: 0px !important; }

.vc_grid-btn-load_more a {
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
  font-size: 20px !important;
  font-size: 1.4rem !important;
  background-color: transparent !important;
  color: #656565 !important;
  font-weight: bold !important;
  border-top: 1px solid #656565 !important;
  border-bottom: 1px solid #656565 !important;
  padding: 10px 20px !important;
  text-transform: uppercase;
  margin-top: 30px !important; }
  .vc_grid-btn-load_more a:hover {
    color: #222222 !important;
    border-top-color: #222222 !important;
    border-bottom-color: #222222 !important; }

.vc_grid-filter .vc_active {
  border-bottom: 1px solid #444444;
  border-radius: 0px !important;
  background-color: transparent !important;
  border-top: 1px solid #444444;
  -webkit-transition: border 1.5s !important;
  transition: border 1.5s !important;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important; }
  .vc_grid-filter .vc_active span {
    color: #000000 !important; }

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover {
  border-bottom: 1px solid #444444;
  border-radius: 0px !important;
  background-color: transparent !important;
  border-top: 1px solid #444444; }

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span {
  color: #000000 !important; }

/************************************
            CONTACTS FORM
**************************************/
/************ shop ***************/
.nf-field-element .dark-green {
  border-bottom: 2px solid !important;
  border-color: #0e5b75;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  -webkit-transition: border-color 3s;
  transition: border-color 3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .nf-field-element .dark-green:focus {
    background-color: #FFFFFF;
    border-color: #fc5937 !important; }

#nf-field-33-wrap {
  margin-top: 20px; }
  #nf-field-33-wrap label {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 100%; }

.submit-button, .mimi-form-wrapper .mimi-submit {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  margin-top: 20px !important;
  border: 0px;
  background-color: #444444 !important;
  color: #FFFFFF;
  padding-top: 5px;
  padding-right: 25px;
  padding-bottom: 5px;
  padding-left: 25px;
  font-weight: bold;
  -webkit-transition: background-color 2s !important;
  transition: background-color 2s !important;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1) !important; }

#nf-field-32:hover {
  background-color: #0e5b75 !important; }

/************ contacts ***************/
#nf-form-1-cont {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px; }

.nf-field-element input {
  font-size: 32px;
  font-size: 2rem;
  border-bottom: 3px solid !important;
  border-color: #444444 !important;
  background-color: #FFFFFF;
  text-transform: uppercase; }
  .nf-field-element input:focus {
    border-color: #fc5937 !important; }

.nf-field-container {
  margin-bottom: 0px !important; }

.nf-field-element textarea {
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif !important;
  height: 150px !important;
  border: 0px;
  border-bottom: 3px solid;
  font-size: 26px;
  font-size: 1.625rem;
  padding-left: 0px;
  border-color: #444444;
  background-color: #FFFFFF;
  color: #444444 !important; }
  .nf-field-element textarea:focus {
    border-color: #fc5937 !important; }

#nf-field-5-wrap {
  margin-top: 20px; }

#nf-field-4 {
  border: 0px !important; }
  #nf-field-4:hover {
    background-color: #007fd3 !important; }

.ap-form-field {
  position: relative;
  display: block;
  padding: 0.75em 0.1em 0.25em !important;
  border: none !important;
  border-radius: 0;
  background: transparent;
  color: #444444 !important;
  font-weight: bold;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  z-index: 10;
  width: 100%; }

.nf-field-label {
  width: 100%;
  margin-top: 0px !important; }

#nf-field-2, #nf-field-30 {
  text-transform: lowercase !important;
  font-style: italic; }

#nf-label-field-3, #nf-label-field-5 {
  color: #6a7989; }

#nf-label-field-5, #nf-label-field-33 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: justify; }

.nf-form-errors {
  font-size: 12px;
  font-size: 0.75rem;
  color: #a3271f;
  margin-top: 15px; }

.nf-after-field .nf-error-msg {
  font-size: 12px;
  font-size: 0.75rem;
  color: #a3271f; }

.ninja-forms-req-symbol {
  color: #a3271f; }

/************** newsletter ***************/
.newsletter-box {
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px; }
  .newsletter-box h2 {
    margin-bottom: 0px; }
  .newsletter-box h3 {
    margin-top: -5px;
    color: #FFFFFF !important;
    font-size: 20px;
    font-size: 1.25rem; }
  .newsletter-box p {
    color: #FFFFFF; }

.mimi-form-wrapper form {
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 2%;
  padding-right: 5%;
  padding-bottom: 2%;
  padding-left: 5%; }
  .mimi-form-wrapper form p {
    flex: 0 0 100%;
    color: #FFFFFF; }
    .mimi-form-wrapper form p input {
      width: 100%;
      background-color: transparent;
      border: 0px;
      border-bottom: 3px solid #FFFFFF;
      color: #FFFFFF;
      font-size: 32px;
      font-size: 2rem;
      text-transform: uppercase;
      -webkit-transition: background-color 2s;
      transition: background-color 2s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
      .mimi-form-wrapper form p input:focus {
        background-color: rgba(0, 0, 0, 0.5);
        border: 0px;
        border-bottom: 3px solid #FFFFFF; }
    .mimi-form-wrapper form p label {
      font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
      color: #FFFFFF; }
.mimi-form-wrapper .mimi-submit {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer; }
  .mimi-form-wrapper .mimi-submit:hover {
    background-color: #007fd3 !important; }

/************************************
            FOOTER
**************************************/
.footer-logo {
  text-align: center; }
  .footer-logo img {
    max-width: 150px !important; }

.widget_social_networks a.dark {
  color: #444444;
  -webkit-transition: color 1s;
  transition: color 1s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .widget_social_networks a.dark:hover {
    color: #007fd3; }

#social-2 {
  margin-bottom: 0px !important;
  margin-top: 15px; }

#sub-footer {
  margin-top: -10px; }

.mk-footer-copyright {
  width: 100%;
  text-align: center; }

#owner {
  color: #444444 !important;
  font-size: 13px !important;
  font-size: 0.8125rem !important;
  margin-bottom: 5px;
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 15px; }
  #owner a {
    color: #444444;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 150%; }

#madeby {
  font-family: 'Amatic SC', Helvetica, Arial, sans-serif;
  font-size: 16px !important;
  font-size: 1rem !important;
  color: #000000 !important;
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 15px; }

/************************************
            FIX
**************************************/
.mk-pavnav-icon {
  display: none; }

@media only screen and (max-width: 479px) {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: EoC Web
  
  Stylesheet: Desktop Stylsheet
  
  This is the phone size.
  
  ******************************************************************/
  /************* MOBILE MENU ******************/
  .top-logo {
    display: none; }

  #mobile-bar {
    background-color: #FFFFFF;
    width: 100%;
    position: fixed;
    bottom: -2px;
    z-index: 600;
    -webkit-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    display: block; }
    #mobile-bar .header-logo {
      max-width: 100px; }
      #mobile-bar .header-logo img {
        max-width: 90px; }
    #mobile-bar .mk-home-responsive-link {
      text-align: center;
      position: absolute;
      left: 30px;
      top: 6px; }
    #mobile-bar .mk-nav-responsive-link .mk-css-icon-menu {
      width: 25px;
      height: 25px; }
      #mobile-bar .mk-nav-responsive-link .mk-css-icon-menu .mk-css-icon-menu-line-2 {
        width: 25px;
        margin-left: -10px; }

  .mk-responsive-wrap {
    opacity: 0;
    position: fixed;
    overflow: auto;
    height: 100%;
    width: 300px;
    right: 0;
    top: 0;
    z-index: 500;
    background-color: #FFFFFF !important;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out; }
    .mk-responsive-wrap ul li a {
      color: #222222 !important; }
    .mk-responsive-wrap ul .mk-nav-arrow {
      color: #222222 !important; }

  .showmenu {
    opacity: 1;
    padding-top: 10%;
    -webkit-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out; }

  .share-all {
    margin-top: 60px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px; }

  /************* CONTENT ******************/
  /************* MOBILE home ******************/
  #mhome-container {
    height: calc(100vh - 110px);
    padding-top: 20px; }

  .mhome-logo, .mhome-buttons, #mhome-sketch {
    text-align: center;
    width: auto;
    max-width: 120px;
    display: block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto; }

  .mhome-logo {
    height: 20%; }
    .mhome-logo img {
      width: 100%; }

  #mhome-sketch {
    margin-top: 10%;
    margin-bottom: 10%;
    height: auto; }

  .mhome-buttons {
    height: 10%; }
    .mhome-buttons a {
      display: block;
      width: 100%;
      font-size: 20px;
      font-size: 1.25rem;
      text-transform: uppercase;
      font-weight: 700; }
    .mhome-buttons .border {
      height: 2px;
      width: 60%;
      background-color: #222222;
      margin-top: 7px;
      margin-right: auto;
      margin-bottom: 7px;
      margin-left: auto; }

  .mhome-footer {
    display: none; }

  /************* other content ******************/
  .top-image {
    height: 150px; }

  #bio, #shop {
    margin-top: 50px !important; }

  #alice-mask {
    margin-top: 50px; }

  .hw-title {
    line-height: 100%; }

  .pad15 {
    padding-left: 15px; }

  .project-list li .location {
    line-height: 100%;
    height: 100%;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px; }

  #mk-breadcrumbs {
    margin-top: 0px; }
    #mk-breadcrumbs .mk-breadcrumbs-inner {
      line-height: 100%; }

  #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col .vc_general {
    padding-left: 0px;
    padding-right: 0px; }

  .contact-social {
    padding-top: 30px; }
    .contact-social .sketch {
      display: none; }
    .contact-social #social-networks-8 {
      margin-bottom: 0px; }

  /************* blog ******************/
  .blog-single-title {
    line-height: 100%; }

  /************* portfolio ******************/
  .mk-searchform {
    max-width: 100%;
    margin-top: 25px; }
    .mk-searchform .text-input {
      font-size: 16px;
      font-size: 1rem; }

  .apart-top {
    border-bottom: 0px; }
    .apart-top h1 {
      padding-top: 10px;
      padding-right: 25px;
      padding-bottom: 0px;
      padding-left: 25px;
      font-size: 36px;
      font-size: 2.25rem;
      margin-top: -50px;
      margin-bottom: 10px;
      line-height: 100%;
      display: inline-block;
      background-color: #FFFFFF;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px; }
    .apart-top h2 {
      display: block;
      width: 100%; }
    .apart-top .portfolio-item-content .left-side {
      flex: 0 0 100%;
      order: 1;
      text-align: center; }
      .apart-top .portfolio-item-content .left-side .portfolio-content {
        margin-bottom: 15px;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 15px; }
      .apart-top .portfolio-item-content .left-side .button {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto; }
    .apart-top .portfolio-item-content .right-side {
      flex: 0 0 100%;
      order: 0; }

  /************** 404 page ***************/
  .cv-not-found .w50 {
    flex: 0 0 100%; }
  .cv-not-found .left {
    order: 1; }
  .cv-not-found .right {
    order: 0; }
  .cv-not-found ul li {
    width: 50%;
    margin-bottom: 15px; }

  /************* forms ******************/
  #nf-form-4-cont, #nf-form-1-cont {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: 30px; }
    #nf-form-4-cont .nf-form-fields-required, #nf-form-1-cont .nf-form-fields-required {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 10px; }
    #nf-form-4-cont .nf-field-element input, #nf-form-4-cont .nf-field-element textarea, #nf-form-1-cont .nf-field-element input, #nf-form-1-cont .nf-field-element textarea {
      border: 1px solid #ddd !important; }

  #nf-form-1-cont .nf-field-element {
    margin-bottom: 20px; }

  /************* FOOTER ******************/
  #mk-footer {
    padding-bottom: 105px; }
    #mk-footer .mk-footer-copyright {
      padding-left: 0px !important;
      padding-bottom: 0px !important; } }
/*********************
MOBILE HOME FIX
*********************/
@media only screen and (min-width: 375px) and (max-width: 479px) {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: EoC Web
  
  Stylesheet: Desktop Stylsheet
  
  This is the phone size.
  
  ******************************************************************/
  /************* MOBILE home ******************/
  .mhome-logo, .mhome-buttons, #mhome-sketch {
    max-width: 160px; }

  #mhome-sketch {
    margin-top: 10%;
    margin-bottom: 10%; } }
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: EoC Web
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  portrait phone.
  
  ******************************************************************/
  /************* MOBILE MENU ******************/
  .top-logo {
    display: none; }

  #mobile-bar {
    background-color: #FFFFFF;
    width: 100%;
    position: fixed;
    bottom: -2px;
    z-index: 600;
    -webkit-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    display: block; }
    #mobile-bar .header-logo {
      max-width: 100px; }
      #mobile-bar .header-logo img {
        max-width: 90px; }
    #mobile-bar .mk-home-responsive-link {
      text-align: center;
      position: absolute;
      left: 30px;
      top: 6px; }
    #mobile-bar .mk-nav-responsive-link .mk-css-icon-menu {
      width: 25px;
      height: 25px; }
      #mobile-bar .mk-nav-responsive-link .mk-css-icon-menu .mk-css-icon-menu-line-2 {
        width: 25px;
        margin-left: -10px; }

  .mk-responsive-wrap {
    opacity: 0;
    position: fixed;
    overflow: auto;
    height: 100%;
    width: 300px;
    right: 0;
    top: 0;
    z-index: 500;
    background-color: #FFFFFF !important;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    display: flex; }
    .mk-responsive-wrap nav {
      flex: 0 0 60%; }
    .mk-responsive-wrap ul {
      width: 100%;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row; }
      .mk-responsive-wrap ul li {
        flex: 0 0 100%; }
        .mk-responsive-wrap ul li a {
          color: #222222 !important;
          text-align: center;
          padding-top: 7px;
          padding-right: 0px;
          padding-bottom: 7px;
          padding-left: 0px; }
        .mk-responsive-wrap ul li span {
          margin-top: -10px; }
        .mk-responsive-wrap ul li .sub-menu a {
          text-align: center;
          padding: 5px 5px; }
      .mk-responsive-wrap ul .mk-nav-arrow {
        color: #222222 !important; }
        .mk-responsive-wrap ul .mk-nav-arrow svg {
          height: 12px !important;
          width: 12px !important;
          margin-left: 50px; }
    .mk-responsive-wrap .responsive-searchform {
      flex: 0 0 calc(40% - 15px); }

  .showmenu {
    opacity: 1;
    padding-top: 10px;
    width: 100%;
    -webkit-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 -4px 22px -9px rgba(0, 0, 0, 0.75);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out; }

  /************* MOBILE home ******************/
  #mhome-container {
    padding-bottom: 100px; }

  .mhome-logo, .mhome-buttons, #mhome-sketch {
    text-align: center;
    width: auto;
    max-width: 200px;
    display: block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto; }

  #mhome-sketch {
    margin-top: 5%;
    margin-bottom: 5%; }

  .mhome-buttons a {
    display: block;
    width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 700; }
  .mhome-buttons .border {
    height: 2px;
    width: 60%;
    background-color: #222222;
    margin-top: 7px;
    margin-right: auto;
    margin-bottom: 7px;
    margin-left: auto; }

  .mhome-footer {
    display: none; }

  /************* other content ******************/
  #alice-mask {
    margin-top: 50px; }

  .hw-title {
    line-height: 100%; }

  .pad15 {
    padding-left: 15px; }

  .contact-social {
    padding-top: 30px; }
    .contact-social .sketch {
      display: none; }
    .contact-social #social-networks-8 {
      margin-bottom: 0px; }

  /************* blog ******************/
  .blog-single-title {
    line-height: 100%; }

  /************* portfolio ******************/
  .mk-searchform {
    margin-top: 25px; }

  .apart-top {
    border-bottom: 0px; }
    .apart-top h1 {
      padding-top: 10px;
      padding-right: 25px;
      padding-bottom: 0px;
      padding-left: 25px;
      font-size: 36px;
      font-size: 2.25rem;
      margin-top: -50px;
      margin-bottom: 10px;
      line-height: 100%;
      display: inline-block;
      background-color: #FFFFFF;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px; }
    .apart-top h2 {
      display: block;
      width: 100%; }
    .apart-top .portfolio-item-content .left-side {
      flex: 0 0 100%;
      order: 1;
      text-align: center; }
      .apart-top .portfolio-item-content .left-side .portfolio-content {
        margin-bottom: 15px;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 15px; }
      .apart-top .portfolio-item-content .left-side .button {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto; }
    .apart-top .portfolio-item-content .right-side {
      flex: 0 0 100%;
      order: 0; }

  /************** 404 page ***************/
  .cv-not-found .w50 {
    flex: 0 0 100%; }
  .cv-not-found .left {
    order: 1; }
  .cv-not-found .right {
    order: 0; }
  .cv-not-found ul li {
    width: 50%;
    margin-bottom: 15px; }

  /************* forms ******************/
  #nf-form-4-cont, #nf-form-1-cont {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: 30px; }
    #nf-form-4-cont .nf-form-fields-required, #nf-form-1-cont .nf-form-fields-required {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 10px; }
    #nf-form-4-cont .nf-field-element input, #nf-form-4-cont .nf-field-element textarea, #nf-form-1-cont .nf-field-element input, #nf-form-1-cont .nf-field-element textarea {
      border: 1px solid #ddd !important; }

  #nf-form-1-cont .nf-field-element {
    margin-bottom: 20px; }

  /************* FOOTER ******************/
  #mk-footer {
    padding-bottom: 105px; }
    #mk-footer .mk-footer-copyright {
      padding-left: 0px !important;
      padding-bottom: 0px !important; } }
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: EoC Web
  
  Stylesheet: Desktop Stylsheet
  
  This is the tablet size. It's for iPad
  
  ******************************************************************/
  /************* HEADER ******************/
  .top-logo {
    margin-top: 10px; }

  .header-style-2.a-sticky .mk-header-nav-container {
    -webkit-box-shadow: 0px 1px 10px #dedede;
    -moz-box-shadow: 0px 1px 10px #dedede;
    -ms-box-shadow: 0px 1px 10px #dedede;
    box-shadow: 0px 1px 10px #dedede; }
    .header-style-2.a-sticky .mk-header-nav-container .mk-classic-menu-wrapper {
      margin-top: 0px; }

  /************* CONTENT ******************/
  .home-artist-text .content {
    padding-bottom: 0px; }

  .menu--dustu .menu__item {
    margin-bottom: 10px; }

  .pad15 {
    padding-left: 15px; }

  .newsletter-box {
    text-align: center !important; }

  /************* blog ******************/
  #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col .vc_general {
    padding-left: 0px;
    padding-right: 0px; }

  /************* portfolio ******************/
  .apart-top h1 {
    line-height: 100%; }
  .apart-top .portfolio-item-content .left-side {
    flex: 0 0 100%;
    order: 1;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px; }
  .apart-top .portfolio-item-content .right-side {
    order: 0;
    flex: 0 0 100%; }

  /************** 404 page ***************/
  .cv-not-found {
    padding-top: 50px; }
    .cv-not-found .not-found-subtitle {
      font-size: 140px;
      font-size: 8.75rem; }
    .cv-not-found p {
      margin-bottom: 0px; }
    .cv-not-found ul li {
      margin-top: 15px; } }
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1024px) and (max-width: 1239px) {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: EoC Web
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
  /************* CONTENT ******************/
  .pad15 {
    padding-left: 15px; }

  /************* blog ******************/
  #news-grid .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-col .vc_general {
    padding-left: 0px;
    padding-right: 0px; }

  /************* portfolio ******************/
  .apart-top h1 {
    line-height: 100%; }
  .apart-top .portfolio-item-content .left-side {
    flex: 0 0 calc(40% - 35px);
    padding-left: 15px; }
  .apart-top .portfolio-item-content .right-side {
    flex: 0 0 60%; } }
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: EoC Web
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/ }
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name: Alice Pasquini
  Author: Eoc Web
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/ }