/* ------------------------------------------------------
* Template Helper Stylesheet
* Helper classes. You are free to use these extra helper classes to customize your web site.
*
* Template:		Akto - Responsive HTML5 Template
* Author: 		Themetorium
* URL:			http://themetorium.net
*
* Template main color: #987F28;
------------------------------------------------------ */


/* ------------------------------------------------------------- *
 *  Various classes
/* ------------------------------------------------------------- */

.block { display: block !important; }

.clear { clear: both !important; }

/* Full cover (parent element must contain "position: relative;") */

.full-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------------------------
          [ Overlay Effect Bg image ]
-------------------------------------------------------*/

[data-overlay-dark],
[data-overlay-light] { position: relative; }

[data-overlay-dark] .container,
[data-overlay-light] .container {
    position: relative;
    z-index: 2;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[data-overlay-dark]:before { background: #000; }

[data-overlay-light]:before { background: #fff; }

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span { color: #fff; }

[data-overlay-dark] p { color: #bbb; }

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before { opacity: 0; }

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before { opacity: 0.1; }

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before { opacity: 0.2; }

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before { opacity: 0.3; }

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before { opacity: 0.4; }

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before { opacity: 0.5; }

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before { opacity: 0.6; }

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before { opacity: 0.7; }

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before { opacity: 0.8; }

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before { opacity: 0.9; }

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before { opacity: 1; }


/* ------------------------------------------------------------- *
 *  Hover classes
/* ------------------------------------------------------------- */

/* Hover opacity */

.hover-opacity {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.hover-opacity:hover {
    opacity: 0.8 !important;
    filter: alpha(opacity=80) !important;
}

/* ------------------------------------------------------------- *
 *  Background image classes
/* ------------------------------------------------------------- */

.no-bg-image { background: none !important; }

.bg-image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.bg-image-fixed {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.bg-pattern {
    background-repeat: repeat;
    z-index: 1;
}

.bg-pattern-fixed {
    background-attachment: fixed;
    background-repeat: repeat;
    z-index: 1;
}


/* ---------------------------------------------------------------------------- *
 *  Center align classes (parent element must contain "position: relative;")
/* ---------------------------------------------------------------------------- */

.align-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vertical-align-center {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.horisontal-align-center {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ------------------------------------------------------------- *
 *  Width classes
/* ------------------------------------------------------------- */

/* Full width */

.full-width { width: 100% !important; }

/* Minimum width classes */

.min-width { min-width: 100% !important; }

.min-width-400 {
    width: 100%;
    min-width: 400px !important;
}

.min-width-600 {
    width: 100%;
    min-width: 600px !important;
}

.min-width-800 {
    width: 100%;
    min-width: 800px !important;
}

.min-width-1000 {
    width: 100%;
    min-width: 1000px !important;
}

.min-width-1200 {
    width: 100%;
    min-width: 1200px !important;
}

.min-width-1400 {
    width: 100%;
    min-width: 1400px !important;
}

.min-width-1600 {
    width: 100%;
    min-width: 1600px !important;
}

/* Maximum width classes */

.max-width { max-width: 100% !important; }

.max-width-400 {
    width: 100%;
    max-width: 400px !important;
}

.max-width-600 {
    width: 100%;
    max-width: 600px !important;
}

.max-width-800 {
    width: 100%;
    max-width: 800px !important;
}

.max-width-1000 {
    width: 100%;
    max-width: 1000px !important;
}

.max-width-1200 {
    width: 100%;
    max-width: 1200px !important;
}

.max-width-1400 {
    width: 100%;
    max-width: 1400px !important;
}

.max-width-1600 {
    width: 100%;
    max-width: 1600px !important;
}


/* ------------------------------------------------------------- *
 *  Height classes
/* ------------------------------------------------------------- */

/* Full height */

.full-height {
    height: -o-calc(100vh - 200px) !important;
    height: -webkit-calc(100vh - 200px) !important;
    height: -moz-calc(100vh - 200px) !important;
    height: calc(100vh - 200px) !important;
}

@media only screen and (max-width: 1200px) {
    .full-height {
        height: -o-calc(100vh - 120px) !important;
        height: -webkit-calc(100vh - 120px) !important;
        height: -moz-calc(100vh - 120px) !important;
        height: calc(100vh - 120px) !important;
    }
}

@media only screen and (max-width: 768px) {
    .full-height {
        height: -o-calc(100vh - 70px) !important;
        height: -webkit-calc(100vh - 70px) !important;
        height: -moz-calc(100vh - 70px) !important;
        height: calc(100vh - 70px) !important;
    }
}

/* Minimum height classes */

.min-height-100 { min-height: 100px; }

.min-height-150 { min-height: 150px; }

.min-height-200 { min-height: 200px; }

.min-height-250 { min-height: 250px; }

.min-height-300 { min-height: 300px; }

.min-height-350 { min-height: 350px; }

.min-height-400 { min-height: 400px; }

.min-height-450 { min-height: 450px; }

.min-height-500 { min-height: 500px; }

.min-height-550 { min-height: 550px; }

.min-height-600 { min-height: 600px; }

.min-height-650 { min-height: 650px; }

.min-height-700 { min-height: 700px; }

.min-height-750 { min-height: 750px; }

.min-height-800 { min-height: 800px; }

/* Maximum height classes */

.max-height-100 { max-height: 100px; }

.max-height-150 { max-height: 150px; }

.max-height-200 { max-height: 200px; }

.max-height-250 { max-height: 250px; }

.max-height-300 { max-height: 300px; }

.max-height-350 { max-height: 350px; }

.max-height-400 { max-height: 400px; }

.max-height-450 { max-height: 450px; }

.max-height-500 { max-height: 500px; }

.max-height-550 { max-height: 550px; }

.max-height-600 { max-height: 600px; }

.max-height-650 { max-height: 650px; }

.max-height-700 { max-height: 700px; }

.max-height-750 { max-height: 750px; }

.max-height-800 { max-height: 800px; }


/* ------------------------------------------------------------- *
 *  Padding classes
/* ------------------------------------------------------------- */

/* Padding height classes */

.padding-height-10 { padding-bottom: 10% !important; }

.padding-height-20 { padding-bottom: 20% !important; }

.padding-height-30 { padding-bottom: 30% !important; }

.padding-height-40 { padding-bottom: 40% !important; }

.padding-height-50 { padding-bottom: 50% !important; }

.padding-height-60 { padding-bottom: 60% !important; }

.padding-height-70 { padding-bottom: 70% !important; }

.padding-height-80 { padding-bottom: 80% !important; }

.padding-height-90 { padding-bottom: 90% !important; }

.padding-height-100 { padding-bottom: 100% !important; }

/* Rounded classes */

.no-rounded, .no-radius { border-radius: 0 !important; }

.rounded { border-radius: 3px !important; }

.rounded-2x { border-radius: 6px !important; }

.rounded-3x { border-radius: 12px !important; }

.rounded-4x { border-radius: 20px !important; }

.rounded-5x { border-radius: 40px !important; }

.rounded-full { border-radius: 50% !important; }

/* Borders classes */

.no-border { border: none !important; }

.border { border: 1px solid #a6a6a6 !important; }

.border-top { border-top: 1px solid #a6a6a6 !important; }

.border-bottom { border-bottom: 1px solid #a6a6a6 !important; }

.border-left { border-left: 1px solid #a6a6a6 !important; }

.border-right { border-right: 1px solid #a6a6a6 !important; }


/* ------------------------------------------------------------- *
 *  Border classes
/* ------------------------------------------------------------- */

/* No borders classes */

.no-border { border: none !important; }

.no-border-top { border-top: none !important; }

.no-border-bottom { border-bottom: none !important; }

.no-border-left { border-left: none !important; }

.no-border-right { border-right: none !important; }


/* ------------------------------------------------------------- *
 *  Text color classes
/* ------------------------------------------------------------- */

.text-main { color: #987F28 !important; }

/* Template main color */

.text-white { color: #FFF !important; }

.text-gray { color: #888 !important; }

.text-gray-2 { color: #CCC !important; }

.text-gray-3 { color: #DDD !important; }

.text-dark { color: #333 !important; }

.text-dark-2 { color: #444 !important; }

.text-dark-3 { color: #666 !important; }

.text-green { color: #0BC35B !important; }

.text-blue { color: #3042B3 !important; }

.text-yellow { color: #FFE800 !important; }

.text-red { color: #FD2B2B !important; }

.text-brown { color: #A78339 !important; }

.text-purple { color: #800080 !important; }

.text-pink { color: #F12765 !important; }





/* ------------------------------------------------------------- *
 *  Paddings classes
/* ------------------------------------------------------------- */

.padding-5 { padding: 5px !important; }

.padding-10 { padding: 10px !important; }

.padding-15 { padding: 15px !important; }

.padding-20 { padding: 20px !important; }

.padding-25 { padding: 25px !important; }

.padding-30 { padding: 30px !important; }

.padding-35 { padding: 35px !important; }

.padding-40 { padding: 40px !important; }

.padding-45 { padding: 45px !important; }

.padding-50 { padding: 50px !important; }

.padding-55 { padding: 55px !important; }

.padding-60 { padding: 60px !important; }

.padding-65 { padding: 65px !important; }

.padding-70 { padding: 70px !important; }

.padding-75 { padding: 75px !important; }

.padding-80 { padding: 80px !important; }

.padding-85 { padding: 85px !important; }

.padding-100 { padding: 80px !important; }

/* padding top */

.padding-top-5 { padding-top: 5px !important; }

.padding-top-10 { padding-top: 10px !important; }

.padding-top-15 { padding-top: 15px !important; }

.padding-top-20 { padding-top: 20px !important; }

.padding-top-25 { padding-top: 25px !important; }

.padding-top-30 { padding-top: 30px !important; }

.padding-top-35 { padding-top: 35px !important; }

.padding-top-40 { padding-top: 40px !important; }

.padding-top-45 { padding-top: 45px !important; }

.padding-top-50 { padding-top: 50px !important; }

.padding-top-55 { padding-top: 55px !important; }

.padding-top-60 { padding-top: 60px !important; }

.padding-top-65 { padding-top: 65px !important; }

.padding-top-70 { padding-top: 70px !important; }

.padding-top-75 { padding-top: 75px !important; }

.padding-top-80 { padding-top: 80px !important; }

.padding-top-85 { padding-top: 85px !important; }

.padding-top-100 { padding-top: 100px !important; }

/* padding bottom */

.padding-bottom-5 { padding-bottom: 5px !important; }

.padding-bottom-10 { padding-bottom: 10px !important; }

.padding-bottom-15 { padding-bottom: 15px !important; }

.padding-bottom-20 { padding-bottom: 20px !important; }

.padding-bottom-25 { padding-bottom: 25px !important; }

.padding-bottom-30 { padding-bottom: 30px !important; }

.padding-bottom-35 { padding-bottom: 35px !important; }

.padding-bottom-40 { padding-bottom: 40px !important; }

.padding-bottom-45 { padding-bottom: 45px !important; }

.padding-bottom-50 { padding-bottom: 50px !important; }

.padding-bottom-55 { padding-bottom: 55px !important; }

.padding-bottom-60 { padding-bottom: 60px !important; }

.padding-bottom-65 { padding-bottom: 65px !important; }

.padding-bottom-70 { padding-bottom: 70px !important; }

.padding-bottom-75 { padding-bottom: 75px !important; }

.padding-bottom-80 { padding-bottom: 80px !important; }

.padding-bottom-85 { padding-bottom: 85px !important; }

.padding-bottom-100 { padding-bottom: 100px !important; }

/* padding left */

.padding-left-5 { padding-left: 5px !important; }

.padding-left-10 { padding-left: 10px !important; }

.padding-left-15 { padding-left: 15px !important; }

.padding-left-20 { padding-left: 20px !important; }

.padding-left-25 { padding-left: 25px !important; }

.padding-left-30 { padding-left: 30px !important; }

.padding-left-35 { padding-left: 35px !important; }

.padding-left-40 { padding-left: 40px !important; }

.padding-left-45 { padding-left: 45px !important; }

.padding-left-50 { padding-left: 50px !important; }

.padding-left-55 { padding-left: 55px !important; }

.padding-left-60 { padding-left: 60px !important; }

.padding-left-65 { padding-left: 65px !important; }

.padding-left-70 { padding-left: 70px !important; }

.padding-left-75 { padding-left: 75px !important; }

.padding-left-80 { padding-left: 80px !important; }

.padding-left-85 { padding-left: 85px !important; }

.padding-left-100 { padding-left: 100px !important; }

/* padding right */

.padding-right-5 { padding-right: 5px !important; }

.padding-right-10 { padding-right: 10px !important; }

.padding-right-15 { padding-right: 15px !important; }

.padding-right-20 { padding-right: 20px !important; }

.padding-right-25 { padding-right: 25px !important; }

.padding-right-30 { padding-right: 30px !important; }

.padding-right-35 { padding-right: 35px !important; }

.padding-right-40 { padding-right: 40px !important; }

.padding-right-45 { padding-right: 45px !important; }

.padding-right-50 { padding-right: 50px !important; }

.padding-right-55 { padding-right: 55px !important; }

.padding-right-60 { padding-right: 60px !important; }

.padding-right-65 { padding-right: 65px !important; }

.padding-right-70 { padding-right: 70px !important; }

.padding-right-75 { padding-right: 75px !important; }

.padding-right-80 { padding-right: 80px !important; }

.padding-right-85 { padding-right: 85px !important; }

.padding-right-100 { padding-right: 100px !important; }

/* No paddings classes */

.no-padding { padding: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-right { padding-right: 0 !important; }


/* ------------------------------------------------------------- *
 *  Margins classes
/* ------------------------------------------------------------- */

.margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-5 { margin: 5px !important; }

.margin-10 { margin: 10px !important; }

.margin-15 { margin: 15px !important; }

.margin-20 { margin: 20px !important; }

.margin-25 { margin: 25px !important; }

.margin-30 { margin: 30px !important; }

.margin-35 { margin: 35px !important; }

.margin-40 { margin: 40px !important; }

.margin-45 { margin: 45px !important; }

.margin-50 { margin: 50px !important; }

.margin-55 { margin: 55px !important; }

.margin-60 { margin: 60px !important; }

.margin-65 { margin: 65px !important; }

.margin-70 { margin: 70px !important; }

.margin-75 { margin: 75px !important; }

.margin-80 { margin: 80px !important; }

.margin-85 { margin: 85px !important; }

.margin-90 { margin: 90px !important; }

.margin-95 { margin: 95px !important; }

.margin-100 { margin: 100px !important; }

/* margin top */

.margin-top-5 { margin-top: 5px !important; }

.margin-top-10 { margin-top: 10px !important; }

.margin-top-15 { margin-top: 15px !important; }

.margin-top-20 { margin-top: 20px !important; }

.margin-top-25 { margin-top: 25px !important; }

.margin-top-30 { margin-top: 30px !important; }

.margin-top-35 { margin-top: 35px !important; }

.margin-top-40 { margin-top: 40px !important; }

.margin-top-45 { margin-top: 45px !important; }

.margin-top-50 { margin-top: 50px !important; }

.margin-top-55 { margin-top: 55px !important; }

.margin-top-60 { margin-top: 60px !important; }

.margin-top-65 { margin-top: 65px !important; }

.margin-top-70 { margin-top: 70px !important; }

.margin-top-75 { margin-top: 75px !important; }

.margin-top-80 { margin-top: 80px !important; }

.margin-top-85 { margin-top: 85px !important; }

.margin-top-90 { margin-top: 90px !important; }

.margin-top-95 { margin-top: 95px !important; }

.margin-top-100 { margin-top: 100px !important; }

@media only screen and (max-width: 768px) {
    .margin-top-55 { margin-top: 30px !important; }

    .margin-top-60 { margin-top: 30px !important; }

    .margin-top-65 { margin-top: 30px !important; }

    .margin-top-70 { margin-top: 30px !important; }

    .margin-top-75 { margin-top: 30px !important; }

    .margin-top-80 { margin-top: 30px !important; }

    .margin-top-85 { margin-top: 30px !important; }

    .margin-top-90 { margin-top: 30px !important; }

    .margin-top-95 { margin-top: 30px !important; }

    .margin-top-100 { margin-top: 30px !important; }
}

@media only screen and (max-width: 991px) {
    .margin-top-55 { margin-top: 50px !important; }

    .margin-top-60 { margin-top: 50px !important; }

    .margin-top-65 { margin-top: 50px !important; }

    .margin-top-70 { margin-top: 50px !important; }

    .margin-top-75 { margin-top: 50px !important; }

    .margin-top-80 { margin-top: 50px !important; }

    .margin-top-85 { margin-top: 50px !important; }

    .margin-top-90 { margin-top: 50px !important; }

    .margin-top-95 { margin-top: 50px !important; }

    .margin-top-100 { margin-top: 50px !important; }
}

/* margin bottom */

.margin-bottom-5 { margin-bottom: 5px !important; }

.margin-bottom-10 { margin-bottom: 10px !important; }

.margin-bottom-15 { margin-bottom: 15px !important; }

.margin-bottom-20 { margin-bottom: 20px !important; }

.margin-bottom-25 { margin-bottom: 25px !important; }

.margin-bottom-30 { margin-bottom: 30px !important; }

.margin-bottom-35 { margin-bottom: 35px !important; }

.margin-bottom-40 { margin-bottom: 40px !important; }

.margin-bottom-45 { margin-bottom: 45px !important; }

.margin-bottom-50 { margin-bottom: 50px !important; }

.margin-bottom-55 { margin-bottom: 55px !important; }

.margin-bottom-60 { margin-bottom: 60px !important; }

.margin-bottom-65 { margin-bottom: 65px !important; }

.margin-bottom-70 { margin-bottom: 70px !important; }

.margin-bottom-75 { margin-bottom: 75px !important; }

.margin-bottom-80 { margin-bottom: 80px !important; }

.margin-bottom-85 { margin-bottom: 85px !important; }

.margin-bottom-90 { margin-bottom: 90px !important; }

.margin-bottom-95 { margin-bottom: 95px !important; }

.margin-bottom-100 { margin-bottom: 100px !important; }

@media only screen and (max-width: 768px) {
    .margin-bottom-55 { margin-bottom: 30px !important; }

    .margin-bottom-60 { margin-bottom: 30px !important; }

    .margin-bottom-65 { margin-bottom: 30px !important; }

    .margin-bottom-70 { margin-bottom: 30px !important; }

    .margin-bottom-75 { margin-bottom: 30px !important; }

    .margin-bottom-80 { margin-bottom: 30px !important; }

    .margin-bottom-85 { margin-bottom: 30px !important; }

    .margin-bottom-90 { margin-bottom: 30px !important; }

    .margin-bottom-95 { margin-bottom: 30px !important; }

    .margin-bottom-100 { margin-bottom: 30px !important; }
}

@media only screen and (max-width: 768px) {
    .margin-bottom-55 { margin-bottom: 50px !important; }

    .margin-bottom-60 { margin-bottom: 50px !important; }

    .margin-bottom-65 { margin-bottom: 50px !important; }

    .margin-bottom-70 { margin-bottom: 50px !important; }

    .margin-bottom-75 { margin-bottom: 50px !important; }

    .margin-bottom-80 { margin-bottom: 50px !important; }

    .margin-bottom-85 { margin-bottom: 50px !important; }

    .margin-bottom-90 { margin-bottom: 50px !important; }

    .margin-bottom-95 { margin-bottom: 50px !important; }

    .margin-bottom-100 { margin-bottom: 50px !important; }
}

/* margin left */

.margin-left-5 { margin-left: 5px !important; }

.margin-left-10 { margin-left: 10px !important; }

.margin-left-15 { margin-left: 15px !important; }

.margin-left-20 { margin-left: 20px !important; }

.margin-left-25 { margin-left: 25px !important; }

.margin-left-30 { margin-left: 30px !important; }

.margin-left-35 { margin-left: 35px !important; }

.margin-left-40 { margin-left: 40px !important; }

.margin-left-45 { margin-left: 45px !important; }

.margin-left-50 { margin-left: 50px !important; }

.margin-left-55 { margin-left: 55px !important; }

.margin-left-60 { margin-left: 60px !important; }

.margin-left-65 { margin-left: 65px !important; }

.margin-left-70 { margin-left: 70px !important; }

.margin-left-75 { margin-left: 75px !important; }

.margin-left-80 { margin-left: 80px !important; }

.margin-left-85 { margin-left: 85px !important; }

.margin-left-90 { margin-left: 90px !important; }

.margin-left-95 { margin-left: 95px !important; }

.margin-left-100 { margin-left: 100px !important; }

/* margin right */

.margin-right-5 { margin-right: 5px !important; }

.margin-right-10 { margin-right: 10px !important; }

.margin-right-15 { margin-right: 15px !important; }

.margin-right-20 { margin-right: 20px !important; }

.margin-right-25 { margin-right: 25px !important; }

.margin-right-30 { margin-right: 30px !important; }

.margin-right-35 { margin-right: 35px !important; }

.margin-right-40 { margin-right: 40px !important; }

.margin-right-45 { margin-right: 45px !important; }

.margin-right-50 { margin-right: 50px !important; }

.margin-right-55 { margin-right: 55px !important; }

.margin-right-60 { margin-right: 60px !important; }

.margin-right-65 { margin-right: 65px !important; }

.margin-right-70 { margin-right: 70px !important; }

.margin-right-75 { margin-right: 75px !important; }

.margin-right-80 { margin-right: 80px !important; }

.margin-right-85 { margin-right: 85px !important; }

.margin-right-90 { margin-right: 90px !important; }

.margin-right-95 { margin-right: 95px !important; }

.margin-right-100 { margin-right: 100px !important; }

/* No margins classes */

.no-margin { margin: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-margin-left { margin-left: 0 !important; }

.no-margin-right { margin-right: 0 !important; }