




/* =-=-=-=-=-=-= WORDPRESS CORE =-=-=-=-=-=-= */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 3px;

    text-align: center;

}



.wp-caption figcaption{

    padding: 5px 0 0;

}





.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000; /* Above WP toolbar. */

}





/* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */

table{

    border: 1px solid #ddd;

    width: 100%;

    max-width: 100%;

    margin-bottom: 15px;

}



table>tbody>tr>td,

table>tbody>tr>th,

table>tfoot>tr>td,

table>tfoot>tr>th,

table>thead>tr>td,

table>thead>tr>th{

    padding: 8px;

    vertical-align: middle;

    border: 1px solid #ddd;

    border-top: 1px solid #ddd;

}






/* =-=-=-=-=-=-= Navigation =-=-=-=-=-=-= */

.admin-bar .navbar{

    top: 32px;

}



.navbar .navbar-brand{

    padding: 0 15px;

}

.navbar .navbar-brand h1{

    margin: 0;

    line-height: 40px;

    font-weight: 900;

}



@media(min-width:768px) {

    .navbar-nav li.has-mega-menu{

        position: static;

    }

    .navbar-nav ul{

        position: static;

        display: block;

        border: 0;

        margin: 0;

        min-width: 200px;

    }



    .navbar {

        padding: 20px 0;

        margin-bottom: 0;

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;

        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

        transition: background .5s ease-in-out,padding .5s ease-in-out;

    }



    .navbar.sticky {

        padding: 0;

        background:  rgba(255,255,255,.96);

        box-shadow: 0 3px 6px rgba(0,0,0,.12);

        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.12);

    }



    a.navbar-brand {

        font-family: 'Ubuntu', sans-serif;

        font-size: 36px;

        text-transform: lowercase;

        color: #fff;

        padding: 11px 15px;

    }

    .sticky a.navbar-brand {

        color: #202020;

    }

    a.navbar-brand span {

        color: #2ecc71;

    }

/* 

    .navbar-custom .nav li a {

        position: relative;

        font-size: 13px;

        color: #fff;

        text-transform: uppercase;

        padding: 15px 7px;
         
         font-weight: 600;

        letter-spacing: 0.5px;

    }
*/
    .navbar-custom.sticky .nav>li>a {

        color: #202020;

    }



    .navbar-custom .nav>li>a::before,

    .navbar-custom .nav>li>a::after {

        display: inline-block;

        opacity: 0;

        -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;

        -moz-transition: -moz-transform 0.3s, opacity 0.2s;

        transition: transform 0.3s, opacity 0.2s;

    }



    .navbar-custom .nav>li>a::before {

        margin-right: 10px;

        content: '[';

        -webkit-transform: translateX(20px);

        -moz-transform: translateX(20px);

        transform: translateX(20px);

    }



    .navbar-custom .nav>li>a::after {

        margin-left: 10px;

        content: ']';

        -webkit-transform: translateX(-20px);

        -moz-transform: translateX(-20px);

        transform: translateX(-20px);

    }





    .navbar-custom .nav>li>a:hover::before,

    .navbar-custom .nav>li>a:hover::after,

    .navbar-custom .nav>li>a:focus::before,

    .navbar-custom .nav>li>a:focus::after,

    .navbar-custom .nav>li.active>a::before,

    .navbar-custom .nav>li.active>a::after {

        opacity: 1;

        -webkit-transform: translateX(0px);

        -moz-transform: translateX(0px);

        transform: translateX(0px);

    }





    .navbar-custom .nav>li>a:focus, 

    .navbar-custom .nav>li>a:hover,

    .navbar-custom .nav .open>a, 

    .navbar-custom .nav .open>a:focus, 

    .navbar-custom .nav .open>a:hover {

        background-color: transparent;

    }  

    .item img {

        width: 100%;

    }



}



@media(max-width: 767px){

    .navbar-custom{

        background-color: #ffffff;

    }

}



@media (min-width : 768px) and (max-width : 991px) {

    .navbar-custom .nav>li>a {

        padding: 15px 3px;

    }

    .navbar-custom .nav>li>a::before {

        margin-right: 5px;

    }

    .navbar-custom .nav>li>a::after {

        margin-left: 5px;

    }

    .download-button .btn {

        min-width: 180px !important;

    }    

}





.navbar .nav>li {

    padding: 0 4px;

    -webkit-transition: padding .4s ease-in-out;

       -moz-transition: padding .4s ease-in-out;

            transition: padding .4s ease-in-out;

}

.navbar .nav>li>a{

    padding: 5px 0;

    -webkit-transform: translateZ(0);

}

.navbar .nav li a i{

    margin-right: 8px;

}

.navbar .nav li a.menu-heading{

    position: relative;

    cursor: default;

    font-size: 12px !important;

    text-transform: uppercase;

    margin-bottom: 12px;

    font-weight: 700;

}

.navbar .nav li a.menu-heading:hover{

    padding-left: 15px !important;

}

.navbar .nav li a.menu-heading::after{

    content: "";

    position: absolute;

    left: 15px;

    bottom: 2px;

    width: 30px;

    height: 2px;

    background-color: #C7C7C7;

}

.navbar .nav li a.menu-heading:hover{

    color: inherit;

    background-color: transparent;

}

.navbar-custom {

    margin-bottom: 0;

    border-color: transparent;

    z-index: 10000;

    border: 0;

    border-radius: 0;

}

.header-wrapper.navbar-fixed-top{

    position: absolute;

    top: 0;

}

.has-top-border-style .header-wrapper.navbar-fixed-top{

    top: 5px;

}

.has-top-border-style .header-wrapper.navbar-fixed-top.sticky{

    top: 0;

}



.header-wrapper.navbar-fixed-top.sticky{

    position: fixed;

}



.admin-bar .header-wrapper{

    top: 32px;

}



.admin-bar.has-top-border-style .header-wrapper{

    top: 37px;

}



@media(max-width : 782px) {

    .admin-bar .navbar-fixed-top{

        top: 45px;

    }



    .admin-bar.has-top-border-style .navbar-fixed-top{

        top: 50px;

    }

}



@media(max-width : 600px) {

    .admin-bar .navbar-fixed-top.sticky{

        top: 0;

    }

}



.navbar-custom .navbar-nav{

    margin-top: 10px;

}



.navbar-custom.sticky .navbar-nav>li>a:hover,

.navbar-custom .navbar-nav li a:focus,

.navbar-custom .navbar-nav li a:hover{

    color: #2ecc71;

    background-color: transparent;

}



.navbar-custom.sticky .navbar-nav>.active>a,

.navbar-custom.sticky .navbar-nav>.active>a:focus,

.navbar-custom.sticky .navbar-nav>.active>a:hover,

.navbar-custom .navbar-nav>.active>a, 

.navbar-custom .navbar-nav>.active>a:focus, 

.navbar-custom .navbar-nav>.active>a:hover {

  color: #2ecc71;

  background-color: transparent;

}



/*Dropdown Style*/

.navbar-custom .navbar-nav>.open>a, 

.navbar-custom .navbar-nav>.open>a:focus, 

.navbar-custom .navbar-nav>.open>a:hover {

  color: #2ecc71;

  background-color: transparent;

}

.navbar-nav>li:hover > .dropdown-wrapper > ul{

    display: block;

}

.navbar-nav>li .dropdown-menu {

  border-radius: 0;

  padding: 10px 0;

}



.dropdown-menu>li>a {

  padding: 7px 20px;

  font-size: 13px;

  font-weight: 400;

  line-height: 24px;

  color: #202020;

}



.dropdown-menu li a:hover{

    padding-left: 25px;

}



.dropdown-menu>.active>a, 

.dropdown-menu>.active>a:focus, 

.dropdown-menu>.active>a:hover {

    color: #2ecc71;

    background-color: transparent;

}



.navbar-custom .navbar-nav li.current-menu-ancestor>a,

.navbar-custom .navbar-nav li.current-menu-parent>a,

.navbar-custom .navbar-nav li.current-menu-item>a{

    color: #2ecc71 !important;

}



.navbar-custom .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,

.navbar-custom .navbar-nav li.current-menu-parent.has-mega-menu-child>a{

    color: #202020;

}



.navbar-custom .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover,

.navbar-custom .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover,

.dropdown-menu>li>a:focus, 

.dropdown-menu>li>a:hover {

    color: #2ecc71;

}



.navbar-nav li .dropdown-wrapper{

    visibility: hidden;

    opacity: 0;

    position: absolute;

    left: auto;

    right: 0;

    top: 40px;

    padding-top: 22px;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}



.header-wrapper.sticky .navbar-nav li .dropdown-wrapper{

    padding-top: 15px;

}



.navbar-nav > li:hover > .dropdown-wrapper{

    top: 30px;

}



.navbar-nav li .dropdown-wrapper span{

    position: absolute;

    top: 12px;

    right: 10px;

}



/*2nd lavel menu*/

.navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper{

    left: 100%;

    margin-left: 10px;

    top: -3px;

    padding: 0 0 0 5px;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}



.navbar-nav li > .dropdown-wrapper li.dropdown-inverse > .dropdown-wrapper{

    left: auto;

    right: 100%;

    margin-right: 10px;

    margin-left: 0;

    padding: 0 5px 0 0;

}



.navbar-nav li > .dropdown-wrapper li.dropdown-inverse:hover > .dropdown-wrapper{

    margin-right: -5px;

}



.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{

    margin-left: -5px;

}

.navbar-nav > li:hover > .dropdown-wrapper,

.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{

    visibility: visible;

    opacity: 1;

}





/* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */

.navbar-nav li .megamenu-wrapper{

    position: absolute;

    top: 40px;

    left: auto;

    right: 0;

    visibility: hidden;

    opacity: 0;

    padding: 22px 0 0;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

}



.navbar-nav li:hover > .megamenu-wrapper{

    top: 30px;

}

.header-wrapper.sticky .navbar-nav li .megamenu-wrapper{

    padding-top: 15px;

}

.navbar-nav li:hover > .megamenu-wrapper,

.navbar-nav li:hover > .megamenu-wrapper .dropdown-wrapper{

    visibility: visible;

    opacity: 1;

}

.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper{

    position: static;

    padding: 0;

}

.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul{

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    border: 0;

    box-shadow: none;

}

.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul li{

    border: 0;

}

.navbar-nav li.has-mega-menu .megamenu-wrapper ul li a{

    padding: 5px 15px;

}

.navbar-nav li.has-mega-menu .megamenu-wrapper ul li a:hover{

    padding-left: 20px;

}

.navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a{

    border-bottom: 0;

}

.megamenu-wrapper .dropdown-megamenu{

    width: 100%;

    padding: 20px 20px 10px !important;

}

.megamenu-wrapper .dropdown-megamenu>li{

    margin-bottom: 15px;

}

.megamenu-wrapper .menu-col-1 > li{

    width: 100%;

}



.megamenu-wrapper .menu-col-2 > li{

    width: 50%;

    float: left;

}



.megamenu-wrapper .menu-col-3 > li{

    width: 33.33%;

    float: left;

}



.megamenu-wrapper .menu-col-4 > li{

    overflow: hidden;

    width: 25%;

    float: left;

}



.navbar-custom.sticky .dropdown-wrapper{

    top: 40px;

    padding-top: 10px;

}



.navbar-custom.sticky .megamenu-wrapper{

    top: 35px;

    padding-top: 28px;

}



.navbar-custom.sticky .navbar-nav li:hover > .megamenu-wrapper{

    top: 25px;

}



@media (min-width : 992px) and (max-width : 1199px) {

    .navbar-nav li .megamenu-wrapper,

    .navbar-nav li .dropdown-wrapper{

        padding-top: 20px;

    }

}



@media (min-width : 768px) and (max-width : 991px) {

    .navbar-custom {

        padding: 10px 0;

    }

    .navbar .nav>li{

        padding: 0;

    }

    /*navbar*/

    .navbar-custom .navbar-nav>li>a {

        padding: 10px 5px 10px;

    }

    .navbar-custom.sticky .navbar-nav>li>a {

        padding: 20px 12px;

    }

    .navbar-nav li .dropdown-wrapper,

    .navbar-nav li .megamenu-wrapper{

        padding-top: 12px;

    }

}



/* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */

@media(max-width : 767px) {

    .navbar .navbar-brand {

        padding: 10px 15px;

        margin: 5px 0 0;

    }

    .navbar .nav>li{

        padding: 0;

    }

    .navbar-custom .navbar-nav li a{

        color: #202020;

        font-size: 13px;

    }

    .navbar-custom ul ul{

        padding-left: 20px !important;

    }



    .navbar-custom .navbar-nav .open .dropdown-menu>li>a:focus, 

    .navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-custom .navbar-nav .open .dropdown-menu>.active>a, 

    .navbar-custom .navbar-nav .open .dropdown-menu>.active>a:focus, 

    .navbar-custom .navbar-nav .open .dropdown-menu>.active>a:hover{

        background-color: transparent;

        color: #2ecc71;

    }

    .navbar-custom .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,

    .navbar-custom .navbar-nav li.current-menu-parent.has-mega-menu-child>a{

        color: #ffffff;

    }

    .navbar-nav li{

        list-style: none;

    }

    .navbar-nav li .dropdown-wrapper,

    .navbar-nav li .sub-dropdown-wrapper{

        position: static;

        padding: 0;

        margin: 0;

    }

    .navbar-nav>li:hover > .dropdown-wrapper > ul{

        display: none;

    }

    .navbar-nav>li.open > .dropdown-wrapper > ul{

        display: block;

    }



    /*mobile menu dropdown trigger*/

    .dropdown-menu-trigger{

        position: absolute;

        right: 0;

        top: 4px;

        background-color: transparent;

        color: #616161;

        border: 1px solid #616161;

        width: 25px;

        height: 25px;

        line-height: 20px;

        text-align: center;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -o-border-radius: 50%;

        border-radius: 50%;

    }

    .dropdown-menu-trigger.menu-collapsed{

        color: #2ecc71;

        border-color: #2ecc71;

    }

    .dropdown-menu-trigger i{

        font-size: 12px;

    }

    .dropdown-menu-trigger i:last-child{

        display: none;

    }

    .dropdown-menu-trigger.menu-collapsed i:first-child{

        display: none;

    }

    .dropdown-menu-trigger.menu-collapsed i:last-child{

        display: block;

    }

    .has-mega-menu .has-mega-menu-child .collapse{

        display: block;

        padding: 0;

    }

    .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger{

        display: none;

    }



    .mobile-menu.navbar-collapse{

        max-height: 340px;

    }

}



.navbar-toggle {

    border-radius: 0;

    margin-top: 12px;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.navbar-custom .navbar-toggle .icon-bar {

    background-color: #4e4e4e;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.navbar-custom .navbar-toggle:focus, 

.navbar-custom .navbar-toggle:hover{

    background-color: #2ecc71;

    border-color: #2ecc71;

}



.navbar-custom .navbar-toggle:hover .icon-bar,

.navbar-custom .navbar-toggle:focus .icon-bar{

    background-color: #ffffff;

}



/*keyframes for cloud*/

@-webkit-keyframes cloudLoop {

  0% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  100% {

    -webkit-transform: translate3d(-50%, 0, 0);

            transform: translate3d(-50%, 0, 0);

  }

}

@keyframes cloudLoop {

  0% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  100% {

    -webkit-transform: translate3d(-50%, 0, 0);

            transform: translate3d(-50%, 0, 0);

  }

}







/*

Kenburns Effect

-------------------------------------------------*/

.bg-slideshow-wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.bg-slideshow-wrapper::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

}

.bg-slideshow {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  /*animation*/

  -webkit-animation: slideShow 24s linear infinite 0s;

          animation: slideShow 24s linear infinite 0s;

}

.bg-slide-1 {

  opacity: 1;

}

.bg-slide-2 {

  -webkit-animation-delay: 8s;

          animation-delay: 8s;

}

.bg-slide-3 {

  -webkit-animation-delay: 16s;

          animation-delay: 16s;

}

/* keyframes*/

@-webkit-keyframes slideShow {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

  5% {

    opacity: 1;

  }

  33% {

    opacity: 1;

  }

  41% {

    opacity: 0;

    -webkit-transform: scale3d(1.3, 1.3, 1);

            transform: scale3d(1.3, 1.3, 1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}

@keyframes slideShow {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

  5% {

    opacity: 1;

  }

  33% {

    opacity: 1;

  }

  41% {

    opacity: 0;

    -webkit-transform: scale3d(1.3, 1.3, 1);

            transform: scale3d(1.3, 1.3, 1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}







.slide-one,

.slide-two,

.slide-three {

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

}





#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 24px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 48px;
    height: 45px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0px 0px;
}

#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

