/*
Theme Name: Wide Eye Creative
Theme URI: http://www.wideeyecreative.com
Author: Wide Eye Creative
Author URI: http://www.wideeyecreative.com
Description: Custom Wide Eye Creative Theme for WordPress
Version: 1.0
*/

/*=============================
=            FONTS            =
=============================*/

/**
 *	Name: 	Whitney
 *	Code: 	font-family: 'Whitney SSm A', 'Whitney SSm B';
 *	Sizes:
 */

* {
    -webkit-font-smoothing: subpixel-antialiased;
}

document {
    font-size: 12px;
}

.navbar {
    display: block;
    position: fixed;
}

a, a:hover, a:focus, a:active, a:visited {
    color: #ffffff;
}

a.rosso, a.rosso:hover, a.rosso:focus, a.rosso:active, a.rosso:visited {
    color: #cc0000;
}

#frivolo {
    padding-top: 4.5em;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 0px black;
}

#protetto h3 {
    text-shadow: 0px 0px 0px black;
}

h4 {
    text-shadow: 0px 0px 0px black;
}

section h2 {
    width: auto;
    font-size: 3em;
    font-weight: 700;
}

section h3 {
    width: auto;
    font-weight: 400;
}

section h1 {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
    border: 3px solid #0e1832;
    background-color: #FF161A;
    text-shadow: 2px 2px 0px #840002;
    color: #ffffff;
    display: inline-block;
    position: relative;
    letter-spacing: 0.2em;
}

#page-top #home {
    padding-top: 4em;
    padding-bottom: 2em;
}

section {
    padding-top: 3em;
    padding-bottom: 3em;
}

.section-header {
    color: #ffffff;
    text-align: right;
    margin-bottom: 2em;
    padding-right: 1em;
    background-image: url(../img/red.png);
}

header h1 {
    font-family: 'Voltaire', sans-serif;
    color: #ffffff;
    letter-spacing: -0.03em;
    text-shadow: 2px 2px 0px black;
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: 'Whitney SSm A', sans-serif;
    font-weight: 500;
    font-style: normal;
    /*font-family: 'GothamBook';*/
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    font-size: 2em;
    background-image: url(../img/light_toast.png);
    background-repeat: repeat;
    color: #4a5666;
}

header {
}

.skillsframe {
    background-color: #ffccaa;
}

.drappo {
    border: 2px solid;
    display: inline-block;
    position: relative;
    padding: 0 40px;
    margin: 20px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border-right: 0;
    border-left: 0;
}

.drappo:after,
.drappo:before {
    border: 2px solid;
    height: 30px;
    width: 30px;
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    transform: rotate(45deg);
}

.drappo:after {
    right: -23px;
}

.drappo:before {
    left: -23px;
}

.rotoskills {
    display: inline;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2.5em;
    padding: 0px 20px;
    margin: 0px;
    background-image: url(../img/red.png);
    text-transform: uppercase;
    font-weight: normal;
    color: #ffffff;
    text-shadow: 2px 2px 0px black;
    letter-spacing: normal;
    -webkit-box-shadow: 2px 2px 0px 0px #000000;
    box-shadow: 2px 2px 0px 0px #000000;
    border-top: medium solid #FFFFFF;
    border-bottom: medium solid #FFFFFF;
}

#stretchme {
    -webkit-transform: rotate(-3deg) skew(-3deg, 0);
    -moz-transform: rotate(-3deg) skew(-3deg, 0);
    -ms-transform: rotate(-3deg) skew(-3deg, 0);
    -o-transform: rotate(-3deg) skew(-3deg, 0);
    transform: rotate(-3deg) skew(-3deg, 0);
}

#title {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
}

.serviceblock {
    color: white;
    width: 20%;
    padding: 1em;
    margin: 0px;
    background-color: #84B929;
    float: left;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    text-shadow: 1px 1px 0px black;
    text-align: center;
}

.serviceblock .description {
    font-weight: 500;
    text-transform: none;
    border-width: thin;
    border-top-color: #000000;
    border-top-style: solid;
    display: none;
}

.servicedata {
    color: white;
    width: 20%;
    padding: 1em;
    margin: 0px;
    background-color: #84B929;
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 1px 1px 0px black;
}

.serviceblock .testo {
    clear: both;
}

.serviceblock img {
    width: 20%;
    margin: 0px;
    padding: 0px;
    clear: both;
    background-color: #ffffff;
    border-radius: 128px;
    margin-bottom: 1em;
    -webkit-box-shadow: 2px 2px 0px 0px #000000;
    box-shadow: 2px 2px 0px 0px #000000;
}

.servicebits {
}

.spacer {
    width: 100px;
    height: 5px;
    margin: auto;
    background-color: #FF0004;
}

section.module.parallax {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    background-position: 0 0;
}

section.module.parallax-1 {
    background: url(../img/treno.png) 50% 0 fixed;
    background-size: cover;
}

section.module.parallax-2 {
    background: url(../img/treno.png) 50% 0 fixed;
    background-size: cover;
}

section.module.parallax-3 {
    background: url(../img/hitec.png) 50% 0 fixed;
    background-size: cover;
}

section.module.parallax-4 {
    color: #ffffff;
    background: url(../img/roddy.gif) 50% 0 fixed;
    background-size: cover;
}

.navbar-nav li a {
    font-family: 'Whitney SSm A', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8em;
}

.section-header .section-title span {
    color: #0e1832;
    border-bottom: medium solid #d7dee5;
    margin-bottom: 1rem;
}

#skillbit {
    text-align: center;
}

.skew3 {
    -webkit-transform: rotate(-1deg) skew(-1deg, 0);
    -moz-transform: rotate(-1deg) skew(-1deg, 0);
    -ms-transform: rotate(-1deg) skew(-1deg, 0);
    -o-transform: rotate(-1deg) skew(-1deg, 0);
    transform: rotate(-1deg) skew(-1deg, 0);
}

.rusky {
    color: #ffffff;
    background-image: url(../img/red.png);
    margin-bottom: 1.5em;
    padding: 0.5em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.fun {
    margin-top: 4em;
    display: inline;
    padding: 0.1em;
    font-size: 2em;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #ffffff;
    background-image: url(../img/red.png);
}

.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.container .row .col-lg-6 {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.table-cell1 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.rusky h2 {
    color: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    font-weight: 700;
}

.rusky h2 > span {
    color: #ffffff;


}

.rusky h3 {
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: 700;
}

.rusky h3 > span {
    color: #ffffff;
}

.container .section-header .section-subtitle {
    padding-top: 0.1rem;
}

.strenghts {
    font-family: 'gothambold1', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
}

.tabula {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.whitebox {
    background-color: #ffffff;
    padding: 0.5em;
    opacity: 1;
}

.caseheader h3 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2em;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #FA1A24;
}

.caseheader h4 {

    font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
    font-weight: 700;
    margin-top: 0px;
    padding-top: 0px;
}


#portfolio p {
    font-size: 0.7em;
}


/* General button style (reset) */
.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    padding: 25px 25px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-image: url(../img/red.png);
    word-wrap: break-word;
    white-space: normal !important;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Button 1 */
.btn-1 {
    border: 3px solid #fff;
    color: #fff;
}

.btn-large {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
    color: #FF0000;
    background: #fff;
}

.line-top {
    border-top: medium solid #FFFFFF;
    padding-top: 1em;
    margin-top: 1em;
}

.rotologos li img {
}

.navbar-brand {
    background-image: url(../img/alfologo.png);
    background-repeat: no-repeat;
}

/* Button 4 */
.btn-4 {
    border: 3px solid #fff;
    color: #fff;
    overflow: hidden;
}

.btn-4:active {
    color: #FF0000;
    background: #fff;
}

.btn-4:hover {
    color: #FF0000;
    background: #fff;
}

.btn-4:before {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-4:active:before {
    color: #17954c;
}

/* Button 4a */
.btn-4a:before {
    left: 130%;
    top: 0;
}

.btn-4a:hover:before {
    left: 80%;
}

/* Button 4b */
.btn-4b:before {
    left: -50%;
    top: 0;
}

.btn-4b:hover:before {
    left: 10%;
}

.am-wrapper {
    float: left;
    position: relative;
    overflow: hidden;
}

.am-wrapper img {
    position: absolute;
    outline: none;
}

.funtowork {
    background-image: url(../img/red.png);
    background-repeat: repeat;
}

.funtowork span {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 0px black;
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
    .btn-large {
        width: 100%;

    }

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-large {
        width: 100%;

    }

}

/* Portrait tablets and small desktops */
@media (min-width: 769px) and (max-width: 991px) {
    .btn-large {
        width: 100%;

    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
    .rusky {
        text-align: center;
    }

    section h2 {
        width: auto;
        font-size: 3em;
        font-weight: normal;
    }

    body {
        font-size: 1.5em;
    }

    .navbar {
        font-size: 2em;

    }

    #slide-column {
        padding-left: 0px;
        margin-left: 0px;
    }

    .btn-large {
        width: 80%;

    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    body {
        font-size: 1.5em;
    }

    .btn-large {
        width: 80%;

    }

    .rusky {
        text-align: center;
    }

    section h2 {
        width: auto;
        font-size: 2.3em;
        font-weight: normal;
    }

    .navbar {
        font-size: 2em;

    }

    #slide-column {
        padding-left: 0px;
        margin-left: 0px;
    }

}


.case-item {
    display: block;
    position: relative;
    margin: 0;

    border: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
    overflow: hidden;

}


.case-item img {

    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.case-item:hover img,
.case-item.active img {
    -webkit-transform: scale(1.3) rotate(-3deg);
    transform: scale(1.3) rotate(-3deg);
}

.case-item:nth-child(2n):hover img,
.case-item:nth-child(2n).active img {
    -webkit-transform: scale(1.3) rotate(3deg);
    transform: scale(1.3) rotate(3deg);
}

#square-wrapper {

    background-image: url(../img/background_tile.jpg);
    background-repeat: repeat;
}

.side-column {

}

#thumbscolumn {
    overflow: hidden;
}

/* the fucking ul li shit */

#side-slideshow ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-padding-start: 0px;
}

menu,
ol,
ul {
    padding: 0;
}

dd {
    margin: 0;
}


.arrow {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}


/* Button 3c */
.btn-3c {
    padding: 80px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0 3px #da9622;
}

.btn-3c:active {
    box-shadow: 0 3px #dc7801;
}

.btn-3c:before {
    height: 60px;
    width: 100%;
    line-height: 60px;
    background: #fff;
    color: #f29e0d;
    border-radius: 10px 10px 0 0;
}

.btn-3c:active:before {
    color: #f58500;
}

/* Pseudo elements for icons */
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.icon-envelope:before {
    content: "\e000";
}

.icon-cart:before {
    content: "\e007";
}

.icon-cart-2:before {
    content: "\e008";
}

.icon-heart:before {
    content: "\e009";
}

/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
    content: "\f03d";
}

.icon-star:before {
    content: "\e00b";
}

/* Filled star */
.icon-star:after,
.icon-star-2:before {
    content: "\e00c";
}

.icon-arrow-right:before {
    content: "\e00d";
}

.icon-arrow-left:before {
    content: "\e003";
}

.icon-truck:before {
    content: "\e00e";
}

.icon-remove:before {
    content: "\e00f";
}

.icon-cog:before {
    content: "\e010";
}

.icon-plus:before,
.icon-plus:after {
    content: "\e011";
}

.icon-minus:before {
    content: "\e012";
}

.bh-icon-smiley:before {
    content: "\e001";
}

.bh-icon-sad:before {
    content: "\e002";
}

.icon-file:before {
    content: "\e004";
}

.icon-remove-2:before {
    content: "\e005";
}