/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.zerogrid{ width: 1200px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}


/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu
{
display:                none;
padding:                5px;
cursor:                 pointer;
color:                  #fff;
background:             #fff;
-webkit-border-radius:  4px;
-moz-border-radius:     4px;
border-radius:          4px;
}

	
.icon-bar 			
{
display:                 block;
width:                   20px;
height:                  3px;
margin:                  5px;
background-color:        #f4421a;
-webkit-border-radius:   2px;
-moz-border-radius:      2px;
border-radius:           2px;
}


.show{display:block!important;}

@media only screen and (min-width: 249px) and (max-width: 479px) {
    .zerogrid{width:100%;}
    .zerogrid .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
    
   header{ 
        background: url(images/bg-header-mini.jpg) no-repeat center center;
    }

        header h1 a {
            font-size: 20px;
        }

    header, div.container {
        margin: 0 1.2em;
    }

        div.container h1 {
            padding: 30px 0 0 0;
        }

    nav#navigation {
        margin: 0 1.2em;
        display: none;
    }

        nav#navigation ul li {
            float: none;
            display: block;
            width: 100%;
        }

            nav#navigation ul li a {
                height: 35px;
                line-height: 35px;
                font-size: 1em;
                padding: 0 0 0 20px;
                border-bottom: 1px solid #f4421a;
            }

                nav#navigation ul li a:hover {
                    color: #f4421a;
                    background: #fff;
                }


        nav#navigation ul ul {
            width: 100%;
            position: relative;
            display: table;
        }


            nav#navigation ul ul li a {
                font-size: .85em;
                height: 35px;
                line-height: 35px;
                padding: 0 10px 0 30px;
            }

                nav#navigation ul ul li a:hover {
                    color: #f4421a;
                    background: #fff;
                    text-decoration: none;
                }


            nav#navigation ul ul ul {
                width: 100%;
                margin: 0 0 0 -100%;
                border: 0px solid #af3738;
            }


            nav#navigation ul ul li ul {
                width: 100%;
                position: relative;
            }


    .btn-responsive-menu {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}

    header{ 
        background: url(/images/SfondoTheCore.jpg) no-repeat center center;
    }

        header h1 a {
            font-size: 20px;
        }

    header, div.container {
        margin: 0 1.2em;
    }

        div.container h1 {
            padding: 30px 0 0 0;
        }

    nav#navigation {
        margin: 0 1.2em;
        display: none;
    }

        nav#navigation ul li {
            float: none;
            display: block;
            width: 100%;
        }

            nav#navigation ul li a {
                height: 35px;
                line-height: 35px;
                font-size: 1em;
                padding: 0 0 0 20px;
                border-bottom: 1px solid #f4421a;
            }

                nav#navigation ul li a:hover {
                    color: #f4421a;
                    background: #fff;
                }


        nav#navigation ul ul {
            width: 100%;
            position: relative;
            display: table;
        }


            nav#navigation ul ul li a {
                font-size: .85em;
                height: 35px;
                line-height: 35px;
                padding: 0 10px 0 30px;
            }

                nav#navigation ul ul li a:hover {
                    color: #f4421a;
                    background: #fff;
                    text-decoration: none;
                }


            nav#navigation ul ul ul {
                width: 100%;
                margin: 0 0 0 -100%;
                border: 0px solid #af3738;
            }


            nav#navigation ul ul li ul {
                width: 100%;
                position: relative;
            }


    .btn-responsive-menu {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
    .zerogrid {
        width: 100%;}
    
    header{ 
        background: url(/images/SfondoTheCore.jpg) no-repeat center center;
    }

        header h1 a {
            font-size: 20px;
        }

    header, div.container {
        margin: 0 1.2em;
    }

        div.container h1 {
            padding: 30px 0 0 0;
        }

    nav#navigation {
        margin: 0 1.2em;
        display: none;
    }

        nav#navigation ul li {
            float: none;
            display: block;
            width: 100%;
        }

            nav#navigation ul li a {
                height: 35px;
                line-height: 35px;
                font-size: 1em;
                padding: 0 0 0 20px;
                border-bottom: 1px solid #f4421a;
            }

                nav#navigation ul li a:hover {
                    color: #f4421a;
                    background: #fff;
                }


        nav#navigation ul ul {
            width: 100%;
            position: relative;
            display: table;
        }


            nav#navigation ul ul li a {
                font-size: .85em;
                height: 35px;
                line-height: 35px;
                padding: 0 10px 0 30px;
            }

                nav#navigation ul ul li a:hover {
                    color: #f4421a;
                    background: #fff;
                    text-decoration: none;
                }


            nav#navigation ul ul ul {
                width: 100%;
                margin: 0 0 0 -100%;
                border: 0px solid #af3738;
            }


            nav#navigation ul ul li ul {
                width: 100%;
                position: relative;
            }


    .btn-responsive-menu {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
        .zerogrid {
            width: 100%;
        }

        header {
            background: url(/images/SfondoTheCore.jpg) no-repeat center center;
        }

        header, div.container {
            margin: 0 3em;
        }

            div.container h1 {
                padding: 80px 0 0 0;
            }

        nav#navigation {
            margin: 0 3em;
        }


            nav#navigation li#sottomenu {
                background: url(plus.png) no-repeat 100% 55%;
            }
    }

@media only screen and (min-width: 1025px) and (max-width:1199px) { 
.zerogrid {
        width: 100%;
    }

    header {
        background: url(/images/SfondoTheCore.jpg) no-repeat center center;
    }

    header, div.container {
        margin: 0 3em;
    }

        div.container h1 {
            padding: 80px 0 0 0;
        }

    nav#navigation {
        margin: 0 3em;
    }


        nav#navigation li#sottomenu {
            background: url(plus.png) no-repeat 100% 55%;
        }
}

@media only screen and (min-width: 1200px){
.zerogrid {
        width: 1200px;
    }

    header {
        background: url(/images/SfondoTheCore.jpg) no-repeat center center;
    }

    header, div.container {
        margin: 0 3em;
    }

        div.container h1 {
            padding: 80px 0 0 0;
        }

    nav#navigation {
        margin: 0 3em;
    }


        nav#navigation li#sottomenu {
            background: url(plus.png) no-repeat 100% 55%;
        }
}