/*
Theme Name: ultrabootstrap
Theme URI: https://phantomthemes.com/items/ultrabootstrap-premium-wordpress-theme/
Author: phantomthemes
Author URI: https://phantomthemes.com
Description: Ultrabootstrap is a multipurpose Free Responsive WordPress Theme for creative bloggers & artist. It consists of Fullwidth Slider, Featured Posts, custom background, footer widget blog, custom color, social icons and welcome message in Homepage layout. Theme is beautifully handcrafted with minimalist design approach and based on Twitter Bootstrap and Underscore Framework. High quality clean code with Search Engine Optimized (SEO) and can be used as blog for businesses related to travel tour, health, yoga, gym,wedding, hair salons, furniture showcase, education, arts, sports and events etc. The theme can be customized from the Theme Options of Customizer and it comes with one click demo support. You may download this awesome and light weight theme. For support https://phantomthemes.com/support/ or view demo https://phantomthemes.com/view?theme=UltraBootstrap
Version: 1.2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ultrabootstrap
Tags: full-width-template, two-columns, grid-layout,right-sidebar, custom-logo, theme-options, news, photography, post-formats, footer-widgets, featured-images, rtl-language-support, featured-image-header, custom-menu, flexible-header, editor-style, custom-header, threaded-comments, custom-background, custom-colors, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ultrabootstrap is based on Underscores http://underscores.me/, (C) 2012-2015 phantomthemes.
Ultrabootstrap is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
p {
    margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
.plan-site-link a{
	color:black;
}
.plan-site-link a:hover{
	color: #F66062;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    
    box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 0em;
    padding-left: 2em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: royalblue;
}
a:visited {
    color: purple;
}
a:hover,
a:focus,
a:active {
    color: midnightblue;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul ul li {} .main-navigation li:hover > a,
.main-navigation li.focus > a {} .main-navigation ul ul:hover > a,
.main-navigation ul ul .focus > a {} .main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {} .main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {}
/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 1.5em 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
## Main style starts here
--------------------------------------------------------------*/

body {
    font: 300 14px/22px Roboto;
    color: #000;
    margin-top: 70px;
}
.btn {
    color: #fff !important;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 5px 25px;
}
a,
a:visited {
    color: #F66062;
    text-decoration: none;
}
a:hover {
    color: #333;
}
img,
input,
.btn,
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin: 0;
}
h1 {
    font-size: 2.5em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
}
h4,
h5,
h6 {
    font-size: 1em;
}
h4 {
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2px solid #F66062;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #333;
}
a.readmore {
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.spacer {
    padding-top: 60px;
    padding-bottom: 0px;
}
.logged-in header .navbar-default {
    top: 20px;
}
/*header*/

header .logo-tag {
    margin: 5px 0;
}
header .logo-tag h1 {
    margin: 6px 0;
    font-size: 1.5em;
}
header .logo-tag h1 a:hover {
    text-decoration: none;
}
header .logo-tag h2 {
    margin: 0;
    color: #666;
    font-size: 0.8em;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}
header .navbar-collapse {
    padding: 0;
}
header .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
}
header .navbar-form .main-search {
    position: relative;
}
header .navbar-form .main-search .btn .fa {
    font-size: 1.5em;
}
header .navbar-form .btn {
    background: #F66264;
    padding: 0 21px;
    box-shadow: none;
    border: none;
    color: #fff;
    text-shadow: none;
    line-height: 55px;
    border-radius: 0;
    outline: none !important;
}
header .navbar-form .search-box {
    position: absolute;
    right: 0;
}
header .navbar-form .search-box .well {
    border: none;
    border-radius: 0;
    padding: 10px;
    background: #fff;
    width: 250px;
}
header .navbar-form .search-box .well input {
    border: 0;
    border-radius: 0;
    background: #ddd;
    color: #000;
    font-size: 0.8em;
    width: 100%;
    box-shadow: none;
    padding: 10px;
}
header .navbar-form .nav {
    margin: 0;
}
header .navbar-default {
    background: none;
    border: none;
    margin: 0;
    background: #fff;
}
header .navbar-default .navbar-nav li {
    width: 16%;
}
header .navbar-default .navbar-nav li a {
    font: normal normal normal 16px/25px Roboto;
    color: #000;
    text-align: center;
    padding: 3;
    width: 92%;
}
.navbar-nav>li>.dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 0;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
    box-shadow: none;
}
.navbar-right .dropdown-menu .dropdown-menu {
    left: 160px;
    top: -2px;
    border: none;
    border-radius: 0;
    padding: 0;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #F66062
}
/*header*/
/* theme slider */

.theme-slider .carousel-control {
    width: 5%;
    background: none;
}
.theme-slider .carousel-inner .item img {
    width: 100%;
}
.theme-slider .carousel-inner .item .slide-caption {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.theme-slider .carousel-inner .item .slide-caption h4 {
    color: #fff;
}
.theme-slider .carousel-inner .item .slide-caption .summary {
    font-size: 1em;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}
.theme-slider .carousel-inner .item .slide-caption .summary p {
    margin: 0;
}
.theme-slider .carousel-inner .item .slide-caption .slide-caption-details {
    width: 45%;
    background-color: rgba(0,0,0,0.6);
    padding: 25px;
}
.theme-slider .glyphicon-chevron-right:before,
.theme-slider .glyphicon-chevron-left:before {
    display: none;
}
/* theme slider */
/*welcome*/

.welcome {
    background: #fff;
    height: 302px;
}
.welcome div {
    height: 100%;
}
.welcome .message {
    background-color: #F66062;
    color: #fff;
    padding: 30px;
    position: relative;
}
.welcome .message h1 {
    position: absolute;
    top: 50%;
    font-size: 1.95em;
    text-transform: uppercase;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*welcome*/
/*post*/

.eq-blocks {
    margin-bottom: 30px;
}
.post-list .post-block {
    margin-bottom: 30px;
    background-color: #fff;
    overflow: hidden;
    height: 100%;
}
.post-list .post-block .summary {
    padding: 30px 30px 0 30px;
}
.post-list .post-block img {
    transform: scale(1);
}
.post-list .post-block img:hover {
    transform: scale(1.07);
}
.post-info {
    font-size: 0.8em;
}
.post-info a {
    margin-right: 5px;
}
.post-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 15px;
    float: left;
    width: 100%;
}
.post-info ul li {
    display: inline-block;
}
/*post*/
/*navigation*/

.navigation.posts-navigation {
    clear: both;
}
.scroll-top-wrapper {
    position: fixed;
    right: 30px;
    bottom: 30px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    opacity: 0.5;
}
.scroll-top-wrapper:hover {
    opacity: 1;
}
footer {
    background-color: #fff;
    padding: 15px 0;
    font-size: 1em;
}
footer .social a {
    font-size: 15px;
}
footer ul {
    margin: 0;
}
    /*inside page*/
    
    .page-title {
        margin-bottom: 30px;
    }
    .page-title h1 {
        font-size: 2em;
        font-weight: 400;
        color: #000;
        border-bottom: 2px solid #F66264;
        display: inline-block;
        padding-bottom: 10px;
    }
    /*inside page*/
    
    .comments-area {
        margin-top: 30px;
        border-top: 1px dotted #ccc;
        padding-top: 30px;
    }
    .comments-area h2 {
        margin-bottom: 15px;
    }
    .comments-area ol {
        margin: 0;
        list-style: none;
    }
    .comments-area ol.comment-list {
        padding: 0;
    }
    .comments-area ol.comment-list article {
        margin-bottom: 15px;
        background: #fff;
        padding: 15px;
        border-radius: 5px;
    }
    .comments-area footer {
        background: none;
        padding: 0;
    }
    .comments-area .comment-form label,
    .comments-area .comment-form input {
        display: block;
        font-weight: 300;
    }
    .comments-area .comment-form input,
    .comments-area .comment-form textarea {
        border: 1px solid #ddd;
        border-radius: 0;
        box-shadow: none;
        padding: 10px;
        width: 100%;
    }
    .comments-area .comment-form .form-submit input {
        background: #F66264;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 3px;
        border: none;
    }

    @media (max-width: 991px) {
        h1 {
            font-size: 2em;
        }

        header .navbar-default .navbar-nav>li>a {
            padding: 15px 10px;
        }
        header .logo-tag h1 {
            font-size: 1em;
            margin-top: 15px;
        }

        .theme-slider .carousel-inner .item .slide-caption .summary {
            font-size: 1.25em;
            line-height: 20px;
        }
        .welcome {
            height: 358px;
        }
    }
    @media (max-width: 767px) {
        body {
            margin-top: 50px;
        }
        header .navbar-default .navbar-nav>li>a {
            padding: 5px 30px;
        }
        header .navbar-nav {
            display: block;
            margin-top: 0;
        }
        header .navbar-nav .dropdown-menu {
            margin-left: 5px;
            display: none !important;
        }
        header .navbar-nav .open .dropdown-menu {
            display: block !important;
        }
        h4 {
            margin-bottom: 10px;
        }
        header .logo-tag {
            margin: 4px 0 8px 15px;
        }
        .navbar-default .navbar-toggle {
            position: absolute;
            right: 0;
            background: #F66062;
            border: none;
            border-radius: 0;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            border: none;
        }
        .main-search {
            display: none;
        }
        .theme-slider .carousel-inner .item .slide-caption {
            position: static;
            background: #333;
            padding: 15px 0;
            transform: translateY(0);
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        .theme-slider .carousel-inner .item .slide-caption .summary {
            font-size: 1em;
            line-height: 15px;
        }
        .theme-slider .carousel-inner .item .slide-caption .slide-caption-details {
            width: 100%;
        }
        .theme-slider .carousel-control {
            display: none;
        }
        .spacer {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .welcome {
            height: inherit;
        }
        .welcome .message {
            height: 150px;
        }
        .post-list .post-block {
            height: auto;
        }
        ul {
            margin: 0;
            padding-left: 15px;
        }
    }
  
    .content-first-bloc{
        color: #fff;
      
        justify-content: center;
        align-items: center;   
         margin: 0;

    }
    .container_first_block{
        background: linear-gradient(180deg, #E30613 93%, #fff 7%);
    }
    .div_section_container {
        padding: 40px 20px;
    }
    .map_section_contact{
        position: relative;
        bottom: 2px;
        margin-bottom: 50px;  
    }
    .first_div_bloc_bg{
        background:#000;
        color: #fff;
    }
    .section_contact_first_div{
        margin-top: 70px;
    }
    /* .first_bloc{
        padding: 35px;
    } */
    .slider-section .col-md-4 ,.slider-section .col-md-8{
        padding: 0;
    } 
    .list_gallerie{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .secon_bloc .list_gallerie li{
        width: 134px;
        height: 134px;
        background: linear-gradient( 
    180deg
     , #E30613  80%, #fff 20%) 0% 0% no-repeat padding-box;
        border-radius: 50%;
        margin-right: 85px;
        list-style: none;
    }
    .secon_bloc .list_gallerie li .list_gallerie_button{
        position: relative;
        left: 50px;
        bottom: 28px;
        background: #000;
        color: #fff;
        border-radius: 15px;
        padding: 0;
        width: 83%;
        text-align: center;
        margin: 0px auto;
        display: table;
    }
    .secon_bloc .list_gallerie li .list_gallerie_button:nth-child(1){
        bottom: 20px;
    }
    .list_gallerie li .firstPicture{
        height: auto;
        width: auto;
        position: relative;
        left: 25%;
    }
    .list_gallerie li .secondPicture{
        height: auto;
        position: relative;
        bottom: 17px;
        background: #fff;
        float: left;
        border-radius: 50%;
        border: 1px solid #0000006b;
        padding: 5px;
        padding: 5px;
        width: 45px;
        box-shadow: 0px 0px 15px #00000033;
    }
    .list_gallerie li .secondPicture:nth-child(1){
        bottom: 12px;
    }
    .circle {
        background: linear-gradient(
            180deg
            , #ff0000 80%, #fff 20%);
                /* flex-direction: column; */
        display: inline-block;
        border-radius: 50%;
        padding: 5px;
        /* background: #ff0000; */
        min-width: 150px;
        min-height: 150px;
      }
      .redtext{
          color:#ff0000;
      }
      .third_bloc{
          padding: 30px;
          margin-bottom: 70px;
        }
      .specific_padding .col-md-6 , .specific_padding .col-md-12{
        padding: 0;
      }
      .styleTextBloc p{
        font-size: 16px!important;
        letter-spacing: 0px;
        text-align: left;
        font: italic normal 300 12px/18px Roboto;
        padding: 35px 25px;

      }
      .content-text-align-h{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 275px;
    }
    .rectangle_20{
        height: 277px;
        background: transparent url('images/Rectangle 20.png') 0% 0% no-repeat padding-box;
    }
    .rectangle_31{  
        height: 280px;
        background: transparent url('images/Rectangle 31.png') 0% 0% no-repeat padding-box;
        opacity: 1;
    }
    .container-fluid-no-p{
        padding: 0!important;
    }
    .conversion_content > h1 {
        margin-top: 50px;
    }
    .apropos_content > h1 {
        margin: 50px 0px;
    }
    .apropos_content hr ,.conversion_content hr {
        background-color: #000;
    }
    .apropos_content a {
        color: #fff;
        background-color: #000;
        padding: 7px 30px;
        border-radius: 10px;
        font-size: 15px;
    }
    .slider-section a{
        color: #fff;
        background-color: #000;
        padding: 20px 65px;
        border-radius: 20px;
        position: relative;
        top: 25px;
        cursor: pointer;
        font-weight: 500;
    }
    .slider-section a:hover{
        background-color: #D4D4D4;
    }
    .margin_section_row{
        margin: 30px 0px 60px 0px;
    }
    .apropos_content .margin_section_row , .conversion_content .margin_section_row   {
        margin: 25px 0px 50px 0px;
    }
    .conversion_content .fullwidth_picture{
        margin-top: 30px;
    }
    
    @media (min-width: 1400px) {
        .slider-section::before {
            z-index: 500;
            content: url('images/Rectangle 25.png');
            position: absolute;
            /* height: 1em; */
            margin-top: 26%;
            left: calc(100% - 16em);
        }
        .first_bloc::before {
            z-index: 500;
            content: url('images/Rectangle 26.png');
            position: absolute;
            /* height: 1em; */
            margin-top: 25%;
            left: 0%;
        }
        .container_first_block:before {
            content: " ";
            position: absolute;
            right: 0;
            position: absolute;
            right: 0;
             background-image: url("images/Rectangle 24.png");
            background-size: 10px 20px;
            display: inline-block;
            height: 260px;
            width: 145px;
            /*width: 175px; */
        }
        .first_div_bloc_bg:after{
            content: url("images/Rectangle 32.png");
            position: absolute;
            left: 12em;
            bottom: 8em;
            z-index: -1;
        }
        .contact_page_plugin_section .wpcf7-form  p:nth-child(-n+4) {
            width: 50%;
            float: left;
        }
        .contact_page_plugin_section .wpcf7-acceptance input{
            width: auto!important
        }
    }
    footer ,footer .footers{
        background: #000000;
    }
    .footers{
        margin-top: 20px;
    }
    #block-21{
        text-align: center;
        margin-bottom: 0px!important;
    }
    #custFooterSocialLogo .row{
        display: flex;
        padding: 0px 15px;
    }
    #custFooterSocialLogo{
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: column;
    }
    #block-18,#block-19{
        padding: 0px 5px 0px 10px;
    }
    #block-16{
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .footers a , footer p , footer h3, footer h5{
        color: #fff;
    }
    .widget_nav_menu li{
        list-style: none;
    }
    .fullwidth_picture{
        width: 100%;
    }
    .red_link{
        background: none!important;
        color: #E30613!important;
        background-color: white!important;
        font-weight: 500!important;
    }
    .conversion_content .list_gallerie{
        align-items: center;
    }
    .conversion_content .list_gallerie li{
        padding: 0;
        list-style: none;
        width: 25%;
        text-align: center;
    }
    .conversion_content .list_gallerie li p{
        text-anchor: middle;
        /* text-transform: capitalize; */
        min-height: 60px;
        text-align: center;
        display: table;
        margin: 0px auto;
        width: 70%;
        font: normal normal normal 15px/23px Roboto;
        padding-top: 16px;
    }
    .accidentes_content  .list_gallerie li p{
        width: 100%!important;
    }
    .container_margin{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .container_margin h1{ 
        margin-bottom: 45px;
        font: normal normal 900 35px/42px Roboto;
    }
    .first_div_bloc_bg p{
        margin-left: 15px;
    }
    .no-padding{
      padding: 0;
    }
    #custFooterSocialLogo li{
        display: inline-block;
        padding-right: 12px;
        padding-left: 12px;
    }
    #custFooterSocialLogo ul{
        margin-top: 25px;
    }
    .accidentes_content .list_gallerie1 li p{
        width: 100%!important;
    }
    .conversion_content  .circle {
        display: inline-block;
        border-radius: 50%;
        padding: 5px;
        background: #E30613;
        min-width: 60px;
        min-height: 60px;
    }
    .conversion_content .list_gallerie li .firstPicture {
        height: auto;
        width: auto;
        position: relative;
        left: 50%;
        bottom: 5px;
    }
    .conversion_content .list_gallerie{
        flex-wrap: wrap;
        align-items: center;
        padding: 25px 0px;   
        justify-content: center;
    }
    @media (max-width: 765px) {
        .hidden-tb{
            display: none!important;
        }
        .custom-logo{
            width: 100px;
        }
        .navbar-header{
            float: right;
        }
    }
    @media (min-width:1000px) and (max-width:1200px) {
        .secon_bloc .list_gallerie li {
            margin: 10px 65px!important;
        }
        .list_gallerie {
            padding: 65px!important;
        }
        .contact_page_plugin_section .wpcf7-form  p:nth-child(-n+5) {
            width: 50%;
            float: left;
        }
        .contact_page_plugin_section .wpcf7-form  p:nth-child(-n+5) input {
            width: 82%!important;
        }
        .contact_page_plugin_section .wpcf7-form p:nth-child(n+6){
            width: 100%!important;          
        }
    }

    @media (min-width:765px) and (max-width:1024px) {
        .content-slider h1 {   
            font: normal normal bold 34px/60px Roboto!important;
            margin-bottom: 1px!important;
        }
        .content-slider h3 {
            font-size: 17px!important;
        }
        .slider-section .h3_desc_slider {
            margin-bottom: 5px!important;
        }
        .first_div_responsive_align{
            right: 0!important;
        }
        .custom-logo{
            width: 100px;
        }
        .navbar-header{
            float: right;
        }
        .logo-tag img {
            width: 150px;
            position: relative;
            left: 0!important;
        }
        .pages_header , .reseau_sociaux_header {
            display: none;
        }
    }
   
    @media (max-width: 767px) {     
        .navbar-header .logo-tag img {
            right: 0px!important;
        }
        .mobmenur-container i {
            color: #000!important;
        }
        .navbar-header {
            float: left!important;
        }
        .contact_page_plugin_section .wpcf7-acceptance label {
            line-height: 0.5;
        }
        .conversion_content .list_gallerie li{
            width: 50%;
        }
        .first_div_responsive_align {
            right: 0!important;
        }
        .conversion_content .list_gallerie li p{
            min-height: 90px;
            width: 100%;
        }
        .custom-logo{
            width: 65px;
        }
        .logo-tag img {
            width: 150px;
            position: relative;
            right: 52px!important;
            min-width: 80px;
            top: 28px!important;
        }
        .styleTextBloc p {
            padding: 5px;
        }
        .content-text-align-h {
            height: auto!important
        }
        .secon_bloc .list_gallerie li {
            margin-right: 0px;
        }
        .contact_page_plugin_section .wpcf7-form  p  , .contact_page_plugin_section .wpcf7-form  p  textarea , .contact_page_plugin_section .wpcf7-form  p  input {
            width: 100%;
        }
        .contact_page_plugin_section .wpcf7-acceptance input{
            width: auto!important
        }
        #nav_menu-3{
            margin: 0px auto;
            display: table;
            text-align: center;
        }
        
        #menu-home li{
            width: 100%;
        }
        .content-first-bloc {
            height: auto!important;
        }
        .container_first_block {
            background: #ff0000 ;
        }
        .list_gallerie {
            display: flex;
            align-items: center;
            align-content: center;
            flex-direction: column;
            padding-left: 0px;
        }
        .third_bloc p {
            padding: 50px 0px;
        }
        .third_bloc{
            margin-bottom: 0px!important;
            padding: 0px;
        }
        .page-id-8  .spacer {
             padding-bottom: 0px!important; 
        }
        .hidden-mb{
            display: none;
        }
        .container_margin{
            margin-top: 0px;
        }
        .section_contact_first_div {
            margin-top: 20px;
        }
        .logged-in header .navbar-default {
            top: 20px;
            height: 85px!important;
        }
        .footers #menu-home-1{
            padding-left: 0!important;
        }
        .content-slider h1 {
            font-size: 45px!important;
        }
        
        .conversion_content .detail_accrordion {
            min-height: auto!important;
        }
        .contact_page_plugin_section .wpcf7-form p:nth-child(n+6){
            width: 100%!important;  
        }
    }
    .contact_page_plugin_section input{
        border: none;
        border-bottom: 1px solid #000;
        font: normal normal 300 12px/16px Roboto;
        margin-bottom: 15px;
        padding: 7px 4px;
    }
    .contact_page_plugin_section textarea{
        background: #D4D4D4 0% 0% no-repeat padding-box;
        border-radius: 20px;
        opacity: 0.5;
        padding: 20px 8px;
        font: normal normal bold 12px/25px Roboto;
        height: 231px;
        max-height: 231px;
        max-width: 100%;
    }
    .contact_page_plugin_section label{
        font: normal normal bold 16px/25px Roboto;
        letter-spacing: 0px;
        color: #000000;
        opacity: 0.3;
    }
   
    .contact_page_plugin_section .wpcf7-acceptance label{
        opacity: 1!important;
        font: normal normal 300 13px/25px Roboto;
    }
    .wpcf7-submit{
        float: right;
        font: normal normal normal 15px/38px Roboto;
        padding: 0px 71px;
        color: #fff;
        background: #000;
        border: none;
        border-radius: 15px;
    }
    .contact_page_plugin_section .wpcf7-form  p:nth-child(n+6)  , .contact_page_plugin_section .wpcf7-form  p:nth-child(n+6)  input , .contact_page_plugin_section .wpcf7-form  p:nth-child(n+6)  textarea {
        /* width: 100%; */
        width: 95%;
        margin-bottom: 5px;
    }
    #menu-home{
        padding: 30px 35px;
    }
    .logo-tag img{
        width: 150px;
        position: relative;
        /*left: 35px;*/
        top: 20px;
    }
    /* .logo-tag {
        padding: 10px;
    } */
    .content-slider h1{
        font: normal normal bold 60px/60px Roboto;
        margin-bottom: 10px;
    }
    .content-slider h3{
        font: italic normal medium 30px/37px Roboto;
        font-family: 'Roboto';
        font-size: 24px;
        line-height: 30px;
        font-style: italic;
        margin-bottom: 0px;
    }
    .content {
        width: 100vw;
        height: 100%;
        min-height: 100vh;
        background-color: var(--indigo);
    }
    
    .content__accordion {
        padding: 40px 0;
    }
    

    
    .accordion__wrapper,
    .accordion__item {
        display: flex;
        flex-direction: column;
        width: 100;
    }
    
    .accordion__wrapper {
        gap: 12px;
    }
    
    .accordion__item--summary,
    .accordion__item--detail {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
        border-bottom: 1px solid #000;
        padding: 10px 0px;
    }
    
    .accordion__item--summary {
        flex-direction: row;
        background-color: var(--purple-pink);
        cursor: pointer;
    }
    
    .accordion__item--detail {
        margin-top: 0px;
        background-color: var(--purple);
        max-height: 0;
        opacity: 0;
        padding: 0;
        border: 1px solid transparent;
        visibility: hidden;
        overflow: hidden;
    }
    
    .accordion__item-title h5 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
    
    .accordion__item-toggler {
        margin-left: auto;
    }
    
    .accordion__item-toggler button {
        border: none;
        outline: none;
        background-color: transparent;
        color: var(--white);
        border: 1px solid #000;
        padding: 3px;
        left: 10px;
        position: relative;
    }
    .accordion__item-toggler button i{
        font-size: 10px;
        color: #000;
    }
    .accordion__detail-section p{
        margin-top: 20px; 
    }
    .accordion__detail-section {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: var(--gray-white);
    }
    .third_bloc_accidentes .list_gallerie li {
        width: 16%;
    }
    .third_bloc_accidentes .list_gallerie li p {
        min-height: 150px;
    }
    .third_bloc_accidentes{
        margin-bottom: 80px!important;
    }
    .map_container p {
        margin: 0;
        padding: 0;
        position: relative;
        top: 7px;
    }
    .accordion__item--active .accordion__item-toggler button i {
        transform: rotate(180deg);
    }
    
    .accordion__item--active .accordion__item--detail {
        max-height: 100%;
        opacity: 1;
        visibility: visible;
        margin-top: 12px;
        border: 1px solid var(--light-pink);
    }
    .mobmenul-container i {
        color: #000!important
    }
    .first_bloc > h2{
        font: normal normal 900 30px/42px Roboto;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        margin-top: 45px;
    }
    .piece_description_content{
        padding: 25px;
    }
    .piece_description_content p{
        font: normal normal 400 15px/24px Roboto;
    }
    .h3_desc_slider{
        margin-bottom: 34px!important;
    }
    .nopadding{
        padding: 0;
    }
    .pages_header{
        float: right;
        position: relative;
        right: 2%;
    }
    .pages_header{
        background: #E30613 0% 0% no-repeat padding-box;
        padding: 10px 10px;
    }
    .pages_header a{
        background: #E30613 0% 0% no-repeat padding-box;
        color: #fff;
        padding: 5px 25px;
        cursor: pointer;
        margin: 0px 0px 0px 7px;
        font-weight: 700;
    }
    .pages_header a:hover{
        color: #000;
    }
    .pages_header span{
        font-size: 39px;
        font-weight: 100;
        color: #00000094;
    }
    .pages_header a:nth-child(1){   
        /* border-right: 1px solid #000; */
        position: relative;
        left: 5px;
    }
    .reseau_sociaux_header{
        position: relative;
        top: 34px;
        float: right;
        right: 10px;
    }
    /* .reseau_sociaux_header .list-inline > li {
        display: inline-block;
        padding: 0;
    } */
    #block-23{
        color: #fff;
        text-align: center;
        margin: 0px;
        padding-bottom: 0;
    }
    .secon_bloc{
        margin: 130px 0 100px 0px;
    }
    @media (min-width: 1500px) {
        .slider-section::before {
            z-index: 500;
            content: url("images/Rectangle 25.png");
            position: absolute;
            /* height: 1em; */
            margin-top: 26%;
            left: calc(100% - 15em);
        }
        .first_bloc::before {
            z-index: 500;
            content: url("images/Rectangle 26.png");
            position: absolute;
            /* height: 1em; */
            margin-top: 20%;
            left: 0%;
        }
        .reseau_sociaux_header_lg{
            width: 15%!important;
        }
        #bs-example-navbar-collapse-1{
            width: auto!important;
        }
        .pages_header a:nth-child(1) {
            /*border-right: 1px solid #000;*/
            position: relative;
            left: 5px;
            margin: 0px 10px 0px 0px!important;
        }
        /* .reseau_sociaux_header .list-inline > li {
            display: inline-block;
            padding: 0px 14px;
        } */
        .pages_header {
            float: right;
            position: relative;
            right: 10%;
            top: 1.3em;
        }
        .container_piece_auto_fluid{
            padding-right: 80px;
            padding-left: 80px;
        }
        header .navbar-default .navbar-nav li {
            width: 16%;
            padding: 0px 5px
        }
        .piece_description_content {
            padding: 40px 0px 40px 40px;
        } 
    }
    .first_div_responsive_align{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        float: right;
        position: relative;
        right: 25px;
        text-align: center;
    }
    .slider-section > .row{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .apropos_content > h1 {
        margin: 70px 0px;
    }
    .apropos_content  p{
        font-size: 16px;
    }
    .apropos_content hr{
        margin-top: 60px;
        margin-bottom: 60px; 
    }
    .apropos_content .nopadding .col-md-6{ 
        padding: 5px;
    }
    .aproposcontentpspec p:nth-child(1){
        margin-bottom: 0;
    }
    .aproposcontentpspec p{
        font-size: 20px;
    }
    .apropos_content{
        margin-bottom: 100px;
    }
   .conversion_content > h1{
        margin: 65px 0px 0px 0px;
        font: normal normal 900 35px/42px Roboto;
    }
    .conversion_content h3{
        font: normal normal bold 20px/30px Roboto;
    }
    .conversion_content span.redtext{
        letter-spacing: 0px;
        color: #E30613;
        font-weight: 500;
        font-size: 16px;
        font-family: 'Roboto';
    }
    .conversion_content .obtenir a{
        color: #fff;
        background-color: #000;
        padding: 1px 20px;
        border-radius: 10px;
        display: table;
        margin: 10px auto;
        font-size: 13px;
    }
    .conversion_content{
        margin-bottom: 100px;
    }
    .accidentes_content  .margin_section_row:nth-child(1) .col-md-6{
        padding: 0;
    }
    .third_bloc_accidentes {
        width: 80%;
        margin: 0px auto;
    }
    .detail_accrordion{
        min-height: 190px;
    }
    .wpcf7-submit{
        width: auto!important;
        padding: 10px 50px!important;
        border-radius: 5px;
    }
    .navbar-header{
        max-width: 18%!important;
        min-width: 18%!important;
    }
    #bs-example-navbar-collapse-1{
        max-width: 68%!important;
        min-width: 68%!important;
    }
    .reseau_sociaux_header{
        max-width: 14%!important;
        min-width: 14%!important;
    }
    #bs-example-navbar-collapse-1  .menu-home-container{
        display: flex;
        align-items: stretch;
    }
    #bs-example-navbar-collapse-1{
        max-height: 20px!important;
    }
    .logo-tag{
        margin: 0x auto !important;
        display: table;
    }
    .pages_header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .reseau_sociaux_header .list-inline > li {
        display: inline-block;
        padding: 0px 14px;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
        color: #e30613;        
    }
    .reseau_sociaux_header .list-inline img , #custFooterSocialLogo img{
        width: 20px;
    }    
    .footers h3{
        font-size: 18px;
    }
    .footers #nav_menu-3 a{
        opacity: 0.8;
    }
    .scroll-top-inner i{
        color: #E30613;  
    }  
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background: none;
        color: #E30613!important;
    }
    #menu-home-1 .sub-menu{
        display: none;
    }
    .secon_bloc .list_gallerie li .list_gallerie_button:hover ,   .conversion_content .obtenir a:hover{
        background-color: #D4D4D4;
    }
    
    @media (min-width: 1200px){
        .page-id-204 .container {
            width: 1400px;
        }
    }
    @media (max-width: 1200px){
        header .navbar-default .navbar-nav li a {
            font-size: 14px!important;
        }
        .pages_header {
            top: 35px;
        }
        .content-slider h3 {
            font-size: 20px;     
        }
        .container_first_block {
            background: linear-gradient(180deg, #E30613 100%, #fff 7%)!important;
        }
        .contact_page_plugin_section .wpcf7-form p:nth-child(n+6) input[type="checkbox"] {
            width: auto!important;
        }
    }
    @media (max-width: 992px){    
        .third_bloc .hidden-mb{
        display: none;
        }
        .third_bloc div{
            text-align: center;
        }
        .page-id-204 .div_section_container {
            text-align: center;
        }
        .contact_page_plugin_section input {
            width: 100%!important;
        }
        .contact_page_plugin_section .wpcf7-form p:nth-child(n+6){
            width: 100%!important;  
        }
    }
    
    .logo-tag {
        z-index: 1000;
    }
    .contact_page_plugin_section input ,  .contact_page_plugin_section textarea ,#block-23 a , .conversion_content .list_gallerie li p,.conversion_content h3, .page-id-204 .section_contact_first_div p {
        font-family: 'Roboto Condensed', sans-serif;
    }