/****** Start Content of FontFace *******/
@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSans/IRANSans.eot') format('eot'), url('../fonts/IRANSans/IRANSans.ttf') format('truetype'), url('../fonts/IRANSans/IRANSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansBold';
    src: url('../fonts/IRANSansBold/IRANSansBold.eot') format('eot'), url('../fonts/IRANSansBold/IRANSansBold.ttf') format('truetype'), url('../fonts/IRANSansBold/IRANSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/****** Start Content of Global.css *******/

@font-face {
    font-family: "bmitra";
    src: url("/niafampax/data/file/font/BMitra.eot");
    src: url("/niafampax/data/file/font/BMitra.eot?#iefix") format("embedded-opentype"), url("/niafampax/data/file/font/BMitra.woff") format("woff"), url("/niafampax/data/file/font/BMitra.ttf") format("truetype");
}
body{
	font-family: 'IRANSans';
}
.floatr {
    float: right;
}

.floatl {
    float: left;
}

.myclear {
    clear: both;
}

.behavior {
    behavior: url(PIE.htc);
}

.blocktaglist {
    list-style-type: none;
}

.blocktagss {
    background-color: #e1ecf4;
    color: #39739d;
    padding: 3px;
    width: auto;
    display: inline-block;
    margin: 2px;
}

/*------ Content of toastr ----------------------*/
.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #ffffff;
}

.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

#toast-container * {
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
}

#toast-container>div:hover {
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center>div,
#toast-container.toast-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

.zone[group] {
    min-height: 100px;
}

.sortablehover {
    min-height: 20px !important;
    background-color: #e6ebf0;
}

#divPersonalizeSetting {
    background: none transparent;
    background-color: #f2f2f2;
    height: auto;
    left: 0;
    position: fixed;
    top: 100px;
    width: 45px;
    z-index: 100;
}

#sidemnu2 {
    margin-top: 6px;
    border: 1px solid #dddddd;
    padding: 5px;
    cursor: pointer;
}

#sidemnu1 {
    border: 1px solid #dddddd;
    padding: 5px;
    cursor: pointer;
}

.dellBlock {
    background-color: #f2f2f2;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 100;
    padding: 5px;
}

.frame {
    position: relative;
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.cmn-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

input.cmn-toggle-round+label {
    padding: 2px;
    width: 30px;
    height: 18px;
    background-color: #dddddd;
    border-radius: 60px;
}

input.cmn-toggle-round:checked+label:before {
    background-color: #8ce196;
}

input.cmn-toggle-round:checked+label:after {
    margin-left: 60px;
}

input.cmn-toggle-round-flat+label {
    padding: 2px;
    width: 30px;
    height: 18px;
    background-color: #dddddd;
    border-radius: 60px;
    transition: background 0.4s;
}

input.cmn-toggle-round-flat+label:before,
input.cmn-toggle-round-flat+label:after {
    display: block;
    position: absolute;
    content: "";
}

input.cmn-toggle-round-flat+label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    border-radius: 60px;
    transition: background 0.4s;
}

input.cmn-toggle-round-flat+label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 12px;
    background-color: #dddddd;
    border-radius: 52px;
    transition: margin 0.4s, background 0.4s;
}

input.cmn-toggle-round-flat:checked+label {
    background-color: #8ce196;
}

input.cmn-toggle-round-flat:checked+label:after {
    margin-left: 15px;
    background-color: #8ce196;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 0px;
    border-radius: 0px;
    line-height: 0px;
    background-color: #fff;
    width: 80px;
    height: 25px;
    color: #0873b7;
}

.ui-dialog .ui-resizable-se {
    height: auto;
}

/****** Start Content of Block blockName: obj_mainsph_block9893 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

/****** Start Content of Block blockName: obj_mainsph_block9894 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

blue {}

/****** Start Content of Block blockName: obj_mainsph_block9895 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

blue {}

/****** Start Content of Block blockName: obj_mainsph_block9896 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.mynavigator #zone130 div[id*="divnavigatorR"] {
    margin-top: 15px;
}

.mynavigator #zone130 div[id*="divnavigatorR"] li {
    margin-top: 15px;
    padding-right: 14px;
}

/****** Start Content of Block blockName: obj_mainsph_block9916 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

/****** Start Content of Block blockName: obj_mainsph_block9918 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

/****** Start Content of Block blockName: obj_mainsph_block9919 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

blue {}

/****** Start Content of Tool Block blockName: tool_niafametoolsenews_sample_mainsph_block9897 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

blue {}

/****** Start SliderCss blockName: tool_niafametoolsenews_sample_mainsph_block9897 *******/
#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider {
    text-align: left;
    overflow: visible;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider * {
    margin: 0px;
    padding: 0px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.fullscreen#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider {
    max-height: 100% !important;
    max-width: 100% !important;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider a {
    transition: none !important;
    position: static;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider img {
    margin: 0px;
    padding: 0px;
    border: currentColor;
    transition: none !important;
    max-height: none;
    max-width: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    max-height: none !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slider-main {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-wrapper {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
    z-index: 2;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slides {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    visibility: hidden;
    position: absolute;
    opacity: 1;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .thumbnail {
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .caption {
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .html {
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .image {
    padding: 0px !important;
    border: currentColor !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    max-height: none !important;
    max-width: none !important;
    top: 0 !important;
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .html {
    overflow: hidden;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .video-hidden-image {
    display: none;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider iframe.video {
    background-color: rgb(0, 0, 0);
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .video-play-button {
    background-position: center;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    display: block;
    position: absolute;
    background-image: url('../img/video_play.png');
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .transition.slide .html iframe {
    display: block;
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .active.slide .html iframe {
    display: block;
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .transition.slide .init.layer iframe {
    display: block;
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .active.slide .init.layer iframe {
    display: block;
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .html iframe {
    display: none;
}

.webkit#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide .layer iframe {
    display: none;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider iframe {
    display: block;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slice-container {
    width: 100%;
    height: 100%;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .swipeable-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .swipeable-container .selectable {
    cursor: default;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .swipeable-container .grab {
    cursor: url('../img/openhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .swipeable-container .grabbing {
    cursor: url('../img/closedhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .swipe {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .grab {
    cursor: url('../img/openhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .grabbing {
    cursor: url('../img/closedhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .grabbing a:hover {
    cursor: url('../img/closedhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .grabbing a:active {
    cursor: url('../img/closedhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .grabbing .lightbox-icon {
    cursor: url('../img/closedhand.cur'), move;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .layer {
    padding: 4px;
    visibility: hidden;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .black.layer {
    background: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .white.layer {
    background: rgba(255, 255, 255, 0.7);
    color: rgb(0, 0, 0);
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .rounded.layer {
    border-radius: 10px;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slice {
    display: block;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .preloader {
    background: url('../img/preloader2.gif') no-repeat;
    width: 62px;
    height: 14px;
    position: absolute;
    z-index: 15;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-arrows {
    position: static;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-arrows a {
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .lightbox-icon {
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .play.lightbox-icon {
    background-image: url('../img/lightbox_play.png');
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .magnifying.lightbox-icon {
    background-image: url('../img/lightbox_magnifying.png');
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .hyperlink.lightbox-icon {
    background-image: url('../img/lightbox_hyperlink.png');
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slideshow-controls {
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow {
    height: 94px;
    margin-top: -50px;
    position: absolute;
    z-index: 1;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow .shadow-left {
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow .shadow-right {
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow .shadow-middle {
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow .shadow-left {
    background: url('../img/shadow_left.png');
    width: 200px;
    height: 94px;
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow .shadow-right {
    background: url('../img/shadow_right.png');
    width: 200px;
    height: 94px;
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .shadow .shadow-middle {
    background: url('../img/shadow_middle.png') repeat-x;
    height: 94px;
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .full-screen-controls {
    background: url('../img/fullscreen.png') no-repeat;
    left: 20px;
    top: 20px;
    width: 31px;
    height: 27px;
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .timer-animation {
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider canvas {
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .timer-animation .timer-animation-controls {
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .timer-animation .timer-animation-controls {
    background: url('../img/playpause_small.png') no-repeat;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .play.timer-animation .timer-animation-controls {
    background-position: -20px 0px;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .pause.timer-animation .timer-animation-controls {}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .caption-container {
    overflow: hidden;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .caption-container .wrapper {
    margin: 0px;
    padding: 0px;
    border: currentColor;
    position: absolute;
    box-shadow: none;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .caption-container .background {
    width: 100%;
    height: 100%;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .caption-container .caption {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-wrapper {
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail {
    background-position: center;
    overflow: hidden;
    position: absolute;
    background-image: url('../img/preloader.gif');
    background-repeat: no-repeat;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-content {}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-buttons {
    position: absolute;
    z-index: 3;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-buttons .left {
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-buttons .right {
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-buttons .middle {
    float: left;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .slide-buttons a {
    text-align: center;
    text-decoration: none;
    float: left;
    position: relative;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller {
    position: absolute;
    z-index: 2;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .thumbnails-visible-container {
    overflow: hidden;
    position: relative;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .thumbnails-container {
    list-style: none;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;
    overflow: visible;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .thumbnail-wrapper {
    list-style: none;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .lightbox-icon {
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .play.lightbox-icon {
    background-image: url('../img/lightbox_play_small.png');
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .magnifying.lightbox-icon {
    background-image: url('../img/lightbox_magnifying_small.png');
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .hyperlink.lightbox-icon {
    background-image: url('../img/lightbox_hyperlink_small.png');
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail .caption {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail .caption .background {
    width: 100%;
    height: 100%;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail .caption .content {
    width: 100%;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .arrows a {
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .buttons {
    width: auto;
    position: absolute;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider .thumbnail-scroller .buttons a {
    text-decoration: none;
    position: absolute;
    cursor: pointer;
}

#tool_niafametoolsenews_sample_mainsph_block9897 .advanced-slider-tooltip {
    position: absolute;
    z-index: 9999;
}

/* MAIN SLIDE */
.circle .slide-wrapper {
    background-color: #FFF;
    border: 4px solid #FFF;
    -moz-box-shadow: 0 0 10px #CCC;
    -webkit-box-shadow: 0 0 10px #CCC;
    box-shadow: 0 0 10px #CCC;
}

/* END OF MAIN SLIDE */
/* SLIDE ARROWS */
.circle .slide-arrows a {
    background: url('../img/arrows.png') no-repeat;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
}

.circle .slide-arrows a.previous {
    left: 20px;
}

.circle .slide-arrows a.next {
    right: 20px;
    background-position: -40px 0;
}

/* SLIDE ARROWS */
/* SLIDESHOW CONTROLS */
.circle .slideshow-controls {
    background: url('../img/playpause.png') no-repeat;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.circle .slideshow-controls.pause {
    background-position: 0 0;
}

.circle .slideshow-controls.play {
    background-position: -40px 0;
}

/* END OF SLIDESHOW CONTROLS */
/* TIMER ANIMATION */
.circle .timer-animation {
    top: 20px;
    right: 20px;
}

/* END OF TIMER ANIMATION */
/* SLIDE CAPTION */
.circle .caption-container .background {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.circle .caption-container .caption {
    color: #FFF;
    margin: 0;
    padding: 8px;
    font-size: 16px;
    line-height: 18px;
}

/* END OF SLIDE CAPTION */
/* SLIDE BUTTONS/BULLETS */
/* main container of the navigation buttons */
.circle .slide-buttons {
    margin-top: 40px;
}

/*  left, right and middle of the main container  for this skin, these elements are not styled by default feel free to add your own styling*/
.circle .slide-buttons .left,
.circle .slide-buttons .right {}

.circle .slide-buttons .left {}

.circle .slide-buttons .middle {}

.circle .slide-buttons .right {}

/* this contains the buttons */
.circle .slide-buttons .buttons-inner {}

/* this is a button */
.circle .slide-buttons .buttons-inner a {
    background: url('../img/buttons.png') no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    margin: 0 2px;
}

.circle .slide-buttons .buttons-inner a.over {
    background-position: -16px 0;
}

.circle .slide-buttons .buttons-inner a.select {
    background-position: -32px 0;
}

.circle .slide-buttons .buttons-inner a .number {
    margin-top: 2px;
    font-size: 10px;
    line-height: 12px;
    color: #666;
}

/* this is used to style the numbers from within the buttons, when they are used */
.circle .slide-buttons .buttons-inner a.over .number {
    font-size: 8px;
    color: #FFF;
}

.circle .slide-buttons .buttons-inner a.select .number {
    font-size: 8px;
    color: #FFF;
}

/*  applied to the thumbnail when the thumbnail is used only as a tooltip sets the distance between the button and the thumbnail*/
.circle .slide-buttons .buttons-inner .thumbnail-wrapper {
    margin-bottom: 10px;
}

/* END OF SLIDE BUTTONS/BULLETS */
/* THUMBNAIL IMAGE */
.circle .thumbnail {
    left: 0;
    background-size: cover;
    background-color: #FFF;
    border: solid 3px #FFF;
    -moz-box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    box-shadow: 0 0 10px #AAA;
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA');
}

/* END OF THUMBNAIL IMAGE */
/* THUMBNAIL SCROLLER */
.circle .thumbnail-scroller.horizontal {
    bottom: 0;
    padding: 0 50px;
    margin-top: 30px;
}

.circle .thumbnail-scroller.vertical {
    right: 0;
    padding: 50px 0;
    margin-left: 30px;
}

.circle .thumbnail-scroller .thumbnail-wrapper {
    margin: 5px;
    padding: 4px;
}

.circle .thumbnail-scroller .thumbnail.over {
    border: solid 3px #FFF;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555');
}

.circle .thumbnail-scroller .thumbnail.select {
    border: solid 3px #FFF;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555');
}

/* THUMBNAIL CAPTION */
.circle .thumbnail .caption .background {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.circle .thumbnail .caption .content {
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding: 2px 0;
    margin: 0;
}

/* END OF THUMBNAIL CAPTION */
/* THUMBNAIL SCROLLER ARROWS */
.circle .thumbnail-scroller .arrows a {
    background: url('../img/arrows.png') no-repeat;
    width: 40px;
    height: 40px;
}

.circle .thumbnail-scroller.vertical .arrows a {
    background: url('../img/arrows_v.png') no-repeat;
}

.circle .thumbnail-scroller .arrows a.next {
    background-position: -40px 0;
}

.circle .thumbnail-scroller.horizontal .arrows a.previous {
    left: 0;
}

.circle .thumbnail-scroller.horizontal .arrows a.next {
    right: 0;
}

.circle .thumbnail-scroller.vertical .arrows a.previous {
    top: 0;
}

.circle .thumbnail-scroller.vertical .arrows a.next {
    bottom: 0;
}

/* END OF THUMBNAIL SCROLLER ARROWS */
/* THUMBNAIL SCROLLER BUTTONS */
.circle .thumbnail-scroller .buttons a {
    background: url('../img/buttons_small.png') no-repeat;
    background-position: 0 0;
    width: 12px;
    height: 12px;
    margin: 2px;
}

.circle .thumbnail-scroller .buttons a.over {
    background-position: -12px 0;
}

.circle .thumbnail-scroller .buttons a.select {
    background-position: -24px 0;
}

/* END OF THUMBNAIL SCROLLER BUTTONS */
/* THUMBNAIL SCROLLER SCROLLBAR */
.circle .thumbnail-scroller.horizontal .scrollbar {
    margin-top: 30px;
}

.circle .thumbnail-scroller.vertical .scrollbar {
    margin-left: 30px;
}

/* END OF THUMBNAIL SCROLLER SCROLLBAR */
/* END OF THUMBNAIL SCROLLER */
/* TOOLTIP */
.circle .tooltip {
    background-color: #DDD;
    margin-bottom: 20px;
    border: #EEE solid 4px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.circle .tooltip .content {
    color: #999;
    padding: 10px;
    margin: 0;
}

/* END OF TOOLTIP */
#mixed-slider .slide {
    background-color: #EEEEEE;
}

#mixed-slider .timer-animation {
    top: 10px;
    right: 10px;
}

#mixed-slider .html {
    width: 100%;
    height: 100%;
}

#mixed-slider .slide-arrows a.previous {
    left: -80px;
}

#mixed-slider .slide-arrows a.next {
    right: -80px;
}

#mixed-slider .video-container {
    float: left;
    padding: 10px;
}

#mixed-slider .video-description {
    float: left;
    margin: 10px;
    width: 200px;
    height: 380px;
}

#mixed-slider .video-description p {
    font-family: 'Open Sans', sans-serif;
}

#mixed-slider .video-description .title p {
    font-size: 24px;
    margin-bottom: 10px;
}

#mixed-slider .video-description .content p {
    font-size: 12px;
    margin-top: 10px;
}

#mixed-slider .video-description .link {
    position: absolute;
    bottom: 10px;
}

#mixed-slider .video-description .link p {
    font-size: 14px;
}

#mixed-slider .video-description .link a {
    font-size: 12px;
    color: #666666;
}

#mixed-slider .content-box {
    width: 180px;
    margin: 35px 30px;
    padding: 10px;
    background: #888;
    color: #CCC;
    font-size: 13px;
    line-height: 20px;
    border: 4px solid #DDD;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#mixed-slider .content-box .title {
    font-weight: bold;
    font-style: italic;
    color: #EEEEEE;
}

#mixed-slider .content-box .button {
    display: block;
    text-decoration: none;
    width: 65px;
    padding: 2px;
    margin-top: 10px;
    color: #666;
    background-color: #EEEEEE;
    border: 4px solid #FFFFFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#mixed-slider .images-box {
    width: 520px;
    margin: 30px 15px;
}

#mixed-slider .image-box {
    background: url('../img/image_shadow.png') no-repeat 9px 158px;
    width: 260px;
    height: 170px;
    float: left;
}

#mixed-slider .image-box img {
    margin: 10px;
    border: 4px solid #FFF;
    transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
}

#mixed-slider .image-box img:hover {
    border: 4px solid #333;
}

/****** Start Content of Tool Block blockName: tool_link_sample_mainsph_block9898 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

blue {}

/****** Start SliderCss blockName: tool_link_sample_mainsph_block9898 *******/
#tool_link_sample_mainsph_block9898 .advanced-slider {
    text-align: left;
    overflow: visible;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#tool_link_sample_mainsph_block9898 .advanced-slider * {
    margin: 0px;
    padding: 0px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.fullscreen#tool_link_sample_mainsph_block9898 .advanced-slider {
    max-height: 100% !important;
    max-width: 100% !important;
}

#tool_link_sample_mainsph_block9898 .advanced-slider a {
    transition: none !important;
    position: static;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

#tool_link_sample_mainsph_block9898 .advanced-slider img {
    margin: 0px;
    padding: 0px;
    border: currentColor;
    transition: none !important;
    max-height: none;
    max-width: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    max-height: none !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slider-main {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-wrapper {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
    z-index: 2;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slides {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    visibility: hidden;
    position: absolute;
    opacity: 1;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide .thumbnail {
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide .caption {
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide .html {
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide .image {
    padding: 0px !important;
    border: currentColor !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    max-height: none !important;
    max-width: none !important;
    top: 0 !important;
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .slide .html {
    overflow: hidden;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .video-hidden-image {
    display: none;
}

#tool_link_sample_mainsph_block9898 .advanced-slider iframe.video {
    background-color: rgb(0, 0, 0);
}

#tool_link_sample_mainsph_block9898 .advanced-slider .video-play-button {
    background-position: center;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    display: block;
    position: absolute;
    background-image: url('../img//video_play.png');
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .transition.slide .html iframe {
    display: block;
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .active.slide .html iframe {
    display: block;
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .transition.slide .init.layer iframe {
    display: block;
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .active.slide .init.layer iframe {
    display: block;
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .slide .html iframe {
    display: none;
}

.webkit#tool_link_sample_mainsph_block9898 .advanced-slider .slide .layer iframe {
    display: none;
}

#tool_link_sample_mainsph_block9898 .advanced-slider iframe {
    display: block;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slice-container {
    width: 100%;
    height: 100%;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .swipeable-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .swipeable-container .selectable {
    cursor: default;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .swipeable-container .grab {
    cursor: url('../img//openhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .swipeable-container .grabbing {
    cursor: url('../img//closedhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .swipe {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .grab {
    cursor: url('../img//openhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .grabbing {
    cursor: url('../img//closedhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .grabbing a:hover {
    cursor: url('../img//closedhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .grabbing a:active {
    cursor: url('../img//closedhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .grabbing .lightbox-icon {
    cursor: url('../img//closedhand.cur'), move;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .layer {
    padding: 4px;
    visibility: hidden;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .black.layer {
    background: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
}

#tool_link_sample_mainsph_block9898 .advanced-slider .white.layer {
    background: rgba(255, 255, 255, 0.7);
    color: rgb(0, 0, 0);
}

#tool_link_sample_mainsph_block9898 .advanced-slider .rounded.layer {
    border-radius: 10px;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slice {
    display: block;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .preloader {
    background: url('../img//preloader2.gif') no-repeat;
    width: 62px;
    height: 14px;
    position: absolute;
    z-index: 15;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-arrows {
    position: static;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-arrows a {
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .lightbox-icon {
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .play.lightbox-icon {
    background-image: url('../img//lightbox_play.png');
}

#tool_link_sample_mainsph_block9898 .advanced-slider .magnifying.lightbox-icon {
    background-image: url('../img//lightbox_magnifying.png');
}

#tool_link_sample_mainsph_block9898 .advanced-slider .hyperlink.lightbox-icon {
    background-image: url('../img//lightbox_hyperlink.png');
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slideshow-controls {
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow {
    height: 94px;
    margin-top: -50px;
    position: absolute;
    z-index: 1;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow .shadow-left {
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow .shadow-right {
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow .shadow-middle {
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow .shadow-left {
    background: url('../img//shadow_left.png');
    width: 200px;
    height: 94px;
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow .shadow-right {
    background: url('../img//shadow_right.png');
    width: 200px;
    height: 94px;
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .shadow .shadow-middle {
    background: url('../img//shadow_middle.png') repeat-x;
    height: 94px;
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .full-screen-controls {
    background: url('../img//fullscreen.png') no-repeat;
    left: 20px;
    top: 20px;
    width: 31px;
    height: 27px;
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .timer-animation {
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider canvas {
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .timer-animation .timer-animation-controls {
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .timer-animation .timer-animation-controls {
    background: url('../img//playpause_small.png') no-repeat;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .play.timer-animation .timer-animation-controls {
    background-position: -20px 0px;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .pause.timer-animation .timer-animation-controls {}

#tool_link_sample_mainsph_block9898 .advanced-slider .caption-container {
    overflow: hidden;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .caption-container .wrapper {
    margin: 0px;
    padding: 0px;
    border: currentColor;
    position: absolute;
    box-shadow: none;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .caption-container .background {
    width: 100%;
    height: 100%;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .caption-container .caption {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-wrapper {
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail {
    background-position: center;
    overflow: hidden;
    position: absolute;
    background-image: url('../img//preloader.gif');
    background-repeat: no-repeat;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-content {}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-buttons {
    position: absolute;
    z-index: 3;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-buttons .left {
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-buttons .right {
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-buttons .middle {
    float: left;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .slide-buttons a {
    text-align: center;
    text-decoration: none;
    float: left;
    position: relative;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller {
    position: absolute;
    z-index: 2;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .thumbnails-visible-container {
    overflow: hidden;
    position: relative;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .thumbnails-container {
    list-style: none;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;
    overflow: visible;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .thumbnail-wrapper {
    list-style: none;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .lightbox-icon {
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .play.lightbox-icon {
    background-image: url('../img//lightbox_play_small.png');
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .magnifying.lightbox-icon {
    background-image: url('../img//lightbox_magnifying_small.png');
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .hyperlink.lightbox-icon {
    background-image: url('../img//lightbox_hyperlink_small.png');
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail .caption {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail .caption .background {
    width: 100%;
    height: 100%;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail .caption .content {
    width: 100%;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .arrows a {
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .buttons {
    width: auto;
    position: absolute;
}

#tool_link_sample_mainsph_block9898 .advanced-slider .thumbnail-scroller .buttons a {
    text-decoration: none;
    position: absolute;
    cursor: pointer;
}

#tool_link_sample_mainsph_block9898 .advanced-slider-tooltip {
    position: absolute;
    z-index: 9999;
}

/* MAIN SLIDE */
.circle .slide-wrapper {
    background-color: #FFF;
    border: 4px solid #FFF;
    -moz-box-shadow: 0 0 10px #CCC;
    -webkit-box-shadow: 0 0 10px #CCC;
    box-shadow: 0 0 10px #CCC;
}

/* END OF MAIN SLIDE */
/* SLIDE ARROWS */
.circle .slide-arrows a {
    background: url('../img//arrows.png') no-repeat;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
}

.circle .slide-arrows a.previous {
    left: 20px;
}

.circle .slide-arrows a.next {
    right: 20px;
    background-position: -40px 0;
}

/* SLIDE ARROWS */
/* SLIDESHOW CONTROLS */
.circle .slideshow-controls {
    background: url('../img//playpause.png') no-repeat;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.circle .slideshow-controls.pause {
    background-position: 0 0;
}

.circle .slideshow-controls.play {
    background-position: -40px 0;
}

/* END OF SLIDESHOW CONTROLS */
/* TIMER ANIMATION */
.circle .timer-animation {
    top: 20px;
    right: 20px;
}

/* END OF TIMER ANIMATION */
/* SLIDE CAPTION */
.circle .caption-container .background {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.circle .caption-container .caption {
    color: #FFF;
    margin: 0;
    padding: 8px;
    font-size: 16px;
    line-height: 18px;
}

/* END OF SLIDE CAPTION */
/* SLIDE BUTTONS/BULLETS */
/* main container of the navigation buttons */
.circle .slide-buttons {
    margin-top: 40px;
}

/*  left, right and middle of the main container  for this skin, these elements are not styled by default feel free to add your own styling*/
.circle .slide-buttons .left,
.circle .slide-buttons .right {}

.circle .slide-buttons .left {}

.circle .slide-buttons .middle {}

.circle .slide-buttons .right {}

/* this contains the buttons */
.circle .slide-buttons .buttons-inner {}

/* this is a button */
.circle .slide-buttons .buttons-inner a {
    background: url('../img//buttons.png') no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    margin: 0 2px;
}

.circle .slide-buttons .buttons-inner a.over {
    background-position: -16px 0;
}

.circle .slide-buttons .buttons-inner a.select {
    background-position: -32px 0;
}

.circle .slide-buttons .buttons-inner a .number {
    margin-top: 2px;
    font-size: 10px;
    line-height: 12px;
    color: #666;
}

/* this is used to style the numbers from within the buttons, when they are used */
.circle .slide-buttons .buttons-inner a.over .number {
    font-size: 8px;
    color: #FFF;
}

.circle .slide-buttons .buttons-inner a.select .number {
    font-size: 8px;
    color: #FFF;
}

/*  applied to the thumbnail when the thumbnail is used only as a tooltip sets the distance between the button and the thumbnail*/
.circle .slide-buttons .buttons-inner .thumbnail-wrapper {
    margin-bottom: 10px;
}

/* END OF SLIDE BUTTONS/BULLETS */
/* THUMBNAIL IMAGE */
.circle .thumbnail {
    left: 0;
    background-size: cover;
    background-color: #FFF;
    border: solid 3px #FFF;
    -moz-box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    box-shadow: 0 0 10px #AAA;
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA');
}

/* END OF THUMBNAIL IMAGE */
/* THUMBNAIL SCROLLER */
.circle .thumbnail-scroller.horizontal {
    bottom: 0;
    padding: 0 50px;
    margin-top: 30px;
}

.circle .thumbnail-scroller.vertical {
    right: 0;
    padding: 50px 0;
    margin-left: 30px;
}

.circle .thumbnail-scroller .thumbnail-wrapper {
    margin: 5px;
    padding: 4px;
}

.circle .thumbnail-scroller .thumbnail.over {
    border: solid 3px #FFF;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555');
}

.circle .thumbnail-scroller .thumbnail.select {
    border: solid 3px #FFF;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555');
}

/* THUMBNAIL CAPTION */
.circle .thumbnail .caption .background {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.circle .thumbnail .caption .content {
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding: 2px 0;
    margin: 0;
}

/* END OF THUMBNAIL CAPTION */
/* THUMBNAIL SCROLLER ARROWS */
.circle .thumbnail-scroller .arrows a {
    background: url('../img//arrows.png') no-repeat;
    width: 40px;
    height: 40px;
}

.circle .thumbnail-scroller.vertical .arrows a {
    background: url('../img//arrows_v.png') no-repeat;
}

.circle .thumbnail-scroller .arrows a.next {
    background-position: -40px 0;
}

.circle .thumbnail-scroller.horizontal .arrows a.previous {
    left: 0;
}

.circle .thumbnail-scroller.horizontal .arrows a.next {
    right: 0;
}

.circle .thumbnail-scroller.vertical .arrows a.previous {
    top: 0;
}

.circle .thumbnail-scroller.vertical .arrows a.next {
    bottom: 0;
}

/* END OF THUMBNAIL SCROLLER ARROWS */
/* THUMBNAIL SCROLLER BUTTONS */
.circle .thumbnail-scroller .buttons a {
    background: url('../img//buttons_small.png') no-repeat;
    background-position: 0 0;
    width: 12px;
    height: 12px;
    margin: 2px;
}

.circle .thumbnail-scroller .buttons a.over {
    background-position: -12px 0;
}

.circle .thumbnail-scroller .buttons a.select {
    background-position: -24px 0;
}

/* END OF THUMBNAIL SCROLLER BUTTONS */
/* THUMBNAIL SCROLLER SCROLLBAR */
.circle .thumbnail-scroller.horizontal .scrollbar {
    margin-top: 30px;
}

.circle .thumbnail-scroller.vertical .scrollbar {
    margin-left: 30px;
}

/* END OF THUMBNAIL SCROLLER SCROLLBAR */
/* END OF THUMBNAIL SCROLLER */
/* TOOLTIP */
.circle .tooltip {
    background-color: #DDD;
    margin-bottom: 20px;
    border: #EEE solid 4px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.circle .tooltip .content {
    color: #999;
    padding: 10px;
    margin: 0;
}

/* END OF TOOLTIP */
#mixed-slider .slide {
    background-color: #EEEEEE;
}

#mixed-slider .timer-animation {
    top: 10px;
    right: 10px;
}

#mixed-slider .html {
    width: 100%;
    height: 100%;
}

#mixed-slider .slide-arrows a.previous {
    left: -80px;
}

#mixed-slider .slide-arrows a.next {
    right: -80px;
}

#mixed-slider .video-container {
    float: left;
    padding: 10px;
}

#mixed-slider .video-description {
    float: left;
    margin: 10px;
    width: 200px;
    height: 380px;
}

#mixed-slider .video-description p {
    font-family: 'Open Sans', sans-serif;
}

#mixed-slider .video-description .title p {
    font-size: 24px;
    margin-bottom: 10px;
}

#mixed-slider .video-description .content p {
    font-size: 12px;
    margin-top: 10px;
}

#mixed-slider .video-description .link {
    position: absolute;
    bottom: 10px;
}

#mixed-slider .video-description .link p {
    font-size: 14px;
}

#mixed-slider .video-description .link a {
    font-size: 12px;
    color: #666666;
}

#mixed-slider .content-box {
    width: 180px;
    margin: 35px 30px;
    padding: 10px;
    background: #888;
    color: #CCC;
    font-size: 13px;
    line-height: 20px;
    border: 4px solid #DDD;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#mixed-slider .content-box .title {
    font-weight: bold;
    font-style: italic;
    color: #EEEEEE;
}

#mixed-slider .content-box .button {
    display: block;
    text-decoration: none;
    width: 65px;
    padding: 2px;
    margin-top: 10px;
    color: #666;
    background-color: #EEEEEE;
    border: 4px solid #FFFFFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#mixed-slider .images-box {
    width: 520px;
    margin: 30px 15px;
}

#mixed-slider .image-box {
    background: url('../img//image_shadow.png') no-repeat 9px 158px;
    width: 260px;
    height: 170px;
    float: left;
}

#mixed-slider .image-box img {
    margin: 10px;
    border: 4px solid #FFF;
    transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
}

#mixed-slider .image-box img:hover {
    border: 4px solid #333;
}

/****** Start Content of Tool Block blockName: tool_niafametoolsenews_sample_mainsph_block9899 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Tool Block blockName: tool_niafametoolsecommunique_sample_mainsph_block9900 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Tool Block blockName: tool_link_sample_mainsph_block9908 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Tool Block blockName: tool_link_sample_mainsph_block9909 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Tool Block blockName: tool_link_sample_mainsph_block9910 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Tool Block blockName: tool_link_sample_mainsph_block9911 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Tool Block blockName: tool_link_sample_mainsph_block9912 *******/
.borderdesignrtl3 {
    border: 0px;
    text-align: right;
    direction: rtl;
}

.borderdesignrtl3 .bhead {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .bmiddle {
    clear: both;
}

.borderdesignrtl3 .bfooter {
    border: 0px;
    clear: both;
}

.borderdesignrtl3 .h1 {}

.borderdesignrtl3 .h2 {}

.borderdesignrtl3 .h3 {
    float: right;
    width: 50%;
}

.borderdesignrtl3 .h4 {
    float: right;
    width: 50%;
}

/****** Start Content of Css File in Css Folder in befor of main fileName: date1/blue.css *******/
/*startIframeDate*/
.IframeDate {
    width: 120;
    height: 20;
    border: 1px dashed #B5D1FD;
}

/*endIframeDate*/
/*startdate*/
.Date {
    direction: ltr;
    text-align: right;
}

/*enddate*/
/****** Start Content of Css File in Css Folder in befor of main fileName: advmenu3responsive/blue.css *******/
@media(min-width:768px) {

    .navbar .navbar-nav .dropdown-menu[data-duration=ultrafast],
    .navbar .navbar-nav[data-duration=ultrafast] .dropdown-menu,
    .navbar[data-duration=ultrafast] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 150ms;
        -moz-animation-duration: 150ms;
        -o-animation-duration: 150ms;
        animation-duration: 150ms
    }

    .navbar .navbar-nav .dropdown-menu[data-duration=fast],
    .navbar .navbar-nav[data-duration=fast] .dropdown-menu,
    .navbar[data-duration=fast] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 250ms;
        -moz-animation-duration: 250ms;
        -o-animation-duration: 250ms;
        animation-duration: 250ms
    }

    .navbar .navbar-nav .dropdown-menu,
    .navbar .navbar-nav .dropdown-menu[data-duration=normal],
    .navbar .navbar-nav[data-duration=normal] .dropdown-menu,
    .navbar[data-duration=normal] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s
    }

    .navbar .navbar-nav .dropdown-menu[data-duration=slow],
    .navbar .navbar-nav[data-duration=slow] .dropdown-menu,
    .navbar[data-duration=slow] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 750ms;
        -moz-animation-duration: 750ms;
        -o-animation-duration: 750ms;
        animation-duration: 750ms
    }

    .navbar .navbar-nav .dropdown-menu[data-duration=superslow],
    .navbar .navbar-nav[data-duration=superslow] .dropdown-menu,
    .navbar[data-duration=superslow] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s
    }

    .navbar .navbar-nav .dropdown-menu[data-duration=ultraslow],
    .navbar .navbar-nav[data-duration=ultraslow] .dropdown-menu,
    .navbar[data-duration=ultraslow] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        -o-animation-duration: 1.5s;
        animation-duration: 1.5s
    }

    .navbar .navbar-nav.dropdown-onhover.no-fix>li:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover.no-fix>li:not(:hover)>.dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.open):not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.open):not(:hover)>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover.no-fix:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover.no-fix:not(:hover)>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover:not(.no-fix):not(.open):not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover:not(.no-fix):not(.open):not(:hover)>.dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav>li:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav>li:not(:hover)>.dropdown-menu,
    .navbar.dropdown-onhover:not(.no-fix) .navbar-nav>li:not(.open):not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar.dropdown-onhover:not(.no-fix) .navbar-nav>li:not(.open):not(:hover)>.dropdown-menu,
    .navbar:not(.dropdown-onhover) .navbar-nav:not(.dropdown-onhover)>li:not(.dropdown-onhover):not(.open)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar:not(.dropdown-onhover) .navbar-nav:not(.dropdown-onhover)>li:not(.dropdown-onhover):not(.open)>.dropdown-menu {
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none;
        -webkit-animation-name: none
    }

    .navbar .navbar-nav .dropdown-menu.no-animation,
    .navbar .navbar-nav .no-animation .dropdown-menu,
    .navbar .navbar-nav li[class*=collapse-]>.dropdown-menu,
    .navbar .navbar-nav li[class*="-onhover"].no-fix:not(:hover)>.dropdown-menu:not(.collapsing),
    .navbar .navbar-nav li[class*="-onhover"]:not(.no-fix):not(:hover)>.dropdown-menu:not(.in):not(.collapsing),
    .navbar .navbar-nav li[class*="-onclick"]>.dropdown-menu.collapse:not(.in):not(.collapsing) {
        -moz-animation-name: none !important;
        -o-animation-name: none !important;
        animation-name: none !important;
        -webkit-animation-name: none !important
    }
}

@-webkit-keyframes HingeUpToDown {
    0% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeUpToDown {
    0% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        -ms-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        -ms-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        -ms-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        -ms-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeLeftToRight {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeLeftToRight {
    0% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        -ms-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        -ms-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        -ms-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        -ms-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeRightToLeftInverse {
    0% {
        -webkit-transform-origin: 100% -50%;
        transform-origin: 100% -50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeRightToLeftInverse {
    0% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        -ms-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        -ms-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        -ms-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        -ms-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeLeftToRightInverse {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeLeftToRightInverse {
    0% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        -ms-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        -ms-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        -ms-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        -ms-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeRightToLeft {
    0% {
        -webkit-transform-origin: 100% -50%;
        transform-origin: 100% -50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeRightToLeft {
    0% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        -ms-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        -ms-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        -ms-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        -ms-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeDownToUp {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeDownToUp {
    0% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        -ms-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        -ms-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        -ms-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        -ms-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeUpToDownInverse {
    0% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeUpToDownInverse {
    0% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        -ms-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        -ms-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        -ms-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        -ms-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeDownToUpInverse {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeDownToUpInverse {
    0% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        -ms-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        -ms-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        -ms-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        -ms-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

.navbar .navbar-nav .dropdown-menu.HingeUpToDown,
.navbar .navbar-nav.HingeUpToDown .dropdown-menu,
.navbar.HingeUpToDown .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeUpToDown;
    animation-name: HingeUpToDown
}

.navbar .navbar-nav .dropdown-menu.HingeUpToDownInverse,
.navbar .navbar-nav.HingeUpToDownInverse .dropdown-menu,
.navbar.HingeUpToDownInverse .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeUpToDownInverse;
    animation-name: HingeUpToDownInverse
}

.navbar .navbar-nav .dropdown-menu.HingeDownToUp,
.navbar .navbar-nav.HingeDownToUp .dropdown-menu,
.navbar.HingeDownToUp .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeDownToUp;
    animation-name: HingeDownToUp
}

.navbar .navbar-nav .dropdown-menu.HingeDownToUpInverse,
.navbar .navbar-nav.HingeDownToUpInverse .dropdown-menu,
.navbar.HingeDownToUpInverse .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeDownToUpInverse;
    animation-name: HingeDownToUpInverse
}

.navbar .navbar-left .dropdown-menu.HingeStartToEnd,
.navbar .navbar-left.HingeStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeLeftToRight,
.navbar .navbar-nav.HingeLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeEndToStart,
.navbar .navbar-right.HingeEndToStart .dropdown-menu,
.navbar.HingeEndToStart .navbar-right .dropdown-menu,
.navbar.HingeLeftToRight .navbar-nav .dropdown-menu,
.navbar.HingeStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: HingeLeftToRight;
    animation-name: HingeLeftToRight
}

.navbar .navbar-left .dropdown-menu.HingeStartToEndInverse,
.navbar .navbar-left.HingeStartToEndInverse .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeLeftToRightInverse,
.navbar .navbar-nav.HingeLeftToRightInverse .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeEndToStartInverse,
.navbar .navbar-right.HingeEndToStartInverse .dropdown-menu,
.navbar.HingeEndToStartInverse .navbar-right .dropdown-menu,
.navbar.HingeLeftToRightInverse .navbar-nav .dropdown-menu,
.navbar.HingeStartToEndInverse .navbar-left .dropdown-menu {
    -webkit-animation-name: HingeLeftToRightInverse;
    animation-name: HingeLeftToRightInverse
}

.navbar .navbar-left .dropdown-menu.HingeEndToStart,
.navbar .navbar-left.HingeEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeRightToLeft,
.navbar .navbar-nav.HingeRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeStartToEnd,
.navbar .navbar-right.HingeStartToEnd .dropdown-menu,
.navbar.HingeEndToStart .navbar-left .dropdown-menu,
.navbar.HingeRightToLeft .navbar-nav .dropdown-menu,
.navbar.HingeStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: HingeRightToLeft;
    animation-name: HingeRightToLeft
}

.navbar .navbar-left .dropdown-menu.HingeEndToStartInverse,
.navbar .navbar-left.HingeEndToStartInverse .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeRightToLeftInverse,
.navbar .navbar-nav.HingeRightToLeftInverse .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeStartToEndInverse,
.navbar .navbar-right.HingeStartToEndInverse .dropdown-menu,
.navbar.HingeEndToStartInverse .navbar-left .dropdown-menu,
.navbar.HingeRightToLeftInverse .navbar-nav .dropdown-menu,
.navbar.HingeStartToEndInverse .navbar-right .dropdown-menu {
    -webkit-animation-name: HingeRightToLeftInverse;
    animation-name: HingeRightToLeftInverse
}

@-webkit-keyframes BounceTopToBottom {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes BounceTopToBottom {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes BounceLeftToRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes BounceLeftToRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes BounceRightToLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes BounceRightToLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes BounceBottomToTop {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes BounceBottomToTop {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.navbar .navbar-nav .dropdown-menu.BounceTopToBottom,
.navbar .navbar-nav.BounceTopToBottom .dropdown-menu,
.navbar.BounceTopToBottom .navbar-nav .dropdown-menu {
    -webkit-animation-name: BounceTopToBottom;
    animation-name: BounceTopToBottom
}

.navbar .navbar-nav .dropdown-menu.BounceBottomToTop,
.navbar .navbar-nav.BounceBottomToTop .dropdown-menu,
.navbar.BounceBottomToTop .navbar-nav .dropdown-menu {
    -webkit-animation-name: BounceBottomToTop;
    animation-name: BounceBottomToTop
}

.navbar .navbar-left .dropdown-menu.BounceStartToEnd,
.navbar .navbar-left.BounceStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.BounceLeftToRight,
.navbar .navbar-nav.BounceLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.BounceEndToStart,
.navbar .navbar-right.BounceEndToStart .dropdown-menu,
.navbar.BounceEndToStart .navbar-right .dropdown-menu,
.navbar.BounceLeftToRight .navbar-nav .dropdown-menu,
.navbar.BounceStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: BounceLeftToRight;
    animation-name: BounceLeftToRight
}

.navbar .navbar-left .dropdown-menu.BounceEndToStart,
.navbar .navbar-left.BounceEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.BounceRightToLeft,
.navbar .navbar-nav.BounceRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.BounceStartToEnd,
.navbar .navbar-right.BounceStartToEnd .dropdown-menu,
.navbar.BounceEndToStart .navbar-left .dropdown-menu,
.navbar.BounceRightToLeft .navbar-nav .dropdown-menu,
.navbar.BounceStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: BounceRightToLeft;
    animation-name: BounceRightToLeft
}

@keyframes FlipHorizontal {
    from {
        -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    to {
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes FlipHorizontal {
    from {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    to {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes FlipVertical {
    from {
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    to {
        -webkit-transform: rotateX(0);
        -ms-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@-webkit-keyframes FlipVertical {
    from {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes FlipLeftToRightFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        -ms-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes FlipLeftToRightFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipLeftToRightBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        -ms-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipLeftToRightBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        -ms-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        -ms-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes FlipLeftToRightFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        -ms-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes FlipLeftToRightFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipLeftToRightBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        -ms-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipLeftToRightBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        -ms-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        -ms-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes FlipLeftToRightFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        -ms-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes FlipLeftToRightFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipLeftToRightBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        -ms-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipLeftToRightBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        -ms-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        -ms-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

.navbar .navbar-nav .dropdown-menu.FlipHorizontal,
.navbar .navbar-nav.FlipHorizontal .dropdown-menu,
.navbar.FlipHorizontal .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-name: FlipHorizontal;
    animation-name: FlipHorizontal
}

.navbar .navbar-nav .dropdown-menu.FlipVertical,
.navbar .navbar-nav.FlipVertical .dropdown-menu,
.navbar.FlipVertical .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-name: FlipVertical;
    animation-name: FlipVertical
}

.navbar .navbar-left .dropdown-menu.FlipStartToEndFrontLong,
.navbar .navbar-left.FlipStartToEndFrontLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.FlipLeftToRightFrontLong,
.navbar .navbar-nav.FlipLeftToRightFrontLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.FlipEndToStartFrontLong,
.navbar .navbar-right.FlipEndToStartFrontLong .dropdown-menu,
.navbar.FlipEndToStartFrontLong .navbar-right .dropdown-menu,
.navbar.FlipLeftToRightFrontLong .navbar-nav .dropdown-menu,
.navbar.FlipStartToEndFrontLong .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: FlipLeftToRightFrontLong;
    animation-name: FlipLeftToRightFrontLong
}

.navbar .navbar-left .dropdown-menu.flipStartToEndBackLong,
.navbar .navbar-left.flipStartToEndBackLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipLeftToRightBackLong,
.navbar .navbar-nav.flipLeftToRightBackLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipEndToStartBackLong,
.navbar .navbar-right.flipEndToStartBackLong .dropdown-menu,
.navbar.flipEndToStartBackLong .navbar-right .dropdown-menu,
.navbar.flipLeftToRightBackLong .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackLong .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: flipLeftToRightBackLong;
    animation-name: flipLeftToRightBackLong
}

.navbar .navbar-left .dropdown-menu.flipEndToStartFrontLong,
.navbar .navbar-left.flipEndToStartFrontLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftFrontLong,
.navbar .navbar-nav.flipRightToLeftFrontLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndFrontLong,
.navbar .navbar-right.flipStartToEndFrontLong .dropdown-menu,
.navbar.flipEndToStartFrontLong .navbar-left .dropdown-menu,
.navbar.flipRightToLeftFrontLong .navbar-nav .dropdown-menu,
.navbar.flipStartToEndFrontLong .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftFrontLong;
    animation-name: flipRightToLeftFrontLong
}

.navbar .navbar-left .dropdown-menu.flipEndToStartBackLong,
.navbar .navbar-left.flipEndToStartBackLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftBackLong,
.navbar .navbar-nav.flipRightToLeftBackLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndBackLong,
.navbar .navbar-right.flipStartToEndBackLong .dropdown-menu,
.navbar.flipEndToStartBackLong .navbar-left .dropdown-menu,
.navbar.flipRightToLeftBackLong .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackLong .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftBackLong;
    animation-name: flipRightToLeftBackLong
}

.navbar .navbar-left .dropdown-menu.FlipStartToEndFrontMedium,
.navbar .navbar-left.FlipStartToEndFrontMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.FlipLeftToRightFrontMedium,
.navbar .navbar-nav.FlipLeftToRightFrontMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.FlipEndToStartFrontMedium,
.navbar .navbar-right.FlipEndToStartFrontMedium .dropdown-menu,
.navbar.FlipEndToStartFrontMedium .navbar-right .dropdown-menu,
.navbar.FlipLeftToRightFrontMedium .navbar-nav .dropdown-menu,
.navbar.FlipStartToEndFrontMedium .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: FlipLeftToRightFrontMedium;
    animation-name: FlipLeftToRightFrontMedium
}

.navbar .navbar-left .dropdown-menu.flipStartToEndBackMedium,
.navbar .navbar-left.flipStartToEndBackMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipLeftToRightBackMedium,
.navbar .navbar-nav.flipLeftToRightBackMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipEndToStartBackMedium,
.navbar .navbar-right.flipEndToStartBackMedium .dropdown-menu,
.navbar.flipEndToStartBackMedium .navbar-right .dropdown-menu,
.navbar.flipLeftToRightBackMedium .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackMedium .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: flipLeftToRightBackMedium;
    animation-name: flipLeftToRightBackMedium
}

.navbar .navbar-left .dropdown-menu.flipEndToStartFrontMedium,
.navbar .navbar-left.flipEndToStartFrontMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftFrontMedium,
.navbar .navbar-nav.flipRightToLeftFrontMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndFrontMedium,
.navbar .navbar-right.flipStartToEndFrontMedium .dropdown-menu,
.navbar.flipEndToStartFrontMedium .navbar-left .dropdown-menu,
.navbar.flipRightToLeftFrontMedium .navbar-nav .dropdown-menu,
.navbar.flipStartToEndFrontMedium .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftFrontMedium;
    animation-name: flipRightToLeftFrontMedium
}

.navbar .navbar-left .dropdown-menu.flipEndToStartBackMedium,
.navbar .navbar-left.flipEndToStartBackMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftBackMedium,
.navbar .navbar-nav.flipRightToLeftBackMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndBackMedium,
.navbar .navbar-right.flipStartToEndBackMedium .dropdown-menu,
.navbar.flipEndToStartBackMedium .navbar-left .dropdown-menu,
.navbar.flipRightToLeftBackMedium .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackMedium .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftBackMedium;
    animation-name: flipRightToLeftBackMedium
}

.navbar .navbar-left .dropdown-menu.FlipStartToEndFrontShort,
.navbar .navbar-left.FlipStartToEndFrontShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.FlipLeftToRightFrontShort,
.navbar .navbar-nav.FlipLeftToRightFrontShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.FlipEndToStartFrontShort,
.navbar .navbar-right.FlipEndToStartFrontShort .dropdown-menu,
.navbar.FlipEndToStartFrontShort .navbar-right .dropdown-menu,
.navbar.FlipLeftToRightFrontShort .navbar-nav .dropdown-menu,
.navbar.FlipStartToEndFrontShort .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: FlipLeftToRightFrontShort;
    animation-name: FlipLeftToRightFrontShort
}

.navbar .navbar-left .dropdown-menu.flipStartToEndBackShort,
.navbar .navbar-left.flipStartToEndBackShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipLeftToRightBackShort,
.navbar .navbar-nav.flipLeftToRightBackShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipEndToStartBackShort,
.navbar .navbar-right.flipEndToStartBackShort .dropdown-menu,
.navbar.flipEndToStartBackShort .navbar-right .dropdown-menu,
.navbar.flipLeftToRightBackShort .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackShort .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: flipLeftToRightBackShort;
    animation-name: flipLeftToRightBackShort
}

.navbar .navbar-left .dropdown-menu.flipEndToStartFrontShort,
.navbar .navbar-left.flipEndToStartFrontShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftFrontShort,
.navbar .navbar-nav.flipRightToLeftFrontShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndFrontShort,
.navbar .navbar-right.flipStartToEndFrontShort .dropdown-menu,
.navbar.flipEndToStartFrontShort .navbar-left .dropdown-menu,
.navbar.flipRightToLeftFrontShort .navbar-nav .dropdown-menu,
.navbar.flipStartToEndFrontShort .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftFrontShort;
    animation-name: flipRightToLeftFrontShort
}

.navbar .navbar-left .dropdown-menu.flipEndToStartBackShort,
.navbar .navbar-left.flipEndToStartBackShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftBackShort,
.navbar .navbar-nav.flipRightToLeftBackShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndBackShort,
.navbar .navbar-right.flipStartToEndBackShort .dropdown-menu,
.navbar.flipEndToStartBackShort .navbar-left .dropdown-menu,
.navbar.flipRightToLeftBackShort .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackShort .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftBackShort;
    animation-name: flipRightToLeftBackShort
}

@-webkit-keyframes twisterInDown {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }

    100% {
        transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform: scale(1, 1) rotate(0) translateY(0);
        -webkit-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@keyframes twisterInDown {
    0% {
        -ms-transform-origin: 0 100%;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }

    100% {
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -ms-transform: scale(1, 1) rotate(0) translateY(0);
        -webkit-transform: scale(1, 1) rotate(0) translateY(0);
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-webkit-keyframes twisterInUp {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0) translateY(0);
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@keyframes twisterInUp {
    0% {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }

    100% {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0) translateY(0);
        -ms-transform: scale(1, 1) rotate(0) translateY(0);
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-webkit-keyframes Bounce {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes Bounce {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@-webkit-keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -ms-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        -ms-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -ms-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@-webkit-keyframes tada {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@-webkit-keyframes wobble {

    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {

    0%,
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flipX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipY {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@keyframes flipY {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(1000px);
        -ms-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

.navbar .navbar-nav .dropdown-menu.flipX,
.navbar .navbar-nav.flipX .dropdown-menu,
.navbar.flipX .navbar-nav .dropdown-menu {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipX;
    animation-name: flipX
}

.navbar .navbar-nav .dropdown-menu.flipY,
.navbar .navbar-nav.flipY .dropdown-menu,
.navbar.flipY .navbar-nav .dropdown-menu {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipY;
    animation-name: flipY
}

.navbar .navbar-nav .dropdown-menu.fadeIn,
.navbar .navbar-nav.fadeIn .dropdown-menu,
.navbar.fadeIn .navbar-nav .dropdown-menu {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.navbar .navbar-nav .dropdown-menu.Bounce,
.navbar .navbar-nav.Bounce .dropdown-menu,
.navbar.Bounce .navbar-nav .dropdown-menu {
    -webkit-animation-name: Bounce;
    animation-name: Bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.navbar .navbar-nav .dropdown-menu.flash,
.navbar .navbar-nav.flash .dropdown-menu,
.navbar.flash .navbar-nav .dropdown-menu {
    -webkit-animation-name: flash;
    animation-name: flash
}

.navbar .navbar-nav .dropdown-menu.pulse,
.navbar .navbar-nav.pulse .dropdown-menu,
.navbar.pulse .navbar-nav .dropdown-menu {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.navbar .navbar-nav .dropdown-menu.rubberBand,
.navbar .navbar-nav.rubberBand .dropdown-menu,
.navbar.rubberBand .navbar-nav .dropdown-menu {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.navbar .navbar-nav .dropdown-menu.shake,
.navbar .navbar-nav.shake .dropdown-menu,
.navbar.shake .navbar-nav .dropdown-menu {
    -webkit-animation-name: shake;
    animation-name: shake
}

.navbar .navbar-nav .dropdown-menu.swing,
.navbar .navbar-nav.swing .dropdown-menu,
.navbar.swing .navbar-nav .dropdown-menu {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.navbar .navbar-nav .dropdown-menu.tada,
.navbar .navbar-nav.tada .dropdown-menu,
.navbar.tada .navbar-nav .dropdown-menu {
    -webkit-animation-name: tada;
    animation-name: tada
}

.navbar .navbar-nav .dropdown-menu.wobble,
.navbar .navbar-nav.wobble .dropdown-menu,
.navbar.wobble .navbar-nav .dropdown-menu {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.navbar .navbar-nav .dropdown-menu.twisterInDown,
.navbar .navbar-nav.twisterInDown .dropdown-menu,
.navbar.twisterInDown .navbar-nav .dropdown-menu {
    -webkit-animation-name: twisterInDown;
    animation-name: twisterInDown
}

.navbar .navbar-nav .dropdown-menu.twisterInUp,
.navbar .navbar-nav.twisterInUp .dropdown-menu,
.navbar.twisterInUp .navbar-nav .dropdown-menu {
    -webkit-animation-name: twisterInUp;
    animation-name: twisterInUp
}

@keyframes SkewRightTopToBottom {
    from {
        -webkit-transform: skew(0deg, -5deg);
        -ms-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewRightTopToBottom {
    from {
        -webkit-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewRightBottomToTop {
    from {
        -webkit-transform: skew(0deg, 5deg);
        -ms-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewRightBottomToTop {
    from {
        -webkit-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewLeftTopToBottom {
    from {
        -webkit-transform: skew(0deg, 5deg);
        -ms-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewLeftTopToBottom {
    from {
        -webkit-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewLeftBottomToTop {
    from {
        -webkit-transform: skew(0deg, -5deg);
        -ms-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewLeftBottomToTop {
    from {
        -webkit-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewBottomLeftToRight {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewBottomLeftToRight {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewBottomRightToLeft {
    from {
        -webkit-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewBottomRightToLeft {
    from {
        -webkit-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewTopRightToLeft {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewTopRightToLeft {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewTopLeftToRight {
    from {
        -webkit-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewTopLeftToRight {
    from {
        -webkit-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

.navbar .navbar-left .dropdown-menu.SkewEndTopToBottom,
.navbar .navbar-left.SkewEndTopToBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewRightTopToBottom,
.navbar .navbar-nav.SkewRightTopToBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewStartTopToBottom,
.navbar .navbar-right.SkewStartTopToBottom .dropdown-menu,
.navbar.SkewEndTopToBottom .navbar-left .dropdown-menu,
.navbar.SkewRightTopToBottom .navbar-nav .dropdown-menu,
.navbar.SkewStartTopToBottom .navbar-right .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewRightTopToBottom;
    animation-name: SkewRightTopToBottom
}

.navbar .navbar-left .dropdown-menu.SkewEndBottomToTop,
.navbar .navbar-left.SkewEndBottomToTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewRightBottomToTop,
.navbar .navbar-nav.SkewRightBottomToTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewStartBottomToTop,
.navbar .navbar-right.SkewStartBottomToTop .dropdown-menu,
.navbar.SkewEndBottomToTop .navbar-left .dropdown-menu,
.navbar.SkewRightBottomToTop .navbar-nav .dropdown-menu,
.navbar.SkewStartBottomToTop .navbar-right .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewRightBottomToTop;
    animation-name: SkewRightBottomToTop
}

.navbar .navbar-left .dropdown-menu.SkewStartTopToBottom,
.navbar .navbar-left.SkewStartTopToBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewLeftTopToBottom,
.navbar .navbar-nav.SkewLeftTopToBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewEndTopToBottom,
.navbar .navbar-right.SkewEndTopToBottom .dropdown-menu,
.navbar.SkewEndTopToBottom .navbar-right .dropdown-menu,
.navbar.SkewLeftTopToBottom .navbar-nav .dropdown-menu,
.navbar.SkewStartTopToBottom .navbar-left .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewLeftTopToBottom;
    animation-name: SkewLeftTopToBottom
}

.navbar .navbar-left .dropdown-menu.SkewStartBottomToTop,
.navbar .navbar-left.SkewStartBottomToTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewLeftBottomToTop,
.navbar .navbar-nav.SkewLeftBottomToTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewEndBottomToTop,
.navbar .navbar-right.SkewEndBottomToTop .dropdown-menu,
.navbar.SkewEndBottomToTop .navbar-right .dropdown-menu,
.navbar.SkewLeftBottomToTop .navbar-nav .dropdown-menu,
.navbar.SkewStartBottomToTop .navbar-left .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewLeftBottomToTop;
    animation-name: SkewLeftBottomToTop
}

.navbar .navbar-left .dropdown-menu.SkewBottomStartToEnd,
.navbar .navbar-left.SkewBottomStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewBottomLeftToRight,
.navbar .navbar-nav.SkewBottomLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewBottomEndToStart,
.navbar .navbar-right.SkewBottomEndToStart .dropdown-menu,
.navbar.SkewBottomEndToStart .navbar-right .dropdown-menu,
.navbar.SkewBottomLeftToRight .navbar-nav .dropdown-menu,
.navbar.SkewBottomStartToEnd .navbar-left .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewBottomLeftToRight;
    animation-name: SkewBottomLeftToRight
}

.navbar .navbar-left .dropdown-menu.SkewBottomEndToStart,
.navbar .navbar-left.SkewBottomEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewBottomRightToLeft,
.navbar .navbar-nav.SkewBottomRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewBottomStartToEnd,
.navbar .navbar-right.SkewBottomStartToEnd .dropdown-menu,
.navbar.SkewBottomEndToStart .navbar-left .dropdown-menu,
.navbar.SkewBottomRightToLeft .navbar-nav .dropdown-menu,
.navbar.SkewBottomStartToEnd .navbar-right .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewBottomRightToLeft;
    animation-name: SkewBottomRightToLeft
}

.navbar .navbar-left .dropdown-menu.SkewTopEndToStart,
.navbar .navbar-left.SkewTopEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewTopRightToLeft,
.navbar .navbar-nav.SkewTopRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewTopStartToEnd,
.navbar .navbar-right.SkewTopStartToEnd .dropdown-menu,
.navbar.SkewTopEndToStart .navbar-left .dropdown-menu,
.navbar.SkewTopRightToLeft .navbar-nav .dropdown-menu,
.navbar.SkewTopStartToEnd .navbar-right .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewTopRightToLeft;
    animation-name: SkewTopRightToLeft
}

.navbar .navbar-left .dropdown-menu.SkewTopStartToEnd,
.navbar .navbar-left.SkewTopStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewTopLeftToRight,
.navbar .navbar-nav.SkewTopLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewTopEndToStart,
.navbar .navbar-right.SkewTopEndToStart .dropdown-menu,
.navbar.SkewTopEndToStart .navbar-right .dropdown-menu,
.navbar.SkewTopLeftToRight .navbar-nav .dropdown-menu,
.navbar.SkewTopStartToEnd .navbar-left .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewTopLeftToRight;
    animation-name: SkewTopLeftToRight
}

@keyframes ScaleBottomToTop {
    from {
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleBottomToTop {
    from {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleTopToBottom {
    from {
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleTopToBottom {
    from {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleLeftToRight {
    from {
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleLeftToRight {
    from {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleRightToLeft {
    from {
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleRightToLeft {
    from {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleLeftTopToRightBottom {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleLeftTopToRightBottom {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleLeftBottomToRightTop {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleLeftBottomToRightTop {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleRightTopToLeftBottom {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleRightTopToLeftBottom {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleRightBottomToLeftTop {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleRightBottomToLeftTop {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.navbar .navbar-nav .dropdown-menu.ScaleBottomToTop,
.navbar .navbar-nav.ScaleBottomToTop .dropdown-menu,
.navbar.ScaleBottomToTop .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: ScaleBottomToTop;
    animation-name: ScaleBottomToTop
}

.navbar .navbar-nav .dropdown-menu.ScaleTopToBottom,
.navbar .navbar-nav.ScaleTopToBottom .dropdown-menu,
.navbar.ScaleTopToBottom .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: ScaleTopToBottom;
    animation-name: ScaleTopToBottom
}

.navbar .navbar-left .dropdown-menu.ScaleStartToEnd,
.navbar .navbar-left.ScaleStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleLeftToRight,
.navbar .navbar-nav.ScaleLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleEndToStart,
.navbar .navbar-right.ScaleEndToStart .dropdown-menu,
.navbar.ScaleEndToStart .navbar-right .dropdown-menu,
.navbar.ScaleLeftToRight .navbar-nav .dropdown-menu,
.navbar.ScaleStartToEnd .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: ScaleLeftToRight;
    animation-name: ScaleLeftToRight
}

.navbar .navbar-left .dropdown-menu.ScaleEndToStart,
.navbar .navbar-left.ScaleEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleRightToLeft,
.navbar .navbar-nav.ScaleRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleStartToEnd,
.navbar .navbar-right.ScaleStartToEnd .dropdown-menu,
.navbar.ScaleEndToStart .navbar-left .dropdown-menu,
.navbar.ScaleRightToLeft .navbar-nav .dropdown-menu,
.navbar.ScaleStartToEnd .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: ScaleRightToLeft;
    animation-name: ScaleRightToLeft
}

.navbar .navbar-left .dropdown-menu.ScaleStartTopEndBottom,
.navbar .navbar-left.ScaleStartTopEndBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleLeftTopToRightBottom,
.navbar .navbar-nav.ScaleLeftTopToRightBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleEndTopStartBottom,
.navbar .navbar-right.ScaleEndTopStartBottom .dropdown-menu,
.navbar.ScaleEndTopStartBottom .navbar-right .dropdown-menu,
.navbar.ScaleLeftTopToRightBottom .navbar-nav .dropdown-menu,
.navbar.ScaleStartTopEndBottom .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: ScaleLeftTopToRightBottom;
    animation-name: ScaleLeftTopToRightBottom
}

.navbar .navbar-left .dropdown-menu.ScaleStartBottomEndTop,
.navbar .navbar-left.ScaleStartBottomEndTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleLeftBottomToRightTop,
.navbar .navbar-nav.ScaleLeftBottomToRightTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleEndBottomStartTop,
.navbar .navbar-right.ScaleEndBottomStartTop .dropdown-menu,
.navbar.ScaleEndBottomStartTop .navbar-right .dropdown-menu,
.navbar.ScaleLeftBottomToRightTop .navbar-nav .dropdown-menu,
.navbar.ScaleStartBottomEndTop .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: ScaleLeftBottomToRightTop;
    animation-name: ScaleLeftBottomToRightTop
}

.navbar .navbar-left .dropdown-menu.ScaleEndTopStartBottom,
.navbar .navbar-left.ScaleEndTopStartBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleRightTopToLeftBottom,
.navbar .navbar-nav.ScaleRightTopToLeftBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleStartTopEndBottom,
.navbar .navbar-right.ScaleStartTopEndBottom .dropdown-menu,
.navbar.ScaleEndTopStartBottom .navbar-left .dropdown-menu,
.navbar.ScaleRightTopToLeftBottom .navbar-nav .dropdown-menu,
.navbar.ScaleStartTopEndBottom .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: ScaleRightTopToLeftBottom;
    animation-name: ScaleRightTopToLeftBottom
}

.navbar .navbar-left .dropdown-menu.ScaleEndBottomStartTop,
.navbar .navbar-left.ScaleEndBottomStartTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleRightBottomToLeftTop,
.navbar .navbar-nav.ScaleRightBottomToLeftTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleStartBottomEndTop,
.navbar .navbar-right.ScaleStartBottomEndTop .dropdown-menu,
.navbar.ScaleEndBottomStartTop .navbar-left .dropdown-menu,
.navbar.ScaleRightBottomToLeftTop .navbar-nav .dropdown-menu,
.navbar.ScaleStartBottomEndTop .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: ScaleRightBottomToLeftTop;
    animation-name: ScaleRightBottomToLeftTop
}

@keyframes RotateLeftTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateLeftTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateLeftBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateLeftBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateCenterFixedToRight {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateCenterFixedToRight {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateCenterFixedToLeft {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateCenterFixedToLeft {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

.navbar .navbar-left .dropdown-menu.RotateStartTopFixedDown,
.navbar .navbar-left.RotateStartTopFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftTopFixedDown,
.navbar .navbar-nav.RotateLeftTopFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndTopFixedUp,
.navbar .navbar-right.RotateEndTopFixedUp .dropdown-menu,
.navbar.RotateEndTopFixedUp .navbar-right .dropdown-menu,
.navbar.RotateLeftTopFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedDown .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: RotateLeftTopFixedDown;
    animation-name: RotateLeftTopFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateStartTopFixedUp,
.navbar .navbar-left.RotateStartTopFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftTopFixedUp,
.navbar .navbar-nav.RotateLeftTopFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndTopFixedDown,
.navbar .navbar-right.RotateEndTopFixedDown .dropdown-menu,
.navbar.RotateEndTopFixedDown .navbar-right .dropdown-menu,
.navbar.RotateLeftTopFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedUp .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: RotateLeftTopFixedUp;
    animation-name: RotateLeftTopFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateEndTopFixedDown,
.navbar .navbar-left.RotateEndTopFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightTopFixedDown,
.navbar .navbar-nav.RotateRightTopFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartTopFixedUp,
.navbar .navbar-right.RotateStartTopFixedUp .dropdown-menu,
.navbar.RotateEndTopFixedDown .navbar-left .dropdown-menu,
.navbar.RotateRightTopFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedUp .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: RotateRightTopFixedDown;
    animation-name: RotateRightTopFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateEndTopFixedUp,
.navbar .navbar-left.RotateEndTopFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightTopFixedUp,
.navbar .navbar-nav.RotateRightTopFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartTopFixedDown,
.navbar .navbar-right.RotateStartTopFixedDown .dropdown-menu,
.navbar.RotateEndTopFixedUp .navbar-left .dropdown-menu,
.navbar.RotateRightTopFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedDown .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: RotateRightTopFixedUp;
    animation-name: RotateRightTopFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateStartBottomFixedDown,
.navbar .navbar-left.RotateStartBottomFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftBottomFixedDown,
.navbar .navbar-nav.RotateLeftBottomFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndBottomFixedUp,
.navbar .navbar-right.RotateEndBottomFixedUp .dropdown-menu,
.navbar.RotateEndBottomFixedUp .navbar-right .dropdown-menu,
.navbar.RotateLeftBottomFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedDown .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: RotateLeftBottomFixedDown;
    animation-name: RotateLeftBottomFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateStartBottomFixedUp,
.navbar .navbar-left.RotateStartBottomFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftBottomFixedUp,
.navbar .navbar-nav.RotateLeftBottomFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndBottomFixedDown,
.navbar .navbar-right.RotateEndBottomFixedDown .dropdown-menu,
.navbar.RotateEndBottomFixedDown .navbar-right .dropdown-menu,
.navbar.RotateLeftBottomFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedUp .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: RotateLeftBottomFixedUp;
    animation-name: RotateLeftBottomFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateEndBottomFixedDown,
.navbar .navbar-left.RotateEndBottomFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightBottomFixedDown,
.navbar .navbar-nav.RotateRightBottomFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartBottomFixedUp,
.navbar .navbar-right.RotateStartBottomFixedUp .dropdown-menu,
.navbar.RotateEndBottomFixedDown .navbar-left .dropdown-menu,
.navbar.RotateRightBottomFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedUp .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: RotateRightBottomFixedDown;
    animation-name: RotateRightBottomFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateEndBottomFixedUp,
.navbar .navbar-left.RotateEndBottomFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightBottomFixedUp,
.navbar .navbar-nav.RotateRightBottomFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartBottomFixedDown,
.navbar .navbar-right.RotateStartBottomFixedDown .dropdown-menu,
.navbar.RotateEndBottomFixedUp .navbar-left .dropdown-menu,
.navbar.RotateRightBottomFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedDown .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: RotateRightBottomFixedUp;
    animation-name: RotateRightBottomFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateCenterFixedToEnd,
.navbar .navbar-left.RotateCenterFixedToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateCenterFixedToRight,
.navbar .navbar-nav.RotateCenterFixedToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateCenterFixedToStart,
.navbar .navbar-right.RotateCenterFixedToStart .dropdown-menu,
.navbar.RotateCenterFixedToEnd .navbar-left .dropdown-menu,
.navbar.RotateCenterFixedToRight .navbar-nav .dropdown-menu,
.navbar.RotateCenterFixedToStart .navbar-right .dropdown-menu {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: RotateCenterFixedToRight;
    animation-name: RotateCenterFixedToRight
}

.navbar .navbar-left .dropdown-menu.RotateCenterFixedToStart,
.navbar .navbar-left.RotateCenterFixedToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateCenterFixedToLeft,
.navbar .navbar-nav.RotateCenterFixedToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateCenterFixedToEnd,
.navbar .navbar-right.RotateCenterFixedToEnd .dropdown-menu,
.navbar.RotateCenterFixedToEnd .navbar-right .dropdown-menu,
.navbar.RotateCenterFixedToLeft .navbar-nav .dropdown-menu,
.navbar.RotateCenterFixedToStart .navbar-left .dropdown-menu {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: RotateCenterFixedToLeft;
    animation-name: RotateCenterFixedToLeft
}

@keyframes SlideTopToBottom {
    0% {
        -webkit-transform: translate(0, -50px);
        -ms-transform: translate(0, -50px);
        transform: translate(0, -50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideTopToBottom {
    0% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideBottomToTop {
    0% {
        -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideBottomToTop {
    0% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideLeftToRight {
    0% {
        -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideLeftToRight {
    0% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideRightToLeft {
    0% {
        -webkit-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideRightToLeft {
    0% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideLeftTopToRightBottom {
    0% {
        -webkit-transform: translate(-50px, -50px);
        -ms-transform: translate(-50px, -50px);
        transform: translate(-50px, -50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideLeftTopToRightBottom {
    0% {
        -webkit-transform: translate(-50px, -50px);
        transform: translate(-50px, -50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideRightTopToLeftBottom {
    0% {
        -webkit-transform: translate(50px, -50px);
        -ms-transform: translate(50px, -50px);
        transform: translate(50px, -50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideRightTopToLeftBottom {
    0% {
        -webkit-transform: translate(50px, -50px);
        transform: translate(50px, -50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideLeftBottomToRightTop {
    0% {
        -webkit-transform: translate(-50px, 50px);
        -ms-transform: translate(-50px, 50px);
        transform: translate(-50px, 50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideLeftBottomToRightTop {
    0% {
        -webkit-transform: translate(-50px, 50px);
        transform: translate(-50px, 50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideRightBottomToLeftTop {
    0% {
        -webkit-transform: translate(50px, 50px);
        -ms-transform: translate(50px, 50px);
        transform: translate(50px, 50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideRightBottomToLeftTop {
    0% {
        -webkit-transform: translate(50px, 50px);
        transform: translate(50px, 50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.navbar .navbar-nav .dropdown-menu.SlideTopToBottom,
.navbar .navbar-nav.SlideTopToBottom .dropdown-menu,
.navbar.SlideTopToBottom .navbar-nav .dropdown-menu {
    -webkit-animation-name: SlideTopToBottom;
    animation-name: SlideTopToBottom
}

.navbar .navbar-nav .dropdown-menu.SlideBottomToTop,
.navbar .navbar-nav.SlideBottomToTop .dropdown-menu,
.navbar.SlideBottomToTop .navbar-nav .dropdown-menu {
    -webkit-animation-name: SlideBottomToTop;
    animation-name: SlideBottomToTop
}

.navbar .navbar-left .dropdown-menu.SlideStartToEnd,
.navbar .navbar-left.SlideStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideLeftToRight,
.navbar .navbar-nav.SlideLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideEndToStart,
.navbar .navbar-right.SlideEndToStart .dropdown-menu,
.navbar.SlideEndToStart .navbar-right .dropdown-menu,
.navbar.SlideLeftToRight .navbar-nav .dropdown-menu,
.navbar.SlideStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: SlideLeftToRight;
    animation-name: SlideLeftToRight
}

.navbar .navbar-left .dropdown-menu.SlideEndToStart,
.navbar .navbar-left.SlideEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideRightToLeft,
.navbar .navbar-nav.SlideRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideStartToEnd,
.navbar .navbar-right.SlideStartToEnd .dropdown-menu,
.navbar.SlideEndToStart .navbar-left .dropdown-menu,
.navbar.SlideRightToLeft .navbar-nav .dropdown-menu,
.navbar.SlideStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: SlideRightToLeft;
    animation-name: SlideRightToLeft
}

.navbar .navbar-left .dropdown-menu.SlideStartTopToEndBottom,
.navbar .navbar-left.SlideStartTopToEndBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideLeftTopToRightBottom,
.navbar .navbar-nav.SlideLeftTopToRightBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideEndTopToStartBottom,
.navbar .navbar-right.SlideEndTopToStartBottom .dropdown-menu,
.navbar.SlideEndTopToStartBottom .navbar-right .dropdown-menu,
.navbar.SlideLeftTopToRightBottom .navbar-nav .dropdown-menu,
.navbar.SlideStartTopToEndBottom .navbar-left .dropdown-menu {
    -webkit-animation-name: SlideLeftTopToRightBottom;
    animation-name: SlideLeftTopToRightBottom
}

.navbar .navbar-left .dropdown-menu.SlideEndTopToStartBottom,
.navbar .navbar-left.SlideEndTopToStartBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideRightTopToLeftBottom,
.navbar .navbar-nav.SlideRightTopToLeftBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideStartTopToEndBottom,
.navbar .navbar-right.SlideStartTopToEndBottom .dropdown-menu,
.navbar.SlideEndTopToStartBottom .navbar-left .dropdown-menu,
.navbar.SlideRightTopToLeftBottom .navbar-nav .dropdown-menu,
.navbar.SlideStartTopToEndBottom .navbar-right .dropdown-menu {
    -webkit-animation-name: SlideRightTopToLeftBottom;
    animation-name: SlideRightTopToLeftBottom
}

.navbar .navbar-left .dropdown-menu.SlideStartBottomToEndTop,
.navbar .navbar-left.SlideStartBottomToEndTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideLeftBottomToRightTop,
.navbar .navbar-nav.SlideLeftBottomToRightTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideEndBottomToStartTop,
.navbar .navbar-right.SlideEndBottomToStartTop .dropdown-menu,
.navbar.SlideEndBottomToStartTop .navbar-right .dropdown-menu,
.navbar.SlideLeftBottomToRightTop .navbar-nav .dropdown-menu,
.navbar.SlideStartBottomToEndTop .navbar-left .dropdown-menu {
    -webkit-animation-name: SlideLeftBottomToRightTop;
    animation-name: SlideLeftBottomToRightTop
}

.navbar .navbar-left .dropdown-menu.SlideEndBottomToStartTop,
.navbar .navbar-left.SlideEndBottomToStartTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideRightBottomToLeftTop,
.navbar .navbar-nav.SlideRightBottomToLeftTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideStartBottomToEndTop,
.navbar .navbar-right.SlideStartBottomToEndTop .dropdown-menu,
.navbar.SlideEndBottomToStartTop .navbar-left .dropdown-menu,
.navbar.SlideRightBottomToLeftTop .navbar-nav .dropdown-menu,
.navbar.SlideStartBottomToEndTop .navbar-right .dropdown-menu {
    -webkit-animation-name: SlideRightBottomToLeftTop;
    animation-name: SlideRightBottomToLeftTop
}

@-webkit-keyframes SpeedRightToLeftShort {
    0% {
        -webkit-transform: translate3d(250px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(250px, 0, 0) skewX(-20deg);
        transform: translate3d(250px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedRightToLeftShort {
    0% {
        -webkit-transform: translate3d(250px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(250px, 0, 0) skewX(-20deg);
        transform: translate3d(250px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedRightToLeftMedium {
    0% {
        -webkit-transform: translate3d(500px, 0, 0) skewX(-20deg);
        transform: translate3d(500px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedRightToLeftMedium {
    0% {
        -webkit-transform: translate3d(500px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(500px, 0, 0) skewX(-20deg);
        transform: translate3d(500px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedRightToLeftLong {
    0% {
        -webkit-transform: translate3d(1000px, 0, 0) skewX(-20deg);
        transform: translate3d(1000px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedRightToLeftLong {
    0% {
        -webkit-transform: translate3d(1000px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(1000px, 0, 0) skewX(-20deg);
        transform: translate3d(1000px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedLeftToRightShort {
    0% {
        -webkit-transform: translate3d(-250px, 0, 0) skewX(20deg);
        transform: translate3d(-250px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedLeftToRightShort {
    0% {
        -webkit-transform: translate3d(-250px, 0, 0) skewX(20deg);
        -ms-transform: translate3d(-250px, 0, 0) skewX(20deg);
        transform: translate3d(-250px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedLeftToRightMedium {
    0% {
        -webkit-transform: translate3d(-500px, 0, 0) skewX(20deg);
        transform: translate3d(-500px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedLeftToRightMedium {
    0% {
        -webkit-transform: translate3d(-500px, 0, 0) skewX(20deg);
        -ms-transform: translate3d(-500px, 0, 0) skewX(20deg);
        transform: translate3d(-500px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedLeftToRightLong {
    0% {
        -webkit-transform: translate3d(-1000px, 0, 0) skewX(20deg);
        transform: translate3d(-1000px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedLeftToRightLong {
    0% {
        -webkit-transform: translate3d(-1000px, 0, 0) skewX(20deg);
        -ms-transform: translate3d(-1000px, 0, 0) skewX(20deg);
        transform: translate3d(-1000px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.navbar .navbar-left .dropdown-menu.SpeedStartToEndShort,
.navbar .navbar-left.SpeedStartToEndShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedEndToStartShort,
.navbar .navbar-right.SpeedEndToStartShort .dropdown-menu,
.navbar.SpeedEndToStartShort .navbar-right .dropdown-menu,
.navbar.SpeedStartToEndShort .navbar-left .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightShort;
    animation-name: SpeedRightToLeftShort;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedEndToStartShort,
.navbar .navbar-left.SpeedEndToStartShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpeedRightToLeftShort,
.navbar .navbar-nav.SpeedRightToLeftShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedStartToEndShort,
.navbar .navbar-right.SpeedStartToEndShort .dropdown-menu,
.navbar.SpeedEndToStartShort .navbar-left .dropdown-menu,
.navbar.SpeedRightToLeftShort .navbar-nav .dropdown-menu,
.navbar.SpeedStartToEndShort .navbar-right .dropdown-menu {
    -webkit-animation-name: SpeedRightToLeftShort;
    animation-name: SpeedRightToLeftShort;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedStartToEndMedium,
.navbar .navbar-left.SpeedStartToEndMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedEndToStartMedium,
.navbar .navbar-right.SpeedEndToStartMedium .dropdown-menu,
.navbar.SpeedEndToStartMedium .navbar-right .dropdown-menu,
.navbar.SpeedStartToEndMedium .navbar-left .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightMedium;
    animation-name: SpeedRightToLeftMedium;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedEndToStartMedium,
.navbar .navbar-left.SpeedEndToStartMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpeedRightToLeftMedium,
.navbar .navbar-nav.SpeedRightToLeftMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedStartToEndMedium,
.navbar .navbar-right.SpeedStartToEndMedium .dropdown-menu,
.navbar.SpeedEndToStartMedium .navbar-left .dropdown-menu,
.navbar.SpeedRightToLeftMedium .navbar-nav .dropdown-menu,
.navbar.SpeedStartToEndMedium .navbar-right .dropdown-menu {
    -webkit-animation-name: SpeedRightToLeftMedium;
    animation-name: SpeedRightToLeftMedium;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedStartToEndLong,
.navbar .navbar-left.SpeedStartToEndLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedEndToStartLong,
.navbar .navbar-right.SpeedEndToStartLong .dropdown-menu,
.navbar.SpeedEndToStartLong .navbar-right .dropdown-menu,
.navbar.SpeedStartToEndLong .navbar-left .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightLong;
    animation-name: SpeedRightToLeftLong;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedEndToStartLong,
.navbar .navbar-left.SpeedEndToStartLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpeedRightToLeftLong,
.navbar .navbar-nav.SpeedRightToLeftLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedStartToEndLong,
.navbar .navbar-right.SpeedStartToEndLong .dropdown-menu,
.navbar.SpeedEndToStartLong .navbar-left .dropdown-menu,
.navbar.SpeedRightToLeftLong .navbar-nav .dropdown-menu,
.navbar.SpeedStartToEndLong .navbar-right .dropdown-menu {
    -webkit-animation-name: SpeedRightToLeftLong;
    animation-name: SpeedRightToLeftLong;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-nav .dropdown-menu.SpeedLeftToRightShort,
.navbar .navbar-nav.SpeedLeftToRightShort .dropdown-menu,
.navbar.SpeedLeftToRightShort .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightShort;
    animation-name: SpeedLeftToRightShort;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-nav .dropdown-menu.SpeedLeftToRightMedium,
.navbar .navbar-nav.SpeedLeftToRightMedium .dropdown-menu,
.navbar.SpeedLeftToRightMedium .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightMedium;
    animation-name: SpeedLeftToRightMedium;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-nav .dropdown-menu.SpeedLeftToRightLong,
.navbar .navbar-nav.SpeedLeftToRightLong .dropdown-menu,
.navbar.SpeedLeftToRightLong .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightLong;
    animation-name: SpeedLeftToRightLong;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes SpaceTopToBottom {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(.2) translate(0, -200%)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceTopToBottom {
    0% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.2) translate(0, -200%)
    }

    100% {
        opacity: 1;
        transform-origin: 50% 0;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes SpaceRightToLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceRightToLeft {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.2) translate(200%, 0)
    }

    100% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes SpaceBottomToTop {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translate(0, 200%)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceBottomToTop {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.2) translate(0, 200%)
    }

    100% {
        opacity: 1;
        transform-origin: 50% 100%;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes SpaceLeftToRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(.2) translate(-200%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceLeftToRight {
    0% {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.2) translate(-200%, 0)
    }

    100% {
        opacity: 1;
        transform-origin: 0 50%;
        transform: scale(1) translate(0, 0)
    }
}

.navbar .navbar-nav .dropdown-menu.SpaceTopToBottom,
.navbar .navbar-nav.SpaceTopToBottom .dropdown-menu,
.navbar.SpaceTopToBottom .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpaceTopToBottom;
    animation-name: SpaceTopToBottom
}

.navbar .navbar-nav .dropdown-menu.SpaceBottomToTop,
.navbar .navbar-nav.SpaceBottomToTop .dropdown-menu,
.navbar.SpaceBottomToTop .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpaceBottomToTop;
    animation-name: SpaceBottomToTop
}

.navbar .navbar-left .dropdown-menu.SpaceStartToEnd,
.navbar .navbar-left.SpaceStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpaceLeftToRight,
.navbar .navbar-nav.SpaceLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpaceEndToStart,
.navbar .navbar-right.SpaceEndToStart .dropdown-menu,
.navbar.SpaceEndToStart .navbar-right .dropdown-menu,
.navbar.SpaceLeftToRight .navbar-nav .dropdown-menu,
.navbar.SpaceStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: SpaceLeftToRight;
    animation-name: SpaceLeftToRight
}

.navbar .navbar-left .dropdown-menu.SpaceEndToStart,
.navbar .navbar-left.SpaceEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpaceRightToLeft,
.navbar .navbar-nav.SpaceRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpaceStartToEnd,
.navbar .navbar-right.SpaceStartToEnd .dropdown-menu,
.navbar.SpaceEndToStart .navbar-left .dropdown-menu,
.navbar.SpaceRightToLeft .navbar-nav .dropdown-menu,
.navbar.SpaceStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: SpaceRightToLeft;
    animation-name: SpaceRightToLeft
}

@-webkit-keyframes Zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes ZoomDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomLeftToRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomLeftToRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomRightToLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomRightToLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.navbar .navbar-nav .dropdown-menu.Zoom,
.navbar .navbar-nav.Zoom .dropdown-menu,
.navbar.Zoom .navbar-nav .dropdown-menu {
    -webkit-animation-name: Zoom;
    animation-name: Zoom
}

.navbar .navbar-nav .dropdown-menu.ZoomDown,
.navbar .navbar-nav.ZoomDown .dropdown-menu,
.navbar.ZoomDown .navbar-nav .dropdown-menu {
    -webkit-animation-name: ZoomDown;
    animation-name: ZoomDown
}

.navbar .navbar-nav .dropdown-menu.ZoomUp,
.navbar .navbar-nav.ZoomUp .dropdown-menu,
.navbar.ZoomUp .navbar-nav .dropdown-menu {
    -webkit-animation-name: ZoomUp;
    animation-name: ZoomUp
}

.navbar .navbar-left .dropdown-menu.ZoomStartToEnd,
.navbar .navbar-left.ZoomStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ZoomLeftToRight,
.navbar .navbar-nav.ZoomLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ZoomEndToStart,
.navbar .navbar-right.ZoomEndToStart .dropdown-menu,
.navbar.ZoomEndToStart .navbar-right .dropdown-menu,
.navbar.ZoomLeftToRight .navbar-nav .dropdown-menu,
.navbar.ZoomStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: ZoomLeftToRight;
    animation-name: ZoomLeftToRight
}

.navbar .navbar-left .dropdown-menu.ZoomEndToStart,
.navbar .navbar-left.ZoomEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ZoomRightToLeft,
.navbar .navbar-nav.ZoomRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ZoomStartToEnd,
.navbar .navbar-right.ZoomStartToEnd .dropdown-menu,
.navbar.ZoomEndToStart .navbar-left .dropdown-menu,
.navbar.ZoomRightToLeft .navbar-nav .dropdown-menu,
.navbar.ZoomStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: ZoomRightToLeft;
    animation-name: ZoomRightToLeft
}

.navbar-carousel-indicators {
    position: relative;
    bottom: inherit;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: inherit;
    list-style: none
}

.navbar-carousel-indicators li {
    width: 100%;
    height: auto;
    margin: 0;
    text-indent: inherit;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    display: block
}

.navbar-carousel-indicators .active {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: transparent
}

.dropdown-menu,
.navbar {
    min-width: 35px
}

.navbar .container,
.navbar .container-fluid {
    position: relative
}

.navbar .navbar a,
a:focus,
a:hover {
    text-decoration: none
}

.navbar .navbar-text,
.navbar a.navbar-link {
    line-height: 20px;
    padding: 15px;
    margin: 0
}

.navbar p>.navbar-text,
.navbar p>a.navbar-link {
    padding: 15px 0
}

.navbar .dropdown-menu {
    overflow: visible !important;
    -webkit-transition: height 1ms;
    transition: height 1ms
}

.navbar .navbar-nav .dropdown-menu li.disabled:focus>a,
.navbar .navbar-nav .dropdown-menu li.disabled:hover>a {
    cursor: not-allowed
}

.navbar.navbar-fixed-bottom,
.navbar.navbar-fixed-top {
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    -ms-transform: none
}

.navbar .nav>li>a {
    display: inline-block
}

@media (max-width:767px) {

    .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height25.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 25/100)
    }

    .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height33.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 33/100)
    }

    .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height50.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 50/100)
    }

    .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height66.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 66/100)
    }

    .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height75.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 75/100)
    }

    .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height100.navbar-fixed-top .navbar-collapse {
        max-height: calc(100vh - 50px)
    }

    .caret {
        margin-top: 9px
    }

    .navbar {
        border-bottom: 0
    }

    .navbar .navbar-nav>li.divider {
        display: none
    }

    .navbar .navbar-header a.navbar-link {
        display: block;
        margin: 0;
        padding: 15px
    }

    .navbar .navbar-text,
    .navbar a.navbar-link {
        display: block;
        margin: 0;
        padding: 10px 15px;
        line-height: 20px
    }

    .navbar p>a.navbar-link {
        display: inline-block;
        padding: 0 !important
    }

    .navbar .navbar-header .navbar-text {
        padding: 15px;
        margin: 0
    }

    .navbar .navbar-form {
        border: 0;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar .navbar-nav .dropdown-menu ul,
.navbar .navbar-nav .dropdown-menu ul .dropdown-menu {
    padding: 0
}

.navbar .navbar-nav .dropdown-menu li {
    list-style: none
}

.navbar .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

.navbar .navbar-header {
    z-index: 1;
    position: relative
}

.navbar .container .navbar-collapse,
.navbar .container-fluid .navbar-collapse {
    position: relative;
    padding-right: 0;
    padding-left: 0
}

.navbar.navbar-static-top .container .navbar-collapse,
.navbar.navbar-static-top .container-fluid .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

.navbar.navbar-static-top .container .navbar-header,
.navbar.navbar-static-top .container-fluid .navbar-header {
    margin-left: -15px;
    margin-right: 0
}

.navbar.navbar-static-top.brand-right .container .navbar-header,
.navbar.navbar-static-top.brand-right .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: -15px
}

.navbar.navbar-fixed-bottom.brand-right .container .navbar-header,
.navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header,
.navbar.navbar-fixed-top.brand-right .container .navbar-header,
.navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: 0 !important
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0
}

.navbar .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 700
}

.navbar .dropdown-short .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 700
}

.navbar .h1,
.navbar .h2,
.navbar .h3,
.navbar h1,
.navbar h2,
.navbar h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px
}

.navbar .h4,
.navbar .h5,
.navbar .h6,
.navbar h4,
.navbar h5,
.navbar h6 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .panel-title {
    padding-top: 0;
    padding-bottom: 0
}

.navbar .label {
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    vertical-align: top
}

.navbar .dropdown-menu li>a,
.navbar .dropdown-menu li>a.dropdown-toggle {
    clear: both;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.navbar-nav>.btn-group {
    margin: 8px 10px 8px 0
}

.navbar .btn-group>.dropdown-menu,
.navbar .navbar-form>.input-group .dropdown-menu {
    margin-top: 8px
}

.navbar .dropdown-menu li>a.dropdown-toggle {
    padding: 5px 30px 5px 15px
}

.navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle,
.navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle,
.navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle,
.navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle,
.navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle {
    padding: 5px 15px 5px 30px
}

.navbar .dropdown-menu li>a {
    padding: 5px 15px
}

.navbar a>span.desc {
    display: block;
    font-size: smaller;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:767px) {

    .navbar .navbar-collapse .navbar-nav>.navbar-form,
    .navbar .navbar-collapse>.navbar-form {
        margin: 0;
        border-top: none;
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .navbar .navbar-collapse .navbar-nav>.navbar-text,
    .navbar .navbar-collapse .navbar-nav>a.navbar-link,
    .navbar .navbar-collapse .navbar-nav>li,
    .navbar .navbar-collapse>.navbar-text,
    .navbar .navbar-collapse>a.navbar-link {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .navbar .navbar-collapse .navbar-nav>li>a {
        padding-top: 9px;
        margin-top: 1px
    }

    .navbar .navbar-collapse .navbar-nav>li.open>a,
    .navbar .navbar-collapse .navbar-nav>li.xs-hover:hover>a,
    .navbar-nav>li.active>a {
        padding-top: 10px;
        padding-bottom: 11px;
        margin-top: 0
    }

    .navbar .navbar-nav>li {
        clear: both
    }

    .navbar .navbar-header .navbar-nav>li {
        clear: none
    }

    .navbar.navbar-fixed-bottom .navbar-collapse {
        position: absolute !important;
        bottom: 100%;
        width: 100%;
        border-bottom: 1px solid
    }

    .navbar .navbar-nav>li>a {
        display: block
    }

    .navbar .navbar-nav .dropdown-menu {
        padding: 0;
        border-radius: 0 !important
    }

    .navbar.navbar-fixed-bottom.brand-right .container .navbar-header,
    .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header,
    .navbar.navbar-fixed-top.brand-right .container .navbar-header,
    .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .navbar .navbar-nav>button {
        display: block;
        width: 100%
    }

    .navbar .navbar-nav>.btn-group {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        margin: 8px 10px 8px 0
    }

    .navbar .navbar-nav>.btn-group>.btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

    .navbar .navbar-nav>.btn-group>.btn-group .btn {
        width: 100%
    }

    .navbar .navbar-header .navbar-nav.navbar-right {
        float: right
    }

    .navbar .navbar-header .navbar-nav.navbar-left {
        float: left
    }

    .navbar .navbar-toggle {
        margin-left: 15px
    }

    .navbar .navbar-nav {
        margin: 1px
    }
}

.navbar .no-border,
.navbar .no-border>*,
.navbar.no-border,
.navbar.no-border>* {
    border: none !important;
    border-radius: 0 !important
}

.navbar .no-border-radius,
.navbar .no-border-radius>*,
.navbar.no-border-radius,
.navbar.no-border-radius>* {
    border-radius: 0 !important
}

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

.navbar .padding15 {
    padding: 15px !important
}

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

.navbar .margin15 {
    margin: 15px !important
}

.navbar .no-shadow,
.navbar .no-shadow>*,
.navbar.no-shadow,
.navbar.no-shadow>* {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.navbar .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>.dropdown-menu.bordered:not(.no-padding):after,
.navbar .navbar-nav li:not(.dropdown)>.dropdown-menu.bordered:not(.no-padding):after {
    content: '';
    display: block;
    z-index: -1;
    top: 15px;
    outline-width: 1px;
    outline-style: solid;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px
}

@media (min-width:768px) {

    .navbar .navbar-form-expanded input,
    .navbar .navbar-form-expanded input:focus:hover {
        -webkit-transition: width .25s ease;
        transition: width .25s ease
    }

    .navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"],
    .navbar input[data-width="70px"] {
        width: 70px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"],
    .navbar input[data-width="80px"] {
        width: 80px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"],
    .navbar input[data-width="90px"] {
        width: 90px !important
    }

    .navbar .navbar-form-expanded input,
    .navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"],
    .navbar input[data-width="100px"] {
        width: 100px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"],
    .navbar input[data-width="110px"] {
        width: 110px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"],
    .navbar input[data-width="120px"] {
        width: 120px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"],
    .navbar input[data-width="130px"] {
        width: 130px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"],
    .navbar input[data-width="140px"] {
        width: 140px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"],
    .navbar input[data-width="150px"] {
        width: 150px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"],
    .navbar input[data-width="160px"] {
        width: 160px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"],
    .navbar input[data-width="170px"] {
        width: 170px !important
    }

    .navbar .navbar-form-expanded input:focus,
    .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus,
    .navbar .navbar-form-expanded:hover input,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"],
    .navbar input[data-width="180px"] {
        width: 180px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"],
    .navbar input[data-width="190px"] {
        width: 190px !important
    }

    .navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus,
    .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"],
    .navbar input[data-width="200px"] {
        width: 200px !important
    }

    .navbar .navbar-nav>li.divider {
        position: relative;
        width: 1px;
        height: 50px
    }
}

.navbar .navbar-nav .divided {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.navbar .navbar-nav .dropdown-short .divided>:before {
    margin: -1px -1px -1px 0
}

.navbar .navbar-nav .dropdown-short .divided>.h-divided:before {
    margin: -1px -1px 0 0
}

.navbar .navbar-nav .divided.row:before {
    display: block
}

.navbar .navbar-nav .divided>:before {
    margin: -1px -1px 0 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-width: 1px;
    border-style: solid;
    background: 0 0 !important
}

.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>a,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h1,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h2,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h3,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h4,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h5,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h6 {
    margin-left: 1px;
    margin-bottom: 1px
}

.navbar .navbar-nav .h-divider:after {
    content: '';
    margin-top: -1px;
    width: 100%;
    display: block;
    height: 1px;
    z-index: 2
}

.navbar .navbar-nav .h-divider {
    position: relative !important
}

.navbar .navbar-nav .h-divided>:after,
.navbar .navbar-nav .h-divided>:first-child:before {
    content: '';
    margin-top: -1px;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1
}

.navbar .navbar-nav .h-divided>.collapse-down-onclick:after,
.navbar .navbar-nav .h-divided>.collapse-down-onhover:after,
.navbar .navbar-nav .h-divided>.collapse-up-onclick:after,
.navbar .navbar-nav .h-divided>.collapse-up-onhover:after {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: -1;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.navbar .navbar-header>.navbar-nav.navbar-left>li,
.navbar .navbar-header>.navbar-nav>li,
.navbar.brand-right .navbar-header>.navbar-nav.navbar-left>li {
    float: left
}

.navbar .navbar-header>.navbar-nav.navbar-right>li,
.navbar.brand-right .navbar-header>.navbar-nav.navbar-right>li,
.navbar.brand-right .navbar-header>.navbar-nav>li {
    float: right
}

.navbar.brand-right .navbar-header>.navbar-brand {
    float: right;
    margin-left: 0;
    margin-right: 0
}

.navbar.brand-right .navbar-header>.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 15px
}

.navbar.brand-right .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

.navbar .menu-lg .navbar-brand,
.navbar-brand.menu-lg,
.navbar.menu-lg .navbar-brand {
    padding: 10px 20px;
    font-size: 24px;
    line-height: 30px
}

.navbar .menu-sm .navbar-brand,
.navbar-brand.menu-sm,
.navbar.menu-sm .navbar-brand {
    padding: 10px;
    font-size: 16px;
    line-height: 30px
}

.navbar .menu-xs .navbar-brand,
.navbar-brand.menu-xs,
.navbar.menu-xs .navbar-brand {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 30px
}

.navbar .menu-lg .navbar-toggle,
.navbar .navbar-toggle.menu-lg,
.navbar.menu-lg .navbar-toggle {
    margin-top: 7px;
    margin-right: 20px;
    margin-bottom: 7px
}

.navbar .menu-lg .navbar-toggle>.icon-bar,
.navbar .navbar-toggle.menu-lg>.icon-bar,
.navbar.menu-lg .navbar-toggle>.icon-bar {
    height: 3px
}

.navbar.brand-right .menu-lg .navbar-toggle,
.navbar.brand-right .navbar-toggle.menu-lg,
.navbar.brand-right.menu-lg .navbar-toggle {
    margin-left: 20px
}

.navbar .menu-sm .navbar-toggle,
.navbar .navbar-toggle.menu-sm,
.navbar.menu-sm .navbar-toggle {
    padding: 6px 7px;
    margin-top: 11px;
    margin-right: 10px;
    margin-bottom: 11px
}

.navbar.brand-right .menu-sm .navbar-toggle,
.navbar.brand-right .navbar-toggle.menu-sm,
.navbar.brand-right.menu-sm .navbar-toggle {
    margin-left: 10px
}

.navbar .menu-xs .navbar-toggle,
.navbar .navbar-toggle.menu-xs,
.navbar.menu-xs .navbar-toggle {
    padding: 3px 4px;
    margin-top: 14px;
    margin-right: 5px;
    margin-bottom: 14px
}

.navbar.brand-right .menu-xs .navbar-toggle,
.navbar.brand-right .navbar-toggle.menu-xs,
.navbar.brand-right.menu-xs .navbar-toggle {
    margin-left: 5px
}

@media (min-width:768px) {
    .navbar.brand-right .navbar-header {
        float: right
    }
}

@media (max-width:767px) {
    .navbar .navbar.brand-right .navbar-header {
        float: none
    }

    .navbar .navbar-header .nav.navbar-left {
        margin: 0 0 0 15px
    }

    .navbar .navbar-header .nav.navbar-right {
        margin: 0 15px 0 0
    }

    .navbar .navbar-header .nav>li>a {
        padding: 15px 8px;
        display: table;
        float: left
    }
}

@media (min-width:768px) {

    .navbar .navbar-nav.dropdown-onhover>li:hover.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover:hover>ul,
    .navbar.dropdown-onhover .navbar-nav>li:hover.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar.dropdown-onhover .navbar-nav>li:hover>ul {
        z-index: 1001
    }

    .navbar:not(.no-active-arrow) .navbar-nav>.active>a:after,
    .navbar:not(.no-border):not(.no-active-arrow) .navbar-nav>.active>a:before,
    .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav.dropdown-onhover>li:hover>a.dropdown-toggle:before,
    .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav>.open>a.dropdown-toggle:before,
    .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav>li.dropdown-onhover:hover>a.dropdown-toggle:before,
    .navbar:not(.no-border):not(.no-open-arrow).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a.dropdown-toggle:before,
    .navbar:not(.no-open-arrow) .navbar-nav.dropdown-onhover>li:hover>a.dropdown-toggle:after,
    .navbar:not(.no-open-arrow) .navbar-nav>.open>a.dropdown-toggle:after,
    .navbar:not(.no-open-arrow) .navbar-nav>li.dropdown-onhover:hover>a.dropdown-toggle:after,
    .navbar:not(.no-open-arrow).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a.dropdown-toggle:after {
        content: " ";
        position: absolute;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        line-height: 0;
        margin-left: -8px;
        border-color: transparent
    }

    .navbar .navbar-nav.dropdown-onhover.no-fix>.open:not(.active):not(:hover)>a.dropdown-toggle:after,
    .navbar .navbar-nav.dropdown-onhover.no-fix>.open:not(.active):not(:hover)>a.dropdown-toggle:before,
    .navbar .navbar-nav>.dropdown-onhover.no-fix.open:not(.active):not(:hover)>a.dropdown-toggle:after,
    .navbar .navbar-nav>.dropdown-onhover.no-fix.open:not(.active):not(:hover)>a.dropdown-toggle:before,
    .navbar.dropdown-onhover.no-fix .navbar-nav>.open:not(.active):not(:hover)>a.dropdown-toggle:after,
    .navbar.dropdown-onhover.no-fix .navbar-nav>.open:not(.active):not(:hover)>a.dropdown-toggle:before {
        content: none
    }

    .navbar.navbar-fixed-bottom .navbar-nav>.active>a:before {
        top: -8px;
        border-width: 0 8px 8px
    }

    .navbar.navbar-fixed-bottom .navbar-nav>.active>a:after {
        top: -7px;
        border-width: 0 8px 8px
    }

    .navbar.no-border.navbar-fixed-bottom .navbar-nav>.active>a:after {
        top: -8px
    }

    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,
    .navbar.navbar-fixed-bottom .navbar-nav>.open>a:before,
    .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before,
    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before {
        top: 0;
        border-width: 8px 8px 0
    }

    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,
    .navbar.navbar-fixed-bottom .navbar-nav>.open>a:after,
    .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,
    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after {
        top: -1px;
        border-width: 8px 8px 0
    }

    .navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,
    .navbar.no-border.navbar-fixed-bottom .navbar-nav>.open>a:after,
    .navbar.no-border.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,
    .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after {
        top: 0
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav>.active>a:before {
        bottom: -9px;
        border-width: 8px 8px 0
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after {
        bottom: -8px;
        border-width: 8px 8px 0
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav>.open>a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:before,
    .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before {
        bottom: 0;
        border-width: 0 8px 8px
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:after,
    .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after {
        bottom: -1px;
        border-width: 0 8px 8px
    }

    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,
    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after,
    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:after,
    .navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after {
        bottom: 0
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav>.active>a:before,
    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix>.active>a:before,
    .navbar.navbar-fixed-bottom .navbar-nav>.dropdown-onhover.no-fix.active>a:before {
        top: -8px;
        border-width: 0 8px 8px
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav>.active>a:after,
    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix>.active>a:after,
    .navbar.navbar-fixed-bottom .navbar-nav>.dropdown-onhover.no-fix.active>a:after {
        top: -7px;
        border-width: 0 8px 8px
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav>.active>a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix>.active>a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav>.dropdown-onhover.no-fix.active>a:before {
        bottom: -9px;
        border-width: 8px 8px 0
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix>.active>a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav>.dropdown-onhover.no-fix.active>a:after {
        bottom: -8px;
        border-width: 8px 8px 0
    }
}

@media (max-width:768px) {
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {
        float: right
    }
}

.navbar .navbar-nav li.caret-left>a.dropdown-toggle>span.caret,
.navbar .navbar-nav.caret-left li>a.dropdown-toggle>span.caret,
.navbar.caret-left .navbar-nav li>a.dropdown-toggle>span.caret {
    margin-right: 8px !important;
    margin-left: 0 !important;
    float: left !important
}

.navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before {
    position: absolute;
    width: 10px;
    left: auto;
    right: 10px;
    font-family: FontAwesome;
    content: ""
}

.navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle:before,
.navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle:before,
.navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle:before,
.navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle:before,
.navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle:before {
    left: 10px;
    right: auto
}

.navbar .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu {
    display: block
}

@media (min-width:768px) {

    .navbar .navbar-nav.dropdown-onhover.no-fix>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover.no-fix>li>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover.no-fix.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-onhover.no-fix>.dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav>li>.dropdown-menu {
        display: none
    }

    .navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a,
    .navbar:not(.no-border) li.dropdown-onhover:hover>a,
    .navbar:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a {
        border-style: solid;
        margin-bottom: -1px;
        margin-top: 0;
        border-width: 0 0 1px
    }

    .navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a,
    .navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover>a,
    .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a {
        border-style: solid;
        margin-bottom: 0;
        margin-top: -1px;
        border-width: 1px 0 0
    }

    .navbar .navbar-nav.dropdown-onhover>li:hover>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover>li:hover>.dropdown-menu,
    .navbar li.dropdown-onhover:hover>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar li.dropdown-onhover:hover>.dropdown-menu,
    .navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-menu {
        display: block !important;
        visibility: visible;
        z-index: 1001 !important
    }
}

@media (max-width:767px) {
    .navbar .navbar-nav>li.dropdown-short>.dropdown-menu .h-divided {
        width: 100%
    }

    .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper {
        float: none !important
    }

    .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav>li>.dropdown-menu {
        border-top-style: solid;
        border-top-width: 1px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        position: relative;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important
    }

    .navbar .navbar-nav>li.dropdown-full>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-wide>.dropdown-menu,
    .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu,
    .navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu,
    .navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%
    }

    .navbar .navbar-nav>li.dropdown-full.open>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-wide.open>.dropdown-menu {
        display: inline-block;
        visibility: visible
    }

    .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav>li.dropdown-grid>a {
        margin-right: 0 !important
    }

    .navbar .navbar-nav.navbar-right>li>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar .navbar-nav.navbar-right>li>a,
    .navbar .navbar-nav.navbar-right>li>ul {
        margin-right: 1px !important
    }

    .navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar li.xs-hover:hover>.dropdown-menu {
        display: block;
        visibility: visible;
        height: inherit !important;
        float: none;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-menu {
        display: none
    }

    .navbar li.dropdown-full.xs-hover:hover>.dropdown-menu,
    .navbar li.dropdown-wide.xs-hover:hover>.dropdown-menu {
        display: inline-block !important;
        visibility: visible
    }

    .navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu .dropdown-menu,
    .navbar li.xs-hover:hover>.dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        border: 0
    }
}

.navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-toggle.collapsed+.collapsing,
.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-toggle.collapsed+.collapsing {
    display: none;
    height: inherit !important
}

.navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-toggle:not(.collapsed)+.collapsing,
.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-toggle:not(.collapsed)+.collapsing {
    display: block;
    visibility: visible;
    height: inherit !important
}

.navbar .navbar-nav>li ul li[class*="-onhover"]:not([class*=collapse-]):hover>.dropdown-menu,
.navbar .navbar-nav>li ul li[class*="-onclick"]:hover>.dropdown-menu {
    z-index: 1002
}

.navbar .navbar-nav>li ul li.dropdown-center-onhover>.dropdown-menu,
.navbar .navbar-nav>li ul li.dropdown-left-onhover>.dropdown-menu,
.navbar .navbar-nav>li ul li.dropdown-right-onhover>.dropdown-menu,
.navbar .navbar-nav>li ul li.dropup-center-onhover>.dropdown-menu,
.navbar .navbar-nav>li ul li.dropup-left-onhover>.dropdown-menu,
.navbar .navbar-nav>li ul li.dropup-right-onhover>.dropdown-menu {
    display: none
}

.navbar .navbar-nav>li ul li.collapse-down-onhover>.dropdown-menu,
.navbar .navbar-nav>li ul li.collapse-up-onhover>.dropdown-menu {
    display: none;
    overflow: visible
}

.navbar .navbar-nav>li ul li[class*=collapse-up-] {
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.navbar .navbar-nav>li ul li[class*=collapse-up-]>a,
.navbar .navbar-nav>li ul li[class*=collapse-up-]>ul.dropdown-menu {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.navbar .navbar-nav .dropdown-menu li[class*=collapse-]>.dropdown-menu li:not([class*=collapse-])>.dropdown-menu li>a {
    padding-left: 15px !important
}

@media (max-width:767px) {
    .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu.collapse.in {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle.collapsed+.dropdown-menu.collapsing {
        display: none;
        height: inherit !important
    }

    .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle:not(.collapsed)+.dropdown-menu.collapsing {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu,
    .navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-menu {
        padding: 0 !important;
        margin: 1px 0;
        width: auto
    }

    .navbar .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 15px
    }

    .navbar .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .navbar-nav .open .dropdown-menu.caret-left>li>a.dropdown-toggle,
    .navbar-nav .open .dropdown-menu>li.caret-left>a.dropdown-toggle,
    .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle.caret-left,
    .navbar-nav .open.caret-left .dropdown-menu>li>a.dropdown-toggle,
    .navbar-nav.caret-left .open .dropdown-menu>li>a.dropdown-toggle,
    .navbar.caret-left .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle {
        padding-left: 30px
    }

    .navbar .navbar-nav>li ul li[class*=collapse-] .dropdown-menu li>a {
        padding-left: 15px !important
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        margin-left: 15px !important;
        margin-right: 0 !important;
        margin-top: 1px !important
    }
}

.navbar.navbar-blue-dark {
    background: #2a4b5a;
    border-color: #223d49;
    color: #abcad8
}

.navbar.navbar-blue-dark .navbar-collapse {
    background-color: #2a4b5a;
    border-color: #223d49
}

.navbar.navbar-blue-dark .navbar-text {
    color: #cee0e8
}

.navbar.navbar-blue-dark a.navbar-link {
    color: #cee0e8;
    background-color: transparent
}

.navbar.navbar-blue-dark a.navbar-link:focus,
.navbar.navbar-blue-dark a.navbar-link:hover {
    color: #fff;
    background-color: transparent
}

.navbar.navbar-blue-dark .navbar-brand {
    color: #cee0e8;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-brand:focus,
.navbar.navbar-blue-dark .navbar-brand:hover {
    color: #fff;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-toggle {
    border-color: #4a85a0 !important;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-toggle .icon-bar {
    background-color: #cee0e8
}

.navbar.navbar-blue-dark .navbar-toggle:focus,
.navbar.navbar-blue-dark .navbar-toggle:hover {
    border-color: #4a85a0 !important;
    background-color: #355f72 !important
}

.navbar.navbar-blue-dark .navbar-toggle:focus .icon-bar,
.navbar.navbar-blue-dark .navbar-toggle:hover .icon-bar {
    background-color: #fff
}

.navbar.navbar-blue-dark .navbar-nav>li.divider {
    background-color: #32596b
}

.navbar.navbar-blue-dark .btn-default {
    color: #cee0e8;
    background-color: #355f72;
    border-color: #4a85a0
}

.navbar.navbar-blue-dark .btn-default.active,
.navbar.navbar-blue-dark .btn-default:active,
.navbar.navbar-blue-dark .btn-default:focus,
.navbar.navbar-blue-dark .btn-default:hover {
    color: #fff;
    background-color: #305768;
    border-color: #4a85a0
}

.navbar.navbar-blue-dark .form-control {
    color: #cee0e8;
    background-color: #355f72;
    border-color: #4a85a0
}

.navbar.navbar-blue-dark .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #4a85a0;
    box-shadow: inset 0 1px 1px transparent, 0 0 5px #4a85a0
}

.navbar.navbar-blue-dark input::-webkit-input-placeholder,
.navbar.navbar-blue-dark textarea::-webkit-input-placeholder {
    color: rgba(206, 224, 232, .3)
}

.navbar.navbar-blue-dark input::-moz-placeholder,
.navbar.navbar-blue-dark textarea::-moz-placeholder {
    color: rgba(206, 224, 232, .3)
}

.navbar.navbar-blue-dark input:-ms-input-placeholder,
.navbar.navbar-blue-dark textarea:-ms-input-placeholder {
    color: rgba(206, 224, 232, .3)
}

.navbar.navbar-blue-dark input:-moz-placeholder,
.navbar.navbar-blue-dark textarea:-moz-placeholder {
    color: rgba(206, 224, 232, .3)
}

.navbar.navbar-blue-dark .navbar-nav>li[class*=dropdown].dropdown-onhover:hover>a,
.navbar.navbar-blue-dark.dropdown-onhover .navbar-nav>li:hover>a[class*=dropdown] {
    background-color: #223d49
}

.navbar.navbar-blue-dark .navbar-nav>li>a {
    color: #cee0e8;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-nav>li:hover>a {
    color: #fff;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-nav>li.active:hover>a,
.navbar.navbar-blue-dark .navbar-nav>li.active>a,
.navbar.navbar-blue-dark .navbar-nav>li.open:hover>a,
.navbar.navbar-blue-dark .navbar-nav>li.open>a {
    color: #fff;
    background-color: #223d49
}

.navbar.navbar-blue-dark .navbar-nav>li.disabled:hover>a,
.navbar.navbar-blue-dark .navbar-nav>li.disabled>a {
    color: #88b4c8;
    background-color: #2a4b5a
}

@media (min-width:768px) {

    .navbar .navbar-nav>li ul li[class*="-onhover"]:hover>.dropdown-menu,
    .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-menu.collapse.in {
        display: block !important;
        visibility: visible;
        height: inherit !important
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li>a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.active.open>a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.active:hover>a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.active>a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li:hover>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.active.open>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.active:hover>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.active>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.active.open>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.active:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.active>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li:hover>a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.open>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.open>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.open>a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.open:hover>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.open:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.open:hover>a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.disabled:hover>a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix>li.disabled>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.disabled:hover>a,
    .navbar.navbar-blue-dark .navbar-nav>li.dropdown-onhover.no-fix.disabled>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.disabled:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav>li.disabled>a {
        color: #88b4c8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix)>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix)>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix)>a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).active:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).active>a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).open:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).open>a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix):hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).active:hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).active>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).open:hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).open>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix):hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).active:hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).active>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).open:hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).open>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix):hover>a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).disabled:hover>a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).disabled>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).disabled:hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).disabled>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).disabled:hover>a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).disabled>a {
        color: #88b4c8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav>.open>a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav>.active:hover>a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>.active>a:before {
        border-top-color: #223d49
    }

    .navbar.navbar-blue-dark:not(.no-border) .navbar-nav li.dropdown-onhover:hover>a,
    .navbar.navbar-blue-dark:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a,
    .navbar.navbar-blue-dark:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a {
        border-color: #223d49
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>.open>a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before {
        border-bottom-color: #223d49
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after {
        border-bottom-color: #3b5c6b
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav>.active>a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav>.active>a:before {
        border-bottom-color: #223d49
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav>.open>a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after {
        border-top-color: #3b5c6b
    }
}

.navbar.navbar-blue-dark .dropdown-menu {
    background: #3b5c6b;
    color: #e7eef1;
    border-color: #2a4b5a;
    -webkit-box-shadow: 0 9px 12px #324e5b;
    box-shadow: 0 9px 12px #324e5b
}

.navbar.navbar-blue-dark .navbar-nav.dropdown-onhover>li[class*=dropdown]:hover,
.navbar.navbar-blue-dark .navbar-nav>li[class*=dropdown].dropdown-onhover:hover,
.navbar.navbar-blue-dark.dropdown-onhover .navbar-nav>li[class*=dropdown]:hover {
    background-color: #223d49
}

.navbar.navbar-blue-dark a:hover>span.desc,
.navbar.navbar-blue-dark a>span.desc {
    color: #a5c1cd
}

.navbar.navbar-blue-dark .dropdown-menu .btn-default {
    color: #e7eef1;
    background-color: #4c6d7c;
    border-color: #6393a9
}

.navbar.navbar-blue-dark .dropdown-menu .btn-default.active,
.navbar.navbar-blue-dark .dropdown-menu .btn-default:active,
.navbar.navbar-blue-dark .dropdown-menu .btn-default:focus,
.navbar.navbar-blue-dark .dropdown-menu .btn-default:hover {
    color: #fff;
    background-color: #3b5c6b;
    border-color: #6393a9
}

.navbar.navbar-blue-dark .dropdown-menu li.dropdown-header {
    color: #e7eef1
}

.navbar.navbar-blue-dark :not(li)>a {
    color: #b4dbfb
}

.navbar.navbar-blue-dark :not(li)>a:hover {
    color: #84c6fb
}

.navbar.navbar-blue-dark .dropdown-menu>li>a {
    color: #e7eef1;
    background-color: #3b5c6b
}

.navbar.navbar-blue-dark .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-nav>li .dropdown-menu:not([class*=collaps]) {
    background-color: #3b5c6b;
    color: #e7eef1;
    border-color: #2a4b5a;
    -webkit-box-shadow: 0 9px 12px #324e5b;
    box-shadow: 0 9px 12px #324e5b
}

.navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav>li .dropdown-menu:not([class*=collaps]) {
    -webkit-box-shadow: 0 -9px 12px #324e5b;
    box-shadow: 0 -9px 12px #324e5b
}

.navbar.navbar-blue-dark .dropdown-menu .form-control {
    color: #e7eef1;
    background-color: #4c6d7c;
    border-color: #6393a9
}

.navbar.navbar-blue-dark .dropdown-menu .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #6393a9;
    box-shadow: inset 0 1px 1px transparent, 0 0 5px #6393a9
}

.navbar.navbar-blue-dark .dropdown-menu input::-webkit-input-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea::-webkit-input-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .dropdown-menu input::-moz-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea::-moz-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .dropdown-menu input:-ms-input-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea:-ms-input-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .dropdown-menu input:-moz-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea:-moz-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onhover"],
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onclick"] {
    color: #e7eef1;
    background-color: #3b5c6b
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onhover"]:hover>a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu>li[class*="-onclick"]:hover>a {
    color: #fff;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.list-group)>a {
    color: #e7eef1;
    background-color: #3b5c6b
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.active>a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.active>a:hover,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.open>a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.open>a:hover,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.list-group)>a:hover,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.no-fix)>a.dropdown-toggle:not(.collapsed),
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.no-fix)>a.dropdown-toggle:not(.collapsed):hover,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li[class*="-onhover"]>a:hover {
    color: #fff;
    background-color: #2a4b5a
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled>a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled>a:hover {
    color: #6393a9;
    background-color: #3b5c6b
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled>a:hover>span.desc,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled>a>span.desc {
    color: #6393a9
}

.navbar.navbar-blue-dark .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>.dropdown-menu.bordered:not(.no-padding):after,
.navbar.navbar-blue-dark .navbar-nav li:not(.dropdown)>.dropdown-menu.bordered:not(.no-padding):after {
    outline-color: #4c6d7c
}

.navbar.navbar-blue-dark .dropdown-menu li.divider,
.navbar.navbar-blue-dark .h-divided>:after,
.navbar.navbar-blue-dark .h-divided>:first-child:before,
.navbar.navbar-blue-dark .h-divider:after,
.navbar.navbar-blue-dark .v-divided>:after,
.navbar.navbar-blue-dark .v-divided>:before {
    background-color: #4c6d7c
}

.navbar.navbar-blue-dark .divided>:before {
    border-color: #4c6d7c
}

@media (max-width:767px) {
    .navbar.navbar-blue-dark .navbar-nav li.xs-hover>a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.open:not(.no-fix)>a,
    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.open:not(.no-fix)>a:hover,
    .navbar.navbar-blue-dark .navbar-nav li.xs-hover>a:hover {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.no-fix>a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.no-fix>a:hover {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav>.navbar-form,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav>.navbar-text,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav>a.navbar-link,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav>li,
    .navbar.navbar-blue-dark .navbar-collapse>.navbar-form,
    .navbar.navbar-blue-dark .navbar-collapse>.navbar-text,
    .navbar.navbar-blue-dark .navbar-collapse>a.navbar-link {
        border-bottom-color: #193a49 !important;
        -webkit-box-shadow: 0 1px 0 #3b5c6b !important;
        box-shadow: 0 1px 0 #3b5c6b !important
    }

    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu .divider {
        background-color: #4c6d7c
    }

    .navbar.navbar-blue-dark .navbar-nav>li>.dropdown-grid-wrapper>.dropdown-menu,
    .navbar.navbar-blue-dark .navbar-nav>li>.dropdown-menu {
        border-top-color: #4c6d7c !important;
        -webkit-box-shadow: 0 -1px 0 #223d49 !important;
        box-shadow: 0 -1px 0 #223d49 !important
    }
}

/****** Start Content of tabStyle *******/
/* * jQuery UI CSS Framework 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */
/* Layout helpers----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 0.7;
    text-decoration: none;
    font-size: 85%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Interaction Cues----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons----------------------------------*/
/* states and images */
/* Misc visuals----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* * jQuery UI CSS Framework 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */
/* Component containers----------------------------------*/
.ui-widget {}

.ui-widget .ui-widget {}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {}

.ui-widget-content {
    border: 1px solid #ccc;
    color: #000;
    overflow: auto;
}

.ui-widget-content a {
    color: #000;
}

.ui-widget-header {
    background-color: #ccc;
    color: #000;
    direction: rtl;
    line-height: 10px;
}

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #999999;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #000;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #fad189;
    color: #000;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #000;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #ffa910;
    color: #000;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #000;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

/* Interaction Cues----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    line-height: 0.2;
    border: 1px solid #fad42e;
    background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    line-height: 0.2;
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons----------------------------------*/
/* states and images */
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_469bdd_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_d8e7f3_256x240.png);
    direction: rtl;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_6da8d5_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_217bc0_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_f9bd01_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* Misc visuals----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-tabs {
    direction: rtl;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-state-default {
    float: right;
}

.ui-tabs .ui-tabs-nav li a {
    float: right;
}

.ui-tabs {
    position: relative;
    text-align: right;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 5px 5px 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    height: 7px;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
    overflow: auto;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/*For Vertical Tab*/
.ui-tabs-vertical {
    width: 55em;
}

.ui-tabs-vertical .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: right;
    width: 12em;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: right;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 1em;
    float: right;
    width: 60%;
    overflow: auto;
}

/****** Start Content of thickbox.css *******/
* {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#TB_window {
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #333333
}

#TB_secondLine {
    FONT: 10px Arial, Helvetica, sans-serif;
    COLOR: #666666
}

#TB_window A:link {
    COLOR: #666666
}

#TB_window A:visited {
    COLOR: #666666
}

#TB_window A:hover {
    COLOR: #000
}

#TB_window A:active {
    COLOR: #666666
}

#TB_window A:focus {
    COLOR: #666666
}

#TB_overlay {
    Z-INDEX: 100;
    POSITION: fixed;
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    LEFT: 0px
}

.TB_overlayMacFFBGHack {
    BACKGROUND: url(macFFBgHack.png)
}

.TB_overlayBG {
    FILTER: alpha(opacity=75);
    BACKGROUND-COLOR: #000;
    -moz-opacity: 0.75;
    opacity: 0.75
}

* HTML #TB_overlay {
    POSITION: absolute
}

#TB_window {
    Z-INDEX: 102;
    BORDER-BOTTOM: #525252 4px solid;
    POSITION: fixed;
    TEXT-ALIGN: left;
    BORDER-LEFT: #525252 4px solid;
    DISPLAY: none;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    BORDER-TOP: #525252 4px solid;
    TOP: 30%;
    BORDER-RIGHT: #525252 4px solid;
    LEFT: 50%
}

* HTML #TB_window {
    POSITION: absolute
}

#TB_window IMG#TB_Image {
    BORDER-BOTTOM: #ccc 1px solid;
    BORDER-LEFT: #666 1px solid;
    MARGIN: 15px;
    DISPLAY: block;
    BORDER-TOP: #666 1px solid;
    BORDER-RIGHT: #ccc 1px solid
}

#TB_caption {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 25px;
    PADDING-RIGHT: 30px;
    FLOAT: left;
    HEIGHT: 25px;
    PADDING-TOP: 7px;
    font-size: 15px;
}

#TB_closeWindow {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 25px;
    FLOAT: right;
    HEIGHT: 25px;
    PADDING-TOP: 11px
}

#TB_closeAjaxWindow {
    TEXT-ALIGN: right;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 10px;
    MARGIN-BOTTOM: 1px;
    FLOAT: right;
    PADDING-TOP: 7px
}

#TB_ajaxWindowTitle {
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
    MARGIN-BOTTOM: 1px;
    FLOAT: left;
    PADDING-TOP: 7px
}

#TB_title {
    BACKGROUND-COLOR: #e8e8e8;
    HEIGHT: 27px
}

#TB_ajaxContent {
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 15px;
    /*LINE-HEIGHT: 1.4em;*/
    PADDING-LEFT: 15px;
    PADDING-RIGHT: 15px;
    CLEAR: both;
    OVERFLOW: auto;
    PADDING-TOP: 2px
}

.TB_modal#TB_ajaxContent {
    PADDING-BOTTOM: 15px;
    PADDING-LEFT: 15px;
    PADDING-RIGHT: 15px;
    PADDING-TOP: 15px
}

#TB_ajaxContent P {
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px
}

#TB_load {
    Z-INDEX: 103;
    POSITION: fixed;
    MARGIN: -6px 0px 0px -104px;
    WIDTH: 208px;
    DISPLAY: none;
    HEIGHT: 13px;
    TOP: 50%;
    LEFT: 50%
}

* HTML #TB_load {
    POSITION: absolute
}

#TB_HideSelect {
    Z-INDEX: 99;
    BORDER-BOTTOM: medium none;
    POSITION: fixed;
    FILTER: alpha(opacity=0);
    BORDER-LEFT: medium none;
    BACKGROUND-COLOR: #fff;
    WIDTH: 100%;
    HEIGHT: 100%;
    BORDER-TOP: medium none;
    TOP: 0px;
    BORDER-RIGHT: medium none;
    LEFT: 0px;
    -moz-opacity: 0;
    opacity: 0
}

* HTML #TB_HideSelect {
    POSITION: absolute
}

#TB_iframeContent {
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    MARGIN-TOP: 1px;
    MARGIN-BOTTOM: -1px;
    CLEAR: both;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    _margin-bottom: 1px
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_favtoolbar {
    border-bottom: medium none !important;
    border-top: medium none !important;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_commentsDiv {
    padding: 0 !important;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_divCommentPage {
    background-color: #ececec !important;
    padding: 3px;
    width: auto !important;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_divCommentPage span {
    font-family: b mitra, bmitra, tahoma !important;
    font-size: 16px !important;
    vertical-align: middle;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_divIdeaPage {
    background-color: #ececec !important;
    padding: 5px;
    width: auto !important;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_divIdeaPage span {
    font-family: b mitra, bmitra, tahoma !important;
    font-size: 16px !important;
    vertical-align: middle;
}

/****** Start Content of GlobalCSS GlobalName: CollegeMain *******/
/*---------------------------top-header------------------------*/
.top-header .col-lg-1.col-md-1.col-ms-12.col-xs-12 {
    width: auto;
    padding: 0;
}

.top-header #zone1 a,
.top-header #zone1 .date {
    padding: 0 6px;
    height: 12px;
    display: block;
    line-height: 12px;
    margin-top: 4px;
    color: #42157c;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #42157c;
}

.top-header #zone1 .b5 a {
    border: 0 !important;
}

.top-header #zone1 .b1 {
    margin-right: 8px;
}

.top-header #zone1 .frame {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    padding: 8px 11px 8px 105px;
    background-image: url(../img/back-top.png);
    background-repeat: no-repeat;
    background-position: left 0;
}

.top-header #zone1 a:hover {
    color: #a368ef;
}

.header {
    transition: all 0.5s ease 0s;
    top: -100% !important;
}

.top-header {
    background-color: #6725bb;
    background: url(../img//back-header.jpg);
}

.top-header #zone2 .b1 {
    width: auto;
}

.top-header #zone2 .b1 img {
    margin: 15px 0;
}

.top-header #zone2 .b3 {
    width: 220px;
    position: absolute;
    top: 47px;
    left: -15px;
}

.top-header #zone2 .b3 .searchcheck {
    display: none !important;
}

.top-header #zone2 .b3 .form-group {
    margin: 0 !important;
}

.top-header #zone2 .b3 .searchbutton {
    background-image: url(../img//search.png);
    background-repeat: no-repeat;
    border: 0 none !important;
    height: 18px !important;
    width: 20px !important;
    background-color: transparent !important;
}

.top-header #zone2 .b3 .searchtext {
    background-color: transparent !important;
    border: medium none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 12px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 5px !important;
}

.top-header #zone2 .b3 .input-group-addon {
    background-color: transparent !important;
    border: medium none !important;
    padding: 5px 0 0 3px !important;
}

.top-header #zone2 .b3 .input-group {
    border: 1px solid #fff !important;
    background-color: #af8cdc;
    border-radius: 5px;
    width: 175px;
}

.top-header #zone2 i.form-control-feedback {
    display: none !important;
}

.top-header #zone2 .b2 a {
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    background-image: url(../img//back-myhead.png);
    background-repeat: no-repeat;
    background-position: right 8px;
    margin-left: 15px;
}

.top-header #zone2 .b2 {
    width: auto;
    position: absolute;
    top: 52px;
    left: 185px;
}

.top-header #zone2 .b2 a:hover {
    color: #fed201;
}

/*---------------------------END top-header------------------------*/
/*------------------mymenu--------------------*/
@keyframes toptobottom {
    from {
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.mymenu #zone3 .navbar-right .dropdown-menu {
    border-radius: 3px !important;
    background-color: rgb(255 255 255) !important;
    animation-name: toptobottom;
    -webkit-animation-name: toptobottom;
    margin-top: 0 !important;
}

.mymenu {
    background-color: #42157c;
    z-index: 10;
    position: relative;
}

.mymenu #zone3 .navbar-brand {
    display: none !important;
}

.mymenu #zone3 .nav>li>a {
    padding: 10px 5px !important;
}

.mymenu #zone3 .navbar {
    border: 1px solid transparent;
    margin-bottom: 0 !important;
    min-height: auto !important;
    position: relative;
}

.mymenu #zone3 .navbar-inverse {
    border-color: transparent !important;
}

.mymenu #zone3 .navbar-inverse .navbar-nav>li>a {
    color: #fff !important;
    border-bottom: none !important;
}

.mymenu #zone3 .navbar-inverse .navbar-nav>li>a span {
    font-family: 'IRANSansBold';
}

.mymenu #zone3 .navbar-inverse .navbar-nav>li>a:hover,
.mymenu #zone3 .navbar-inverse .navbar-nav>li>a:focus {
    color: #a157ff !important;
}

.mymenu #zone3 .navbar-inverse .navbar-nav>.open>a,
.mymenu #zone3 .navbar-inverse .navbar-nav>.open>a:hover,
.mymenu #zone3 .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #6927bd !important;
    color: #fff !important;
}

.mymenu #zone3 .dropdown-menu>li>a {
    padding: 10px !important;
    text-align: justify !important;
}

.mymenu #zone3 .caret {
    background-image: url("../img/caret2.png");
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
    height: 8px !important;
    margin-right: 5px;
    width: 10px !important;
}

.mymenu #zone3 .navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a,
.mymenu #zone3 .navbar:not(.no-border) li.dropdown-onhover:hover>a,
.mymenu #zone3 .navbar.dropdown-onhover:not(.no-border) .navbar-nav>li:hover>a {
    margin-bottom: 0 !important;
}

.mymenu #zone3 .navbar-toggle {
    background-color: #fb8d00 !important;
    border: none !important;
}

.mymenu #zone3 .dropdown-menu {
    padding: 25px;
    width: 100%;
}

.mymenu #zone3 .b2 span {
    background-color: #fb8d00;
    color: #fff;
    padding: 3px 13px;
    border-radius: 20px;
    font-size: 13px;
    transition: all .5s;
    font-family: 'IRANSansBold';
}

.mymenu #zone3 .b2 span:hover {
    background-color: #008e9c;
}

.mymenu #zone3 .b2 {
    position: absolute;
    left: 0;
    width: auto;
    top: 11px;
    padding-left: 0;
}

.mymenu #zone3 .b4 span {
    background-color: #fed201;
    color: #41147b;
    font-family: 'IRANSansBold';
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 25px;
    transition: all .5s;
}

.mymenu #zone3 .b4 span:hover {
    background-color: #6927bd;
    color: #fff;
}

.mymenu #zone3 .b4 {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: auto;
    padding-left: 0;
}

/*------------Mega Menu Style-------------*/
.mymenu #zone3 .nav>li {
    position: unset !important;
}

.mymenu #zone3 .dropdown-menu li {
    width: 33.33%;
    float: right;
}

.mymenu #zone3 .dropdown-menu li a {
    background-image: url("../img/caret-left-2.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px !important;
}

/*------------End Mega Menu Style-------------*/
/*-------------------Fixed menu-----------------*/
.zones.fixedmenu {
    padding-top: 145px;
}

.zones.fixedmenu .header {
    position: fixed;
    width: 100%;
    top: 0 !important;
    right: 0;
    z-index: 1000;
}

.zones.fixedmenu .header .top-header #zone2 .b2 {
    display: none !important;
}

.zones.fixedmenu .header .top-header #zone2 .b1 img {
    width: 200px !important;
}

.zones.fixedmenu .header .top-header #zone2 .b3 {
    top: 10px !important;
}

/*-------------------End Fixed menu-----------------*/
/*------------------END mymenu--------------------*/
/*-------------------myslider------------------------*/
.myslider #zone4 {
    padding: 0;
}

.myslider .SliderImageCaption2titr a {
    color: #000;
    padding: 10px 0 !important;
}

.myslider .SliderImageCaption2titr a:hover {
    opacity: 0.7;
}

.myslider #zone4 .slide-buttons {
    position: absolute;
    bottom: 15px;
    left: 120px !important;
}

.myslider #zone4 .circle .slide-buttons .buttons-inner a {
    margin: 0 3px !important;
    border-radius: 4px;
}

.myslider #zone4 .advanced-slider .slide-wrapper {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

.myslider #zone4 .advanced-slider img {
    width: 100% !important;
    height: 100% !important;
}

.myslider #zone4 .advanced-slider .SliderImageCaption2file1 {
    width: 100% !important;
    height: 100% !important;
}

.myslider #zone4 .advanced-slider .caption-container .background {
    background-color: transparent !important;
    opacity: 1 !important;
}

.myslider .slide-arrows a.previous {
    left: 10% !important;
}

.myslider .slide-arrows a.next {
    right: 10% !important;
}

.myslider #zone4 .caption-container {
    overflow: hidden;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    width: 84.5% !important;
    height: 55px !important;
    bottom: 0;
    right: 104px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.myslider #zone4 .titr a span {
    padding-left: 115px !important;
    display: block;
    text-align: right;
    font-size: 19px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    color: #202020;
    margin-bottom: 25px !important;
    padding: 5px 22px !important;

    background-repeat: no-repeat;
    background-position: right 10px;
    margin-right: 30px !important;
}

/*-------------------END myslider------------------------*/
/*---------------mylink-slider------------------*/
.mylink-slider #zone5 .advanced-slider .thumbnail {
    background: transparent;
}

.mylink-slider {
    background-color: #fff;
    padding: 40px 0;
}

.mylink-slider #zone5 .advanced-slider .slide-wrapper {
    display: none;
}

.mylink-slider #zone5 .advanced-slider .thumbnail {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.mylink-slider #zone5 .advanced-slider .thumbnail .caption .content {
    text-align: center;
    font-family: iransansbold;
    font-size: 14px;
    margin-top: 0;
    color: #797979;
    padding-top: 70px;
    background-color: #e8e8e8;
    width: 115px !important;
    border-radius: 10px;
    padding-bottom: 15px;
}

.mylink-slider #zone5 .advanced-slider img {
    left: 27% !important;
    filter: grayscale(1);
    width: 53px;
    width: 57px;
    height: 50px;
}

.mylink-slider #zone5 .arrows a.previous {
    left: -30px !important;
}

.mylink-slider #zone5 .arrows a.next {
    right: -30px !important;
}

.mylink-slider #zone5 .thumbnail-wrapper {
    transition: all 0.3s ease-out 0s;
}

.mylink-slider #zone5 .slide-buttons {
    display: none !important;
}

.mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
    background-image: url(../img//left_13.png);
    width: 35px;
    height: 45px;
    background-position: center;
}

.mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
    background-image: url(../img//right_13.png);
    width: 35px;
    height: 45px;
    background-position: center;
}

.mylink-slider #zone5 .h1 span {
    color: #0d2b67;
    font-size: 22px;
    font-family: iransansbold;
}

.mylink-slider #zone5 .h1 {
    margin-bottom: 40px;
    background: linear-gradient(to bottom, rgba(176, 223, 255) 0%, rgba(207, 236, 255, 0) 100%) left bottom no-repeat;
    background-size: 100% 4px;
    padding-bottom: 20px;
}

.mylink-slider #zone5 .advanced-slider .thumbnail img {
    padding: 8px 0;
    z-index: 10;
}

.mylink-slider #zone5 .thumbnail-wrapper:hover .thumbnail img {
    filter: brightness(2.5);
}

.mylink-slider #zone5 .thumbnail-wrapper:hover .thumbnail .caption .content {
    color: #fff;
}

.mylink-slider #zone5 .advanced-slider .thumbnail-wrapper:hover .caption .content {
    background-color: #ff4747 !important;
}

/*---------------END mylink-slider------------------*/
/*---------------------mainnews---------------------*/
.mainnews {
    background-color: #e9e9e9;
    padding: 35px 0;
}

.mainnews #zone6 .content3 img {
    width: 100%;
    height: 125px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.mainnews #zone6 .content3 .b2 h2 {
    color: #681fc6;
    font-family: 'IRANSansBold';
    margin: 0;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
}

.mainnews #zone6 .content3 .b4 h3 {
    color: #787878;
    margin: 0;
    padding-top: 8px;
    font-size: 15px;
    text-align: justify;
    line-height: 22px;
    height: 75px;
    overflow: hidden;
}

.mainnews #zone6 .content3 .b3 span:first-child {
    background-image: url(../img//calendar.png);
    background-repeat: no-repeat;
    color: #aeaeae;
    font-size: 13px;
    background-position: left 0;
    padding-left: 18px;
    float: left;
}

.mainnews #zone6 .content3 .b3 span:last-child {
    background-image: url(../img//eye.png);
    background-repeat: no-repeat;
    color: #aeaeae;
    font-size: 13px;
    background-position: left 3px;
    padding-left: 20px;
    float: left;
    margin-left: 10px;
}

.mainnews #zone6 .content3 .b3 {
    margin: 6px 0;
}

.mainnews #zone6 .content3 a {
    border: 2px solid #c9c9c9;
    margin-bottom: 10px;
    padding: 5px 5px 5px 15px;
    display: block;
    border-radius: 15px;
    background-color: #f4f4f4;
}

.mainnews #zone6 .news3content1 {
    padding-left: 0;
}

.mainnews #zone6 .page-row:nth-child(even) .content3 a {
    background-color: #fdfdfd;
}

.mainnews #zone6 .content3 a:hover {
    background-color: #fff;
}

.mainnews #zone6 .content3 a:hover .b4 h3 {
    color: #681fc6;
}

.mainnews #zone7 .frame {
    background-color: #f7f7f7;
    padding: 15px 15px 0px;
    border-radius: 15px;
}

.mainnews #zone7 .h1 span {
    color: #ff4747;
    font-family: 'IRANSansBold';
    font-size: 18px;
    letter-spacing: 1px;
}

.mainnews #zone7 .h2 span {
    color: #b45cff;
    background-color: #ffd200;
    padding: 1px 8px;
    font-size: 14px;
    border-radius: 15px;
    letter-spacing: 1px;
    transition: all .5s;
}

.mainnews #zone7 .h2 {
    float: left;
    margin-top: -20px;
    margin-bottom: 30px;
}

.mainnews #zone7 .b1 a {
    color: #6f7890;

    background-repeat: no-repeat;
    background-position: 98% 16px;
    font-size: 14px;
    padding: 7px 20px;
    line-height: 30px;
    display: block;
    box-shadow: -1px -1px 4px 0px #dcdcdc;
    background-color: #fff;
    height: 73px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 20px;
    font-family: 'IRANSansBold';
}

.mainnews #zone7 .b1 {
    text-align: justify;
}

.mainnews #zone7 .b1 a:hover {
    color: #ff4747;

}

.mainnews #zone7 .h2 span:hover {
    background-color: #ff4747;
    color: #fff;
}

.mainnews #zone6 .h1 span {
    color: #41147b;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: 'IRANSansBold';
}

.mainnews #zone6 .h1 {
    margin-bottom: 15px;
}

.mainnews #zone6 .h2 {
    float: left;
    margin-top: -32px;
}

.mainnews #zone6 .h2 span {
    background-color: #41147b;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 10px;
    border-radius: 15px;
    transition: all .5s;
}

.mainnews #zone6 .h2 span:hover {
    background-color: #fed201;
    color: #41147b;
}

/*---------------------END mainnews---------------------*/
/*--------------------------mytab---------------------*/
.mytab {
    padding: 45px 0;
}

.mytab #zone8 #tabcontrol_1 {
    border: 1px solid #b6b6b6;
    border-radius: 15px;
    padding: 3px;
    background-color: #fff;
}

.mytab #zone8 li.resp-tab-item.hor_1.resp-tab-active {
    color: #ff4747;
    background-color: #ffd200 !important;
}

.mytab #zone8 li.resp-tab-item {
    background-color: #f0f0f0 !important;
    color: #919191;
    font-size: 16px;
    width: 374px;
    max-width: 374px;
    text-align: center;
    border: 0 !important;
    font-family: 'IRANSansBold';
    letter-spacing: 1px;
}

.mytab #zone8 li.resp-tab-item:nth-child(1) {
    border-top-right-radius: 15px;
    background-image: url(../img//enews.png);
    background-repeat: no-repeat;
    background-position: 69% 6px;
}

.mytab #zone8 li.resp-tab-item:nth-child(3) {
    border-top-left-radius: 15px;
    background-image: url(../img//hamayesh.png);
    background-repeat: no-repeat;
    background-position: 67% 6px;
    margin-left: 0;
}

.mytab #zone8 .resp-tab-content {
    border: 0 !important;
    height: 200px;
    overflow-y: scroll;
    margin-left: 2px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d1d1d1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffd200;
}

.mytab #zone8 ul {
    background-color: #fff !important;
    height: 48px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.mytab #zone8 li.resp-tab-item.hor_1.resp-tab-active {
    color: #ff4747;
    background-color: #ffd200 !important;
}

.mytab #zone8 li.resp-tab-item:nth-child(2) {
    background-image: url(../img//roydad.png);
    background-repeat: no-repeat;
    background-position: 64% 6px;
}

.mytab #zone8 li.resp-tab-item:nth-child(1).resp-tab-active {
    background-image: url(../img//enewshover.png);
}

.mytab #zone8 li.resp-tab-item:nth-child(2).resp-tab-active {
    background-image: url(../img//roydadhover.png);
}

.mytab #zone8 li.resp-tab-item:nth-child(3).resp-tab-active {
    background-image: url(../img//hamayeshhover.png);
}

.mytab #zone8 .b1 h2 {
    background-color: #42157c;
    color: #fff;
    font-size: 17px;
    font-family: 'IRANSansBold';
    margin: 0;
    padding: 5px;
    border-bottom-left-radius: 18px;
}

.mytab #zone8 .b2 h3 {
    background-color: #d1d1d1;
    color: #747474;
    font-size: 15px;
    font-family: 'IRANSansBold';
    margin: 0;
    padding: 6px 5px 5px;
    border-bottom-left-radius: 18px;
    background-image: url(../img//date-news.png);
    background-repeat: no-repeat;
    background-position: 10% 3px;
    text-align: left;
    padding-left: 40px;
}

.mytab #zone8 .b1 h2:after {
    content: '';
    display: block;
    background-color: #42157c;
    width: 60px;
    height: 28px;
    position: absolute;
    top: 0;
    left: -45px;
    z-index: 10;
    border-bottom-left-radius: 18px;
}

.mytab #zone8 .b1 {
    padding: 0;
}

.mytab #zone8 .news3header .row {
    background-color: #d1d1d1;
    margin: 0;
    border-bottom-left-radius: 18px;
    margin-bottom: 5px;
}

.mytab #zone8 img {
    width: 100%;
    height: 125px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.mytab #zone8 .b4 h2 {
    color: #42157c;
    font-family: 'IRANSansBold';
    font-size: 16px;
    margin: 0;
    padding-top: 5px;
}

.mytab #zone8 .b5 h3 {
    color: #6f6f6f;
    font-size: 14px;
    margin: 10px 0;
    text-align: justify;
    line-height: 22px;
    height: 85px;
    overflow: hidden;
}

.mytab #zone8 .content3 {
    margin-bottom: 25px;
}

.mytab #zone8 .content3:hover .b1 h2 {
    background-color: #ff4747;
}

.mytab #zone8 .content3:hover .b1 h2:after {
    background-color: #ff4747;
}

.mytab #zone8 .content3:hover .b2 h3 {
    background-color: #fed100;
}

.mytab #zone8 .content3:hover .news3header .row {
    background-color: #fed100;
}

.mytab #zone8 .content3:hover .b4 h2 {
    color: #ff4747
}

.mytab #zone8 .resp-tab-content {
    border: 0 !important;
    height: 495px;
    overflow-y: scroll;
    margin-left: 2px;
    margin-bottom: 30px;
}

.mytab #zone8 .h4 span:hover {
    background-color: #42157c;
    color: #fff;
}

.mytab #zone8 .h4 {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: auto;
}

.mytab #zone8 .h4 span {
    background-color: #ffd200;
    color: #42157c;
    font-size: 14px;
    padding: 0px 25px;
    border-radius: 6px;
    transition: all .5s;
}

.mytab #zone8 #tab3 {
    height: auto;
    overflow-y: auto;
}

.mytab #zone8 #tab3 .content3 .news3content1 img {
    width: 100%;
    height: 125px;
    border-radius: 3px;
}

.mytab #zone8 #tab3 .content3 .b2 h2 {
    color: #681fc6;
    font-family: 'IRANSansBold';
    margin: 0;
    font-size: 18px;
}

.mytab #zone8 #tab3 .content3 .b4 h3 {
    color: #828282;
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    height: 72px;
    overflow: hidden;
    margin: 5px 0 12px;
}

.mytab #zone8 #tab3 .content3 .b3 span {
    color: #fa4747;
    float: left;
}

.mytab #zone8 #tab3 .content3 {
    border: 1px solid #b3b3b3;
    padding: 5px;
    border-radius: 12px;
    box-shadow: 0px 0px 2px 0px #b3b3b3;
}

.mytab #zone8 #tab3 .content3 {
    margin-bottom: 10px;
}

.mytab #zone8 #tab3 .content3:hover {
    background-color: #fbfbfb;
}

.mytab #zone8 #tab3 .content3:hover .b4 h3 {
    color: #42157c;
}

/*--------------------------END mytab---------------------*/
/*---------------------mycommunique--------------------*/
.mycommunique {
    background-color: #e9e9e9;
    padding: 40px 0;
}

.mycommunique #zone9 .b1 img {
    width: 100%;
    height: 453px;
}

.mycommunique #zone9 .b2 h2 {
    background-color: rgb(62 0 101 / 0.8);
    color: #ffe400;
    font-size: 17px;
    font-family: 'IRANSansBold';
    line-height: 25px;
    padding: 8px 20px;
    text-align: justify;
    margin: 0;
    margin-top: -85px;
    height: 85px;
    overflow: hidden;
}

.mycommunique #zone9 .b3,
.mycommunique #zone9 .b4 {
    display: none;
}

.mycommunique #zone9 .slick-dots {
    width: 30px;
    position: absolute;
    bottom: 50%;
    right: 15px;
}

.mycommunique #zone9 .slick-dots li.slick-active button:before {
    color: #ffde00;
    opacity: 1;
}

.mycommunique #zone9 .slick-dots li button:before {
    color: #fff;
    opacity: 1;
}

.mycommunique #zone9 .slick-dots li button:hover:before,
.mycommunique #zone9 .slick-dots li button:focus:before {
    opacity: 1;
    color: #f5e88f !important;
}

.mycommunique #zone9 [dir='rtl'] .slick-next,
.mycommunique #zone9 [dir='rtl'] .slick-prev {
    display: none !important;
}

.mycommunique #zone11 {
    padding: 0;
}

.mycommunique #zone11 [dir='rtl'] .slick-next,
.mycommunique #zone11 [dir='rtl'] .slick-prev {
    display: none !important;
}

.mycommunique #zone11 .b2,
.mycommunique #zone11 .b3,
.mycommunique #zone11 .b4 {
    display: none;
}

.mycommunique #zone11 .slick-dots {
    margin-bottom: 40px;
}

.mycommunique #zone11 .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
}

.mycommunique #zone11 .slick-dots li button:before {
    color: transparent;
    opacity: 1;
}

.mycommunique #zone11 .slick-dots li button {
    width: 15px !important;
    height: 15px !important;
    margin: 1px 2px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.mycommunique #zone11 .slick-dots li button {
    margin: 1px 2px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.mycommunique #zone11 .slick-dots li button:hover:before,
.mycommunique #zone11 .slick-dots li button:focus:before {
    opacity: 1;
    color: #fff !important;
}

.mycommunique #zone11 .b1 img {
    width: 100%;
    height: 208px;
}

.mycommunique #zone11 .b1 {
    padding-left: 8px;
}

.mycommunique #zone12 img {
    width: 100%;
    height: 208px;
}

.mycommunique #zone14 {
    padding: 0;
}

.mycommunique #zone14 .b1,
.mycommunique #zone14 .b3,
.mycommunique #zone14 .b4,
.mycommunique #zone14 [dir='rtl'] .slick-next,
.mycommunique #zone14 [dir='rtl'] .slick-prev {
    display: none !important;
}

.mycommunique #zone14 {
    background-color: #681fc6;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.mycommunique #zone14 .h1 span {
    color: #fff;
    font-family: 'IRANSansBold';
    font-size: 17px;
    letter-spacing: 1px;
}

.mycommunique #zone14 .h1 {
    margin: 10px 10px 0;
}

.mycommunique #zone14 .b2 h2 {
    color: #fff;
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    height: 113px;
}

.mycommunique #zone14 .slick-dots li.slick-active button:before {
    color: #fff;
}

.mycommunique #zone14 .slick-dots li button:before {
    color: #fff;
}

.mycommunique #zone9 .content10:hover .b2 h2 {
    background-color: rgb(62 0 101 / 1);
    color: #fff;
}

.mycommunique #zone11 .slick-slide .content10:hover img {
    filter: brightness(0.5);
}

.mycommunique #zone14 .content10:hover .b2 h2 {
    color: #ffe400;
}

/*---------------------END mycommunique--------------------*/
/*----------------------second-tab---------------------*/
.second-tab {
    padding: 45px 0;
}

.second-tab #zone15 #tabcontrol_2 {
    border: 1px solid #b6b6b6;
    border-radius: 15px;
    padding: 3px;
    background-color: #fff;
    box-shadow: 0px 0px 2px 0px #b6b6b6;
}

.second-tab #zone15 li.resp-tab-item {
    background-color: #f0f0f0 !important;
    color: #919191;
    font-size: 16px;
    width: 280px;
    max-width: 280px;
    text-align: center;
    border: 0 !important;
    font-family: 'IRANSansBold';
    letter-spacing: 1px;
    position: relative;
}

.second-tab #zone15 li.resp-tab-item.hor_1.resp-tab-active {
    color: #fff;
    background-color: #ff4747 !important;
}

.second-tab #zone15 li.resp-tab-item:first-child {
    border-top-right-radius: 15px;
}

.second-tab #zone15 li.resp-tab-item:last-child {
    border-top-left-radius: 15px;
    margin-left: 0;
}

.second-tab #zone15 .resp-tab-content {
    border: 0 !important;
    margin-left: 2px;
    margin-bottom: 30px;
}

.second-tab #zone15 .links1 .b1 a {
    background-image: url(../img//back-mylinks.png);
    background-repeat: no-repeat;
    background-position: right 6px;
    padding-right: 12px;
    color: #595959;
    font-size: 16px;
    line-height: 32px;
}

.second-tab #zone15 .links1 .b1 a:hover {
    color: #b400ff;
    font-family: 'IRANSansBold';
}

.second-tab #zone15 .h4 span {
    background-color: #ff4747;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 20px;
    border-radius: 6px;
    transition: all .5s;
}

.second-tab #zone15 .h4 {
    position: absolute;
    bottom: 15px;
    left: 25px;
    width: auto;
}

.second-tab #zone15 .h4 span:hover {
    background-color: #b45cff;
}

.second-tab #zone15 li.resp-tab-item.hor_1.resp-tab-active:after {
    content: '';
    display: block;
    border-left: 7px solid #ff4747;
    border-bottom: 10px solid #ffffff;
    border-right: 7px solid #ff4747;
    position: absolute;
    right: 135px;
    top: 38px;
}

/*----------------------END second-tab---------------------*/
/*------------------------amar-links-----------------------*/
.amar-links {
    border-top: 2px solid #bcbcbc;
    padding: 40px 0;
    margin-top: 25px;
}

.amar-links #zone16 .h1 {
    text-align: center;
    margin-top: -55px;
    margin-bottom: 50px;
}

.amar-links #zone16 .h1 span {
    color: #9c9b9b;
    background-color: #fff;
    font-family: 'IRANSansBold';
    font-size: 22px;
    letter-spacing: 1px;
    padding: 15px;
}

.amar-links #zone16 .b1 img {
    width: 130px;
    height: 131px;
    margin: 0 auto;
}

.amar-links #zone16 .b2 h3 {
    color: #b300fe;
    font-family: 'IRANSansBold';
    font-size: 18px;
    text-align: center;
    margin: 10px 0 0;
}

.amar-links #zone16 .b4 h3 {
    color: #b300fe;
    font-family: 'IRANSansBold';
    text-align: center;
    font-size: 24px;
    margin: 15px 0 0;
}

.amar-links #zone16 .slick-dots {
    display: none !important;
}

.amar-links #zone16 [dir='rtl'] .slick-next {
    background-image: url(../img//left_13.png);
    width: 25px;
    height: 35px;
    background-position: center;
}

.amar-links #zone16 [dir='rtl'] .slick-next:before,
.amar-links #zone16 [dir='rtl'] .slick-prev:before {
    display: none;
}

.amar-links #zone16 [dir='rtl'] .slick-prev {
    background-image: url(../img/right_13.png);
    width: 25px;
    height: 35px;
    background-position: center;
}

.amar-links #zone16 .linksbox4:hover .b2 h3,
.amar-links #zone16 .linksbox4:hover .b4 h3 {
    color: #ff4747;
}


.amar-links .slick-next , .amar-links .slick-prev{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.amar-links .slick-next {
    background-image: url(../img/left_13.png);
    width: 25px;
    height: 35px;
    background-position: center;
}
.amar-links .slick-next {
    right: auto;
    left: 0;
    z-index: 1000;
}
.amar-links .slick-prev {
    background-image: url(../img/right_13.png);
    width: 25px;
    height: 35px;
    background-position: center;
}

.amar-links .slick-prev {
    right: 0;
    left: auto;
    z-index: 1000;
}
/*------------------------END amar-links-----------------------*/
/*----------------------second-communique------------------*/
.second-communique {
    padding: 40px 0;
}

.second-communique #zone17 .communique10content1 .b1,
.second-communique #zone17 .communique10content1 .b2 {
    font-family: 'IRANSansBold';
    font-size: 16px;
    color: #fff;
}

.second-communique #zone17 .communique10content1 {
    background-color: #b200fc;
    padding: 5px;
    text-align: center;
    height: 70px;
    padding-top: 15px;
}

.second-communique #zone17 .h1 span {
    color: #8b8b8b;
    font-family: 'IRANSansBold';
    font-size: 20px;
}

.second-communique #zone17 .h1:after {
    border: 1px solid #c4c4c4;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 80%;
}

.second-communique #zone17 .h1 {
    margin-bottom: 20px;
}

.second-communique #zone17 .communique10content1 .b2 {
    font-size: 22px;
}

.second-communique #zone17 .b5 h2 {
    color: #626262;
    font-size: 15px;
    text-align: justify;
    line-height: 20px;
    margin: 0;
    height: 80px;
    overflow: hidden;
    margin-bottom: 20px;
}

.second-communique #zone17 .b6 {
    display: none;
}

.second-communique #zone17 .content6:hover .b5 h2 {
    color: #b200fc;
}

.second-communique #zone17 .h4 span {
    background-color: #b45cff;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 20px;
    border-radius: 6px;
    transition: all .5s;
}

.second-communique #zone17 .h4 {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

.second-communique #zone17 .h4 span:hover {
    background-color: #b200fc;
}

.second-communique #zone18 {
    border: 1px solid #8b8b8b;
    margin-top: 10px;
    background-color: #f8f8f8;
}

.second-communique #zone18 .slick-dots {
    display: none !important;
}

.second-communique #zone18 .h1 span {
    color: #8b8b8b;
    font-family: 'IRANSansBold';
    font-size: 16px;
}

.second-communique #zone18 .h1 {
    margin: 15px 0 30px;
}

.second-communique #zone18 .h2 {
    float: left;
    position: absolute;
    top: 0px;
    left: 0;
}

.second-communique #zone18 .h2 span {
    color: #fa4747;
    font-size: 14px;
}

.second-communique #zone18 .h2 span:hover {
    color: #b200fc;
}

.second-communique #zone18 .b1 img {
    width: 100%;
    height: 260px;
    border-top-right-radius: 5px;
}

.second-communique #zone18 .b2 {
    color: #000;
    font-size: 14px;
    text-align: justify;
    margin-top: 5px;
    line-height: 22px;
}

.second-communique #zone18 .content9:hover .b2 {
    color: #fa4747;
}

.second-communique #zone18 [dir='rtl'] .slick-prev {
    background-image: url(../img//rightee.png);
    width: 21px;
    height: 22px;
    background-position: center;
    border-radius: 100%;
    right: -13px;
}

.second-communique #zone18 [dir='rtl'] .slick-next {
    background-image: url(../img//leftee.png);
    width: 21px;
    height: 22px;
    background-position: center;
    border-radius: 100%;
    left: -13px;
}

.second-communique #zone18 [dir='rtl'] .slick-next:before,
.second-communique #zone18 [dir='rtl'] .slick-prev:before {
    display: none !important;
}

.second-communique #zone19 .h1 span {
    color: #8b8b8b;
    font-family: 'IRANSansBold';
    font-size: 18px;
}

.second-communique #zone19 .h1 {
    margin-bottom: 20px;
    text-align: left;
}

.second-communique #zone19 .h1:after {
    border: 1px solid #c4c4c4;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 50%;
}

.second-communique #zone19 .news3content1 {
    padding-left: 0;
}

.second-communique #zone19 .news3content1 img {
    width: 100%;
    height: 55px;
}

.second-communique #zone19 .b2 h2 {
    color: #fa4747;
    font-size: 15px;
    font-family: 'IRANSansBold';
    margin: 0;
}

.second-communique #zone19 .b4 h3 {
    color: #969696;
    text-align: justify;
    font-size: 15px;
    line-height: 20px;
    margin: 8px 0 0;
    height: 60px;
    overflow: hidden;
}

.second-communique #zone19 .b3 {
    display: none;
}

.second-communique #zone19 .content3 {
    margin-bottom: 15px;
}

.second-communique #zone19 .h4 span {
    background-color: #ff6b6b;
    color: #ffffff;
    font-size: 14px;
    padding: 2px 20px;
    border-radius: 6px;
    transition: all .5s;
}

.second-communique #zone19 .h4 {
    width: 100%;
    text-align: left;
    margin-top: 15px;
}

.second-communique #zone19 .h4 span:hover {
    background-color: #fa4747;
}

.second-communique #zone19 .content3:hover .b4 h3 {
    color: #fa4747;
}

/*----------------------END second-communique------------------*/
/*----------------------footer-------------------*/
.footer {
    background-color: #6b28bf;
    padding: 40px 0;
}

.footer #zone20 .b200 {
    margin-top: 20px;
}

.footer #zone20 .b200 .links1 .b1 a {
    color: #fff;
    font-size: 13px;
    line-height: 35px;
}

.footer #zone20 .b200 .links1 .b1 {
    padding: 0;
}

.footer #zone20 .b200 .links1 .b1 a:hover {
    color: #ffd200;
}

.footer #zone20 .b100 {
    padding: 0;
}

.footer #zone20 .b300 iframe {
    background-color: #fff !important;
    border-radius: 10px !important;
    height: 236px;
    width: 240px;
}

.footer #zone20 .b500 {
    border: 1px solid #a67ed9;
    padding: 1px;
    border-radius: 15px;
    height: 240px;
}

.footer #zone20 .b500 iframe {
    width: 100%;
    height: 235px;
    border-radius: 15px;
}

.footer #zone20 .form-inline .mailinglabelRes .control-label {
    color: #fff !important;
    width: 100%;
    text-align: justify;
    line-height: 20px;
    margin-bottom: 10px;
}

.footer #zone20 #mailingimgCap {
    width: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer #zone20 .require.mailinglabelRes.control-label {
    display: none;
}

.footer #zone20 .b800 {
    color: #fff;
    text-align: justify;
    line-height: 22px;
}

.footer #zone20 .footer-icons a {
    background-image: url(../img//social-bottom.png);
    width: 25px;
    height: 24px;
    display: block;
    margin: 5px 2px;
    float: left;
}

.footer #zone20 .footer-icons a:nth-child(2) {
    background-position: -28px 0;
}

.footer #zone20 .footer-icons a:nth-child(3) {
    background-position: 26px 0;
}

.footer #zone20 .footer-icons a:hover {
    filter: contrast(0.5);
}

/*----------------------END footer-------------------*/
/*-----------------copyright------------------*/
.copyright {
    background-color: #42157c;
    color: #fff;
    padding: 8px;
}

.linkarm {
    font-size: 13px !important;
    position: relative;
    z-index: 20;
}

.linkarm .textarm {
    color: #fff !important;
}

.linkarm .textarm:hover {
    color: #b45cff !important;
}

/*-----------------END copyright------------------*/
/*--------------------socialmedia--------------------*/
.socialmedia #zone13 {
    position: fixed;
    top: 50%;
    z-index: 10;
    left: 15px;
    width: 27px;
    padding: 0;
}

#zonesContainer #zone13 {
    position: relative !important;
    top: 0 !important;
    z-index: 10;
    left: 0 !important;
    width: 100% !important;
}

.socialmedia #zone13 a {
    background-image: url(../img//social-top.png);
    width: 25px;
    height: 25px;
    display: block;
    margin: 8px 0;
    background-size: 80px;
}

.socialmedia #zone13 a:hover {
    opacity: .8;
}

.socialmedia #zone13 a:nth-child(2) {
    background-position: -28px;
}

.socialmedia #zone13 a:nth-child(3) {
    background-position: 25px;
}

/*--------------------END socialmedia--------------------*/
/*--------------------MediaQuery--------------------*/
@media (min-width:1200px) {
    .second-tab #zone15 li.resp-tab-item {
        width: 223px !important;
        max-width: 223px !important;
    }

    .linkarm {
        margin: -25px auto 0 !important;
        text-align: left !important;
        width: 1140px !important;
        color: #fff;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
        left: -60px !important;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
        right: -60px !important;
    }

    .myslider .advanced-slider {
        height: calc(100vh - 195px) !important;
        max-height: 550px !important;
    }

    .myslider #zone4 {
        margin-top: -1px;
    }

    .myslider .SliderImageCaption2titr a {
        width: 1170px;
        margin: 0 auto !important;
        float: none !important;
        font-size: 19px;
        line-height: 38px !important;
        height: 26px;
        overflow: hidden;
    }

    .mymenu #zone3 .dropdown-menu .caret {
        background-image: url("../img//caret-left.png") !important;
        float: left !important;
        height: 8px !important;
        left: 5px !important;
        position: absolute !important;
        top: 16px !important;
        width: 8px !important;
    }

    .mymenu button.menueclose {
        display: none;
    }

    .mymenu .navbar-inverse {
        background-color: transparent !important;
    }

    .mymenu .b3 {
        width: auto !important;
        padding: 5px !important;
        display: none !important;
    }

    .mymenu #zone3 .navbar-inverse .navbar-nav>li>a {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .second-tab #zone15 li.resp-tab-item {
        width: 183px !important;
        max-width: 183px !important;
    }

    .footer #zone20 .b300 iframe {
        width: 235px;
        margin-right: -15px;
    }

    .footer #zone20 .b200 {
        padding: 0;
    }

    .footer #zone20 .b200 .links1 .b1 a {
        font-size: 12px;
    }

    .linkarm {
        margin: -25px auto 0 !important;
        text-align: left !important;
        width: 940px !important;
        color: #fff;
    }

    .second-communique #zone17 .h1:after {
        width: 78%;
    }

    .second-communique #zone19 .h1:after {
        width: 40%;
    }

    .amar-links #zone16 .b1 img {
        height: 109px;
    }

    .amar-links #zone16 .b2 h3 {
        font-size: 16px;
    }

    .amar-links #zone16 .b4 h3 {
        font-size: 22px;
    }

    .second-tab #zone15 li.resp-tab-item.hor_1.resp-tab-active:after {
        right: 108px;
    }

    .second-tab #zone15 li.resp-tab-item {
        width: 230px;
        max-width: 230px;
    }

    .mytab #zone8 li.resp-tab-item {
        width: 307px;
        max-width: 307px;
    }

    .mytab #zone8 .b1 h2:after {
        display: none;
    }

    .mainnews #zone6 .content3 .b2 h2 {
        font-size: 15px;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
        left: -40px !important;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
        right: -40px !important;
    }

    .myslider #zone4 .caption-container {
        width: 100% !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .myslider #zone4 .advanced-slider {
        height: 350px !important;
    }

    .myslider #zone4 {
        margin-top: -1px;
    }

    .myslider .SliderImageCaption2titr a {
        width: 940px;
        margin: 0 auto !important;
        float: none !important;
        font-size: 19px;
        line-height: 42px !important;
        height: 32px;
        overflow: hidden;
    }

    .mymenu #zone3 .dropdown-menu .caret {
        background-image: url("../img//caret-left.png") !important;
        float: left !important;
        height: 8px !important;
        left: 5px !important;
        position: absolute !important;
        top: 16px !important;
        width: 8px !important;
    }

    .mymenu button.menueclose {
        display: none;
    }

    .mymenu .navbar-inverse {
        background-color: transparent !important;
    }

    .mymenu .b3 {
        width: auto !important;
        padding: 5px !important;
        display: none !important;
    }

    .mymenu #zone3 .navbar-inverse .navbar-nav>li>a {
        font-size: 11px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .second-tab #zone15 li.resp-tab-item {
        width: 139px !important;
        max-width: 139px !important;
        font-size: 12px !important;
    }

    .mytab #zone8 #tab3 .content3 .news3content1 img {
        height: 100px;
    }

    .mytab #zone8 #tab3 .content3 .b4 h3 {
        font-size: 13px;
        line-height: 20px;
        height: 60px;
    }

    .footer #zone20 .b500 iframe {
        width: 70%;
        height: 235px;
        border-radius: 15px;
        margin: 10px auto;
        display: table;
    }

    .footer #zone20 .b500 {
        border: 0;
        height: auto;
    }

    .linkarm {
        margin: -25px auto 0 !important;
        text-align: left !important;
        width: 720px !important;
        color: #fff;
    }

    .second-communique #zone17 .h1:after {
        width: 90%;
    }

    .second-communique #zone19 .h1:after {
        width: 40%;
    }

    .second-communique #zone17 .communique10content1 {
        padding: 15px;
        height: auto;
    }

    .second-communique #zone17 .b5 h2 {
        height: auto;
    }

    .second-communique #zone17 .content6 {
        margin-bottom: 20px;
    }

    .second-communique #zone18 {
        margin: 30px 0;
    }

    .second-communique #zone19 .h1 {
        text-align: right;
    }

    .second-communique #zone19 .h1:after {
        left: 0;
        right: auto;
        width: 75%;
    }

    .second-communique #zone19 .news3content1 img,
    .second-communique #zone19 .b4 h3 {
        height: auto;
    }

    .second-communique #zone18 .b1 img {
        height: auto;
    }

    .second-tab #zone15 li.resp-tab-item.hor_1.resp-tab-active:after {
        right: 80px;
    }

    .second-tab #zone15 li.resp-tab-item {
        width: 175px;
        max-width: 175px;
    }

    .mycommunique #zone9 .b1 img,
    .mycommunique #zone11 .b1 img {
        height: auto;
    }

    .mycommunique #zone11 .b1 {
        padding-left: 15px;
    }

    .mycommunique #zone12 img {
        height: 240px;
    }

    .mycommunique #zone14 .b2 h2 {
        height: 145px;
    }

    .mytab #zone8 .b1 h2:after {
        display: none;
    }

    .mytab #zone8 li.resp-tab-item {
        width: 234px;
        max-width: 234px;
    }

    .mytab #zone8 li.resp-tab-item:nth-child(1) {
        background-position: 80% 6px;
    }

    .mytab #zone8 li.resp-tab-item:nth-child(2) {
        background-position: 72% 6px;
    }

    .mytab #zone8 li.resp-tab-item:nth-child(3) {
        background-position: 78% 6px;
    }

    .mytab #zone8 .b1 h2 {
        font-size: 15px;
    }

    .mytab #zone8 .b2 h3 {
        font-size: 12px;
        background-size: 15px;
        background-position: 5px;
        background-position: 5px 3px;
        text-align: right;
    }

    .mytab #zone8 img {
        height: 100px;
    }

    .mainnews #zone6 .content3 img {
        height: 80px;
    }

    .mainnews #zone6 .content3 .b2 h2 {
        font-size: 15px;
    }

    .mainnews #zone6 .content3 .b4 h3 {
        font-size: 13px;
        line-height: 18px;
        height: 80px;
    }

    .mainnews #zone7 .b1 a {
        margin-bottom: 30px;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
        left: -10px !important;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
        right: -10px !important;
    }

    .myslider #zone4 .caption-container {
        width: 100% !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .myslider #zone4 .advanced-slider {
        height: 350px !important;
    }

    .myslider .SliderImageCaption2titr a {
        width: 720px;
        margin: 0 auto !important;
        float: none !important;
        font-size: 12px;
        line-height: 42px !important;
        overflow: hidden;
        height: 26px;
    }

    .top-header #zone2 .b2 {
        top: 85px;
        left: -6px;
        padding-left: 0;
    }

    .top-header #zone2 .b2 a {
        margin-left: 0;
    }

    .mymenu #zone3 .navbar-inverse .navbar-nav>li>a {
        font-size: 11px !important;
    }

    .mymenu #zone3 .b2 {
        top: 50px;
    }

    .mymenu #zone3 .dropdown-menu .caret {
        background-image: url("../img//caret-left.png") !important;
        float: left !important;
        height: 8px !important;
        left: 5px !important;
        position: absolute !important;
        top: 16px !important;
        width: 8px !important;
    }

    .mymenu button.menueclose {
        display: none;
    }

    .mymenu .navbar-inverse {
        background-color: transparent !important;
    }

    .mymenu .b3 {
        width: auto !important;
        padding: 5px !important;
        display: none !important;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .mytab #zone8 #tab3 .content3 .news3content1 img {
        width: 50%;
        height: auto;
        border-radius: 3px;
        margin-bottom: 15px;
    }

    .mytab #zone8 #tab3 .content3 .b4 h3 {
        height: auto;
    }

    .footer #zone20 .b300 iframe {
        float: right;
        margin-bottom: 20px;
    }

    .footer #zone20 .b500,
    .footer #zone20 .b300 {
        margin-bottom: 20px;
    }

    .linkarm .textarm {
        color: #42157c !important;
    }

    .linkarm {
        margin: 0 auto !important;
        text-align: center !important;
    }

    .second-communique #zone19 .h1 {
        text-align: right;
    }

    .second-communique #zone18 {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .second-communique #zone17 .h1:after,
    .second-communique #zone19 .h1:after {
        display: none;
    }

    .second-communique #zone17 .communique10content1 {
        width: 130px;
        margin-bottom: 15px;
    }

    .second-communique #zone17 .b5 h2 {
        height: auto;
    }

    .second-communique #zone17 .b5 {
        padding: 0;
    }

    .second-communique #zone18 .b1 img,
    .second-communique #zone19 .news3content1 img {
        height: auto;
        margin-bottom: 10px;
    }

    .second-communique #zone19 .b4 h3 {
        height: auto;
    }

    .second-communique #zone19 .news3content1 {
        padding-left: 15px;
    }

    .second-tab #zone15 .resp-tab-active {
        border-color: #ff4747 !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background-color: #fff8f8 !important;
    }

    .second-tab #zone15 #tab1 .h4 {
        margin-bottom: 110px;
        left: 40px;
    }

    .second-tab #zone15 #tab2 .h4 {
        margin-bottom: 75px;
        left: 40px;
    }

    .second-tab #zone15 #tab3 .h4 {
        margin-bottom: 40px;
        left: 40px;
    }

    .mycommunique #zone9 .b1 img,
    .mycommunique #zone11 .b1 img {
        height: auto;
    }

    .mycommunique #zone12,
    .mycommunique #zone14 {
        width: 50%;
    }

    .mycommunique #zone12 img {
        height: 175px;
    }

    .mycommunique #zone14 .b2 h2 {
        height: 80px;
    }

    .mytab #zone8 .resp-tab-content {
        margin-left: 0;
    }

    .mytab #zone8 .b1 h2:after {
        display: none;
    }

    .mytab #zone8 .b1 h2 {
        height: 37px;
        overflow: hidden;
        font-size: 14px;
        padding: 6px;
    }

    .mytab #zone8 .b2 h3 {
        font-size: 12px;
        background-image: none;
        padding: 12px 0;
        padding-left: 0;
    }

    .mytab #zone8 img {
        width: 50%;
        height: auto;
        border-radius: 4px;
    }

    .mytab #zone8 .b5 h3 {
        height: auto;
    }

    .mytab #zone8 .b1 {
        padding: 0;
        width: 78%;
    }

    .mytab #zone8 .resp-tab-active {
        border-color: #42157c !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .mytab #zone8 #tab1 .h4 {
        margin-bottom: 70px;
        left: 40px;
    }

    .mytab #zone8 #tab2 .h4 {
        margin-bottom: 35px;
        left: 40px;
    }

    .mainnews #zone6 .content3 img {
        width: 50%;
        height: auto;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    .mainnews #zone6 .content3 .b4 h3 {
        height: auto;
    }

    .mainnews #zone7 .b1 a {
        margin-bottom: 15px;
        height: auto;
        padding-right: 25px;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
        left: -10px !important;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
        right: -10px !important;
    }

    .myslider #zone4 .caption-container {
        width: 100% !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .myslider #zone4 .slide-buttons {
        position: absolute;
        bottom: 15px;
        left: 10px !important;
    }

    .myslider #zone4 .advanced-slider {
        height: 250px !important;
    }

    .myslider .SliderImageCaption2titr a {
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
        font-size: 12px !important;
        line-height: 34px !important;
        height: 22px;
        overflow: hidden;
    }

    .mymenu #zone3 .b3 img {
        filter: invert(1);
    }

    .top-header #zone1 a,
    .top-header #zone1 .date {
        padding: 0px 4px;
    }

    .top-header #zone2 .b2 {
        top: auto;
        left: -6px;
        bottom: 6px;
    }

    .mymenu #zone3 .caret {
        left: 15px !important;
        position: absolute !important;
    }

    .mymenu .navbar {
        position: fixed !important;
        top: -50px;
        background: rgb(107 53 177) !important;
        width: 80%;
        right: -80%;
        height: calc(100vh + 50px);
        z-index: 1000;
        overflow-x: hidden;
        overflow-y: auto;
        transition: all 0.5s ease 0s;
    }

    .mymenu .showmenu {
        right: 0 !important;
    }

    .mymenu .b1 {
        height: 50px;
    }

    .mymenu .navbar-collapse.collapse.in:before {
        content: 'دانشگاه علوم پزشکی همدان';
        padding-right: 15px;
        font-family: 'IRANSansBold';
        color: #42157c;
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        background-color: #a577e0;
        padding-top: 10px;
    }

    .mymenu button.menueclose {
        position: absolute;
        left: 15px;
        top: -8px;
        background-color: transparent;
        border: none;
        font-size: 45px !important;
        color: #42157c;
    }

    .mymenu button.menueclose:hover {
        opacity: .4;
    }

    .mymenu .b3 {
        width: auto !important;
        padding: 5px !important;
        position: absolute;
        top: 5px;
        right: -5px;
        cursor: pointer;
    }

    .mymenu .b3:hover {
        opacity: .6;
    }

    .mymenu #zone3 .dropdown-menu>li>a {
        color: #fff;
    }

    .mymenu #zone3 .dropdown-menu {
        padding: 0 !important;
    }

    .mymenu #zone3 .dropdown-menu li {
        width: 100% !important;
    }

    .top-header #zone2 .b1 {
        width: 100%;
    }

    .top-header #zone2 {
        padding-bottom: 20px;
    }

    .top-header #zone2 .b1 img {
        margin: 15px auto;
    }

    .top-header #zone2 .b3 {
        bottom: 0;
        top: auto;
        position: static;
    }

    .top-header #zone2 .b3 .input-group {
        width: 210px;
    }

    .top-header {
        background-color: #6725bb !important;
        background: none;
    }

    .top-header #zone2 .b2 {
        width: auto;
        position: absolute;
        top: auto;
        left: -6px;
        padding-left: 0;
        bottom: 6px;
    }

    .top-header #zone2 .b2 a {
        margin-left: 0;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    .mytab #zone8 #tab3 .content3 .news3content1 img {
        width: 100%;
        height: auto;
        border-radius: 3px;
        margin-bottom: 15px;
    }

    .mytab #zone8 #tab3 .content3 .b4 h3 {
        height: auto;
    }

    .footer #zone20 .b500,
    .footer #zone20 .b300 {
        margin-bottom: 20px;
    }

    .linkarm .textarm {
        color: #42157c !important;
    }

    .linkarm {
        margin: 0 auto !important;
        text-align: center !important;
    }

    .second-communique #zone19 .h1 {
        text-align: right;
    }

    .second-communique #zone18 {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .second-communique #zone17 .h1:after,
    .second-communique #zone19 .h1:after {
        display: none;
    }

    .second-communique #zone17 .communique10content1 {
        width: 130px;
        margin-bottom: 15px;
    }

    .second-communique #zone17 .b5 h2 {
        height: auto;
    }

    .second-communique #zone17 .b5 {
        padding: 0;
    }

    .second-communique #zone18 .b1 img,
    .second-communique #zone19 .news3content1 img {
        height: auto;
        margin-bottom: 10px;
    }

    .second-communique #zone19 .b4 h3 {
        height: auto;
    }

    .second-communique #zone19 .news3content1 {
        padding-left: 15px;
    }

    .amar-links #zone16 .b1 img {
        height: 69px;
    }

    .amar-links #zone16 .b2 h3 {
        font-size: 14px;
    }

    .amar-links #zone16 .b4 h3 {
        font-size: 18px;
    }

    .second-tab #zone15 .resp-tab-active {
        border-color: #ff4747 !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background-color: #fff8f8 !important;
    }

    .second-tab #zone15 #tab1 .h4 {
        margin-bottom: 110px;
        left: 40px;
    }

    .second-tab #zone15 #tab2 .h4 {
        margin-bottom: 75px;
        left: 40px;
    }

    .second-tab #zone15 #tab3 .h4 {
        margin-bottom: 40px;
        left: 40px;
    }

    .mycommunique #zone9 .b1 img,
    .mycommunique #zone11 .b1 img {
        height: auto;
    }

    .mycommunique #zone11 .b1 {
        padding-left: 15px;
    }

    .mycommunique #zone12 img {
        height: auto;
        margin-bottom: 20px;
    }

    .mycommunique #zone14 .b2 h2 {
        height: auto;
    }

    .mytab #zone8 .b1 h2:after {
        display: none;
    }

    .mytab #zone8 .b1,
    .mytab #zone8 .b2 {
        padding: 0;
        width: 100%;
    }

    .mytab #zone8 .b1 h2 {
        border-radius: 0;
        text-align: justify;
        line-height: 22px;
        font-size: 14px;
    }

    .mytab #zone8 .b2 h3 {
        background-image: none;
        padding: 5px;
        text-align: center;
        border-radius: 0;
    }

    .mytab #zone8 img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }

    .mytab #zone8 .b4 h2 {
        font-size: 15px;
        text-align: justify;
        line-height: 22px;
    }

    .mytab #zone8 .b5 h3 {
        height: auto;
    }

    .mytab #zone8 .resp-tab-active {
        border-color: #42157c !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .mytab #zone8 #tab1 .h4 {
        margin-bottom: 70px;
        left: 40px;
    }

    .mytab #zone8 #tab2 .h4 {
        margin-bottom: 35px;
        left: 40px;
    }

    .mytab #zone8 #tab3 .h4 {
        left: 40px;
    }

    .mainnews #zone6 .content3 img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    .mainnews #zone6 .content3 .b4 h3 {
        height: auto;
    }

    .mainnews #zone7 .b1 a {
        margin-bottom: 15px;
        height: auto;
        padding-right: 25px;
    }

    .mainnews #zone6 .news3content1 {
        padding-left: 5px;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
        left: -10px !important;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
        right: -10px !important;
    }

    .myslider #zone4 .caption-container {
        width: 100% !important;
        right: 0 !important;
        border-radius: 0 !important;
    }

    .myslider #zone4 .slide-buttons {
        position: absolute;
        bottom: 15px;
        left: 10px !important;
    }

    .myslider #zone4 .advanced-slider {
        height: 200px !important;
    }

    .myslider .SliderImageCaption2titr a {
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
        font-size: 12px !important;
        line-height: 34px !important;
        height: 22px;
        overflow: hidden;
    }

    .mymenu #zone3 .b3 img {
        filter: invert(1);
    }

    .top-header #zone1 .col-lg-1.col-md-1.col-ms-12.col-xs-12 {
        width: 50% !important;
        text-align: center;
        margin: 5px 0;
    }

    .top-header #zone1 .frame {
        background-image: none;
        padding: 0;
        background-color: transparent;
        float: initial;
    }

    .top-header #zone1 a,
    .top-header #zone1 .date {
        color: #fff;
        border: 0;
    }

    .top-header #zone1 .col-lg-1.col-md-1.col-ms-12.col-xs-12.b1 {
        width: 100% !important;
        margin: 5px 0 !important;
    }

    .top-header #zone2 .b2 {
        width: 100%;
        position: absolute;
        right: 0;
        bottom: -33px;
        top: auto;
    }

    .mymenu #zone3 .dropdown-menu>li>a {
        color: #fff;
    }

    .mymenu #zone3 .dropdown-menu {
        padding: 0 !important;
    }

    .mymenu #zone3 .dropdown-menu li {
        width: 100% !important;
    }

    .mymenu #zone3 .navbar-inverse .navbar-nav>li>a {
        font-size: 14px !important;
    }

    .mymenu #zone3 .caret {
        left: 15px !important;
        position: absolute !important;
    }

    .mymenu .navbar {
        position: fixed !important;
        top: -50px;
        background: rgb(107 53 177) !important;
        width: 80%;
        right: -80%;
        height: calc(100vh + 50px);
        z-index: 1000;
        overflow-x: hidden;
        overflow-y: auto;
        transition: all 0.5s ease 0s;
    }

    .mymenu .showmenu {
        right: 0 !important;
    }

    .mymenu .b1 {
        height: 50px;
    }

    .mymenu .navbar-collapse.collapse.in:before {
        content: 'دانشگاه علوم پزشکی همدان';
        padding-right: 15px;
        font-family: 'IRANSansBold';
        color: #42157c;
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        background-color: #a577e0;
        padding-top: 10px;
    }

    .mymenu button.menueclose {
        position: absolute;
        left: 15px;
        top: -8px;
        background-color: transparent;
        border: none;
        font-size: 45px !important;
        color: #42157c;
    }

    .mymenu button.menueclose:hover {
        opacity: .4;
    }

    .mymenu .b3 {
        width: auto !important;
        padding: 5px !important;
        position: absolute;
        top: 5px;
        right: -5px;
        cursor: pointer;
    }

    .mymenu .b3:hover {
        opacity: .6;
    }

    .top-header #zone2 .b3 {
        position: static !important;
        margin-right: 8px;
        margin-bottom: 12px;
    }

    .top-header #zone2 .b3,
    .top-header #zone2 .b3 .input-group {
        width: 100%;
        margin: 0px 0 6px;
        padding: 0;
    }

    .top-header #zone2 {
        padding-bottom: 35px;
    }

    .top-header {
        background-color: #6725bb !important;
        background: none;
    }
}

@media (max-width:319px) {
    .mytab #zone8 #tab3 .content3 .news3content1 img {
        width: 100%;
        height: auto;
        border-radius: 3px;
        margin-bottom: 15px;
    }

    .mytab #zone8 #tab3 .content3 .b4 h3 {
        height: auto;
    }

    .footer #zone20 .b500,
    .footer #zone20 .b300 {
        margin-bottom: 20px;
    }

    .linkarm .textarm {
        color: #42157c !important;
    }

    .linkarm {
        margin: 0 auto !important;
        text-align: center !important;
    }

    .second-communique #zone18 {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .second-communique #zone17 .h1:after,
    .second-communique #zone19 .h1:after {
        display: none;
    }

    .second-communique #zone17 .communique10content1 {
        width: 130px;
        margin-bottom: 15px;
    }

    .second-communique #zone17 .b5 h2 {
        height: auto;
    }

    .second-communique #zone17 .b5 {
        padding: 0;
    }

    .second-communique #zone18 .b1 img,
    .second-communique #zone19 .news3content1 img {
        height: auto;
        margin-bottom: 10px;
    }

    .second-communique #zone19 .b4 h3 {
        height: auto;
    }

    .second-communique #zone19 .news3content1 {
        padding-left: 15px;
    }

    .amar-links #zone16 .b1 img {
        height: 69px;
    }

    .amar-links #zone16 .b2 h3 {
        font-size: 14px;
    }

    .amar-links #zone16 .b4 h3 {
        font-size: 18px;
    }

    .second-tab #zone15 .resp-tab-active {
        border-color: #ff4747 !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background-color: #fff8f8 !important;
    }

    .second-tab #zone15 #tab1 .h4 {
        margin-bottom: 110px;
        left: 40px;
    }

    .second-tab #zone15 #tab2 .h4 {
        margin-bottom: 75px;
        left: 40px;
    }

    .second-tab #zone15 #tab3 .h4 {
        margin-bottom: 40px;
        left: 40px;
    }

    .mycommunique #zone9 .b1 img,
    .mycommunique #zone11 .b1 img {
        height: auto;
    }

    .mycommunique #zone11 .b1 {
        padding-left: 15px;
    }

    .mycommunique #zone12 img {
        height: auto;
        margin-bottom: 20px;
    }

    .mycommunique #zone14 .b2 h2 {
        height: auto;
    }

    .mytab #zone8 .b1 h2:after {
        display: none;
    }

    .mytab #zone8 .b1,
    .mytab #zone8 .b2 {
        padding: 0;
        width: 100%;
    }

    .mytab #zone8 .b1 h2 {
        border-radius: 0;
        text-align: justify;
        line-height: 22px;
        font-size: 14px;
    }

    .mytab #zone8 .b2 h3 {
        background-image: none;
        padding: 5px;
        text-align: center;
        border-radius: 0;
    }

    .mytab #zone8 img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }

    .mytab #zone8 .b4 h2 {
        font-size: 15px;
        text-align: justify;
        line-height: 22px;
    }

    .mytab #zone8 .b5 h3 {
        height: auto;
    }

    .mytab #zone8 .resp-tab-active {
        border-color: #42157c !important;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .mytab #zone8 #tab1 .h4 {
        margin-bottom: 70px;
        left: 40px;
    }

    .mytab #zone8 #tab2 .h4 {
        margin-bottom: 35px;
        left: 40px;
    }

    .mytab #zone8 #tab3 .h4 {
        left: 40px;
    }

    .mainnews #zone6 .content3 img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    .mainnews #zone6 .content3 .b4 h3 {
        height: auto;
    }

    .mainnews #zone7 .b1 a {
        margin-bottom: 15px;
        height: auto;
        padding-right: 25px;
    }

    .mainnews #zone6 .news3content1 {
        padding-left: 5px;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous {
        left: -10px !important;
    }

    .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
        right: -10px !important;
    }

    .myslider #zone4 .caption-container {
        display: none;
    }

    .myslider #zone4 .advanced-slider {
        height: 200px !important;
    }

    .myslider .SliderImageCaption2titr a {
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
        font-size: 12px !important;
        line-height: 34px !important;
        height: 22px;
        overflow: hidden;
    }

    .mymenu #zone3 .b3 img {
        filter: invert(1);
    }

    .top-header #zone1 .col-lg-1.col-md-1.col-ms-12.col-xs-12 {
        width: 50% !important;
        text-align: center;
        margin: 5px 0;
    }

    .top-header #zone1 .frame {
        background-image: none;
        padding: 0;
        background-color: transparent;
        float: initial;
    }

    .top-header #zone1 a,
    .top-header #zone1 .date {
        color: #fff;
        border: 0;
    }

    .top-header #zone1 .col-lg-1.col-md-1.col-ms-12.col-xs-12.b1 {
        width: 100% !important;
        margin: 5px 0 !important;
    }

    .top-header #zone2 .b2 {
        width: 100%;
        position: absolute;
        right: 0;
        bottom: -33px;
        top: auto;
    }

    .top-header #zone2 .b3 {
        position: static !important;
        margin-bottom: 10px;
    }

    .top-header #zone2 .b3,
    .top-header #zone2 .b3 .input-group {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .top-header #zone2 .b3,
    .top-header #zone2 .b3 .input-group {
        width: 100%;
        margin: 0px 0 6px;
        padding: 0;
    }

    .top-header #zone2 {
        padding-bottom: 35px;
    }

    .top-header {
        background-color: #6725bb !important;
        background: none;
    }

    #my-sidemnu2 {
        margin-bottom: 0px !important;
        top: auto !important;
        right: 0;
        bottom: -8px;
    }

    .mymenu #zone3 .dropdown-menu>li>a {
        color: #fff;
    }

    .mymenu #zone3 .dropdown-menu {
        padding: 0 !important;
    }

    .mymenu #zone3 .dropdown-menu li {
        width: 100% !important;
    }

    .mymenu #zone3 .navbar-inverse .navbar-nav>li>a {
        font-size: 14px !important;
    }

    .mymenu #zone3 .caret {
        left: 15px !important;
        position: absolute !important;
    }

    .mymenu .navbar {
        position: fixed !important;
        top: -50px;
        background: rgb(107 53 177) !important;
        width: 80%;
        right: -80%;
        height: calc(100vh + 50px);
        z-index: 1000;
        overflow-x: hidden;
        overflow-y: auto;
        transition: all 0.5s ease 0s;
    }

    .mymenu .showmenu {
        right: 0 !important;
    }

    .mymenu .b1 {
        height: 50px;
    }

    .mymenu .navbar-collapse.collapse.in:before {
        content: 'دانشگاه علوم پزشکی همدان';
        padding-right: 15px;
        font-family: 'IRANSansBold';
        color: #42157c;
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        background-color: #a577e0;
        padding-top: 10px;
    }

    .mymenu button.menueclose {
        position: absolute;
        left: 15px;
        top: -8px;
        background-color: transparent;
        border: none;
        font-size: 45px !important;
        color: #42157c;
    }

    .mymenu button.menueclose:hover {
        opacity: .4;
    }

    .mymenu .b3 {
        width: auto !important;
        padding: 5px !important;
        position: absolute;
        top: 5px;
        right: -5px;
        cursor: pointer;
    }

    .mymenu .b3:hover {
        opacity: .6;
    }
}

/*--------------------END MediaQuery--------------------*/
/****** Start Content of TemplateCSS *******/
/*------------چندرنگی---------*/
#color3,
.change-container .fa-eye,
.change-font {
    display: none !important;
}

#my-sidemnu2 {
    margin-top: 8px;
    width: 87px;
    cursor: pointer;
    left: 0px;
    background-color: #fff;
    border-radius: 15px;
    position: absolute !important;
    top: 0px;
    z-index: 1;
    line-height: 0px;
}

.grayScale {
    filter: grayscale(100);
}

.change-container {
    float: left;
    width: 77px;
    position: absolute;
    z-index: 1;
    background-color: rgb(255 255 255 / 80%);
    border: 1px solid rgb(0 142 156);
    border-radius: 5px;
    padding: 7px;
    top: 0px;
    left: 92px;
    display: none;
    text-align: center;
    transition: all 0.2s;
}

.change-color {
    width: 20px;
    height: 20px;
    background-color: #202d5a;
    display: block;
    position: relative;
    cursor: pointer;
    float: right;
    margin: 0 5px;
    z-index: 21;
}

#color1 {
    background-color: #166067;
}

#color2 {
    background-color: #00305d;
}

#color3 {
    background-color: #303030;
    box-shadow: 0px 0px 3px #303030;
}

.change-container .fa-eye {
    color: #8a8a8a;
    font-size: 17px;
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    float: none;
    width: 100%;
    box-shadow: 0px 0px 3px #fff;
}

.change-font {
    position: relative;
    z-index: 1;
    float: none;
    margin: 0 auto;
    display: table;
    padding: 7px 0 0px 0px;
}

.font-up,
.font-down {
    color: #8a8a8a;
    cursor: pointer;
    padding: 5px;
    display: block;
    float: right;
    font-size: 12px;
    background-color: white;
    margin: 2px;
    width: 42%;
    box-shadow: 0px 0px 3px #fff;
}

.svg-inline--fa.fa-w-16 {
    width: 78px;
    height: 21px;
    color: transparent;
    background-image: url(../img//modal-color.png);
    background-repeat: no-repeat;
    background-position: left 4px;
}

#my-sidemnu2:before {
    content: 'انتخاب رنگ';
    color: #848282;
    position: absolute;
    top: 12px;
    right: 8px;
    font-size: 11px;
    font-family: 'IRANSansBold';
}

/*------------چندرنگی---------*/
/*-------------استایل رنگ دوم سایت----------*/
body.color2 .mymenu {
    background-color: rgba(0, 48, 93, 0.9);
}

body.color2 .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .previous,
body.color2 .mylink-slider #zone5 .circle .thumbnail-scroller .arrows .next {
    filter: brightness(0.5) brightness(0.5);
}

body.color2 .myservices #zone7 .b200,
body.color2 .myservices #zone7 .b400,
body.color2 .myservices #zone7 .b600,
body.color2 .myservices #zone7 .b800 {
    background-color: #143c63;
}

body.color2 .footer {
    background-color: #02305a;
}

body.color2 .mymenu #zone3 .b2 span {
    background-color: #bb2669;
}

body.color2 .mylink-slider #zone5 .thumbnail-wrapper:hover .thumbnail img {
    background-color: #4e0f2b !important;
}

body.color2 .mylink-slider #zone5 .thumbnail-wrapper:hover .thumbnail .caption .content {
    color: #bb2669;
}

body.color2 .mainnews #zone15 .h1 span {
    color: #bb2669;
    background-image: url(../img//webda1.png);
}

body.color2 .mainnews #zone14 .h1 span {
    color: #00305d;
    background-image: url(../img//back-news1.png);
}

body.color2 .new-communique #zone16 .h1 span {
    color: #bb2669;
    background-image: url(../img//back-et1.png);
}

body.color2 .socialmedia #zone13 a {
    filter: hue-rotate(295deg);
}

body.color2 .myservices #zone7 .b101 a:hover {
    background-color: #bb2669;
}

body.color2 .mystatics #zone8 .mycircle {
    border: 3px solid #bb2669;
}

body.color2 .mystatics #zone8 .links4:hover .b2 h3 {
    color: #ff62b4;
}

body.color2 .myservices {
    background-color: #1e5282;
}

body.color2 .copyright {
    background-color: #1e5282;
}

body.color2 .footer #zone10 .b2:after {
    border-bottom: 2px solid #1e5282;
}

body.color2 .top-header {
    background-image: none;
    background-color: #1e5282;
}

body.color2 .top-header #zone2 .b3 .input-group {
    background-color: #436d96;
}

body.color2 .mystatics #zone8 .b2 h3 {
    color: #bb2669;
}

body.color2 .mymenu #zone3 .navbar-inverse .navbar-nav>.open>a,
body.color2 .mymenu #zone3 .navbar-inverse .navbar-nav>.open>a:hover,
body.color2 .mymenu #zone3 .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #bb2669 !important;
}

body.color2 .mymenu #zone3 .navbar-inverse .navbar-nav>li>a:hover,
body.color2 .mymenu #zone3 .navbar-inverse .navbar-nav>li>a:focus {
    color: #fff !important;
}

/*-------------استایل رنگ دوم سایت----------*/
* {
    /*! font-family: IRANSans, tahoma; */
    /*! direction: rtl; */
    /*! outline: none !important; */
}

a {
    text-decoration: none !important;
}

body {
    /*! overflow-x: hidden !important; */
    background-color: #fff !important;
}

.niafamContainer {
    background-color: #fff;
    box-shadow: 0 0 4px 2px #ccc;
    margin: 10px auto;
    padding: 20px 15px;
    min-height: 500px;
}

/* ---------------- Block Show ----------------- */
.shownews5secondtitr {
    color: #00a651;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: justify;
}

.shownews5titr {
    color: #344b9a;
    font-family: iransansbold;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: justify;
}

.shownews5file1 {
    padding-bottom: 10px;
    padding-left: 10px;
    height: auto;
    width: 380px;
}

.shownews5summery {
    display: none;
}

.shownews5comment {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
}

.shownews5comment p,
.shownews5comment a,
.shownews5comment div,
.shownews5comment span {
    line-height: 27px !important;
    font-size: 14px !important;
    font-family: iransans !important;
}

.shownews5comment img {
    max-width: 100%;
    display: block;
    height: auto;
}

.shownews5date1txt,
.shownews5date1,
.shownews5reviewtxt,
.shownews5review,
.shownews5sourcetxt,
.shownews5source {
    color: #888;
    font-size: 13px;
    width: 100px !important;
}

.shownews5dateheader {
    margin-top: 50px;
}

.shownews5sourceheader {
    margin-bottom: 20px;
}

.showcommunique2date1 {
    color: #00a651;
}

.showcommunique2titr {
    color: #344b9a;
    font-family: iransansbold;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: justify;
}

.showcommunique2comment {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
}

.showcommunique2comment p,
.showcommunique2comment a,
.showcommunique2comment div,
.showcommunique2comment span {
    line-height: 27px !important;
    font-size: 14px !important;
    font-family: iransans !important;
}

.showcommunique2comment img {
    max-width: 100%;
    display: block;
    height: auto;
}

.showcommunique2reviewtxt,
.showcommunique2review {
    color: #888;
    font-size: 13px;
    width: 100px !important;
}

.showcommunique2content1 {
    margin: 20px 0;
}

.showcommunique2file1 {
    width: 360px;
    height: auto;
}

.form2name {
    background-color: #efefef;
    box-shadow: none !important;
    color: #146d75;
    font-family: iransansbold;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 8px !important;
}

.form2htmlcode {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 50px;
    overflow-y: hidden;
}

.form2htmlcode table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.form2htmlcode table>tbody>tr>td,
.form2htmlcode table>tbody>tr>th,
.form2htmlcode table>tfoot>tr>td,
.form2htmlcode table>tfoot>tr>th,
.form2htmlcode table>thead>tr>td,
.form2htmlcode table>thead>tr>th {
    white-space: nowrap;
    padding: 5px;
}

.form2htmlcode p,
.form2htmlcode a,
.form2htmlcode div,
.form2htmlcode span {
    line-height: 27px !important;
    font-size: 14px !important;
    font-family: iransans !important;
}

.form2htmlcode img {
    max-width: 100%;
    display: block;
    height: auto;
}

.form2datetext,
.form2date,
.form2reviewtext,
.form2review {
    color: #888;
    font-size: 13px;
    width: 140px !important;
}

.showlinks1titr {
    background-color: #efefef;
    box-shadow: none !important;
    color: #146d75;
    font-family: iransansbold;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 8px !important;
}

.showlinks1comment {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 50px;
    overflow-y: hidden;
}

.showlinks1comment table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.showlinks1comment table>tbody>tr>td,
.showlinks1comment table>tbody>tr>th,
.showlinks1comment table>tfoot>tr>td,
.showlinks1comment table>tfoot>tr>th,
.showlinks1comment table>thead>tr>td,
.showlinks1comment table>thead>tr>th {
    white-space: nowrap;
    padding: 5px;
}

.showlinks1comment p,
.showlinks1comment a,
.showlinks1comment div,
.showlinks1comment span {
    line-height: 27px !important;
    font-size: 14px !important;
    font-family: iransans !important;
}

.showlinks1comment img {
    max-width: 100%;
    display: block;
    height: auto;
}

.showlinks1date1txt,
.showlinks1date1,
.showlinks1reviewtxt,
.showlinks1review {
    color: #888;
    font-size: 13px;
    width: 140px !important;
}

.showtender1titr {
    color: #083258;
    font-family: iransansbold;
    font-size: 18px;
    margin: 10px 0;
}

.showtender1titrtext {
    margin: 10px 0;
}

.showtender1comment {
    margin: 15px 0;
    text-align: justify;
}

/* ---------------- Sitemap ----------------- */
.sitmaptitle {
    background-color: #efefef !important;
    color: #146d75;
    padding: 8px !important;
    text-align: right !important;
}

.sitmaptitle>span {
    font-family: iransansbold;
    font-size: 18px;
    text-align: right !important;
}

div[id*="TreeView1"] {
    background-color: #f3fbfb;
    border: 1px solid #d9e1fc;
    border-radius: 5px;
    min-height: 300px;
    padding: 20px;
}

div[id*="TreeView1n"] {
    background-color: transparent !important;
    border: medium none !important;
    border-radius: 0 !important;
    min-height: auto !important;
    padding: 0 !important;
}

#btnTop.box {
    background-color: transparent !important;
    border: medium none !important;
}

/* ---------------- Search ----------------- */
.panel-heading.pHeadRes {
    display: none !important;
}

.panel-body.pBodyRes {
    background-color: #efefef !important;
    border: medium none !important;
}

.downSideRes {
    width: 100% !important;
}

.downSideRes .panel-heading {
    background-color: #efefef !important;
    border-radius: 0 !important;
}

.downSideRes select[id*="ddlPageSize"] {
    height: 28px !important;
    width: 50px !important;
}

div[id*="ASearch"] select[id*="ddlLanguage"] {
    margin-bottom: 5px !important;
}

div[id*="ASearch"] select[id*="Droptype"] {
    margin-bottom: 5px;
}

div[id*="ASearch"] input[id*="btnAdvSearch"] {
    background-color: #00a651 !important;
    border: medium none !important;
    float: left !important;
    margin-left: 15px !important;
}

div[id*="ASearch"] input[id*="btnAdvSearch"]:hover {
    background-color: #00AEFF !important;
}

#Div7Res img {
    display: none !important;
}

.downSideRes #Td3 table {
    margin: 0 auto;
}

.downSideRes .searchresault {
    border-bottom: 1px dotted #344b9a;
    padding: 10px 15px;
}

#headSearch input[id*="btnSearchSample"] {
    font-size: 0 !important;
    height: 17px !important;
    padding: 0 !important;
    width: 17px !important;
    background-color: transparent !important;
}

.leftSideRes #DivRes {
    padding: 10px;
}

/* ---------------- GroupPage Archive ----------------- */
div[id*="panelgroup"] .pagergroup {
    display: table;
    margin: 0 auto;
    direction: ltr !important;
}

div[id*="panelgroup"] .form-inline .control-label {
    padding: 6px 10px !important;
}

div[id*="panelgroup"] .margin-top-10 {
    margin-top: 15px;
}

div[id*="panelgroup"] .btn-search {
    padding: 8px 12px 3px !important;
    background-color: #00A651 !important;
    border-color: #00A651 !important;
    color: #fff !important;
}

div[id*="panelgroup"] .input-group-addon {
    background-color: #00A651 !important;
    border: 1px solid #00A651 !important;
    color: #fff !important;
}

div[id*="panelgroup"] .panel-heading {
    background-color: #efefef !important;
    border-color: #d9e1fc !important;
}

div[id*="panelgroup"] .panel-default {
    background-color: #fff !important;
    border-color: #b7c4f2 !important;
}

div[id*="panelgroup"] .groupListview {
    border-color: #b7c4f2 !important;
}

div[id*="panelgroup"] .footable {
    border: medium none !important;
    background-color: transparent !important;
}

div[id*="panelgroup"] sapn[id*="lblFilter"] {
    color: #146d75 !important;
    font-family: iransansbold !important;
    font-size: 18px !important;
}

div[id*="panelgroup"] #Th1 {
    background-color: #efefef !important;
    border: medium none !important;
    color: #146d75 !important;
    font-family: iransansbold !important;
    font-size: 16px !important;
}

div[id*="panelgroup"] #Th2 {
    background-color: #efefef !important;
    border: none !important;
    color: #146d75 !important;
    font-family: iransansbold !important;
    font-size: 16px !important;
    text-align: center !important;
}

div[id*="panelgroup"] .footable-visible {
    text-align: justify;
}

div[id*="panelgroup"] .grouptitle a {
    background-image: url("../img//caret-left.png") !important;
    background-position: right 7px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

div[id*="panelgroup"] .grouptitle a:hover {
    color: #146d75 !important;
}

div[id*="panelgroup"] span[id*="Label4"] {
    display: none;
}

div[id*="panelgroup"] span[id*="lblCountOfFound"] {
    display: none;
}

div[id*="panelgroup"] a[id*="lnkbtnSearchTodayLabel"] {
    display: none;
}

div[id*="panelgroup"] a[id*="lnkbtnSearchToday"] {
    display: none;
}

div[id*="panelgroup"] a[id*="register"] {
    background-color: #00a651 !important;
    border: medium none !important;
    left: 26px;
    position: absolute;
    top: 4px;
}

div[id*="panelgroup"] a[id*="register"]:hover {
    background-color: #00AEFF !important;
}

div[id*="panelgroup"] .well {
    background-color: transparent !important;
    border: medium none !important;
    border-radius: 4px;
    box-shadow: none !important;
}

.questionheader {
    background-color: #efefef;
    box-shadow: none !important;
    color: #146d75;
    padding: 8px;
}

.questionheader span {
    font-family: iransansbold;
    font-size: 18px;
}

.complainheader {
    background-color: #efefef;
    box-shadow: none !important;
    color: #146d75;
    padding: 8px;
}

.complainheader span {
    font-family: iransansbold;
    font-size: 18px;
}

.mycontacts {
    background-color: #efefef;
    box-shadow: none !important;
    color: #146d75;
    padding: 8px;
}

.mycontacts span {
    font-family: iransansbold;
    font-size: 18px;
}

/* ---------------- Login Show ----------------- */
.niafamContainer .panel-heading {
    background-color: #efefef !important;
    border-color: #b7c4f2 !important;
    color: #146d75 !important;
}

.niafamContainer .panel-default {
    border-color: #b7c4f2 !important;
}

.niafamContainer .panel-title {
    text-align: justify;
}

.niafamContainer .panel-title span {
    font-family: iransansbold;
    font-size: 13px;
}

.niafamContainer .memberbutton {
    background-color: #00a651;
    border: 1px solid #00a651;
    border-radius: 5px;
    padding: 8px;
    width: 100px;
    color: #fff;
}

.niafamContainer .memberbutton:hover {
    background-color: #efefef;
    border: 1px solid #d9e1fc;
    color: #000;
}

.niafamContainer .payamsearch {
    float: right !important;
}

span[id*="lblTitlePage"].RegisterboldLabel {
    background-color: #efefef !important;
    color: #146d75 !important;
    display: block;
    font-family: iransansbold !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 7px !important;
    font-size: 18px !important;
    text-align: justify !important;
}

div[id*="MessageBox1_grvMsg"] {
    border: none !important;
}

div[id*="MessageBox1_grvMsg"] td {
    border: none !important;
}

input[id*="FileUpload1"] {
    width: 200px !important;
}

/* ---------------- Bottom Panel ----------------- */
div[id*="commentsDiv"] {
    background-color: #f4f4f4 !important;
    border: 1px solid #dbdbdb !important;
    padding: 20px !important;
    margin-top: 10px;
}

div[id*="favtoolbar"] {
    height: 30px;
}

div[id*="divFavToolBar"] {
    display: table;
    float: left;
}

input[id*="IdeaPage1_btnsend"] {
    background-color: #00a651 !important;
    border-color: #00a651 !important;
    color: #fff !important;
}

input[id*="IdeaPage1_btnsend"]:hover {
    background-color: #00AEFF !important;
    border-color: #00AEFF !important;
    color: #fff !important;
}

div[id*="favtoolbar"] .addbookmark {
    opacity: 1 !important;
}

.lblrating {
    text-align: left;
    margin-bottom: 20px;
}

.lblrating .col-lg-12 {
    float: left;
}

/* ---------------- Sent To Another ----------------- */
.senttoanother {
    background-color: #efefef;
    margin: 0 0 20px;
    padding: 7px;
}

.senttoanother span {
    color: #146d75;
    font-family: iransansbold;
    font-size: 18px;
}

/* ------------------- Like ------------------------ */
#imgDisLike {
    width: 20px !important;
    height: 19px !important;
}

#imgLike {
    margin-left: 30px;
    width: 20px !important;
    height: 19px !important;
}

#spnLikeTxt::after {
    content: 'پسندیدم:';
    padding-left: 5px;
}

#spnDisLikeTxt::after {
    content: 'نپسندیدم:';
    padding-left: 5px;
}

.shownews5attachfile .slide-wrapper {
    width: 700px !important;
    height: 460px !important;
    margin: 0 auto !important;
}

.shownews5attachfile li.slide img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.shownews5attachfile .advanced-slider {
    height: 100% !important;
    margin-bottom: 30px;
}

/* ---------------- Block Show ----------------- */
img#imgAudioCaptcha {
    display: none;
}

/*--------------MediaQuery-----------------*/
@media (min-width:1200px) {}

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

@media (min-width: 768px) and (max-width: 991px) {
    input[id*="txtStartDate"] {
        width: 100px !important;
    }

    input[id*="txtExpDate"] {
        width: 100px !important;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .form2name {
        font-size: 15px !important;
    }

    div[id*="panelgroup"] .form-group {
        float: none !important
    }

    .shownews5attachfile .slide-wrapper {
        width: 100% !important;
        height: 100% !important;
    }

    .shownews5attachfile .advanced-slider {
        height: 360px !important;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    .change-container {
        left: 5px;
        top: -30px;
        background-color: rgba(255, 255, 255, 1) !important;
    }

    .form2name {
        font-size: 13px !important;
    }

    div[id*="panelgroup"] .form-group {
        float: none !important
    }

    .shownews5attachfile .slide-wrapper {
        width: 100% !important;
        height: 100% !important;
    }

    .shownews5attachfile .advanced-slider {
        height: 300px !important;
    }
}

@media (max-width:319px) {
    .form2name {
        font-size: 13px !important;
    }

    div[id*="panelgroup"] .form-group {
        float: none !important
    }

    .shownews5attachfile .slide-wrapper {
        width: 100% !important;
        height: 100% !important;
    }

    .shownews5attachfile .advanced-slider {
        height: 260px !important;
    }
}

/****** Start Content of armniafamStyle.css *******/
.linkarm {
    font-family: Arial;
    font-size: x-small;
    width: 100%;
    text-align: center;
}

.textarm {
    text-decoration: none
}

/****** Start Content of jquery.fs.zoomer.css *******/
/*  * Zoomer v3.0.9 - 2014-05-28  * A jQuery plugin for smooth image exploration. Part of the formstone library.  * http://formstone.it/components/zoomer/  *  * Copyright 2014 Ben Plum; MIT Licensed  */
html,
body {
    -ms-content-zooming: none;
    -ms-touch-action: none;
}

.zoomer .zoomer-holder {
    -ms-touch-action: none;
}

.zoomer,
.zoomer * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.zoomer {
    background: #eee url(jquery.fs.zoomer-loading.gif) no-repeat center;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.zoomer .zoomer-positioner {
    margin: 0;
    height: 1px;
    position: absolute;
    width: 1px;
}

.zoomer .zoomer-holder {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    opacity: 0;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.zoomer .zoomer-image {
    cursor: move;
    float: left;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity 0.25 linear;
    -moz-transition: opacity 0.25 linear;
    -ms-transition: opacity 0.25 linear;
    -o-transition: opacity 0.25 linear;
    transition: opacity 0.25 linear;
}

.zoomer .zoomer-tiles {
    height: 100%;
    position: relative;
    width: 100%;
}

.zoomer .zoomer-tile {
    height: auto;
    position: absolute;
    width: auto;
}

/* CONTROLS */
.zoomer .zoomer-controls {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 5px;
    position: absolute;
    -webkit-transition: opacity 0.25 linear;
    -moz-transition: opacity 0.25 linear;
    -ms-transition: opacity 0.25 linear;
    -o-transition: opacity 0.25 linear;
    transition: opacity 0.25 linear;
}

.zoomer .zoomer-controls span {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    width: 30px;
}

.zoomer .zoomer-controls .zoomer-next,
.zoomer .zoomer-controls .zoomer-previous {
    display: none;
}

.zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
.zoomer.zoomer-gallery .zoomer-controls .zoomer-previous {
    display: block;
}

/* CONTROLS - TOP, BOTTOM */
.zoomer .zoomer-controls-top,
.zoomer .zoomer-controls-bottom {
    left: 50%;
    margin: 0 0 0 -35px;
}

.zoomer .zoomer-controls-top {
    bottom: auto;
    top: 10px;
}

.zoomer .zoomer-controls-bottom {
    bottom: 10px;
    top: auto;
}

.zoomer.zoomer-gallery .zoomer-controls-top,
.zoomer.zoomer-gallery .zoomer-controls-bottom {
    margin: 0 0 0 -65px;
}

.zoomer .zoomer-controls-top span,
.zoomer .zoomer-controls-bottom span {
    float: left;
}

.zoomer .zoomer-controls-top span:first-child,
.zoomer .zoomer-controls-bottom span:first-child {
    margin: 0 1px 0 0;
}

/* CONTROLS - LEFT, RIGHT, TOP LEFT, TOP RIGHT, BOTTOM LEFT, BOTTOM RIGHT */
.zoomer .zoomer-controls-left,
.zoomer .zoomer-controls-top-left,
.zoomer .zoomer-controls-bottom-left .zoomer .zoomer-controls-right,
.zoomer .zoomer-controls-top-right,
.zoomer .zoomer-controls-bottom-right {
    height: 71px;
    width: 40px;
}

.zoomer.zoomer-gallery .zoomer-controls-left,
.zoomer.zoomer-gallery .zoomer-controls-top-left,
.zoomer.zoomer-gallery .zoomer-controls-bottom-left .zoomer.zoomer-gallery .zoomer-controls-right,
.zoomer.zoomer-gallery .zoomer-controls-top-right,
.zoomer.zoomer-gallery .zoomer-controls-bottom-right {
    height: 131px;
}

.zoomer .zoomer-controls-left,
.zoomer .zoomer-controls-right {
    margin: -35px 0 0 0;
    top: 50%;
}

.zoomer.zoomer-gallery .zoomer-controls-left,
.zoomer.zoomer-gallery .zoomer-controls-right {
    margin: -65px 0 0 0;
}

.zoomer .zoomer-controls-left {
    left: 10px;
}

.zoomer .zoomer-controls-top-left {
    left: 10px;
    top: 10px;
}

.zoomer .zoomer-controls-bottom-left {
    bottom: 10px;
    left: 10px;
}

.zoomer .zoomer-controls-right {
    right: 10px;
}

.zoomer .zoomer-controls-top-right {
    right: 10px;
    top: 10px;
}

.zoomer .zoomer-controls-bottom-right {
    bottom: 10px;
    right: 10px;
}

@media screen and (min-width: 980px) {
    .zoomer .zoomer-controls span:hover {
        background: #000;
    }
}

.zoomer_wrapper {
    height: 500px;
}




.poll-content {
    height: fit-content;
    background: white !important;
    border-radius: 5px;
    padding: 10px;
    margin-top: 40px;
}
  .radio label {
    margin-right: 6px;
}
  .radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
  .poll-content input[type="radio"] {
    margin: 0px -19px !important;
}
  #zone23 .col-lg-12.col-md-12.col-sm-12.col-xs-12.b300 {
    margin-top: -42px;
}
.mymenu #zone3 .dropdown-menu li {
    width: 33.33%;
    display: flex;
   /* float: right;
    justify-content: end; */
}

.mymenu #zone3 .dropdown-menu li a[href *= "javascript"] {
    display: none;
}
.poll-content h3 {
    text-align: right;
	margin-bottom: 10px !important;
}
.col-lg-3.col-md-3.col-sm-6.col-xs-12.b11 .radio label {
    direction: rtl;
    padding-right: 15px;
}
.b11 .es-btn-primary {
    color: #004490;
    background-color: #ffc600;
    border-color: none;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
}
.b11 .es-col-12.answers {
    margin-bottom: 14px;
}
.poll-content{
	margin-top:0 !important;
}
.dropdown-menu{
direction : rtl !important;
}
body {
    overflow-x: hidden;
}
.sidebar__box nav ul{    z-index: 1;}

.tabset>label:nth-child(2), .tabset>input:checked+label:nth-child(2) {
    border-radius: 0;
}
@media (max-width:992px){
    .tabset {
        padding: 4px;
    }
.tabset>label {
    max-width: 30% !important;
    height: 70px;
    width: fit-content !important;
    display: inline-flex !important;
    margin: 0 !important;
    letter-spacing: 0;
    width: 22% !important;
    text-align: center;
    padding: 10px;
    align-items: center;
    justify-content: center;
}
.tabset>input[type=radio] {
    position: absolute;
    width: 29% !important;
    height: 65px !important;
}
}
@media (max-width: 625px){
    .tabset{
        display: flex !important;
    }
    .tabset>label {
        border-left: 1px solid #dfdfdf !important;
        z-index: 99999999;
        font-size: 14px;
    }
}
@media (max-width: 420px){
    .tabset>label {
        font-size: 12px;
    }
}