@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,900italic,900,700italic);

/**** Base styles ****/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, img {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 100%;
    /*
	color:#8b8b8b;
	height: 100%;
	*/
    color: #888B8D;
}

a {
    outline: none;
    color: #353535;
    text-decoration: none;
    font-size: 16px;
}

    a:hover {
        text-decoration: underline;
    }

/**** Struct ****/
#wrapper {
    display: table;
    height: 100%;
    overflow: hidden;
    position: relative;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
}

#menu #menu-toggle {
    display: none;
}

#menu {
    float: right;
    margin: 0 0 0 15px;
    padding: 0;
    height: 100%;
}

    #menu li {
        margin: 0 8px 0 0;
        padding: 0;
        height: 100%;
        display: inline-block;
    }

        #menu li a {
            /*color:#381e58;*/
            color: #582C83;
            text-transform: uppercase;
            font-size: 0.9em;
            float: left;
            margin: 25px 0 0 0;
            text-align: center;
        }

            #menu li a#rss img, #menu li a#tw img, #menu li a#fb img {
                margin: -6px 0 0 0;
            }

nav {
    height: 70px;
    background-color: #ffffff;
    margin: auto;
    padding: 0;
    width: 990px;
}

    nav h1 {
        background: url("/images/logo symbol finale.jpg") no-repeat scroll center 2px / 100% auto rgba(0, 0, 0, 0);
        color: #FFFFFF;
        cursor: pointer;
        float: left;
        font-size: 100%;
        height: 65px;
        margin: 0;
        text-indent: -9999px;
        width: 278px;
    }

#skrollr-body {
    margin: 0;
    padding: 0;
    height: 100%;
}


/**** SECTIONS ****/
.section {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
}

.separator {
    height: 300px;
    background-color: #fff;
}

.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
    height: 100vh;
}

#pre-about-us {
    background-image: url('../images/bg-about.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-our-approach {
    background-image: url('../images/bg-our-approach.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-contact-us {
    background-image: url('../images/bg-contact-us.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-team {
    background-image: url('../images/bg-team.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-partners {
    background-image: url('../images/bg-partners.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-portfolio {
    background-image: url('../images/bg-portfolio.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-advisor {
    background-image: url('../images/bg-advisor.jpg');
    height: 400px;
    background-position: center bottom;
}

#pre-news {
    background-image: url('../images/bg-news.jpg');
    height: 400px;
    background-position: center bottom;
}

/**** INTRO ****/
#intro {
    /*background-image:url('../images/bg-intro.jpg');*/
    margin: 65px 0 0 0;
    height: 500px;
}

    #intro img {
        margin: 20px auto;
    }

    #intro h1 {
        margin: 100px 0 0 0;
        /*color:#381e58;*/
        color: #582C83;
        font-weight: 400;
        font-size: 3em;
        text-transform: uppercase;
        text-shadow: 0 1px #ccc;
    }


    #intro h2, #intro h3 {
        margin: 20px 0 0 20%;
        /*color:#381e58;*/
        color: #582C83;
        text-align: center;
        font-weight: 100;
        font-size: 2em;
        text-shadow: 0 1px #000;
        width: 60%;
    }

.anchor {
    width: 100%;
    margin: 100px 0 0 0;
    float: left;
}

/**** ABOUT US ****/
#about-us {
    background-color: #fff;
    height: 380px; /*650px;	*/
}

    #about-us p strong {
        color: #353535;
    }

/**** OUR APPROACH ****/
#our-approach {
    background-color: #fff;
    height: 500px;
}

    #our-approach .box {
        width: 33%;
        height: 100%;
        margin: 24px 0 0 0;
        padding: 0;
        float: left;
    }

    #our-approach .wrapper-box-icon {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
        height: 120px;
        float: left;
    }

    #our-approach .box-icon {
        width: 120px;
        margin: auto;
        padding: 0;
        height: 120px;
        border: 3px solid #dcdcdc;
        background-color: #513a6d;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
    }

    #our-approach .box-icon2 {
        border: 3px solid #513a6d;
        background-color: #fff;
    }

    #our-approach .box-title {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 1.2em;
        color: #424242;
        text-transform: uppercase;
        text-align: center;
    }

    #our-approach .box-text {
        width: 90%;
        margin: 10px 0 0 10%;
        padding: 0;
        list-style: none;
        list-style-position: inside;
    }

        #our-approach .box-text li {
            margin: 0 0 10px 0;
            font-size: 0.9em;
            padding: 0 0 0 25px;
        }

            #our-approach .box-text li.bullet1 {
                background: url('../images/bullet.png') no-repeat 0 2px;
            }

            #our-approach .box-text li.bullet2 {
                background: url('../images/bullet2.png') no-repeat 0 2px;
            }

/**** TEAM ****/
#team {
    /**background-color:#ebebeb;**/
    height: 1900px;
}


.box-team {
    width: 50%;
    margin: 24px 0 0 0;
    padding: 0;
    float: left;
    position: relative;
    height: 350px;
}

.team-twitter, .team-linkedin, .team-mail {
    position: absolute;
    top: -20px;
    left: 60%;
    background-color: #fff;
    /*border:2px solid #381e58;*/
    border: 2px solid #582C83;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

    .team-twitter:hover, .team-linkedin:hover, .team-mail:hover {
        background-color: #b19ac8;
        /*border:2px solid #381e58;*/
        border: 2px solid #582C83;
    }

.team-linkedin {
    top: 35px;
    left: 65%;
}

.team-mail {
    top: 90px;
    left: 64%;
}

.wrapper-box-icon-team {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    height: 120px;
    float: left;
}

.box-team {
    /*height: 100%;	*/
}

.box-icon-team {
    width: 120px;
    margin: auto;
    padding: 0;
    height: 120px;
    border: 2px solid #513a6d;
    background-color: #fff;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    overflow: hidden;
    box-shadow: 1px 5px 2px #888;
}

.box-title-team {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #424242;
    text-transform: uppercase;
    text-align: center;
}

.box-subtitle-team {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #8b8b8b;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
}

.box-text-team {
    width: 90%;
    margin: 10px 0 0 10%;
    padding: 0;
    list-style: none;
    list-style-position: inside;
}

    .box-text-team li {
        margin: 0 0 0 0;
        font-size: 0.8em;
        padding: 0 0 0 0;
        list-style: square;
    }

/*
.box-text-team li:first-child
{
	color:#381e58;
	list-style:none;
	font-weight:bold;
	margin-left:-14px;
	font-size:1.0em;
} 
*/
/**** PORTFOLIO ****/
#portfolio {
    background-color: #fff;
    color: #7a6f87;
    height: 630px;
    overflow: hidden;
}

.box-porfolio {
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid #dcdcdc;
    background-color: #f2f2f2;
    width: 200px;
    height: 250px;
}

    .box-porfolio div {
        width: 100%;
        height: 70px;
        margin: 0;
        padding: 0;
    }

#wrapper-portfolio p {
    width: 86%;
    height: auto;
    margin: 30px 0 40px 0;
    padding: 0;
    font-size: 0.9em;
    color: #999;
}

.box-porfolio a:hover {
    text-decoration: none;
}

.box-porfolio:hover {
    border: 1px solid #dcdcdc;
    -moz-box-shadow: 1px 1px 4px #876fa4;
    -webkit-box-shadow: 1px 1px 4px #876fa4;
    box-shadow: 1px 1px 4px #876fa4;
    text-decoration: none;
}

.box-porfolio span {
    float: right;
    margin: 0 0 0 0;
    text-align: center;
    /*background-color:#381e58;*/
    background-color: #582C83;
    padding: 2px;
    width: 50px;
    color: #fff;
}

.box-porfolio span {
    color: #fff;
    font-size: 0.8em;
}

/**** NEWS ****/
#news {
    height: 750px;
}

    #news p strong {
        color: #353535;
    }

#wrapper-news ul {
    /*width:40%;*/
    float: right;
    margin: 30px 0 0 0;
    padding: 0;
}

    #wrapper-news ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }
/*
#wrapper-news h1 
{
	width:100%;
	float:left;	
	margin:35px 0 30px 0;
}

#wrapper-news p 
{
    color: #999;
    font-size: 1.5em;
    height: auto;
    margin: 30px 0 40px;
    padding: 0;
    width: 86%;
}
*/
/**** PARTNERS ****/
#partners {
    background-color: #fff;
    height: 1450px;
}

#p1, #p2 {
    cursor: pointer;
    float: right;
    font-size: 0.5em;
    clear: right;
    margin: 10px 0 0 0;
}

#p2 {
    color: #07000f;
    margin: 0;
}

#container-p1, #container-p2 {
    width: 100%;
    height: 90%;
    margin: 50px 0 0 0;
    padding: 0;
    float: left;
}

#container-p2 {
    display: none;
}


.box-partner {
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid #dcdcdc;
    background-color: #F2F2F2;
    width: 320px;
    height: 250px;
}

    .box-partner div {
        width: 100%;
        height: 70px;
        margin: 0;
        padding: 0;
    }

    .box-partner p {
        width: 86%;
        /*height:120px;*/
        margin: 0;
        padding: 4%;
        font-size: 0.8em;
        color: #999;
    }

        .box-partner p strong {
            width: 100%;
            margin: 0;
            padding: 0;
            font-size: 1.4em;
            font-weight: 300;
            /*color:#381e58;*/
            color: #582C83;
            text-transform: uppercase;
        }

    .box-partner a:hover {
        text-decoration: none;
    }

    .box-partner:hover {
        border: 1px solid #dcdcdc;
        -moz-box-shadow: 1px 1px 4px #876fa4;
        -webkit-box-shadow: 1px 1px 4px #876fa4;
        box-shadow: 1px 1px 4px #876fa4;
        text-decoration: none;
    }

    .box-partner span {
        float: right;
        margin: 0 0 0 0;
        text-align: center;
        /*background-color:#381e58;*/
        background-color: #582C83;
        padding: 2px;
        width: 50px;
        color: #fff;
    }

    .box-partner span {
        color: #fff;
        font-size: 0.8em;
    }

/**** CONTACTS US ****/
#contact-us {
    background-color: #7a6f87;
    color: #fff;
    height: 430px;
    overflow: hidden;
}

    #contact-us h1 {
        width: 30%;
    }

    #contact-us .contact-info, #contact-us .contact-map {
        width: 30%;
        height: 100%;
        margin: 0;
        padding: 0;
        float: left;
    }

        #contact-us .contact-info ul {
            width: 100%;
            margin: 10px 0 0 0;
            padding: 0;
            list-style: none;
        }

        #contact-us .contact-info li {
            width: 100%;
            margin: 10px 0 0 0;
            padding: 0;
            height: 100px;
            float: left;
            font-size: 0.8em;
        }

        #contact-us .contact-info .icon {
            width: 70px;
            height: 70px;
            float: left;
            border: 3px solid #fff;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            margin: 0 10px 0 0;
        }

            #contact-us .contact-info .icon:hover, #contact-us .contact-social .img:hover {
                border: 3px solid #5b3167;
            }

        #contact-us .contact-info span {
            float: left;
            width: 70%;
            margin: 0 0 0 0;
        }

            #contact-us .contact-info span strong {
                font-size: 1.6em;
            }

            #contact-us .contact-info span a {
                color: #fff;
                font-size: 0.9em;
            }

    #contact-us .contact-map {
        width: 65%;
        margin-top: -122px;
    }

.contact-social {
    margin: 0;
    padding: 0;
}

    .contact-social ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .contact-social li {
        display: inline-block;
        margin: 0 8px 0 0;
        padding: 0;
    }

/**** ADVISORS ****/
#advisor {
    background-color: #fff;
    height: 720px;
    overflow: hidden;
}

.box-text-advisor {
    float: left;
    list-style: none;
    list-style-position: inside;
    margin: 10px 0 0 25px;
    padding: 0;
    width: 100%;
    float: left;
}

    .box-text-advisor strong {
        float: left;
        text-transform: uppercase;
        width: 100%;
    }

.title {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    width: 35%;
}

    .title strong {
        margin: 0 0 5px 0;
    }

.description {
    float: left;
    margin: 0;
    padding: 0;
    width: 55%;
}

#advisor li {
    float: left;
    font-size: 0.8em;
    list-style: square;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

/**** FOOTER ****/
#footer {
    background-color: #fff;
    height: 70px;
}

    #footer p {
        font-size: 0.8em;
        margin-top: 20px;
    }


/**** WRAPPERS ****/
#wrapperNav {
    height: 70px;
    background-color: #ffffff;
    position: fixed;
    z-index: 99999;
}

#wrapper-intro, #wrapper-about-us, #wrapper-our-approach, #wrapper-team, #wrapper-portfolio, #wrapper-news, #wrapper-partners, #wrapper-contact-us, #wrapper-footer, #wrapper-advisor {
    height: 100%;
    margin: auto;
    padding: 0;
    width: 1035px;
}

/**** STYLE FOR GENERAL ELEMENT ****/
.section-title {
    font-weight: 100;
    font-size: 3em;
    color: #381e58;
    color: #582C83;
    width: 100%;
    height: auto;
    margin: 20px 0 10px 0;
}

#wrapper-contact-us .section-title {
    color: #fff;
}

/**************************** SCROLLER UP ****************************/
.scrollup {
    width: 44px;
    height: 44px;
    opacity: 0.8;
    position: fixed;
    bottom: 14px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    z-index: 9999;
    background: url('../images/up.png') no-repeat;
}

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

    #wrapperNav {
        width: 100%;
    }

    nav {
        width: 100%;
    }

    /**** MENU****/
    #menu-toggle {
        float: right;
        width: 26px;
        height: 26px;
        background: transparent;
        margin: 20px 10px;
        background-image: url("../images/menu-toggle.png");
        background-size: 100%;
        cursor: pointer;
    }

    #menu {
        display: none;
        width: 100%;
        background-color: #ffffff;
        height: auto;
    }

        #menu li {
            list-style: none;
            margin: 1%;
            /*background-color:#381E58;*/
            background-color: #582C83;
            border-bottom: 1px solid #3b0083;
            color: #582C83;
            cursor: pointer;
            width: 94%;
            padding: 1%;
            text-align: center;
        }

            #menu li:hover {
                background-color: #78678c;
            }

            #menu li a {
                color: #FFFFFF;
                text-align: center;
                font-size: 0.9em;
                margin: auto;
                text-transform: uppercase;
                float: none;
            }

    #menu-none {
        display: none;
    }

    #wrapper {
        display: table;
        /*height: 100%;
		overflow: hidden;*/
        position: relative;
        table-layout: fixed;
        width: 100%;
        background-color: #fff;
    }


    #wrapper-intro, #wrapper-about-us, #wrapper-our-approach, #wrapper-team, #wrapper-portfolio, #wrapper-news, #wrapper-partners, #wrapper-contact-us, #wrapper-footer {
        width: 100%;
    }

    #intro h1, #intro h2, #intro h3 {
        width: 90%;
        margin: 10px 0 0 10px;
    }

    #intro h2, #intro h3 {
        font-size: 1.6em;
    }

    .separator {
        height: 100px;
    }

    .section-title {
        width: 100%;
        margin: 10px 0 0 0;
    }

    #wrapper-intro, #wrapper-about-us, #wrapper-our-approach, #wrapper-team, #wrapper-portfolio, #wrapper-news, #wrapper-partners, #wrapper-contact-us, #wrapper-footer {
        margin: 5px 0 5px 5px;
        width: 100%;
    }

        #wrapper-news ul {
            width: auto;
            margin: 40px 0 0 0;
        }


        #wrapper-news h1 {
            width: auto;
            margin: 25px 0 0 0;
        }

    #about-us, #our-approach, #team, #portfolio, #news, #partners, #contact-us, #footer {
        height: 100%;
    }

    #wrapper-news ul li img {
        width: 40px;
        height: 40px;
    }

    #our-approach .box {
        width: 100%;
    }

    .box-team {
        width: 100%;
    }

    .box-porfolio {
        width: 98%;
    }

        .box-porfolio span {
            bottom: 0;
        }

    #p1, #p2 {
        clear: right;
        cursor: pointer;
        float: left;
        font-size: 0.5em;
        margin: 10px 0 0;
        width: 100%;
    }

    .box-partner {
        width: 98%;
    }

        .box-porfolio div img, .box-partner div img {
            /*width: 100%;*/
            margin: auto;
            display: block;
        }

    #wrapper-contact-us {
        height: auto;
        float: left;
    }

    #contact-us {
        overflow: visible;
    }


        #contact-us .contact-info, #contact-us .contact-map {
            float: left;
            height: 300px;
            margin: 20px 0 0 0;
            padding: 0;
            width: 98%;
            display: block;
        }

        #contact-us h1 {
            width: 100%;
        }
}


@media screen and (max-width: 480px) {
    #pre-about-us, #pre-our-approach, #pre-contact-us, #pre-team, #pre-partners, #pre-portfolio, #pre-news, #pre-advisor {
        display: none;
    }

    .section-title {
        text-align: center;
    }

    /*#news 
	{
		display:none;
	}*/

    #p1, #p2 {
        text-align: center;
        width: 100%;
    }

    .box-team {
        height: 400px;
    }

    #wrapper-intro, #wrapper-about-us, #wrapper-our-approach, #wrapper-team, #wrapper-portfolio, #wrapper-news, #wrapper-partners, #wrapper-contact-us, #wrapper-footer {
        width: 99%;
    }
}

.img-responsive {
    display: block;
    max-width: 90%;
    height: auto;
    vertical-align: middle;
}

.v_spacer_small
{
	width:100%;
	height:10px !important;
}

.v_spacer_smaller
{
	width:100%;
	height:4px !important;
}

.box-partner_higher
{
	height:320px !important;
}

@media (min-width:320px) and (max-width: 479px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */

    #Titolo1 p, #Titolo2 p, #Titolo3 p, #Titolo4 p, #Titolo5 p {
        width: 280px;
    }
}

@media (min-width:480px) and (max-width: 599px) {
    /* smartphones, Android phones, landscape iPhone */
    #Titolo1 p, #Titolo2 p, #Titolo3 p, #Titolo4 p, #Titolo5 p {
        width: 440px;
    }
}

@media (min-width:600px) and (max-width:800px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    #Titolo1 p, #Titolo2 p, #Titolo3 p, #Titolo4 p, #Titolo5 p {
        width: 560px;
    }
    .fancybox-wrap{
        margin-top: 30px;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .fancybox-wrap{
        height: 800px;
    }
}

@media (min-width:801px) and (max-width: 1024px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    #Titolo1 p, #Titolo2 p, #Titolo3 p, #Titolo4 p, #Titolo5 p {
        width: 760px;
    }
}