@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:        Rhythm
Version:        2.10
Last change:    29.06.2018
Primary use:    MultiPurpose Template  
-------------------------------------------------------------------*/

.inner-nav{
    display: inline-block;
    position: relative;
    float: right;
}

.inner-nav ul{
    font-family: Dosis, arial, sans-serif;
    list-style: none;
    float: right;
    margin: auto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
}

.inner-nav ul li {
    float: left;
    margin-left: 5px;
    position: relative;
}

.inner-nav ul li a{
    color: #000000;
    letter-spacing: 2px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    /*
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    */
}

.inner-nav ul > li:first-child > a{

}

.inner-nav ul li a:hover,
.inner-nav ul li a.active{
    color: rgba(189,35,35, 1);
    text-decoration: none;
}

/* Menu sub */

.mn-sub{
    display:                                        none;
    width:                                          250px;
    position:                                       absolute;
    top:                                            100%;
    left:                                           0;
    padding:                                        0;
    background:                                     #ffffff;
    border-bottom-left-radius:			            10px;
    -moz-border-bottom-left-radius:		            10px;
    -webkitborder-border-bottom-left-radius:	    10px;
    border-bottom-right-radius:			            10px;
    -moz-border-bottom-right-radius:		        10px;
    -webkitborder-border-bottom-right-radius:	    10px;
    border:                                         1px solid rgba(255,255,255, .1);
    border-top:                                     4px solid rgba(189,35,35, 1);
    box-shadow:                                     rgba(0,0,0, .5) 2px 2px 8px;
}

.mn-sub li{
    display: block;
    width: 100%;
    margin: 0 !important;
}

.inner-nav ul li .mn-sub li a{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 11px 15px;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;    
    border-left: none;
    border-right: none;
    letter-spacing: 1.2px;
    color: #000000 !important;
    cursor: pointer;
}

.mobile-on .mn-has-multi > li:last-child > a{
    border-bottom: 1px solid rgba(255,255,255, .065) !important;
}

.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active{
    background: rgba(255,255,255, .90);
    color: rgba(189,35,35, 1) !important;
}

.mn-sub li ul{
    left:                                           100%;
    right:                                          auto;
    top:                                            0;
    border-top:                                     0px solid rgba(255,0,0, .97);
    border-left:                                    0px solid rgba(255,0,0, .97);
    border-radius:			                        10px;
    -moz-border-radius:		                        10px;
    -webkit-border-radius:                          10px;
    border-top-right-radius:			            10px;
    -moz-border-top-right-radius:		            10px;
    -webkitborder-border-top-right-radius:	        10px;
    border-bottom-right-radius:			            10px;
    -moz-border-bottom-right-radius:		        10px;
    -webkitborder-border-bottom-right-radius:	    10px;
}

.inner-nav > ul > li:last-child .mn-sub,
.inner-nav > ul > li:nth-last-child(2) .mn-sub,
.inner-nav > ul > li:nth-last-child(3) .mn-sub,
.inner-nav li .mn-sub.to-left{
    left: auto;
    right: 0;
}

.inner-nav li:nth-last-child(4) .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left{
    left: auto;
    right: 100%;
    top: 0;
    border-radius:			                        10px;
    -moz-border-radius:		                        10px;
    -webkit-border-radius:                          10px;
    border-top-right-radius:			            10px;
    -moz-border-top-right-radius:		            10px;
    -webkitborder-border-top-right-radius:	        10px;
    border-bottom-right-radius:			            10px;
    -moz-border-bottom-right-radius:		        10px;
    -webkitborder-border-bottom-right-radius:	    10px;
    border-left: 0px solid rgba(255,255,255, .07);
    border-right: 0px solid rgba(255,255,255, .07);
}

.inner-nav li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left{
    left: auto;
    right: 100%;
    top: 0;
    border-left: none;
    border-right: 1px solid rgba(255,255,255, .07);
}

.mobile-on .inner-nav li:last-child .mn-sub li ul{
    left: auto;
    right: auto;
    top: 0;
}

.page-section,
.small-section{
    width: 100%;
    display: block;    
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    padding: 120px 0;
}

.small-section{
    padding: 40px 0;
}

.mobile-nav{
    display: none;
    float: right;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    border-left: 1px solid rgba(0,0,0, .05);
    border-right: 1px solid rgba(0,0,0, .05);
    cursor: pointer;
    
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;     
    -o-user-select: none;
    user-select: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property:  background, color;
    
    color: #000;
}
.mobile-nav:hover,
.mobile-nav.active{
    background: transparent;
    color: #ff0000;
}

.mobile-on .desktop-nav ul li a{
    display: block;
    width: 100%;
    height: 38px !important;
    line-height: 38px !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255, .065);
    color: #000;
    letter-spacing: 1px;
    cursor: pointer;
    background: rgba(255,255,255, .98);
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
    background: rgba(255,255,255, .90);
    color: #000;
}

.section-title {
    margin-top: 20px;
}

.perm {
    font-size: 16px;
    font-weight: bold;
}

#myBtn {
    display:                    none;
    position:                   fixed;
    width:                      50px;
    height:                     50px;
    bottom:                     30px;
    right:                      30px;
    z-index:                    99;
    font-size:                  18px;
    border:                     none;
    outline:                    none;
    background-color:           red;
    color:                      white;
    cursor:                     pointer;
    padding:                    15px;
    border-radius:              10px;
}

#myBtn:hover {
    background-color:           #555;
}

/* STYLES iPad 1 & 2 in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
    .section-title {
        margin-top: 60px;
    }
    h2 {
        font-size: 20px;
    }
    p {
        font-size: 14px;
    }
    li {
        font-size: 14px;
    }
    .perm {
        font-size: 14px;
        font-weight: bold;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      50px;
        height:                     50px;
        bottom:                     4px;
        right:                      4px;
        z-index:                    99;
        font-size:                  20px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              30px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPad 1 & 2 in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    .section-title {
        margin-top: 20px;
    }
    h2 {
        font-size: 24px;
    }
    p {
        font-size: 16px;
    }
    li {
        font-size: 16px;
    }
    .perm {
        font-size: 16px;
        font-weight: bold;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      50px;
        height:                     50px;
        bottom:                     4px;
        right:                      4px;
        z-index:                    99;
        font-size:                  20px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              30px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPhone X in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 
   .section-title {
       margin-top: 70px;
    }
    h2 {
        font-size: 18px;
    }
    p {
        font-size: 12px;
    }
    li {
        font-size: 12px;
    }
    .perm {
        font-size: 12px;
        font-weight: normal;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      25px;
        height:                     25px;
        bottom:                     2px;
        right:                      2px;
        z-index:                    99;
        font-size:                  18px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              20px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPhone X in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
   .section-title {
       margin-top: 30px;
    }
    h2 {
        font-size: 18px;
    }
    p {
        font-size: 14px;
    }
    li {
        font-size: 14px;
    }
    .perm {
        font-size: 14px;
        font-weight: normal;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      25px;
        height:                     25px;
        bottom:                     2px;
        right:                      2px;
        z-index:                    99;
        font-size:                  18px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              20px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPhone 6 7 8 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
   .section-title {
       margin-top: 70px;
    }
    h2 {
        font-size: 18px;
    }
    p {
        font-size: 14px;
    }
    li {
        font-size: 14px;
    }
    .perm {
        font-size: 12px;
        font-weight: normal;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      25px;
        height:                     25px;
        bottom:                     2px;
        right:                      2px;
        z-index:                    99;
        font-size:                  18px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              20px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPhone 6 7 8 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
   .section-title {
       margin-top: 50px;
    }
    h2 {
        font-size: 18px;
    }
    p {
        font-size: 16px;
    }
    li {
        font-size: 16px;
    }
    .perm {
        font-size: 14px;
        font-weight: normal;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      25px;
        height:                     25px;
        bottom:                     2px;
        right:                      2px;
        z-index:                    99;
        font-size:                  18px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              20px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPhone 6 7 8 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
   .section-title {
       margin-top: 70px;
    }
    h2 {
        font-size: 18px;
    }
    p {
        font-size: 14px;
    }
    li {
        font-size: 14px;
    }
    .perm {
        font-size: 12px;
        font-weight: normal;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      25px;
        height:                     25px;
        bottom:                     2px;
        right:                      2px;
        z-index:                    99;
        font-size:                  18px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              20px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}

/* STYLES iPhone 6 7 8 Plus in landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
   .section-title {
       margin-top: 60px;
    }
    h2 {
        font-size: 20px;
    }
    p {
        font-size: 16px;
    }
    li {
        font-size: 16px;
    }
    .perm {
        font-size: 14px;
        font-weight: normal;
    }
    #myBtn {
        display:                    none;
        position:                   fixed;
        width:                      25px;
        height:                     25px;
        bottom:                     2px;
        right:                      2px;
        z-index:                    99;
        font-size:                  18px;
        border:                     none;
        outline:                    none;
        background-color:           red;
        color:                      white;
        cursor:                     pointer;
        padding:                    2px;
        border-radius:              20px;
    }

    #myBtn:hover {
        background-color:           #555;
    }
}