/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Header
4. Dropdown Menu
5. Main Slider
6. Small Featured Boxes
7. Featured Post
8. Posts
9. Widgets
10. Footer
11. About Page
12. Contact Page
13. Responsive Menu
14. Responsive Styles
=============================================================*/

/*=============== Fonts ===================*/

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts-local/roboto-condensed-400.ttf') format('truetype');
}

/*=============== General Styling ===================*/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

body{ overflow-x:hidden }

body {
    float: left;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0;
    position: relative;
    z-index: 9999;
/*     background-color: rgba(0, 0, 0, 0); */
background-image: url(../myimg/bg.jpg);
}

body * { outline:none!important }

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
}

p {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 20px;
}

ul li,
ol li {
    font-family: 'Roboto Condensed', sans-serif;
}

a { color: #000 }
a:hover,
a:focus{
    text-decoration: none;
    outline: none;
    color: #000;
}

input:hover,input:focus { outline:none }

.theme-layout {
    float: left;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    
}

.theme-layout .container {
    max-width: 1080px;
}

section {
    position: relative;
    width: 100%;
}

span, strong {
    color: #df362c;
}

/*=============== Header ===================*/

header {
    width: 100%;
    position: relative;
    z-index: 1000;
}

.menu {
    width: 100%;
/*     background-color: #000; */
    background-color: #f2ca3f;
    height: 50px;
}

nav {
    position: relative;
    display: table;
    float: left;
    width: 100%;
}

nav ul {
    display: table-cell;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

nav ul li {
    padding-top: 2px;
    margin-right: 30px;
    display: inline-block;
    padding: 13px 0;
}

.menu nav ul li a {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
/*     background-color: #000; */
    padding: 13px 12px 17px 2px;
    font-size: 11px;
    letter-spacing: 1.4px;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.menu nav ul li a:hover {
    color: #df362c;
}

.menu nav ul li:nth-last-child(2) {
    margin-right: 0;
}

.search-icon,
.header-social-icon {
    float: right;
    margin-right: 0;
}

.search-icon a i {
    margin-left: 12px;
}

.search-icon a i,
.header-social-icon a i {
    font-size: 15px;
}

.header-social-icon a i {
    padding-top: 3.2px;
}

.logo {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 12px;
}

.search-box {
    background-color: #000;
    border: 0;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.6px;
    border-radius: 2px;
    display: inline-block;
    opacity: 0;
    width: 200px;
    height: 36px;
    margin-top: -7px;
    margin-left: -200px;
    visibility: hidden;
    -webkit-transition: all 400ms cubic-bezier(0.600, 0.040, 0.980, 0.335);
    transition: all 400ms cubic-bezier(0.600, 0.040, 0.980, 0.335); /* easeInCirc */
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.600, 0.600, 0.600);
    transition-timing-function: cubic-bezier(0.600, 0.600, 0.600, 0.600); /* easeInCirc */
}

.search-box.searchon { 
    position: relative;
    margin-left: 20px;
    visibility: visible;
    -webkit-animation: opacity 480ms 380ms forwards;
    animation: opacity 480ms 380ms forwards;
}

@-webkit-keyframes opacity {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes opacity {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.single-page-logo {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
}

/*=============== Dropdown Menu ===================*/

nav li ul {
    display: block;
    background: #fff;
    position: absolute;
    top: 49.8px;
    margin-left: 0;
    z-index: 1111;
    width: 200px;
    border-top: 1px solid #fff;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

nav ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

nav ul ul li {
    margin: 0;
    display: block;
    padding: 0;
}

.menu nav ul ul li a {
    font-size: 11px;
    display: block;
    color: #000;
    background-color: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #efefef;
    text-align: left;
}

.menu nav ul ul li:last-child a {
    border-bottom: 0;
}

/*=============== Main Slider ===================*/

.slider-post img {
    height: 600px;
    width: 100%;
    opacity: 0.9;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.slider-post {
    margin-top: 22px;
    margin-bottom: 30px;
    height: 600px;
    width: 100%;
    background-color: #000;
    overflow: hidden;
}

.slider-post:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    opacity: 1;
}

.slider-post-text {
    position: absolute;
    top: 52%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 28px 44px;
    z-index: 1111;
    border-top: 3px solid #df362c;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.slider-post-text h3 {
    margin-top: 4px;
    margin-bottom: 12px;
}

.slider-post-text h3 a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: 2px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    padding: 2px 10px;
}

.slider-post-text p:first-child {
    text-align: center;
    font-size: 11px;
    letter-spacing: 0.8px;
    font-weight: 400;
    color: #df362c;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 1px;
}

.slider-post-text span {
    margin-bottom: 6px;
    color: #555555;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    text-align: center;
    display: block;
    font-weight: 400;
    letter-spacing: 0.8px;
}

.slider-nav {
    z-index: 1111;
}

.slider-prev {
    color: #fff;
    font-size: 48px;
    position: absolute;
    top: 49.2%;
    left: 6.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px 80px 40px 26px;
    line-height: 0;
    z-index: 1111;
    background-color: transparent;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.slider-next {
    color: #fff;
    font-size: 48px;
    position: absolute;
    top: 49.2%;
    left: 93.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px 26px 40px 80px;
    line-height: 0;
    z-index: 1111;
    background-color: transparent;
    cursor: pointer;
}

.owl-theme .slider-dots {
    position: absolute;
    top: 88%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent;
    display: inline-block;
}

.owl-theme .slider-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .slider-dots .slider-dot {
    display: inline-block;
}

.owl-theme .slider-dots .slider-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #b4b4b4;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .slider-dots .slider-dot.active span,
.owl-theme .slider-dots .slider-dot:hover span {
    background: #fff;
}

/*===============  Small Featured Boxes ===================*/

.featured-post img {
    height: 280px;
    width: 100%;
    opacity: 0.9;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    margin-bottom: 60px;
}

.featured-post {
    height: 280px;
    background-color: #000;
    margin-bottom: 80px;
}

.f-post-title {
    position: absolute;
    top: 74%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    text-align: center;
    background-color: #fff;
    border-top: 3px solid #df362c;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    padding: 8px 0;
    width: 70%;
}

.featured-post span {
    color: #555555;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: 400;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.featured-post h3 a {
    text-align: center;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2.2px;
    word-spacing: 4px;
    text-transform: uppercase;
}

/*===============  Posts  ===================*/

.normal-post {
    margin-bottom: 40px;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
	border: 1px #eaeaea solid;
}

.post-header {
    position: relative;
}

.post-header img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    display: block;
}

.post-header-title {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 24px 60px;
    z-index: 1111;
    border-top: 3px solid #df362c;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.post-header-title h3 {
    margin-top: 2px;
    margin-bottom: 12px;
    text-align: center;
}

.post-header-title h3 a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1.4px;
    word-spacing: 4px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    padding-top: 3px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-header-title:hover h3 a {
    color: #555555;
}

.post-header-title span a {
    color: #df362c;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-header-title p:first-child {
    text-align: center;
    font-size: 10px;
    letter-spacing: 1.6px;
    font-weight: 400;
    color: #df362c;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.post-date {
    margin-top: 10px;
    margin-bottom: 0;
    color: #555555;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
}

.post-text {
    margin-top: 90px;
    padding: 0 50px 50px 50px;

}

.post-text p {
    color: #555555;
    font-weight: 400;
    font-size: 16px;
    word-spacing: 2px;
    letter-spacing: -0.2px;
    line-height: 24px;
    font-family: 'Roboto Condensed', sans-serif;
}

.post-button {
    color: #555555;
    border: 1px solid #eaeaea;
    padding: 4px 5px;
    font-size: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    width: 120px;
    text-align: center;
    margin-top: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-button:hover {
    color: #000;
    border: 1px solid #cccccc;
}

iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

.page-number {
    width: 36px;
    height: 36px;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    border: 1px solid #eaeaea;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.page-numbers ul {
    padding: 0;
    text-align: center;
    margin: 30px 0;
}

.page-numbers ul li:first-child {
    margin-right: 50px;
}

.page-numbers ul li:last-child {
    margin-left: 50px;
}

.page-numbers ul li:nth-last-child(2) {
    margin-right: 0px;
}

.page-numbers ul li {
    display: inline-block;
    margin-right: 25px;
}

.page-numbers ul a span {
    color: #df362c;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-number:hover,
.page-number:active {
    background-color: #f8f8f8;
}

.page-numbers .active {
    background-color: #f8f8f8;
}

.fa-angle-double-left,
.fa-angle-double-right {
    color: #bebebe;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 14px;
}

.fa-angle-double-left:hover,
.fa-angle-double-right:hover {
    color: #606060;
}

/*===============  Widgets  ===================*/

.about-widget .profile-img {
    height: 130px;
    width: 130px;
    border-radius: 65px;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    position: absolute;
    top: 26%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #efefef;
}

.about-widget {
    height: 450px;
    position: relative;
    background-color: #fff;
    margin-bottom: 40px;
    border-top: 3px solid #df362c;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.about-widget-title {
    position: absolute;
    top: 41%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    text-align: center;
}

.profile-name {
    color: #fff;
    font-size: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background-color: #df362c;
    display: inline-block;
    letter-spacing: 1px;
    padding: 6px 14px;
    z-index: 1111;
}

.about-content p {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #555555;
    text-align: center;
    width: 86%;
    font-weight: 400;
    font-size: 13px;
    word-spacing: 2px;
    letter-spacing: 0.2px;
    line-height: 23px;
    font-family: 'Roboto Condensed', sans-serif;
    z-index: 1111;
    margin-bottom: 0;
}

.widget-button a {
    display: block;
    width: 120px;
    padding: 6px 0;
    margin: 22px auto;
    color: #555555;
    font-weight: 300;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 1px solid #eaeaea;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

.widget-button a:hover {
    color: #000;
    border: 1px solid #cccccc;
}

.widget-instagram {
    border-top: 3px solid #df362c;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    padding: 40px 16px;
    text-align: center;
    margin-bottom: 40px;
    background-color: #fff;

}

.insta-photos img {
    height: 144px;
    width: 144px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.9;
    text-align: center;
    padding: 7px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.insta-photos img:hover {
    opacity: 1;
}

.widget-title h4 {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1.4px;
}

.widget-title h4:after {
    content: ' ';
    display: block;
    text-align: center;
    height: 1px;
    margin: 19px auto;
    background-color: #000;
    width: 30px;
}

.widget-recent-tweets {
    height: auto;
    border-top: 3px solid #df362c;
    -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    padding: 40px 18px;
    margin-bottom: 40px;
}

.recent-tweets .tweet i {
    color: #df362c;
    font-size: 18px;
    float: left;
    padding: 5px 6px 6px 0;
}

.recent-tweets .tweet p {
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 23px;
    color: #555555;
}

.recent-tweets .tweet span {
    color: #868686;
    font-size: 10px;
    padding-left: 6px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    display: block;
    padding-left: 24px;
} 

.tweet {
    display: block;
    padding: 0 20px;
    margin-bottom: 16px;
}

.tweet:last-child {
    margin-bottom: 0;
}

/*===============  Footer  ===================*/

footer {
    border-top: 1px solid #eee;
    margin-top: 40px;
    text-align: center;
    padding-top: 30px;
    background-color: #fff;

}

.footer-layout {
    width: 100%;
}

.footer-layout ul {
    list-style: none;
    padding-left: 0;
    margin-top: 24px;
    margin-bottom: 48px;
}

.footer-layout ul li {
    display: inline-block;
    margin-right: 60px;
}

.footer-layout ul li:last-child {
    margin-right: 0;
}

.footer-layout ul li i {
    font-size: 18px;
    color: #a7a7a7;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-layout ul li i:hover {
    color: #7b7b7b;
}

.copy-text {
    color: #a7a7a7;
    padding: 26px 0;
    border-top: 1px dashed #eee;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11px;
    word-spacing: 2px;
    width: 100%;
    margin-bottom: 0;
}

.footer-responsive-logo {display:none;}
footer .container-fluid { padding:0; }

/*=============== About Page ===================*/

.single-page {
    margin-top: 26px;
}

blockquote {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    color: #848484;
    padding: 10px 20px;
    margin: 30px;
    border-left: 3px solid #df362c;
}

blockquote span {
    display: block;
    text-align: right;
    padding-right: 20px;
    margin-top: 10px;
}

/*=============== Contact Page ===================*/

.contact-form {
    text-align: center;
    margin-top: 30px;
}

.contact-form input[type="text"] {
    float: left;
}

.contact-form input[type="email"] {
    float: right;
}

.contact-form input[type="url"],
.contact-form input[type="text"],
.contact-form textarea[name="message"],
.contact-form input[type="email"] {
    background-color: #fff;
    color: #555555;
    padding: 13px 4px 13px 10px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    width: 49%;
    display: inline-block;
    margin-bottom: 26px;
}

.contact-form input[type="url"] {
    width: 100%;
}

.contact-form textarea[name="message"] {
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    resize: vertical;
}

.contact-form input[type="url"]:focus,
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus {
    color: #5f5f5f;
    outline: none;
}

.contact-form input[type="submit"] {
    width: auto;
    background-color: #fff;
    color: #555555;
    font-size: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 10px 26px;
    border: 1px solid #eaeaea;
    margin: 0 auto 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contact-form input[type="submit"]:hover {
    color: #000;
    border: 1px solid #cccccc;
}

/*=============== Responsive Menu ===================*/

.responsive-menu {
    background:#fff;
    height: 100%;
    position:fixed;
    top: 0;
    left: -480px;
    width: 480px!important;
    z-index: 10000;
    -webkit-transition: all 400ms cubic-bezier(0.600, 0.040, 0.980, 0.335);
    transition:all 400ms cubic-bezier(0.600, 0.040, 0.980, 0.335); /* easeInCirc */
    -webkit-transition-timing-function:cubic-bezier(0.600, 0.040, 0.980, 0.335);
    transition-timing-function:cubic-bezier(0.600, 0.040, 0.980, 0.335); /* easeInCirc */
}

.responsive-menu.slidein{ left:0 }

.responsive-menu header ul {
    list-style: none;
    padding-left: 0;
}

.responsive-menu header ul li {
    display: inline-block;
    margin-bottom: 8px;
}

.responsive-menu header ul li:last-child {
    float: right;
    margin-right: 40px;
    margin-top: 20px;
}

.responsive-menu header ul li:first-child {
    margin-left: 40px;
    margin-top: 20px;
}

.responsive-menu header ul li i {
    font-size: 18px;
    color: #555555;
}

.mobile-menu {
    display: block;
    list-style: none;
    text-align: center;
    padding-left: 0;
    background: #fff;
}

.mobile-menu li {
    margin: 0;
    display: block;
    padding: 0;
}

.mobile-menu li a {
    font-size: 11px;
    display: block;
    color: #555555;
    letter-spacing: 1px;
    background-color: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #efefef;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.mobile-menu li:first-child a {
    border-top: 1px solid #efefef;
}

.mobile-menu li a:hover {
    color: #df362c;
}

/*=============== Responsive Styles ===================*/

.menu-button {
    display: none;
    text-align: right;
}

.menu-button li {
    margin-right: 0;
    padding: 0;
}

.menu-button a i {
    font-size: 17px;
    margin-top: 15px;
}

.responsive-logo {
    display: none;
}


/* ------------------------------------------------------------------------------------ */
/* Хлебные крошки */

.breadcrumb {
    padding: 5px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    text-align:  left;
    font-size: 13px;
}
.breadcrumb-a {
    text-decoration: underline;
    color: #3d67b0;
}
.breadcrumb-a:hover {
    text-decoration: none;
    color: #293a46;
}
.breadcrumb>li {
    display: inline-block
}
.breadcrumb>li+li:before {
    background-color: rgba(100, 100, 100, 0.25);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    top: -0.25em;
    width: 1em;
    margin-left: 10px;
    margin-right: 10px;
}
/* ------------------------------------------------------------------------------------ */