body {
    color      : #000;
    font-family: Arial, sans-serif;
    font-size  : 14px;
    line-height: 24px;
}

body.boxed header {
    width: 100%;
}

.wrap {
    overflow: hidden;
}

img {
    max-width: 100%;
}

#imgser {
    max-width : 100% !important;
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);

}

h1 {
    color     : #000;
    text-align: left;
}

h2,
h3,
h4,
h5,
h6 {
    color: #ED1C24 !important;
}

h1,
h2,
h3 {
    margin     : 0 0 25px;
    font-weight: bold;
    text-align : left;
}

h3 {
    font-size: 22px;
    position : relative;
}

h3.title {
    overflow   : hidden;
    line-height: 28px;
}

h3.title:after {
    background : url(../img/bg_off.png) repeat;
    content    : "";
    height     : 5px;
    margin-left: 10px;
    position   : absolute;
    top        : 12px;
    width      : 99%;
}

.our-clients h3.title:after,
.service-reasons h3.title:after {
    background: none;
}

.our-clients h3.title,
.service-reasons h3.title {
    color: #fff;
}

.our-clients,
.service-reasons {
    background         : url(../img/img-bg-blur.html) 50% 0 no-repeat fixed;
    margin             : 0 auto;
    padding            : 50px 0;
    background-position: center center;
    background-size    : cover;
}

.client,
.service-reasons {
    position: relative;
    overflow: hidden;
}

.our-clients .carousel-controls {
    display : block;
    height  : 25px;
    position: absolute;
    right   : 0;
    top     : 3px;
    width   : 83px;
}

ul,
li,
ol {
    line-height: 24px;
    list-style : none;
    margin     : 0;
    padding    : 0;
}

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

.btn-special,
.btn-normal,
.btn-small,
.btn-large,
.comment-des,
.steps .popup,
.testimonial p,
.contact-box {
    border-radius: 3px;

}

.table-footer tr td {
    margin-right: 10px;
}

.a-tableau {
    display         : block;
    /* border       : 0.5px solid #7d2326; */
    padding         : 5px;
    margin-bottom   : 10px;
    /* text-align   : center; */
}

.a-tableau:hover {
    border-radius: 20px;
}

.button-top-fixed {
    position: fixed;
    bottom  : 70px;
    height  : 100px;
    left    : 1%;
    position: fixed;
    z-index : 1000;
}

.button-top-fixed button {
    color           : #FFF;
    font-weight     : bold;
    background-color: #959297;
    width           : 50px;
    height          : 50px;
    text-align      : center;
    border-radius   : 10px;
    cursor          : pointer;
    border          : none;
}

.button-top-fixed button:hover {
    background-color: #6d6c6d;
}

.fixed-div {
    float   : right;
    position: fixed !important;
    bottom  : 160px;
    right   : 1%;
    cursor  : pointer;
    z-index : 1000;
}

.fixed-btn-1 {
    color        : #FFF;
    background   : #ED1C24;
    width        : 50px;
    height       : 50px;
    text-align   : center;
    border-radius: 15px;
    padding-right: .5px;
    padding-top  : 9px;
}

.fixed-btn-2 {
    position     : fixed;
    bottom       : 100px;
    right        : 1%;
    color        : #FFF;
    background   : #0facf3;
    width        : 50px;
    height       : 50px;
    text-align   : center;
    border-radius: 15px;
    padding-right: .5px;
    padding-top  : 9px;
}

.fixed-btn-3 {
    position     : fixed;
    bottom       : 40px;
    right        : 1%;
    color        : #FFF;
    background   : #00e676;
    width        : 50px;
    height       : 50px;
    text-align   : center;
    border-radius: 15px;
    padding-right: .5px;
    padding-top  : 9px;
}

.fixed-btn-1 a,
.fixed-btn-2 a {
    text-transform: uppercase;
    font-family   : arial;
    font-size     : 25px;
    color         : #fff !important
}

.fixed-btn-3 a {
    text-transform: uppercase;
    font-family   : arial;
    font-size     : 30px;
    color         : #FFF !important
}

.fa.fa-pinterest-p,
.fa.fa-whatsapp {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

.fa-arrow-up {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

.fa,
.fas {
    font-weight: 900;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free";
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing : antialiased;
    display                : inline-block;
    font-style             : normal;
    font-variant           : normal;
    text-rendering         : auto;
    line-height            : 1;
}

.logo img {
    margin-top: 35px;
}

/* Header */
nav {
    margin-top   : 4%;
    margin-bottom: 0%;
    display      : block;
    margin-left  : 10px;
}



#header .main-header {
    min-height        : 86px;
    z-index           : 9999;
    height            : 150px;
    width             : 100%;
    position          : relative;
    background        : #FFF;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    box-shadow        : 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

header .top-bar {
    min-height      : 30px;
    background      : #ED1C24;
    border-bottom   : 1px solid #FFF;
    padding         : 3px 0;
    /* font-weight  : bold; */
}

.top-bar #button-phone {}

.top-bar #icon-phone {
    padding         : 10px 11px;
    width           : 50px;
    color           : #FFF;
    background-color: #000;
    height          : 50px;
    border-radius   : 80px;
}

.top-bar #icon-phone:hover {
    background-color: #FFF;
}

.phone-email {
    padding: 3px 0;
}

.phone-email a {
    margin-right: 20px;
}

.phone-email i.icon-phone {
    font-size: 14px;
}

.phone-email i {
    margin-right: 7px;
}

header .social,
footer .social {
    margin-right: 4px;
    line-height : 30px;
}

header #search-form {
    line-height: 30px;
}

footer .social li:last-child,
footer .social {
    margin-right: 0 !important;
}

header .social li,
footer .social li {
    background-color  : #FFF;
    border-radius     : 100% 100% 100% 100%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6);
    box-shadow        : 0 2px 2px 0 rgba(0, 0, 0, 0.6);
    display           : inline-block;
    height            : 25px;
    margin-right      : 5px;
    width             : 25px;
    text-align        : center;
    background        : #fff;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition   : background .5s ease-in-out;
    -o-transition     : background .5s ease-in-out;
    -ms-transition    : background .5s ease-in-out;
    transition        : background .5s ease-in-out;
    padding           : 1px;
}

header .social i,
footer .social i {
    color             : #666;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition   : color .5s ease-in-out;
    -o-transition     : color .5s ease-in-out;
    -ms-transition    : color .5s ease-in-out;
    transition        : color .5s ease-in-out;
}

#search-form .search-text-box {
    background-color   : #fff;
    background-image   : url(../img/search-icon.png);
    background-position: 6px 56%;
    background-repeat  : no-repeat;
    border             : 0;
    color              : transparent;
    font-size          : 13px;
    line-height        : 18px;
    cursor             : pointer;
    -webkit-transition : all .3s ease-in-out;
    -moz-transition    : all .3s ease-in-out;
    -o-transition      : all .3s ease-in-out;
    -ms-transition     : all .3s ease-in-out;
    transition         : all .3s ease-in-out;
    -webkit-box-shadow : none;
    box-shadow         : none;
    border-radius      : 30px;
    width              : 25px;
    height             : 25px;
    margin             : 0;
    padding            : 0;
}

#search-form .search-text-box:focus {
    font-size       : 13px;
    background-color: #fff;
    width           : 170px;
    height          : 25px;
    border          : 0;
    color           : #888;
    cursor          : text;

    padding: 0 15px 1px 25px;
}

header .main-header {
    display : block;
    position: relative;

}

.logo {
    height: 80px;
}

.logo h1 {
    margin: 13px 0;
}

.navbar-fixed-top {
    position: fixed !important;
}



/* Breadcrumbs */
.breadcrumb-wrapper {
    background        : #FAFAFA;
    border            : 1px solid #DDD;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 0 3px rgba(0, 0, 0, 0.1);

    /* Safari 4-5,Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fafafa));

    /* Safari 5.1,Chrome 10+*/
    background: -webkit-linear-gradient(top, #f8f8f8, #fafafa);

    /* Firefox 3.6+*/
    background: -moz-linear-gradient(top, #f8f8f8, #fafafa);

    /* IE 10 */
    background: -ms-linear-gradient(top, #f8f8f8, #fafafa);

    /* Opera 11.10+*/
    background: -o-linear-gradient(top, #f8f8f8, #fafafa);
}

h2.title {
    font-size  : 26px;
    line-height: 40px;
    margin     : 20px 0;
}

.breadcrumbs {
    margin: 24px 0;
}

.breadcrumbs ul li {
    display    : inline-block;
    line-height: 24px;
    font-size  : 13px;
    color      : #9e9e9e;
    margin     : 0 0 0 5px;
}

.breadcrumbs ul li a {
    color      : #898989;
    font-weight: 600;
}

.breadcrumbs ul li:first-child {
    margin-left: 2px !important;
}

.breadcrumbs ul li:nth-child(2):before,
.breadcrumbs ul li:first-child:before {
    content: " ";
    margin : 0;
}

.breadcrumbs ul li:before {
    color      : #9e9e9e;
    content    : "\f105";
    font-family: FontAwesome;
    font-size  : 12px;
    margin     : 0 9px 0 0;
}

/* Slider */
.fullwidthbanner-container {
    width              : 100% !important;
    position           : relative;
    max-height         : 470px !important;
    overflow           : hidden;
    background-image   : url(../img/loader.gif);
    background-repeat  : no-repeat;
    background-position: 50%;
    padding            : 0;
    visibility         : hidden;
}

@media only screen and (max-width: 600px) {

    .rslider .sft,
    .rslider .srt {
        font-size: 45px;

    }
}

.tp-leftarrow.default,
.nivo-prevNav {
    border-bottom-right-radius: 3px;
    border-top-right-radius   : 3px;
    z-index                   : 100;
    cursor                    : pointer;
    position                  : relative;
    background                : #898989;
    padding-top               : 20px !important;
    width                     : 45px;
    height                    : 60px;
    text-align                : center;
    -webkit-transition        : background .5s ease-in-out;
    -moz-transition           : background .5s ease-in-out;
    -o-transition             : background .5s ease-in-out;
    -ms-transition            : background .5s ease-in-out;
    transition                : background .5s ease-in-out;
    -ms-filter                : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter                    : alpha(opacity=0);
    opacity                   : 0;
    -khtml-opacity            : 0;
    -moz-opacity              : 0;
    visibility                : visible;
}

.tp-leftarrow.default:before,
.nivo-prevNav:before {
    content    : "\f053";
    font-family: FontAwesome;
    font-size  : 24px;
    font-style : normal;
    font-weight: 400;
    color      : #fafafa;
    text-align : center;
    visibility : visible;
}

.tp-rightarrow.default,
.nivo-nextNav {
    border-bottom-left-radius: 3px;
    border-top-left-radius   : 3px;
    z-index                  : 100;
    cursor                   : pointer;
    position                 : relative;
    background               : #898989;
    padding-top              : 20px !important;
    width                    : 45px;
    height                   : 60px;
    text-align               : center;
    -webkit-transition       : background .5s ease-in-out;
    -moz-transition          : background .5s ease-in-out;
    -o-transition            : background .5s ease-in-out;
    -ms-transition           : background .5s ease-in-out;
    transition               : background .5s ease-in-out;
    -ms-filter               : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter                   : alpha(opacity=0);
    opacity                  : 0;
    -khtml-opacity           : 0;
    -moz-opacity             : 0;
    visibility               : visible;
}

.tp-rightarrow.default:before,
.nivo-nextNav:before {
    content    : "\f054";
    font-family: FontAwesome;
    font-size  : 24px;
    font-style : normal;
    font-weight: 400;
    color      : #fafafa;
    text-align : center;
    visibility : visible;
}

.nivo-caption h2 {
    margin     : 0;
    line-height: 60px;
}

.nivo-slice {
    width : 760px;
    height: 271px;
}

.nivoslider {
    width : 760px;
    height: 271px;
}

.post-image img {}

.post-image img {
    width : 760px;
    height: 271px;
}


/* Buttons */
.btn:hover,
.btn:focus {
    color: #fff;
}

.btn-pad {
    margin: 7px;
}

.btn-grey {
    color             : #515151 !important;
    text-shadow       : -1px 1px 0px #fff;
    outline           : 0;
    white-space       : nowrap;
    word-wrap         : normal;
    vertical-align    : middle;
    cursor            : pointer;
    background-color  : #fff;
    background-image  : -webkit-linear-gradient(top, rgb(255, 255, 255) 2%, rgb(240, 240, 240) 2%, rgb(222, 222, 222) 100%);
    background-image  : -moz-linear-gradient(top, rgb(255, 255, 255) 2%, rgb(240, 240, 240) 2%, rgb(222, 222, 222) 100%);
    background-image  : -o-linear-gradient(top, rgb(255, 255, 255) 2%, rgb(240, 240, 240) 2%, rgb(222, 222, 222) 100%);
    background-image  : -ms-linear-gradient(top, rgb(255, 255, 255) 2%, rgb(240, 240, 240) 2%, rgb(222, 222, 222) 100%);
    background-image  : linear-gradient(top, rgb(255, 255, 255) 2%, rgb(240, 240, 240) 2%, rgb(222, 222, 222) 100%);
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0);
    border            : 1px solid #969696;
    -webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
    box-shadow        : 0 1px 2px rgba(144, 144, 144, 0.4);
    text-shadow       : 0 1px 1px rgba(255, 255, 255, 0.75) !important;
}

.btn-grey:hover {
    background: -webkit-linear-gradient(#f8f8f8, #ddd);
    background: -moz-linear-gradient(#f8f8f8, #ddd);
    background: -o-linear-gradient(#f8f8f8, #ddd);
    background: -ms-linear-gradient(#f8f8f8, #ddd);
    background: linear-gradient(#f8f8f8, #ddd);
}

.btn-color,
.btn-grey {
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition   : all .5s ease-in-out !important;
    -o-transition     : all .5s ease-in-out !important;
    -ms-transition    : all .5s ease-in-out !important;
    transition        : all .5s ease-in-out !important;
}

.btn-color {
    color           : #FFF;
    background-color: #000;
}

.btn-color:hover {
    color           : #FFF;
    background-color: #ED1C24;
}

.btn-color span.icon-phone {
    font-size: 20px;
}

.btn-special {
    border-radius: 30px;
}

.btn-special {
    padding           : 10px 20px;
    text-transform    : uppercase;
    letter-spacing    : 1px;
    font-weight       : 700;
    outline           : none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition   : all .5s ease-in-out;
    -o-transition     : all .5s ease-in-out;
    -ms-transition    : all .5s ease-in-out;
    transition        : all .5s ease-in-out;
}


.btn-normal {
    display  : inline-block;
    cursor   : pointer;
    font-size: 16px;
    padding  : 12px 30px;
}

.btn-small {
    display  : inline-block;
    cursor   : pointer;
    font-size: 14px;
    padding  : 7px 20px;
}

.btn-large {
    display  : inline-block;
    cursor   : pointer;
    font-size: 20px;
    padding  : 17px 50px;
}

#btn-index {
    background-color: #000;
}

#btn-index:hover {
    color           : #ED1C24;
    background-color: #FFF;
}

/* Main Content */
#main {
    background-color: #fff;
    padding         : 0 0 60px;
}

.home #main,
.home-2 #main,
.home-3 #main,
.page-services #main,
.about #main {
    padding: 0;
}

#main .services-div {
    padding-right   : 20px;
    padding-left    : 20px;
    padding-bottom  : 20px;
    background-color: #FFF;
    text-align:center;
}

#main .row {
    margin-bottom: 20px;
    margin-right : 5px;
    margin-left  : 5px;

}

#main .main-image {
    margin: 20px 0px;
}

#main .services-div h2 {
    color      : #000;
    font-size  : 40px;
    line-height: 100px;
}

#main .services-div .service {
    margin            : auto;
    width         : 100%;
    max-height        : 700px;
    text-align        : justify;
    color             : #000;
    background-color  : #FFF;
    height            : 400px;
    margin-bottom     : 30px;
    -webkit-box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
    flex-direction    : column;
}

#main .services-div img {
    width: 100%;
    height   : 260px;
    max-width: 100%;
}

#main .service h4,
#main .service p {
    text-align  : left;
    margin-left : 5px;
    margin-right: 5px;
}

#main .services p {}

#main .div-phone-button {
    margin: 50px 100px 0px 0px;
}


@media only screen and (max-width: 600px) {
    #main .services-div img {
        width : 100%;
        height: 260px;
    }
}

#main .services-div h4 a {
    color      : #ED1C24;
    font-family: Open Sans;
    font-size  : 18px;
    line-height: 28px;
    font-weight: bold;
}


.row.s .img-bottom1 {
    width : 173px;
    height: 160px;
}

.row.s .img-bottom2 {
    width : 160px;
    height: 160px;
}

.milieu {
    max-width: 66.666%;
}

.phone-button-index {
    padding: 0px 50%;
}

.button-devis {
    float          : right;
    margin         : 30px;
    /* margin-right: 120px; */
}

.contact-box .button-devis {
    margin-right: 10px;
}


/*Blog page*/

.page article.post {
    border-bottom: none;
}

.post-header h3.content-title {
    text-align   : left !important;
    margin-bottom: 15px;
}


.blog-entry-meta {
    font-size: 0;
}

.blog-entry-meta-date {
    display       : inline-block;
    margin-right  : 25px;
    margin-bottom : 10px;
    font-size     : 14px;
    vertical-align: top;
}

.blog-entry-meta-author {
    display       : none;
    margin-right  : 15px;
    margin-bottom : 10px;
    font-size     : 14px;
    vertical-align: top;
}

.blog-entry-meta-tags {
    display       : none;
    margin-right  : 25px;
    margin-bottom : 10px;
    font-size     : 14px;
    vertical-align: top;
}

.blog-entry-meta-comments {
    display       : none;
    margin-bottom : 10px;
    font-size     : 14px;
    vertical-align: top;
}

.blog-entry-meta i {
    margin-right: 4px;
}



.blog.meta_author .blog-entry-meta-author {
    display: inline-block;
}

.blog.meta_tags .blog-entry-meta-tags {
    display: inline-block;
}

.blog.meta_comments .blog-entry-meta-comments {
    display: inline-block;
}

.blog.meta_authortags .blog-entry-meta-author,
.blog.meta_authortags .blog-entry-meta-tags {
    display: inline-block;
}

.blog.meta_authorcomments .blog-entry-meta-author,
.blog.meta_authorcomments .blog-entry-meta-comments {
    display: inline-block;
}

.blog.meta_tagscomments .blog-entry-meta-tags,
.blog.meta_tagscomments .blog-entry-meta-comments {
    display: inline-block;
}

.blog-entry-meta-author,
.blog-entry-meta-tags,
.blog-entry-meta-comments {
    display: inline-block;
}

.post-content {
    padding-bottom: 10px;
}

.post-content ul,
.post-content li,
.post-content ol {
    line-height: 24px;
    list-style : inside;
    margin     : 0;
    padding    : 0;
}

.blog-small article .post-image {
    float        : left;
    width        : 43%;
    margin-bottom: 25px;
}

.blog-small article .post-content-wrap {
    float : left;
    width : 50%;
    margin: 0 0 0 4%;
}

.post-date a.date {
    background     : none repeat scroll 0 0 #fafafa;
    display        : block;
    float          : left;
    margin-right   : 20px;
    padding        : 10px 0 0;
    text-align     : center;
    text-decoration: none;
    width          : 55px;
    border-radius  : 2px;
}

.post-date a.date strong {
    color        : #1889C1;
    display      : block;
    font-size    : 27px;
    font-weight  : normal;
    margin-bottom: 10px;
}

.post-date a.date i {
    background-color: #1889C1;
    border-top      : 1px solid #F3F3F3;
    color           : #FFFFFF;
    display         : block;
    font-size       : 11px;
    font-style      : normal;
}

.blog-small .blog-entry-meta-author,
.blog-small .blog-entry-meta-tags,
.blog-small .blog-entry-meta-comments {
    font-size: 11px;
}

/* Sidebar */
.sidebar ul.slide li {
    padding-left      : 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition   : all .5s ease-in-out;
    -o-transition     : all .5s ease-in-out;
    -ms-transition    : all .5s ease-in-out;
    transition        : all .5s ease-in-out;
}

.sidebar ul.slide li:hover {
    padding-left      : 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition   : all .5s ease-in-out;
    -o-transition     : all .5s ease-in-out;
    -ms-transition    : all .5s ease-in-out;
    transition        : all .5s ease-in-out;
}

.sidebar p {
    margin: 0 0 2px;
}

.sidebar .widget,
.widget {
    margin-bottom: 35px;
}

.search-input {
    height: 38px !important;
    width : 218px;
}

/* Tabs */
#horizontal-tabs {
    margin-bottom: 30px;
}

#horizontal-tabs ul.tabs li {
    background  : #fafafa;
    border-right: 1px solid #ddd;
    border-top  : 2px solid #666;
    cursor      : pointer;
    float       : left;
    font-size   : 15px;
    padding     : 12px;
}

#horizontal-tabs ul.tabs li.current {
    border-bottom: 1px solid #fff;
    background   : none;
    cursor       : default;
}

#horizontal-tabs ul.tabs {
    border-left  : 1px solid #ddd;
    overflow     : hidden;
    border-radius: 2px;
}

#horizontal-tabs .contents {
    border       : 1px solid #ddd;
    margin-top   : -1px;
    border-radius: 2px;
}

#horizontal-tabs .tabscontent.no-padding {
    padding-left : 0;
    padding-right: 0;
}

#horizontal-tabs .tabscontent {
    display : none;
    overflow: hidden;
    padding : 20px 20px 0;
}

.tabs ul.posts li {
    margin-bottom : 15px;
    padding-bottom: 10px;
    overflow      : hidden;
    border-bottom : 1px solid #f8f8f8;
}

.tabs ul.posts li img {
    height            : 68px;
    width             : 68px;
    -webkit-transition: all .4s ease-in 0;
    -moz-transition   : all .4s ease-in 0;
    -o-transition     : all .4s ease-in 0;
    -ms-transition    : all .4s ease-in 0;
    transition        : all .4s ease-in 0;
    float             : left;
}

.recent-post-img {
    margin: 0 13px 5px 0;
}

.sidebar .testimonials-title h3 {
    margin: 0 0 20px !important;
}

.category ul li:before {
    content      : "\f105";
    font-family  : FontAwesome;
    font-size    : 16px;
    font-style   : normal;
    font-weight  : 400;
    padding-right: 10px;
}

.widget.category ul li {
    margin-bottom: 7px;
    border-bottom: 1px solid #F8F8F8;
    padding      : 3px 0;
}

.widget .ads-img img {
    margin-bottom: 30px;
    max-width    : 100%;
}


/* Author Info */
.about-author {
    margin-top: 30px;
}

.author-content {
    padding: 20px;
}

.author-content .avatar {
    float : left;
    margin: 0 20px 0 0;

}

.avatar {
    border       : 1px solid #ddd;
    padding      : 4px !important;
    border-radius: 100%;
}

.avatar img {
    border-radius: 100%;
}

.author-content .data {
    margin: -10px 0 0;
}


/* Comments Section */
.comments-sec {
    float : left;
    width : 100%;
    margin: -5px 0 25px;
}

ol.commentlist li {
    float  : left;
    padding: 10px 0 15px;
}

ol.commentlist {
    float : left;
    width : 100%;
    margin: 0;
}

ol li ol.childlist {
    float : right;
    width : 86%;
    margin: 0;
}

ol.commentlist li ol.childlist li:first-child {
    padding: 25px 0 0;
}

ol.commentlist li:first-child {
    margin : 0 0 7px;
    padding: 25px 0 0;
}

.avatar img {
    float    : left;
    max-width: 70px;
}

.comment-des p {
    line-height: 23px;
    margin     : 0;
}

.comment-des {
    float             : left;
    background        : #fafafa;
    border            : 1px solid #ddd;
    color             : #888;
    -webkit-box-shadow: :inset 0 -1px 0 0 rgba(0, 0, 0, 0.06);
    box-shadow        : :inset 0 -1px 0 0 rgba(0, 0, 0, 0.06);
    margin            : -70px 0 0 100px;
    padding           : 19px 22px 22px;
}



.comment:before {
    position         : absolute;
    display          : block;
    content          : "";
    margin-left      : 93px;
    margin-top       : 25px;
    width            : 15px;
    height           : 15px;
    background-color : #fafafa;
    border           : 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -o-transform     : rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg);
    border-right     : none;
    border-top       : 0;
    z-index          : 1;
}

.comment-des strong {
    float        : left;
    padding-right: 5px;
    font-size    : 14px;
    color        : #666;
}

.comment-des span {
    float: left;
    color: #999;
}

.comment-by {
    float         : left;
    width         : 100%;
    padding-bottom: 8px;
    padding-top   : 5px;
}

.comment-by span.reply {
    float  : right;
    display: inline;
}

.comment-by span.reply a {
    float      : right;
    height     : 17px;
    margin-left: 5px;
    font-weight: 400;
    color      : #999;
}

.comment-by span.reply a i {
    color             : #bbb;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition   : all .1s ease-in-out;
    -o-transition     : all .1s ease-in-out;
    -ms-transition    : all .1s ease-in-out;
    transition        : all .1s ease-in-out;
}

.comment-by span.reply a:hover,
.comment-by span.reply a:hover i {
    color: #a0a0a0;
}

.comment-by span.date {
    color      : #999;
    float      : left;
    font-weight: 300;
    margin     : 0 0 0 2px;
    padding    : 0 0 0 9px;
}

.reply label {
    margin: 0 0 4px;
}

.reply label span {
    color: #e24747;
}

.reply input {
    margin: 0 0 20px;
}

.reply textarea {
    min-width     : 97.5%;
    min-height    : 180px;
    -webkit-resize: vertical;
    -moz-resize   : vertical;
    -webkit-resize: vertical;
    -moz-resize   : vertical;
    resize        : vertical;
    margin        : 0 0 18px;
}


/* Slogan Area */
.slogan {
    min-height        : 100px;
    background        : #fafafa;
    width             : 100%;
    border-top        : 1px solid #DDD;
    border-bottom     : 1px solid #DDD;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 0 3px rgba(0, 0, 0, 0.1);
}

.slogan-content {
    padding: 25px 0;
}

.slogan-title {
    display: inline-block;
    margin : 10px 0;
}

.page-services .slogan-content {
    padding: 40px 0;
}

.page-services .get-started {
    padding-top: 15px;
}

.get-started {
    padding-top   : 1px;
    vertical-align: middle;
}


/* Main Content Boxes */
.main-content,
.content {
    padding: 60px 0 0;
}

.home-2 .main-content,
.home-3 .main-content {
    margin : 45px 0 40px;
    padding: 0;
}

.main-content {
    margin: 45px 0 35px;
}

div.content-box {
    clear: both;
}

div.content-box div.content-box-info {
    padding-left: 115px;
}

div.content-box.big {
    padding           : 0 7% 30px;
    border-radius     : 3px;
    background        : #fff;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition   : background .5s ease-in-out;
    -o-transition     : background .5s ease-in-out;
    -ms-transition    : background .5s ease-in-out;
    transition        : background .5s ease-in-out;
}


div.content-box.big .ch-info-wrap {
    margin  : -42px auto 35px;
    position: relative;
    left    : auto;
    top     : auto;
}

div.content-box.big:hover {
    background: #fafafa;
}

div.content-box.big div.content-box-info {
    padding-left: 0;
    text-align  : center;
    margin      : 25px 0 0;
}

div.content-box.big div.content-box-info p {
    text-align: center;
    margin-top: 25px;
}

.service-reasons div.content-box.big {
    transition: none;
    margin-top: 30px;
    border    : 1px solid #fff;
}

.main-content h3 {
    color      : #666;
    line-height: 32px;
    margin     : 0 0 5px;
}

.main-content p,
.content p {
    color: #000;

}


/* Box border and background */

.author-content,
div.content-box.big,
#cn-tabs .service,
.comment-des,
.contact-box {
    border-style: solid;
    border-width: 1px 1px 3px;
    border-color: #ddd;
    background  : #fafafa;


    /* Safari 4-5,Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fafafa));

    /* Safari 5.1,Chrome 10+*/
    background: -webkit-linear-gradient(top, #f8f8f8, #fafafa);

    /* Firefox 3.6+*/
    background: -moz-linear-gradient(top, #f8f8f8, #fafafa);

    /* IE 10 */
    background: -ms-linear-gradient(top, #f8f8f8, #fafafa);

    /* Opera 11.10+*/
    background: -o-linear-gradient(top, #f8f8f8, #fafafa);
}



/*Graph Style*/

ul.graph-container {
    margin-left: 10em;
}


/*************************************
 *   Bars Fill                       *
 * Just an example of filling 3 bars *
 *************************************/
.graph-container>li:nth-child(1) .bar-inner {
    height: 25%;
    bottom: 0;
}

.graph-container>li:nth-child(2) .bar-inner {
    height: 50%;
    bottom: 0;
}

.graph-container>li:nth-child(3) .bar-inner {
    height: 75%;
    bottom: 0;
}

.graph-container>li:nth-child(4) .bar-inner {
    height: 85%;
    bottom: 0;
}

.graph-container>li:nth-child(5) .bar-inner {
    height: 90%;
    bottom: 0;
}



/* Portfolio */
.portfolio-single .work-title h3 {
    margin-bottom: 20px !important;
}

.portfolio-wrap .item {
    width: 24.99%;
}

.item .item-inner,
.post-image {
    margin-bottom: 30px;
    overflow     : hidden;
    position     : relative;
    border-radius: 2px;
}

.post-image,
.img-content {
    padding   : 4px;
    border    : 1px solid #ddd;
    background: url(../img/bg_off.png) repeat;
}

.img-content {
    float : left;
    margin: 5px 20px 20px 0;
}

.img-content img {
    width: 100%;
}

.post-image a {
    display : block;
    position: relative;
}

.post-image .nivoSlider a {
    position: absolute !important;
}

.portfolio .item .portfolio-item {
    margin-bottom: 30px;
}

/*Project details*/

.project_details span {
    border-bottom: 1px solid #E3E3E3;
    color        : #454545;
    float        : left;
    font-size    : 14px;
    font-weight  : bold;
    margin       : 0;
    padding      : 5px 0;
    width        : 100%;
}

.project_details strong {
    float  : left;
    margin : 0;
    padding: 0;
    width  : 40%;
}

.project_details em {
    float     : left;
    font-style: normal;
    margin    : 0;
    padding   : 0;
    width     : 60%;
}

.project_details span a {
    background-color: #fafafa;
    border-radius   : 3px;
    border          : 1px solid #ddd;
    color           : #666;
    font-size       : 14px;
    font-style      : normal;
    font-weight     : normal;
    margin          : 0 0 5px 5px;
    padding         : 3px 10px;
    display         : inline-block;
}

.recentworks {
    background        : #fafafa;
    border-top        : 1px solid #DDD;
    border-bottom     : 1px solid #DDD;
    padding           : 60px 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 0 3px rgba(0, 0, 0, 0.1);

    /* Safari 4-5,Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fafafa));

    /* Safari 5.1,Chrome 10+*/
    background: -webkit-linear-gradient(top, #f8f8f8, #fafafa);

    /* Firefox 3.6+*/
    background: -moz-linear-gradient(top, #f8f8f8, #fafafa);

    /* IE 10 */
    background: -ms-linear-gradient(top, #f8f8f8, #fafafa);

    /* Opera 11.10+*/
    background: -o-linear-gradient(top, #f8f8f8, #fafafa);
}


/* Circular navigation */
.cn-wrapper {
    width             : 26em;
    height            : 26em;
    position          : relative;
    z-index           : 10;
    bottom            : 0;
    left              : 50%;
    overflow          : hidden;
    margin-left       : -185px;
    border            : 1px solid #ddd;
    -webkit-transition: all .3s ease;
    -moz-transition   : all .3s ease;
    -o-transition     : all .3s ease;
    -ms-transition    : all .3s ease;
    transition        : all .3s ease;
}

.cn-wrapper:after {
    content      : "";
    display      : block;
    height       : 8px;
    width        : 8px;
    position     : absolute;
    top          : 50%;
    left         : 50%;
    margin-top   : -4px;
    margin-left  : -4px;
    border-radius: 50%;
    z-index      : 11;
}

.cn-wrapper li {
    position                : absolute;
    font-size               : 1.5em;
    width                   : 10em;
    height                  : 10em;
    overflow                : hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin   : 100% 100%;
    -o-transform-origin     : 100% 100%;
    -ms-transform-origin    : 100% 100%;
    transform-origin        : 100% 100%;
    border                  : 1px solid #fff;
    -webkit-transition      : all 1s ease;
    -moz-transition         : all 1s ease;
    -o-transition           : all 1s ease;
    -ms-transition          : all 1s ease;
    transition              : all 1s ease;
}

.cn-wrapper li a {
    display           : block;
    font-size         : 1.2em;
    height            : 13.5em;
    width             : 13.5em;
    position          : absolute;
    bottom            : -6.75em;
    right             : -6.75em;
    overflow          : hidden;
    text-decoration   : none;
    -webkit-transition: background-color .3s ease, -webkit-transform .8s ease;
    -moz-transition   : background-color .3s ease, -moz-transform .8s ease;
    -o-transition     : background-color .3s ease, -o-transform .8s ease;
    -ms-transition    : background-color .3s ease, -ms-transform .8s ease;
    transition        : background-color .3s ease, transform .8s ease;
}

.cn-wrapper li a:hover,
.cn-wrapper li a.active {
    background-color  : #fafafa;
    -webkit-transition: background-color .5s ease;
    -moz-transition   : background-color .5s ease;
    -o-transition     : background-color .5s ease;
    -ms-transition    : background-color .5s ease;
    transition        : background-color .5s ease;
}

.cn-wrapper span {
    font-size: 1.3em;
}


/*Cirular Navigation Content*/
.cn-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter    : alpha(opacity=0);
    opacity   : 0;
}

.circular-nav {
    overflow: hidden;
}

#cn-tabs .service {
    display      : none;
    overflow     : hidden;
    background   : #fafafa;
    padding      : 15px 25px;
    border-radius: 2px;
}

.cn-content {

    overflow: hidden;

}

.cn-content p {
    z-index: 9999;
}

#cn-tabs .service:before {
    position         : absolute;
    display          : block;
    content          : "";
    top              : 44%;
    right            : -3px;
    width            : 35px;
    height           : 35px;
    background-color : #fafafa;
    border           : 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -o-transform     : rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg);
    border-left      : none;
    border-bottom    : 0;
    z-index          : 1;
}


/* Carousel Controls */

a.prev.disabled,
a.next.disabled {
    cursor: default;
}

.carousel-controls a.next {
    right   : 15px;
    position: absolute;
}

.carousel-controls a.prev {
    right   : 45px;
    position: absolute;
}

a.prev,
a.next {
    width          : 25px;
    height         : 25px;
    display        : block;
    cursor         : pointer;
    background     : #323B44;
    color          : #fafafa;
    font-size      : 20px;
    text-align     : center;
    text-decoration: none;
}

a.next {
    padding-left: 3px;
}

a.prev.disabled,
a.next.disabled {
    display   : block;
    cursor    : default;
    background: #323B44;
    color     : #fafafa;
    font-size : 20px;
    text-align: center;
}


/* Testimonials */
.testimonial p {
    background : #fafafa;
    font-weight: 500;
    margin     : 0;
    padding    : 27px 25px;
    border     : 1px solid #ddd;

    /* Safari 4-5,Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fafafa));

    /* Safari 5.1,Chrome 10+*/
    background: -webkit-linear-gradient(top, #f8f8f8, #fafafa);

    /* Firefox 3.6+*/
    background: -moz-linear-gradient(top, #f8f8f8, #fafafa);

    /* IE 10 */
    background: -ms-linear-gradient(top, #f8f8f8, #fafafa);

    /* Opera 11.10+*/
    background: -o-linear-gradient(top, #f8f8f8, #fafafa);
}

.our-clients .testimonial p,
.our-clients .testimonials-arrow {
    border: none;
}


.testimonials-arrow {
    display          : block;
    content          : "";
    margin-top       : -7px;
    margin-left      : 45px;
    width            : 14px;
    height           : 14px;
    background-color : #fafafa;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -o-transform     : rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg);
    margin-bottom    : 10px;
    border-bottom    : 1px solid #ddd;
    border-right     : 1px solid #ddd;
    border-top       : 0;
}

.testimonial .author {
    margin: 0px 0 0 19px;
}

.testimonial-image {
    float   : left;
    height  : 70px;
    position: relative;
    width   : 70px;
}

.testimonial-image img {
    border-radius: 50px;
    height       : 70px !important;
    width        : 70px !important;
    border       : 1px solid #ddd;
    padding      : 4px;
}

.our-clients .testimonial-image img {
    border : none;
    padding: 0;
}

.our-clients .testimonial-author-info {
    color: #ddd;
}

.testimonial-author-info {
    padding: 10px 0 0 90px;
    color  : #666;
}

.testimonial-author-info a {
    display: block;
}

.our-clients .testimonial-author-info a {
    color: #fff;
}

span.color {
    font-size  : 14px;
    font-weight: 700;
}


/* Footer */

footer p,
footer ul {
    font-size: 12px;
}

.footer-top {
    background   : #000;
    border-bottom: 1px solid #414f5a;
    color        : #A1A1A1;
    padding      : 50px 0;
}

.footer-top p{
    color: #fff;
}

.footer-bottom {
    background : #25292C;
    color      : #888;
    line-height: 30px;
    padding    : 15px;
}

.social-icons-footer-bottom {
    float : right;
    margin: 6px 0 0;
}

.social-icons-footer-bottom li {
    display           : inline;
    float             : left;
    margin-right      : 7px !important;
    list-style        : none;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition   : all .2s ease-in-out 0;
    -o-transition     : all .2s ease-in-out 0;
    -ms-transition    : all .2s ease-in-out 0;
    transition        : all .2s ease-in-out 0;
}

.social-icons-footer-bottom li i {
    display        : inline-block;
    font-family    : FontAwesome;
    font-size      : 13px;
    font-style     : normal;
    font-variant   : normal;
    font-weight    : 400;
    line-height    : 16px;
    padding-top    : 0;
    text-align     : center;
    text-decoration: inherit;
    text-transform : none;
}

.scrollup {
    width     : 40px;
    height    : 40px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter    : alpha(opacity=80);
    opacity   : 0.8;
    position  : fixed;
    bottom    : 100px;
    right     : 15px;
    display   : none;
    text-align: center;
    color     : #fafafa;
    font-size : 28px;
    background: #9e9e9e;
    z-index   : 9999;
}

.scrollup i {
    line-height: 38px;
}

a.scrollup:hover i,
a.scrollup:focus i {
    text-decoration: none;
    color          : #fafafa;
    outline        : none;
}

#tweets li:before {
    color      : #727272;
    content    : "\f099";
    float      : left;
    font-family: FontAwesome;
    font-size  : 16px;
    margin     : 0 0 0 -28px;
}

#tweets li {
    line-height: 24px;
    margin     : 0 0 15px;
    padding    : 0 0 0 28px;
}

#tweets .content {
    padding-top  : 0;
    margin-bottom: 5px;
}

#flickrfeed li {
    float : left;
    margin: 5px 5px 0 0;
}

.contact-us {
    margin    : 15px 0 0;
    background: url("../img/contact-map.png") no-repeat center bottom;
}

footer .contact-us a {
    color: #fff !important;
}

.contact-us .icon-map-marker {
    font-size: 16px;
}

.contact-us li i {
    color : #666;
    float : left;
    margin: 4px 0 0;
}

.contact-us p {
    line-height: 24px;
    margin-left: 20px;
    margin-top : -2px;
}

.contact-us li p strong {
    color      : #727272;
    float      : left;
    font-weight: 600;
    margin     : 0 5px 5px 0;
}

.subscribe-btn {
    height          : 38px;
    background-image: none;
    color           : #fff;
    text-shadow     : none;
    font-size       : 14px;
    border          : none;
    text-shadow     : 0 1px #555555 !important;
}

.subscribe {
    height: 38px !important;
    width : 100%;
}

#not-found {
    margin: 60px 0 45px;
}

#not-found h2 {
    font-size     : 200px;
    font-weight   : 500;
    letter-spacing: -5px;
    line-height   : 210px;
    text-align    : center;
}

#not-found p {
    color      : #9e9e9e;
    font-size  : 32px;
    line-height: 48px;
    text-align : center;
}

#not-found i {
    color    : #F03;
    font-size: 210px;
    position : relative;
    top      : -12px;
}

.back-home p {
    text-align: center !important;
    margin    : 0 auto;
}

.back-home .search-form {
    width : 290px;
    margin: 30px auto 0;
}

.sitemap {
    margin-bottom: 15px;
}

.sitemap ul,
.sitemap li {
    margin    : auto !important;
    padding   : inherit !important;
    list-style: disc;
}

.sitemap li ul li {
    list-style: circle;
}

/* Services */
ul.why li {
    margin: 7px 0;
}

ul.why li:before {
    content              : "\f00c";
    font-family          : FontAwesome;
    position             : relative;
    color                : #000;
    background           : #FFF;
    border-radius        : 100%;
    margin               : 0 7px 0 0;
    padding              : 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius   : 100%;
    -ms-border-radius    : 100%;
    -o-border-radius     : 100%;
}

.services-big div.content-box div.content-box-icon {
    border       : 1px solid #ddd;
    background   : url(../img/bg_off.png) repeat;
    border-radius: 2px;
    display      : block;
    float        : none;
    position     : relative;
    padding      : 4px;
}

.services-big .content-box-icon span {
    z-index         : 4;
    display         : block;
    width           : 130px;
    height          : 130px;
    border-radius   : 130px;
    background-color: #666;
}

.services-big .content-box-icon i {
    color      : #fff;
    float      : left;
    font-size  : 48px;
    line-height: 130px;
    left       : 34%;
    position   : relative;
    z-index    : 5;
}

.services-big div.content-box div.content-box-info {
    padding-left: 0;
}

.services-big h4 {
    margin: 20px 0;
}

.services-big img {

    width: 100%;
}


/* Common Elements */
.divider {
    margin: 60px 0;
}

.blog-divider {
    margin    : 35px 0;
    background: url(../img/bg_off.png) repeat;
    content   : "";
    height    : 5px;
}

.top-pad {
    margin-top: 25px;
}

.no-divider {
    margin: 0;
}

.bottom-pad {
    margin-bottom: 60px;
}

.bottom-pad-small {
    margin-bottom: 30px;
}

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

/* Form */

input,
textarea {
    border            : solid 1px #E5E5E5;
    background        : -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background        : -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow        : rgba(0, 0, 0, 0.1) 0px 0px 8px !important;
    -moz-box-shadow   : rgba(0, 0, 0, 0.1) 0px 0px 8px !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px !important;
}


input:hover,
textarea:hover,
input:focus,
textarea:focus {
    border-color      : #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}


/* Accordion */
.accordionMod .panel-heading .accordion-toggle {
    position: relative;
    cursor  : pointer;
    margin  : 0;
    padding : 10px 45px;
}

.accordion-body,
.panel-heading {
    background   : #fff;
    border-radius: 3px;
    padding      : 0;
}

.accordionMod .panel-heading .accordion-toggle .icon:before {
    content    : "\f067";
    font-family: FontAwesome;
    display    : block;
    width      : 14px;
    height     : 14px;
    position   : absolute;
    left       : 15px;
    top        : 11px;
}

.accordionMod .panel-heading .accordion-toggle .iconActive:before {
    content    : "\f068";
    font-family: FontAwesome;
}

.accordionMod .panel-heading .current {
    color                  : #fff;
    border-top-left-radius : 3px;
    border-top-right-radius: 3px;
}

.contact-box,
.contact-box i,
.contact-box p,
.contact-box h3 {
    -webkit-transition: all .5s ease-in-out 0;
    -moz-transition   : all .5s ease-in-out 0;
    -o-transition     : all .5s ease-in-out 0;
    -ms-transition    : all .5s ease-in-out 0;
    transition        : all .5s ease-in-out 0;
}


/* Contact Box */
.contact-box {
    text-align        : center !important;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
    box-shadow        : 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition   : background .5s ease-in-out;
    -o-transition     : background .5s ease-in-out;
    -ms-transition    : background .5s ease-in-out;
    transition        : background .5s ease-in-out;
    margin            : 0 0 20px;
    padding           : 32px 28px;
}

.contact-box:hover {
    border: none;
}

.contact-box i {
    font-size: 48px;
}


/* Home page posts section */
.blog-showcase {
    padding: 0;
}

.blog-showcase ul {
    margin    : 0;
    padding   : 0;
    list-style: none;
    width     : 100%;
    display   : block;
    overflow  : hidden;
}

.blog-showcase ul li {
    position: relative;
    display : inline-block;
}

.blog-showcase ul li:last-child {
    padding-right: 0 !important;
}

.blog-showcase ul li.blog-first-el {
    padding-right: 270px;
}

.blog-showcase ul li.blog-first-el .blog-showcase-extra-info {
    zoom   : 1;
    filter : alpha(opacity=100);
    filter : alpha(opacity=100);
    opacity: 1;
}

.blog-showcase ul li.blog-first-el .blog-showcase-thumb {
    border-right: 0;
}

.blog-showcase ul li img,
.blog-showcase-extra-info,
.blog-showcase ul li {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition   : all 0.3s ease-in-out 0s;
    -o-transition     : all 0.3s ease-in-out 0s;
    -ms-transition    : all 0.3s ease-in-out 0s;
    transition        : all 0.3s ease-in-out 0s;
}

.blog-showcase-thumb {
    position     : relative;
    overflow     : hidden;
    z-index      : 20;
    margin-bottom: 5px;
    width        : 297px;
}

.blog-showcase-thumb:hover .showcase-blog-overlay {
    zoom   : 1;
    filter : alpha(opacity=50);
    filter : alpha(opacity=50);
    opacity: .5;
}

.blog-showcase-extra-info {
    width   : 277px;
    height  : 180px;
    z-index : 10;
    margin  : 0;
    position: absolute;
    left    : 297px;
    top     : 2px;
    overflow: hidden;
    zoom    : 1;
    filter  : alpha(opacity=0);
    filter  : alpha(opacity=0);
    opacity : 0;
}

.blog-showcase-extra-info span {
    display      : block;
    border       : 1px solid rgba(0, 0, 0, 0.1);
    border-left  : none;
    border-right : 0;
    margin-bottom: 5px;
    line-height  : 24px;
}

.blog-showcase-extra-info span a {
    font-size: 10px;
    color    : #999;
}

.blog-showcase-title {
    font-size    : 13px;
    font-weight  : bold;
    line-height  : 20px !important;
    display      : inline-block;
    margin-bottom: 0;
    color        : #333;
}

.blog-showcase-more {
    font-size      : 12px;
    text-decoration: underline;
}

.web-normal i {
    display: inline-block;
    margin : 15px;
}


/* Isotope Portfolio  Gallery */
#options {
    padding: 10px 0 25px;
}

#options li {
    float : left;
    margin: 4px 8px 4px 0;
}

#options li a {
    display        : inline-block;
    background     : #fafafa;
    color          : #727272;
    font-size      : 16px;
    text-decoration: none;
    padding        : 7px 20px;
    border         : 1px solid #ddd;
}

.portfolio .item {
    position: relative;
    overflow: hidden;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index       : 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration   : .8s;
    -o-transition-duration     : .8s;
    -ms-transition-duration    : .8s;
    transition-duration        : .8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property   : height, width;
    -o-transition-property     : height, width;
    -ms-transition-property    : height, width;
    transition-property        : height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: 0;
    -moz-transition-property   : 0;
    -o-transition-property     : 0;
    -ms-transition-property    : 0;
    transition-property        : 0;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
    -moz-transition-duration   : 0;
    -o-transition-duration     : 0;
    -ms-transition-duration    : 0;
    transition-duration        : 0;
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition   : none;
    -o-transition     : none;
    -ms-transition    : none;
    transition        : none;
}


/* Utility */
.progress {
    height: 40px;
}

.progress .progress-bar {
    font-size   : 15px;
    font-weight : 600;
    line-height : 40px;
    padding-left: 20px;

    text-shadow: none;
}

a.mobile-menu {
    color : #000;
    cursor: pointer;
}

.mobile-menu {
    height  : 40px;
    position: absolute;
    right   : 0;
    top     : 25px;
}

.google-maps {
    height: 400px;
}

.tabs ul.posts li img,
.author-content,
li.work img,
.recentworks .pic,
.img-caption,
a.prev,
a.next,
.scrollup,
#options li a,
.portfolio img.pic,
.portfolio .img-caption {
    border-radius: 2px;
}

#search-form form,
ul.post-meta,
.sidebar ul,
ul.tabs,
.testimonials ul,
ul.why,
.panel-heading h3,
.features .panel-heading h4,
#options ul,
.gallery ul {
    margin: 0;
}

#horizontal-tabs ul.tabs li,
#vertical-tabs ul.tabs li,
.content h3,
.latest-posts h4 a {
    color: #000;

}


/*Project Carousel*/

.recentworks ul,
.our-clients ul,
ul#tweets {
    list-style: none;
    margin    : 0;
}

.our-clients ul,
#footer ul {
    list-style: none;
}

ul#projects-carousel {
    overflow  : hidden;
    position  : relative;
    list-style: none;
    margin    : 0;
    padding   : 0;
    float     : left;
}

.portfolio-item {
    background        : url("../img/bg_off.png") repeat;
    border-radius     : 3px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 0 3px rgba(0, 0, 0, 0.1);
    border            : 1px solid #ddd;
    padding           : 4px;
    overflow          : hidden;
    display           : block;
}

.portfolio-item img {
    display: block;
    width  : 100%;
}

.fullscreen {
    position   : absolute;
    left       : 50%;
    top        : 65%;
    color      : #fff;
    font-size  : 18px;
    margin-top : -30px;
    margin-left: -24px;
    width      : 60px;
    height     : 60px;
    opacity    : 0;
}

.fullscreen i {
    color        : #fff !important;
    -ms-filter   : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter       : alpha(opacity=100);
    opacity      : 1;
    z-index      : 11;
    background   : rgba(0, 0, 0, 0.6);
    padding      : 16px 18px;
    font-size    : 16px;
    border-radius: 100px;
}

.portfolio-item-link {
    display : block;
    position: relative;
}

.post-item-link {
    display : block;
    position: relative;
    overflow: hidden;
    margin  : 0;
}

.post-body {
    padding      : 4px;
    background   : url("../img/bg_off.png") repeat;
    border       : 1px solid #DDDDDD;
    border-radius: 3px;
}

.portfolio-item-link span.portfolio-item-hover,
.post-item-link span.post-item-hover,
.img-hover {
    background: rgba(50, 50, 50, 0.75)
}


.portfolio-item.round img {
    border-radius: 2px;
}

a.portfolio-item-link {
    line-height: 0;
    padding    : 0;
    margin     : 0;
}

.portfolio-item-link span.portfolio-item-hover,
.post-item-link span.post-item-hover,
.img-hover {
    position          : absolute;
    width             : 100%;
    height            : 100%;
    -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter            : alpha(opacity=0);
    opacity           : 0;
    /* IE 8 */
    top               : 0;
    left              : 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition   : all 0.35s ease-out;
    -o-transition     : all 0.35s ease-out;
    -ms-transition    : all 0.35s ease-out;
    transition        : all 0.35s ease-out;
}

.portfolio-item-link span.portfolio-item-hover:hover,
.post-item-link span.post-item-hover:hover,
.img-hover:hover {
    background-position: center center;
}

.portfolio-item-title {
    text-align: center;
    padding   : 10px 5px 10px 5px;
    background: #FFF;
}

.portfolio-item-title a {
    font-weight       : 600;
    font-size         : 14px;
    font-family       : "Open Sans", Arial, Verdana;
    color             : #666;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition   : all 0.25s ease-out;
    -o-transition     : all 0.25s ease-out;
    -ms-transition    : all 0.25s ease-out;
    transition        : all 0.25s ease-out;
}

.portfolio-item-title a:hover {
    text-decoration: none;
}

.portfolio-item-title p {
    font-style   : italic;
    font-size    : 12px;
    margin-bottom: 0;
    text-align   : center;
}


/* Circle items */
.ch-item {
    width   : 100%;
    height  : 100%;
    position: relative;
    cursor  : default;
}

.ch-info-wrap i {
    color      : #FFFFFF;
    float      : left;
    font-size  : 28px;
    left       : 35%;
    line-height: 80px;
    position   : relative;
    z-index    : 5;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}

.ch-info-wrap {
    position     : absolute;
    width        : 80px;
    height       : 80px;
    border-radius: 50%;
    background   : #666;

    top : 10px;
    left: 10px;
}

.ch-info {
    position          : absolute;
    width             : 80px;
    height            : 80px;
    border-radius     : 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow        : 0 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition   : all 0.4s ease-in-out;
    -o-transition     : all 0.4s ease-in-out;
    -ms-transition    : all 0.4s ease-in-out;
    transition        : all 0.4s ease-in-out;
}

.ch-info>div {
    display            : block;
    position           : absolute;
    width              : 100%;
    height             : 100%;
    border-radius      : 50%;
    background-position: center center;

    -webkit-backface-visibility: hidden;
    /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition   : all 0.6s ease-in-out;
    -o-transition     : all 0.6s ease-in-out;
    -ms-transition    : all 0.6s ease-in-out;
    transition        : all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
    -webkit-transform : scale(1.5);
    -moz-transform    : scale(1.5);
    -o-transform      : scale(1.5);
    -ms-transform     : scale(1.5);
    transform         : scale(1.5);
    box-shadow        : inset 0 0 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);

    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition   : all 0.4s ease-in-out 0.2s;
    -o-transition     : all 0.4s ease-in-out 0.2s;
    -ms-transition    : all 0.4s ease-in-out 0.2s;
    transition        : all 0.4s ease-in-out 0.2s;
    opacity           : 0;
}

.ch-item:hover .ch-info-front {
    -webkit-transform: scale(0);
    -moz-transform   : scale(0);
    -o-transform     : scale(0);
    -ms-transform    : scale(0);
    transform        : scale(0);
}

.ch-item:hover .ch-info-back {
    -webkit-transform: scale(1);
    -moz-transform   : scale(1);
    -o-transform     : scale(1);
    -ms-transform    : scale(1);
    transform        : scale(1);

    opacity       : 1;
    pointer-events: auto;
}


/* Team Section */

.team .item .team-member-links a.facebook:hover,
.member-social.dark a.facebook:hover,
header .social li.facebook:hover,
footer .social li.facebook:hover {
    background: #4C66A4;
}

.team .item .team-member-links a.dribbble:hover,
.member-social.dark a.dribbble:hover,
header .social li.dribbble:hover,
footer .social li.dribbble:hover {
    background: #EA4C89;
}

.team .item .team-member-links a.twitter:hover,
.member-social.dark a.twitter:hover,
header .social li.twitter:hover,
footer .social li.twitter:hover {
    background: #2C77BA;
}

.team .item .team-member-links a.gplus:hover,
.member-social.dark a.gplus:hover,
header .social li.gplus:hover,
footer .social li.gplus:hover {
    background: #9e0b0f;
}

.team .item .team-member-links a.linkedin:hover,
.member-social.dark a.linkedin:hover,
header .social li.linkedin:hover,
footer .social li.linkedin:hover {
    background: #069;
}

.team .item .team-member-links a.pinterest:hover,
.member-social.dark a.pinterest:hover,
header .social li.pinterest:hover,
footer .social li.pinterest:hover {
    background: #C92228;
}

header .social li.rss:hover,
footer .social li.rss:hover {
    background: #f60;
}


/* Team member*/

.team-member {
    display  : block;
    margin   : 0 auto 50px;
    width    : 100%;
    max-width: 350px;
    padding  : 0;
}

.team-member-image {
    float         : none;
    overflow      : visible;
    height        : 0;
    width         : 100%;
    padding-bottom: 100%;
}

.team-member-image img {
    border-radius: 50%;
}

.team-member-links {
    top               : 0;
    min-height        : 1px;
    border-radius     : 50%;
    box-shadow        : 0 0 0 10px rgba(255, 255, 255, 0.25) inset;
    -webkit-transition: all 0.25s ease;
    transition        : all 0.25s ease;
}

.team-member:hover .team-member-links {
    box-shadow: 0 0 0 175px rgba(50, 50, 50, 0.75) inset;
}

.team-member-links-list {
    filter            : progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity           : 0;
    -webkit-transition: opacity 0.25s ease;
    transition        : opacity 0.25s ease;
}

.team-member:hover .team-member-links-list {
    filter : progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}

.team-member-links-item {
    font-size       : 22px;
    line-height     : 44px;
    height          : 44px;
    width           : 44px;
    margin          : 5px;
    position        : relative;
    border-radius   : 50%;
    background-color: #fff;
    color           : #666;
}

.team-member-links-item:hover,
.color_alternate .team-member-links-item:hover,
.color_primary .team-member-links-item:hover {
    background-color: #f8862c;
    color           : #fff;
}

.team-member-meta {
    margin-left: 0;
    min-height : 1px;
    padding    : 15px 0 0;
    text-align : center;
}

.team-member-name {
    margin-bottom: 6px;
}

.team-member-role {
    font-size    : 13px;
    margin-bottom: 10px;
    color        : #999;
}

.team-member-description p {
    margin-bottom: 0;
    text-align   : center;
}

.member-social.dark a {
    background        : #9e9e9e;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition   : background .5s ease-in-out;
    -o-transition     : background .5s ease-in-out;
    -ms-transition    : background .5s ease-in-out;
    transition        : background .5s ease-in-out;
}

.team .item .team-member-links a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition   : all .5s ease-in-out;
    -o-transition     : all .5s ease-in-out;
    -ms-transition    : all .5s ease-in-out;
    transition        : all .5s ease-in-out;
}

.member-social a {
    width        : 36px;
    float        : left;
    text-align   : center;
    margin       : 0 6px 6px 0;
    padding      : 7px 0 6px;
    border-radius: 2px;
}

.member-social a i {
    display  : block !important;
    font-size: 20px;
    color    : #fff;
    margin   : 0 auto !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-color: transparent;
}

.pager li>a:hover {
    border: none;
}

.menu>ul li {
    float: none;
}

.navbar-toggle {
    border       : none;
    border-radius: 2px;
    padding      : 9px 10px 5px;
}

input,
button,
select,
textarea {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

strong,
.author-content .data a {
    font-weight: 600;
}

.breadcrumbs ul,
.portfolio-single .sidebar h3 {
    margin-top: 5px;
}

.nivo-caption h2,
.pagination-centered {
    text-align: center;
}

.page article.post .post-image,
.portfolio-single .recentwork_wrapper .item {
    margin-bottom: 25px;
}

ol li ol.childlist .comment-des,
header nav li,
.avatar {
    float: left;
}

.recentworks li.slide,
.portfolio-wrap {
    overflow: hidden;
}

footer a,
.contact-box:hover,
#options li a.selected,
header .top-bar,
header .top-bar a,
header .social li:hover i,
footer .social li:hover i,
.content-box:hover>.content-box-icon i,
div.content-box div.content-box-icon:hover,
div.content-box div.content-box-icon:hover i,
#footer h3,
.contact-box:hover h3 {
    color: #fff;
}

.contact-box p {
    text-align: center !important;
}

.panel-group .panel,
.accordionMod .accordion-group {
    margin-bottom: 15px;
}



/* MEDIA PHONE */

@media only screen and (max-width: 600px) {
    #header .main-header {
        position     : fixed;
        left         : 0rem;
        height       : 160px;
        margin-bottom: 10px;
    }

    nav {
        max-height : 1000px;
        margin-left: 0px;
        margin-top : 50px;
        width      : 400px;

    }

    #main .row {
        margin-bottom: 20px;
        margin-right : 0px;
        margin-left  : 0px;

    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: center;
    }

    * {
        text-align: center;
    }

    div {
        margin    : 0px 5px;
        text-align: center;
    }

    .menu>ul {
        background-color: #F5F4F4;
        height          : 720px;
    }

    .menu>ul>li>a {
        margin-top   : 8px;
        padding      : -10px;
        height       : 62px;
        border-radius: 0;
        font-weight  : bold;
    }

    .menu ul ul {
        width           : 390px;
        background-color: #000;
    }

    .menu ul ul li a {
        padding: 30px o;
    }

    .menu ul ul li a {}

    #main {
        margin-top: 164px;
    }

    #main .nivoSlider {
        height: 120px;
    }

    #main ul,
    #main ul li {
        text-align: center;
    }

    #main ul,
    #main .content-box-info ul li,
    #main .content-box-info h3,
    #main .content-box-info h4 {
        text-align: left;
    }

    p {
        text-align: center;
    }

    .sidebar p {
        text-align: center;
    }

    .why li {}

    #main .services-div {
        padding-right: 0px;
        padding-left : 0px;
    }

    .button-devis {
        margin-right: 70px;
    }

    .contact-box .button-devis {
        margin-right: 50px;
    }

    footer .table-footer {
        margin: auto;
    }

    footer .table-footer tr {
        max-width: 400px;
    }

    footer .table-footer .a-tableau {
        width: 320px;
    }

    footer #space-for-mobile {
        margin-top: 0px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    nav {
        margin-left: 0px;
        max-width  : 1000px;
    }

    .menu {}

    .menu>ul {
        background-color: #F5F4F4;
    }

    .menu>ul>li>a {
        margin-top   : 10px;
        padding      : 65px;
        height       : 10px;
        border-radius: 0;
        font-size    : 23px;
    }
}