/*	General
------------------------------*/
    
    * {
        padding: 0;
        margin: 0;
        outline: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-appearance: none;
        -webkit-text-size-adjust: 100%;
    }
    
    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    
    * html .clearfix,
    *:first-child+html .clearfix {
        zoom: 1;
    }
    
    body {
        background: url('') no-repeat top center;
        cursor: default;
        font-family: 'Open Sans', sans-serif;
        color: #1c1c1c;
    }

    img {
        max-width: 100%;
        height: auto;
    }
    
    a img {
        border: 0;
    }
    
    .container {
       position: relative;
        width: 96%;
        max-width: 1170px;
        margin: 0 auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    .site-wrapper {
        overflow: hidden;
    }
   
    
/*	Custom color
------------------------------*/


    header nav ul li a:hover,
    header .social ul li a:hover,
    header.tiny nav ul li a:hover,
    header.tiny .social ul li a:hover,
    .general-content a,
    section .section-subtitle,
    section.cta .button a:hover,
    section.services .item .text h3
    {
        color: #00a3e4;
    }
    
    .general-content ul li:before,
    section.full-color,
    section.cta,
    section.services .item .icon {
        background: #00a3e4;
    }
    
    section.top-border .container {
        border-top-color: #00a3e4;
    }

    
    
/*	Header
-------------------------------------------*/
    
    header {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       padding: 60px 0 0 0;
       z-index: 99;
       transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
       -webkit-transition: all 0.4s ease 0s;
    }

        /*
         * Logo
         */
         
        header .logo {
            float: left;
            height: 30px;
        }
        
            header .logo a {
                display: block;
                text-decoration: none;
            }

            header .logo img {
                float: left;
                display: block;
                position: relative;
                max-width: 35px;
            }

            header .logo h1 {
                float: left;
                margin-left: 7px;
                font-family: 'Open Sans Condensed', sans-serif;
                font-size: 30px;
                line-height: 30px;
                font-weight: 700;
                color: #00a3e4;
                text-shadow: 0 1px 0 #0000a0;
                letter-spacing: -0.01em;
                
            }
            
        /*
         * Nav
         */
         
        header nav {
            float: right;
        }
        
            header nav #nav-toggle {
                display: none;
                margin-top: 4px;
                font-family: 'Open Sans Condensed', sans-serif;
                font-size: 24px;
                line-height: 24px;
                font-weight: 700;
                color: #1c1c1c;
                text-transform: uppercase;
                cursor: pointer;
            }
        
            header nav ul {
                position: relative;
                margin-top: 10px;
                list-style: none;
            }
            
                header nav ul li {
                    float: left;
                    margin-left: 25px;
                    font-family: 'Open Sans Condensed', sans-serif;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 700;
                    color: #1c1c1c;
                    text-transform: uppercase;
                    
                }
                
                    header nav ul li:first-child { margin-left: 0; }
                    
                    header nav ul li a {
                        text-decoration: none;
                        color: #1c1c1c;
                        transition: all 0.3s ease 0s;
                        -moz-transition: all 0.3s ease 0s;
                        -webkit-transition: all 0.3s ease 0s;
                    }
                        
        /*
         * Bottom
         */
                        
        header .bottom {
            display: block;
            margin-top: 15px;
            padding: 10px 0 0 0;
            border-top: 1px solid rgba(28,28,28,0.99);
            transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
        }
                        
            /*
             * Slogan
             */
             
            header .slogan {
                float: left;
                position: relative;
                top: 5px;
                font-family: 'Open Sans Condensed', sans-serif;
                font-size: 14px;
                line-height: 14px;
                letter-spacing: 0.02em;
                font-weight: 300;
            }
                            
            /*
             * Social
             */
             
            header .social {
                float: right;
            }
            
                header .social ul {
                    list-style: none;
                }
                
                    header .social ul li {
                        position: relative;
                        float: left;
                        font-size: 20px;
                        line-height: 24px;
                        margin-left: 10px;
                    }
    
                        header .social ul li:first-child { margin-left: 0; }
                        
                        header .social ul li a {
                            color: #1c1c1c;
                            text-decoration: none;
                            transition: all 0.3s ease 0s;
                            -moz-transition: all 0.3s ease 0s;
                            -webkit-transition: all 0.3s ease 0s;
                        }

                header .social.flags i {
                    position: relative;
                    top: -3px;
                }
                        
    /*
     * Tiny
     */
     
    header.tiny {
        background: rgba(28,28,28,0.99);
        padding: 20px 0 20px 0;
    }
    
        header.tiny .logo h1 {
            font-size: 24px;
            color: #fff;
        }
        
        header.tiny nav ul {
            margin-top: 5px;
        }
        
            header.tiny nav ul li a {
                color: #fff;
            }
        
        header.tiny .bottom { display: none; }
                    


/*	Footer
-------------------------------------------*/
    
    footer {
       padding: 40px 0;
       box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2) inset;
       background: #1c1c1c;
       color: #fff;
       text-align: center;
       font-family: 'Open Sans Condensed', sans-serif;
       font-size: 14px;
       line-height: 14px;
       letter-spacing: 0.02em;
       font-weight: 300;
    }
    

/*  Page header
-------------------------------------------*/

    .page-header {
        position: relative;
        height: 550px;
        background: #e5e0d6;
        padding-top: 150px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
        .page-header .swiper-container {
            background: #1c1c1c;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-top: 1px solid #1c1c1c;
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
        }
        
            /*
             * Slide
             */
    
            .page-header .swiper-slide {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 300px;
                background-repeat: no-repeat;
                background-position: top center;
                background-size: cover;
            }
            
                .page-header .swiper-slide.with-text:before {
                    position: absolute;
                    content: '';
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                 <--   background: rgba(0,0,0,0.6);	-->
                    z-index: 1;
                }
                
                .page-header .swiper-slide.with-text .layer {
                    position: relative;
                    z-index: 2;
                    max-width: 80%;
                    margin: 0 auto;
                    color: #fff;
                    text-shadow: 0 1px 0 #000;
                }
                
                    .page-header .swiper-slide.with-text .layer h3 {
                        font-family: 'Open Sans Condensed', sans-serif;
                        font-size: 22px;
                        line-height: 26px;
                        text-transform: uppercase;
                    }
                    
                    .page-header .swiper-slide.with-text .layer p {
                        padding-top: 20px;
                    }
            
            /*
             * Pagination
             */
            
            .page-header .swiper-pagination {
                position: relative;
                bottom: auto;
                margin-top: 20px;
            }
            
                .page-header .swiper-pagination-bullet {
                    width: 12px;
                    height: 12px;
                    margin: 0 4px;
                    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
                    -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
                    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
                }
                
                .page-header .swiper-pagination-bullet-active {
                    background: #1c1c1c;
                }


/*	General Content
-------------------------------------------*/

    .general-content {
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
    }
    
        .general-content > *:first-child { margin-top: 0; padding-top: 0; }
        
        .general-content h3 {
            font-size: 18px;
            line-height: 22px;
        }

        .general-content p {
            padding-top: 26px;
            text-align: justify;
        }
        
            .general-content h3 + p { padding-top: 20px; }
        
            .general-content strong { font-weight: 600; }
        
        .general-content a {
            text-decoration: underline;
        }
        
            .general-content a:hover { text-decoration: none; }
        
        .general-content ul {
            margin-top: 20px;
            list-style: none;
        }
        
            .general-content h3 + ul { margin-top: 23px; }
        
            .general-content ul li {
                position: relative;
                padding-left: 22px;
                margin-top: 10px;
                font-size: 16px;
                line-height: 20px;
            }
            
                .general-content ul li:before {
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 6px;
                    content: '';
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                }
            
                .general-content ul li:first-child { margin-top: 0; }

                .general-content ul li strong {
                    font-weight: 700;
                }

    .general-content img {
        display: block;
        margin: 0 auto;
        padding: 10px !important;
        box-sizing: border-box;
        background: #e5e0d6;
    }


/*	Section (global)
-------------------------------------------*/

    section {
        padding: 60px 0 0 0;
    }
    
            section.top-border .container {
                border-top: 1px solid #1c1c1c;
                padding-top: 60px;
            }
            
            section.full-color {
                margin-top: 80px;
                padding-bottom: 100px;
            }
    
        section .section-title {
            position: relative;
            font-family: 'Unica One', cursive;
            font-size: 28px;
            line-height: 32px;
            letter-spacing: 0.02em;
            font-weight: 400;
            text-align: center;
            text-transform: uppercase;
        }
        
            section.full-color .section-title {
                color: #fff;
            }
        
            section .section-title:after {
                position: relative;
                display: block;
                content: '';
                margin: 5px auto 0 auto;
                left: -0.02em;
                width: 40px;
                height: 1px;
                background: #1c1c1c;
            }
            
                section.full-color .section-title:after { background: #fff; }
            
        section .section-subtitle {
            position: relative;
            max-width: 400px;
            margin: 10px auto 0 auto;
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 16px;
            line-height: 16px;
            font-weight: 300;
            text-align: center;
        }
        
            section.full-color .section-subtitle { color: #fff; }
        
        section .section-content {
            margin-top: 60px;
        }
        
            section .section-content .col-50 {
                float: left;
                width: 48.5%;
            }
            
                section .section-content .col-50 + .col-50 { margin-left: 3%; }


/*	Section : CTA
-------------------------------------------*/

    section.cta {
        padding: 30px 0;
    }
    
        section.cta .container {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        /*
         * Text
         */
    
        section.cta .text {
            float: left;
            width: 75%;
            padding: 0 20px 0 0;
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 22px;
            line-height: 30px;
            color: #fff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        
        /*
         * Button
         */
        
        section.cta .button {
            float: right;
            width: 25%;
        }
        
            section.cta .button a {
                float: right;
                display: inline-block;
                padding: 18px 40px 16px 40px;
                border: 2px solid #fff;
                border-radius: 8px;
                background: transparent;
                font-family: 'Open Sans Condensed', sans-serif;
                font-size: 24px;
                line-height: 24px;
                font-weight: 700;
                color: #fff;
                text-decoration: none;
                text-transform: uppercase;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -webkit-transition: all 0.3s ease 0s;
            }
            
                section.cta .button a:hover { background: #fff; }

    
/*	Section : About
-------------------------------------------*/

    section.about {}
    

/*	Section : Services
-------------------------------------------*/

    section.services {}
    
    /*
     * Item
     */
     
    section.services .item {
        position: relative;
        float: left;
        width: 48.5%;
        margin-bottom: 45px;
        padding-left: 100px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
        section.services .item:nth-child(even) { margin-left: 3%; }
        section.services .item:nth-child(odd) { clear: left; }
        
        section.services .item .icon {
            position: absolute;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            font-size: 40px;
            line-height: 40px;
            color: #fff;
        }
        
        section.services .item .text {
            min-height: 105px;
        }
        
            section.services .item .text h3 {
                font-size: 24px;
                line-height: 24px;
                font-weight: 700;
            }
            
            section.services .item .text p {
                padding-top: 10px;
                font-size: 16px;
                line-height: 26px;
                font-weight: 300;
                text-align: justify;
            }
            
            
/*	Section : Contact
-------------------------------------------*/

    section.contact {}
    
        section.contact .container { max-width: 767px; }
        
        section.contact .map {
            height: 230px;
            border-radius: 4px;
        }
        
        section.contact .info {
            margin-top: 30px;
            color: #fff;
            text-align: center;
        }
        
            section.contact .info ul {
                display: inline-block;
                list-style: none;
            }
            
                section.contact .info ul li {
                    margin-top: 10px;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 300;
                }
                
                    section.contact .info ul li strong {
                        font-weight: 700;
                    }
                    
                        section.contact .info ul li a {
                            text-decoration: none;
                            color: #fff;
                        }
                        
                            section.contact .info ul li a:hover { text-decoration: underline; }
                
                    section.contact .info ul li:first-child { margin-top: 0; }
        
        section.contact .wrapper {
            margin-top: 30px;
        }
        
        section.contact .row {
            margin-top: 15px;
        }
        
            section.contact .row:first-child { margin-top: 0; }
            
            section.contact .row span.form-msg {
                display: block;
                padding: 20px 0 0 23px;
                font-size: 12px;
            }
        
        section.contact input,
        section.contact textarea {
            display: block;
            width: 100%;
            padding: 18px 23px;
            border: 2px solid #fff;
            border-radius: 4px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            line-height: 22px;
            font-weight: 700;
            color: #1c1c1c;
        }
        
            section.contact textarea {
                resize: none;
                height: 200px;
            }
            
            section.contact .error {
                border-color: #ff0000;
            }
            
        section.contact button {
            display: block;
            width: 100%;
            padding: 22px 20px;
            border: none;
            outline: none;
            border-radius: 4px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 18px;
            line-height: 22px;
            font-weight: 700;
            background: rgba(28,28,28,0.85);
            color: #fff;
            text-transform: uppercase;
            transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            cursor: pointer;
        }
        
            section.contact button:hover {
                background: rgba(28,28,28,1);
            }
            
        
        section.contact .success-msg {
            margin-top: 60px;
            display: none;
            text-align: center;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: #fff;
        }
        
            section.contact .success-msg h3 {
                font-size: 20px;
                line-height: 24px;
                font-weight: 700;
            }
            
            section.contact .success-msg p {
                margin-top: 20px;
            }


/*	Third party : Famfam flags
-------------------------------------------*/

[class^="famfamfam-flag"],
[class*=" famfamfam-flag"] {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    background-image: url("../img/flags.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.famfamfam-flag-hu { background-position: -160px -64px; width: 16px; height: 11px; }
.famfamfam-flag-gb { background-position: -176px -22px; width: 16px; height: 11px; }
.famfamfam-flag-de { background-position: -160px -166px; width: 16px; height: 11px; }

        
        
/*	Responsive
-------------------------------------------*/

    @media(max-width: 1024px) {
        
        header nav #nav-toggle { display: block; }
        header nav ul { display: none; z-index: 99; position: absolute; right: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
        background: rgba(28,28,28,0.95); margin-top: 18px; padding: 20px; width: 280px; }
        header nav ul li { float: none; margin: 10px 0 0 0 !important; text-align: right; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.1);  }
        header nav ul li:first-child { margin-top: 0 !important; padding-top: 0; border-top: none; }
        header nav ul li a { display: block; color: #fff; text-align: right; }
        
        header.tiny { padding: 15px 0 12px 0; }
        header.tiny nav #nav-toggle { color: #fff; }
        
    }
    
    @media(max-width: 960px) {
    
        section.cta { text-align: center; }
        section.cta .container { display: block; }
        section.cta .text { float: none; width: 100%; padding: 0; }
        section.cta .button { float: none; width: 100%; margin-top: 25px; }
        section.cta .button a { float: none; }
        
        section .section-content .col-50 { float: none; width: 100%; }
        section .section-content .col-50 + .col-50 { margin: 30px 0 0 0; }
        section .section-content { margin-top: 45px; }
        
        section.services .item { float: none; width: 100%; }
        section.services .item:nth-child(even) { margin-left: 0; }
        section.services .item:last-child { margin-bottom: 0; }
        section.services .item .text { min-height: 0; padding-top: 15px; }
        
    }
    
    @media(max-width: 767px) {
        
        section.cta .text { font-size: 20px; line-height: 28px; }
        section.cta .text br { display: none; }
        section.cta .button a { padding: 15px 30px 13px 30px; font-size: 22px; line-height: 22px; }
        
        section { padding: 45px 0 0 0; }
        section.top-border .container { padding-top: 45px; }
        section.full-color { margin-top: 60px; padding-bottom: 80px; }
        
        section.services .item .text h3 { font-size: 22px; line-height: 22px; }
        
    }
    
    @media(max-width: 570px) {
        
        .container { width: 94%; }
        
        header { padding-top: 30px; }
        header .logo h1 { font-size: 26px; }
        header nav #nav-toggle { margin-top: 2px; }
        header nav #nav-toggle span { display: none; }
        header nav ul { left: 0; width: 100%; }
        
        .page-header { height: 500px; padding-top: 130px; }
        
        section.cta .button a { padding: 10px 25px 10px 25px; font-size: 20px; line-height: 20px; }
        
        section.full-color { margin-top: 40px; padding-bottom: 60px; }
        
        section.services .item { padding-left: 0; }
        section.services .item .icon { position: relative; margin: 0 auto; }
        section.services .item .text { text-align: center; padding-top: 25px; }
        section.services .item .text p { padding-top: 20px; text-align: center; }
        
    }
    
    @media(max-width: 480px) {
        
        .container { width: 92%; }
        
        header { padding-top: 20px; }
        header .logo h1 { font-size: 23px; }
        header nav #nav-toggle { margin-top: 2px; }
        header .bottom { text-align: center; padding-top: 0; }
        header .slogan { float: none; top: 0; background: rgba(255,255,255,0.8); padding: 10px 0; border-bottom: 1px solid #1c1c1c; }
        header .social { float: none; margin-top: 15px; }
        header .social ul { display: inline-block; }
        header .social ul li { font-size: 30px; }

        .page-header { height: 470px; padding-top: 160px; }
        .page-header .swiper-slide { height: 250px; }
        .page-header .swiper-slide.with-text .layer h3 { font-size: 17px; line-height: 22px; }
        .page-header .swiper-slide.with-text .layer p { padding-top: 10px; font-size: 13px; }
        
        section { padding: 35px 0 0 0; }
        section.top-border .container { padding-top: 35px; }
        section .section-content { margin-top: 30px; }
        section.services .section-content { margin-top: 40px; }
        section.full-color { padding-bottom: 50px; }
        .general-content { font-size: 15px; }
        .general-content h3 { font-size: 17px; }
        
        section.cta { padding: 20px 0; }
        section.cta .text { font-size: 17px; line-height: 26px; }
        section.cta .button { margin-top: 20px; }
        section.cta .button a { display: block; padding-bottom: 12px; }
        
        section.contact .info ul li { font-size: 15px; }
        section.contact .info ul li strong { display: block; padding-bottom: 2px; }
        section.contact input,
        section.contact textarea { font-size: 15px; line-height: 21px; padding: 16px 20px; font-weight: 400; }
        section.contact button { padding: 18px 20px 16px 20px; }
        section.contact .row span.form-msg { padding: 15px 0 0 20px; }
        
        section.services .item { margin-bottom: 35px; }
        section.services .item .icon { width: 60px; height: 60px; font-size: 30px; line-height: 30px; }
        section.services .item .text { padding-top: 15px; }
        section.services .item .text h3 { font-size: 20px; line-height: 20px; }
        section.services .item .text p { padding-top: 15px; font-size: 15px; }
        
    }