/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */

/*   01 - File & Basic Styles      */
/*   01 - General & Basic Styles   */
/*   02 - Background Parallax      */
/*   03 - Loading Screen           */
/*   04 - Header & Navigation      */
/*   05 - Our Services             */
/*   06 - Our Projects             */
/*   07 - Portfolio Single         */
/*   08 - Accordions               */
/*   09 - latest news              */
/*   10 - Testimonial              */
/*   11 - Footer                   */
/*   12 - Our Team                 */
/*   13 - Page Title               */
/*   14 - Pages                    */
/*   15 - SideBar                  */
/*   16 - Side Nav                 */
/*   17 - Shop                     */

/*   01 - File & Basic Styles      */

@import url(https://fonts.googleapis.com/css?family=Raleway:900,700,600,500,400);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,600,300,800);
@import url("reset.css");
@import url("bootstrap.min.css");
@import url("font-awesome.css");
@import url("Stroke-Gap-Icons.css");
@import url("flexnav.css");
@import url("hover.css");
@import url("menu_sideslide.css");
@import url("animate.css");
@import url("responsive.css");
@import url("../rs-plugin/css/settings.css");
@import url("../rs-plugin/css/layers.css");
@import url("../rs-plugin/css/navigation.css");
@import url("jquery.fancybox.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("bootstrap-slider.min.css");


/*   02 - General & Basic Styles   */


body {
    overflow-x: hidden !important;
}

a:hover,
a:focus {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #b2b2b2;
}

a {
    text-decoration: none;
    color: #384aae;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

b, strong {
    font-weight: 700 !important;
}

.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none;
}


.btn {
    background-color: #404040;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 8px 20px;
}

.btn:hover {
    color: #ffffff;
    background-color: #a6a6a6;
}

.btn:focus {
    color: #ffffff;
    background-color: #a6a6a6;
}


.h1, h1 {
    font-size: 32px;
    font-family: Raleway, sans-serif;
}

.h2, h2 {
    font-size: 28px;
    font-family: Raleway, sans-serif;
}

.h3, h3 {
    font-size: 25px;
    font-family: Raleway, sans-serif;
}

.h4, h4 {
    font-size: 22px;
    font-family: Raleway, sans-serif;
}

.h5, h5 {
    font-size: 18px;
    font-family: Raleway, sans-serif;
}

.h6, h6 {
    font-size: 16px;
    font-family: Raleway, sans-serif;
}

input[type=text], input[type=password], input[type=email], textarea, input[type=file] {
    display: inline-block;
    float: left;
    padding: 10px 15px;
    border: 0;
    border: 1px solid #e2e2e2;
    background: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
}

textarea {
    -webkit-font-smoothing: antialiased;
    min-height: 125px;
}

.light-wrapper {
    background: #FFF;
}

.whitesmoke-wrapper {
    background: #f6f6f6;
}

.whitesmoke-section {
    background: #3c3c3c;
}

.dark-section {
    background: #343434;
}

.dark-body {
    background: #343434;
}

.light-wrapper .inner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.Img-wrapper {
    background: url(../images/page/Img-wrapper.png) top center;
    border: none;
}

.color-wrapper {
    background: #384aae;
    border: none;
}

.black-wrapper {
    background: #2c2c2c;
    color: #cacaca;
    float: left;
    display: block;
    width: 100%;
}

/*   02 - Background Parallax      */

.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    color: #d9d9d9;
}

.call-to-action-parallax {
    background-image: url(../images/parallax/parallax1.png) !important;
    position: relative;
}

.wrapper-black {
    background-color: rgba(0, 0, 0, 0.85);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-repeat: repeat-x repeat-y;
    overflow: auto;
    opacity: 1;
}

.color-overlay {
    background-color: rgba(62, 80, 180, 0.85);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-repeat: repeat-x repeat-y;
    overflow: auto;
    opacity: 1;
}

/*   03 - Loading Screen           */

.loading-overlay {
    background: #FFF;
    color: #424242;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 111111;
}

.loader {
    margin: 20% auto;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(194, 193, 193, 0.5);
    border-right: 1.1em solid rgba(199, 197, 197, 0.5);
    border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
    border-left: 1em solid #384aae;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#to-top {
    position: fixed;
    right: 10px;
    bottom: -100px;
    z-index: 55;
    overflow: auto;
    padding: 12px 14px 14px;
    font-size: 18px;
    line-height: 10px;
    cursor: pointer;
    background-color: #384aae;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 1111;
}

#to-top span {
    color: #fff;
}

#to-top2 {
    position: fixed;
    left: 10px;
    bottom: -100px;
    z-index: 55;
    overflow: auto;
    padding: 12px 14px 14px;
    font-size: 18px;
    line-height: 10px;
    cursor: pointer;
    background-color: #384aae;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 1111;
}

#to-top2 span {
    color: #fff;
}

/*   04 - Header & Navigation      */

#header-main {
    position: absolute;
    top: 15px;
    left: 0;
    padding: 0;
    z-index: 100;
    width: 100%;
    color: #ffffff;
}

.open-sidebar {
    webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.container-header {
    position: relative;
}

.header-style3 .bottom-header,
.header-style4 .bottom-header,
.header-style6 .bottom-header {
    margin: 15px 0px 0px 0px;
}

.header-style4 .container-header {
    position: relative;
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 2px;
}

.header-style4 #cssmenu > ul > li > a {
    padding: 32px 15px;
}

.header-style4 .Logo-Header {
    padding: 20px;
}

.header-style5 #header-main {
    padding-top: 30px;
}

.header-style4 #cssmenu > ul > li.has-sub > a::after,
.header-style6 #cssmenu > ul > li.has-sub > a::after,
.header-style7 #cssmenu > ul > li.has-sub > a::after,
.header-style8 #cssmenu > ul > li.has-sub > a::after {
    top: 48px;
}

.header-style4 .header-icon,
.header-style6 .header-icon,
.header-style7 .header-icon,
.header-style8 .header-icon {
    padding: 18px 10px;
}

.header-style4 .shop-cart-header,
.header-style6 .shop-cart-header,
.header-style7 .shop-cart-header,
.header-style8 .shop-cart-header {
    top: 55px;
}

.header-style4 .Block-Search,
.header-style6 .Block-Search,
.header-style7 .Block-Search,
.header-style8 .Block-Search {
    right: 90px;
}

.header-style6 .site-icons-ul a, .header-style6 .Icons-Search a,
.header-style7 .site-icons-ul a, .header-style7 .Icons-Search a,
.header-style8 .site-icons-ul a, .header-style8 .Icons-Search a {
    color: #404040;
}


.header-style6 .container-header {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #FFF;
    border-radius: 2px;
}

.header-style6 #cssmenu > ul > li > a {
    color: #404040;
    padding: 32px 15px;
}

.header-style5 .Logo-Header {
    width: 305px;
    text-align: center;
}

.header-style6 .Logo-Header {
    padding: 20px;
}

.header-style7 .bottom-header {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #FFF;
    border-radius: 2px;
}

.header-style7 #cssmenu > ul > li > a {
    color: #404040;
    padding: 32px 15px;
}

.header-style7 .Logo-Header {
    padding: 20px;
}

.header-style8 .container-header {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #FFF;
    border-radius: 2px;
}

.header-style8 #cssmenu > ul > li > a {
    color: #404040;
    padding: 32px 15px;
}

.header-style8 #header-main {
    top: 5px;
}

.header-style8 .Logo-Header {
    padding: 20px;
}

.header-style5 .social-ul {
    border: none;
}

.header-style6 #cssmenu {
    width: 100%;
}

.header-style7 .top-header {
    border-top: 1px solid #dedede;
}

.header-style9 .top-header {
    background: #000;
}

.header-style9 .contact-text ul li {
    border-left: 1px solid #383838;
}

.header-style9 .contact-text ul li:first-child {
    border: none;
}

.header-style9 .social-ul {
    border-right: 1px solid #383838;
}

.header-style9 .site-icons-ul ul li a {
    border: 1px solid #404040;
    color: #404040;
}

.header-style10 .top-header {
    background: #03529f;
}

.header-style10 .contact-text ul li {
    border-left: 1px solid #f5d164;
}

.header-style10 .contact-text ul li:first-child {
    border: none;
}

.header-style10 .social-ul {
    border-right: 1px solid #f5d164;
}

.header-style10 .contact-text ul li {
    color: #FFF;
}

.header-style10 .site-icons-ul ul li a {
    border: 1px solid #f5d164;
    color: #404040;
}

.header-style10 .social-ul ul li a {
    color: #f6f6f6;
}

.header-style10 .social-ul ul li a:hover {
    color: #404040;
}

.show-menu .header-style10 .site-icons-ul ul li a#open-button {
    border: 1px solid #404040;
    color: #404040;
}


#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
}

#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: #03529f;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#cssmenu > ul > li {
    float: left;
}

#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}

#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right > ul > li {
    float: right;
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu > ul > li > a {
    padding: 15px 15px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

#cssmenu > ul > li > a {
    /*padding-bottom: 25px;*/
}

.Header-Style4 #cssmenu > ul > li > a {
    padding: 42px 15px;
}


.Header-Style6 #cssmenu > ul > li > a {
    padding: 40px 10px;
}

#cssmenu > ul > li.current > a:before {
    width: 100%;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.current > a,
#cssmenu > ul > li.current > a i {
    background-color: rgba(255, 255, 255, 0.5);
    color: #384aae;
}

#cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 34px;
    left: 15px;
    opacity: 0;
    width: 20px;
    height: 2px;
    content: "";
    background: #000;
}

#cssmenu > ul > li.current > a::after {
    opacity: 1;
    background: #03529f;
}

#cssmenu > ul > li.has-sub:hover > a::after {
    opacity: 1;
    background: #03529f
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 1111111;
    margin-top: 0.8px;
}

#cssmenu li:hover > ul {
    left: auto;
}

#cssmenu.align-right li:hover > ul {
    right: 0;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: -1px;
    border: none;
    border-left: 1px Solid #e5e5e5;
}

#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#cssmenu ul ul li {
    height: auto;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
    border-bottom: 1px SOlid #e5e5e5;
    position: relative;
}

#cssmenu ul ul li a {
    text-decoration: none;
    min-width: 230px;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    padding: 15px 15px;
    line-height: 1;
    color: #616161;
    font-size: 13px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: #FFF;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#cssmenu ul ul li a:before {
    width: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    background: #f5f5f5;
    color: #03529f;
    padding-left: 25px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#cssmenu ul ul li.active a {
    background: #f5f5f5;
    color: #03529f;
    padding-left: 25px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


#cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #616161;
    border-right: 1px solid #616161;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
    border-color: #03529f;
}

li.has-sub.yamm-fullwidth ul {
    width: 100%;
    left: 0;
    right: 0;
    bottom: auto;
    border-bottom: 1px Solid #F5F5F5 !important;
    border-left: 1px Solid #F5F5F5;
    background: #FFF;
    border-top: 2px solid #03529f;
}

li.has-sub.yamm-fullwidth ul ul {
    width: 100%;
    left: 0 !important;
    display: block !important;
    right: auto;
    bottom: auto;
    border-bottom: 1px Solid #F5F5F5;
    border-left: 1px Solid #F5F5F5;
    margin: 0 !important;
    top: auto !important;
    background: #FFF;
    border-top: none !important;
    position: relative !important;
    border-bottom: none !important;
    border-left: 0 !important;
}

li.has-sub.yamm-fullwidth ul div {
    height: 100%;
    display: inline-block;
    min-height: 235px;
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: none;
}

li.has-sub.yamm-fullwidth ul div:first-child {
    border-left: 1px Solid #f5f5f5;
}

li.has-sub.yamm-fullwidth ul li {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

li.has-sub.yamm-fullwidth ul div h5 {
    font-size: 14px;
    padding: 15px;
    margin: 0;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #03529f;
    text-transform: uppercase;
}

.yamm-fullwidth ul div ul li {
    border-left: none !important;
    border-right: none !important;
}

.yamm-fullwidth ul div ul li:last-child {
    border-bottom: none !important;
}

.yamm-fullwidth ul div ul li a {
    padding: 12px 15px !important;
    line-height: 1;
    color: #9a9a9a;
    font-size: 13px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.yamm-fullwidth ul div ul li a:hover {
    padding: 12px 25px !important;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.yamm-fullwidth ul div ul li a i {
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 20px;
    color: #9a9a9a;
    line-height: 0;
}

.open-left ul {
    margin-left: -100% !important;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@media only screen and (min-width: 320px) and (max-width: 980px) {

    .collapse.float-right.navbar-collapse {
        width: 100%;
    }

    ul.flexnav.one-page.with-js.opacity.sm-screen.flexnav-show {
        z-index: 111;
    }

    #cssmenu {
        width: 100%;
        position: relative;
    }

    #cssmenu ul {
        width: 100%;
        position: relative;
        border: 1px SOlid #e5e5e5;
        border-top: 0px;
        margin-bottom: 15px !important;
    }

    #cssmenu.align-center > ul,
    #cssmenu.align-right ul ul {
        text-align: left;
    }

    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover > ul > li {
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(120, 120, 120, 0.15);
        border-bottom: none;
    }

    #cssmenu ul li {
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(120, 120, 120, 0.15);
        position: relative;
    }

    #cssmenu ul li a {
        width: 100%;
        font-size: 12px;
        font-weight: 400 !important;
        color: #404040;
        padding: 20px 15px !important;
        height: 52px;
    }

    #cssmenu ul ul li a {
        width: 100%;
        font-size: 12px;
        font-weight: 400 !important;
        color: #404040;
        padding: 20px 30px !important;
        height: 52px;
    }

    #cssmenu > ul > li,
    #cssmenu.align-center > ul > li,
    #cssmenu.align-right > ul > li {
        float: left;
        display: block;
    }

    #cssmenu ul ul li a {
        padding: 20px 20px 20px 30px;
        font-size: 12px;
        color: #000000;
        background: none;
    }

    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #000000;
    }

    #cssmenu ul ul ul li a {
        padding-left: 40px;
    }

    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0;
    }

    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
        display: none;
    }

    #menu-line {
        display: none;
    }

    #cssmenu #menu-button {
        display: block;
        color: #000000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        text-align: left;
    }

    #cssmenu #menu-button::before {
        content: '\f0c9';
        position: absolute;
        top: 39px;
        right: 20px;
        display: block;
        width: 15px;
        height: 3px;
        font: normal normal normal 18px FontAwesome;
        color: #2b2b2b;
    }

    #cssmenu #menu-button.menu-opened::before {
        top: -60px;
        right: 33px;
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        height: 52px;
        width: 52px;
        cursor: pointer;
    }

    #cssmenu .submenu-button::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 26px;
        display: block;
        width: 1px;
        height: 11px;
        background: #000000;
        z-index: 99;
    }

    #cssmenu .submenu-button::before {
        content: '';
        position: absolute;
        left: 21px;
        top: 26px;
        display: block;
        width: 11px;
        height: 1px;
        background: #000000;
        z-index: 99;
    }

    #cssmenu .submenu-button.submenu-opened:after {
        display: none;
    }

    li.has-sub.yamm-fullwidth ul div {
        border-right: none;
        height: 100%;
        display: inline-block;
        min-height: auto;
        padding: 0;
        width: 100%;
        margin: 0;
        border-left: 0 !important;
    }

    li.has-sub.yamm-fullwidth ul div:last-child {
        border-bottom: none;
    }


    li.has-sub.yamm-fullwidth ul {
        border-top: 0 !important;
    }


    li.has-sub.yamm-fullwidth ul div h5 {
        font-size: 12px;
        padding: 20px 15px;
        margin: 0;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        color: #03529f;
        text-transform: uppercase;
    }

    #cssmenu ul ul {
        border-top: none;
        margin-bottom: 0 !important;
        border: none !important;
    }

    #cssmenu ul ul ul {
        margin-left: 0 !important;
        top: -2px;
        border: none !important;
    }

    #cssmenu > ul > li.current > a:before {
        width: 0%;
    }

    .navbar-header {
        float: left;
        width: 60%;
        height: 50px;
    }


    .Navbar-Header {
        margin: 0;
        min-height: 50px;
        background: #FFF;
        border-radius: 0;
    }

    .Menu-Header {
        float: left;
        height: 90px !important;
        width: 100% !important;
    }

    .flexnav .touch-button {
        position: absolute;
        z-index: 11111;
        top: 0;
        right: 0;
        width: 50px;
        height: 52px;
        display: block !important;
        background: #acaca1;
        background: rgb(235, 235, 235);
        text-align: center;
    }

    .yamm-fullwidth ul .touch-button {
        display: none !important;
    }

    .header-style5 .Logo-Header {
        display: none;
    }

}

.top-header {
    padding: 0;
    margin-bottom: 5px;
}

.header-style2 .top-header {
    margin-bottom: 15px;
}

.contact-text ul {
    display: inline-block;
    float: left;
}

.contact-text ul li {
    display: inline-block;
    color: #FFFFFF;
    padding: 0px 5px;
    line-height: 20px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.contact-text ul li span {
    color: #FFFFFF;
    font-size: 12px;
}

.contact-text ul li:first-child {
    border: none;
}

li.header-link a {
    background: #404040;
    color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0 7px;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid #404040;
    display: inline-block;
}

li.header-link a:hover {
    background: #03529f;
    border: 1px solid #FCC10B;
}

.link-text {
    float: left;
    padding: 11px;
    border-right: 1px Solid #DEDEDE;
}

.contact-icon {
    position: relative;
}

.social-ul {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.social-ul ul li {
    display: inline-block;
}

.social-ul ul li:last-child {
    margin-right: 5px;
}

.social-ul ul li a {
    color: #e5e5e5;
    line-height: 30px;
    margin: 0 12px;
    font-size: 14px;
}

.social-ul ul li a:hover {
    color: #03529f;
}

.site-icons-ul {
    float: left;
    display: block;
    padding: 5px 0px;
}

.site-icons-ul ul li {
    display: inline-block;
    float: left;
    position: relative;
}

.site-icons-ul ul li a {
    width: 40px;
    height: 32px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    color: #FFF;
    display: inline-block;
    margin-left: 0px;
    line-height: 18px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    position: relative;
}

.shop-cart-header {
    position: absolute;
    top: 36px;
    width: 350px;
    right: 0;
    z-index: 111;
    background: #FFF;
    padding: 30px;
    border: 1px SOlid #e5e5e5;
    display: none;
}

.shop-cart-header.active {
    display: block;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.shop-cart-header ul li a {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.cart-details {
    display: inline-block;
    float: left;
}

.cart-details h3, .cart-details h3 a {
    margin: 0;
    font-size: 16px;
    color: #373636;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
}

.cart-details p {
    color: #a6a6a6;
    display: block;
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 22px;
}

.cart-details i {
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    color: #FFF;
    font-size: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.shop-cart-header ul li {
    display: inline-block;
    width: 100%;
    position: relative;
    border-bottom: 1px Solid #E5E5E5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.shop-cart-header ul li:last-child {
    margin-bottom: 0;
}

.Subtotal-block h2 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    font-family: Ubuntu;
    float: left;
    width: 100%;
    line-height: 22px;
}

.Subtotal-block {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.Subtotal-block h2 span {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 14px;
    line-height: 22px;
}

.Link-Cart {
    float: left;
    display: inline-block;
    width: 100%;
}

.Link-Cart a {
    width: 100%;
    margin-bottom: 10px;
    background: #f6f6f7;
    border: 1px Solid #e5e5e5;
    border-radius: 2px;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    padding: 7px;
}

.Link-Cart a:last-child {
    margin: 0;
}

.Link-Cart a:hover {
    background: #03529f;
    color: #FFF;
    border: 1px Solid #03529f;
}

li.open-shop-cart.select a {
    color: #FFF;
    background: #03529f;
}

.site-icons-ul ul li a p {
    position: absolute;
    top: -9px;
    right: 0px;
    background: #F9BE08;
    height: 17px;
    width: auto;
    padding: 0px 5px;
    color: #FFF;
    line-height: 17px;
    font-size: 12px;
    border-radius: 3px;
}

.Navbar-Header {
    margin: 0;
    min-height: 50px;
}

.search-wrapper.float-right.selected .Icons-Search a {
    color: #F9BE08;
}

.Icons-Search {
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.Icons-Search a {
    color: #FFFFFF;
    display: inline-block;
    margin-left: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 30px;
}

.selected .Icons-Search a {
    background: #03529f;
    border-radius: 2px;
    color: #FFF;
}

.Block-Search {
    position: absolute;
    right: 80px;
    width: 20%;
    background: #03529F;
    z-index: 111;
    display: inline-block;
    padding: 10px 10px;
    text-align: center;
    transform: translateY(38px);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.Block-Search input {
    position: relative;
    z-index: 11111111;
    display: block;
    padding: 5px 8px !important;
    width: 100%;
    border: none !important;
    color: #FFF;
    border: none !important;
    margin: auto;
    font-size: 12px;
}

.Block-Search button {
    background-color: transparent;
    border: none;
    color: #999999;
    font-size: 17px;
    float: right;
    line-height: 25px;
}

/*   Revolution Slider        */

.caption-icon {
    font-size: 64px;
    line-height: 100px;
    color: #FFF;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 2px 2px 2px 2px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.caption-icon span {
    font-size: 64px;
    line-height: 100px;
    color: #FFF;
    text-decoration: none;
    text-shadow: none;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 2px 2px 2px 2px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
}

.metis.tparrows {
    background: #fff;
    padding: 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 40px;
    height: 40px;
    font-size: 23px;
    text-align: center;
    box-sizing: border-box;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.hermes .tp-bullet {
    width: 18px;
    height: 5px;
    background: #d6d6d6;
    display: inline-block;
    margin: 0 3px;
    box-shadow: none;
    border-radius: 0px;
}

.hermes .tp-bullet.selected:after, .hermes .tp-bullet:hover {
    background: #03529f;
}


/*   05 - Our Services             */

.service_wrapper {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-bottom: 30px;
}

.service-overlay {
    position: relative;
}

.service_wrapper img {
    vertical-align: -webkit-baseline-middle;
}

.overlay-middle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 30px;
    color: #a6a6a6;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 13px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.title-section p {
    color: #3e50b4;
    position: relative;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.title-section h3:before {
    display: inline-block;
    margin-right: 7px;
    background-color: #384aae;
    top: 70px;
    content: " ";
    height: 8px;
    left: 50%;
    position: absolute;
    width: 8px;
}

.title-section h3 {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1b1a1a;
    margin-bottom: 45px;
    margin-top: 0px;
}

.title-section h2 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase;
    color: #1b1a1a;
}

.description-welcome p {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    width: 67%;
    display: inline-block;
}

.description-welcome a {
    float: right;
    background: #384aae;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    margin-top: 15px;
}

.description-welcome a:hover {
    background: #404040;
    color: #FFF;
}

.service_wrapper.service-style-1 {
    margin-bottom: 0px;
}

.service_wrapper.service-style-2 {
    margin-bottom: 0px;
}

.welcome-Block {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #000000;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.wight-text, .wight-text h4 {
    color: #FFF !important;
}

.welcome-Block:hover .Top-welcome {
    opacity: 0;
}

.welcome-Block:hover .Top-welcome h4, .welcome-Block:hover .Top-welcome i {
    z-index: 0;
    position: relative;

}

.Top-welcome {
    padding: 85px 0 90px 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.Top-welcome i {
    font-size: 32px;
    margin-bottom: 20px;
    display: block;
    z-index: 11;
    position: relative;
}

.Top-welcome h4 {
    font-weight: 500;
    font-size: 24px;
    color: #1b1a1a;
    z-index: 1;
    position: relative;
}

.Top-welcome img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;

}

.service-black {
    background-color: rgba(0, 0, 0, 0.74);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-repeat: repeat-x repeat-y;
    overflow: auto;
    opacity: 1;
    z-index: 1;
}


.img-opacity img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.welcome-Block:hover .img-opacity img {
    opacity: 1;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;

}


.welcome-Block:hover .img-opacity {
    opacity: 1;
}


.hover-welcome-img {
    background: rgba(250, 191, 9, 0.90) !important;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
}

.hover-welcome {
    opacity: 0;
    background: #384aae;
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -moz-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -ms-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    -o-transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    transition: bottom 0.5s ease, opacity 0.5s ease-out 0s;
    padding: 17% 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.welcome-Block:hover .hover-welcome {
    opacity: 1;
    bottom: 0;
}

.hover-welcome p {
    font-size: 13px;
    color: #333;
}

.hover-welcome a {
    background: #ffffff;
    color: #000000;
    margin-top: 15px;
    font-size: 12px;
    font-family: 'Open Sans';
    padding: 5px 12px;
}

.hover-welcome a:hover {
    background: #f3f3f3;
    color: #333;
}

.home-call-to-action {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #666666;
    font-family: 'Raleway', sans-serif;
    padding: 30px;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 1px;
    -webkit--moz-border-radius: 1px;
    -o-moz-border-radius: 1px;
    margin-top: 50px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.home-call-to-action a {
    float: right;
    margin: 5px 0px 0px 20px;
    padding: 8px 38px;
}

.home-call-to-action p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #666666;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0;
}

.parallax-call-to-action {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #666666;
    font-family: 'Raleway', sans-serif;
    padding: 25px 30px;
    border: 1px solid rgba(229, 229, 229, 0.2);
    -moz-border-radius: 1px;
    -webkit--moz-border-radius: 1px;
    -o-moz-border-radius: 1px;
    margin: 0 0 0;
    background: transparent;
}

.parallax-call-to-action a {
    float: right;
    padding: 8px 38px;
    margin: 5px 0px 0px 20px;
    background: #384aae;
}

.parallax-call-to-action a:hover {
    color: #384aae;
    background: #FFF;
}

.parallax-call-to-action p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0;
}

.color-call {
    border: 1px Solid #FFF;
}

.color-call a {
    background: #404040;
}

.light-call {
    border: 1px solid #e5e5e5;
}

.light-call p {
    color: #666666;
}

.light-call a {
    background: #404040;
}


.welcome_wrapper .number {
    color: #384aae;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    margin: 0 0 5px;
}

.welcome_wrapper h5 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin: 10px 0 10px;
    color: #373636;
    text-transform: uppercase;
}

.welcome_wrapper p {
    margin: 0 0 20px;
    font-size: 13px;
    color: #a6a6a6;
    line-height: 22px;
}

.welcome_wrapper a {
    color: #404040;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.welcome_wrapper a:hover {
    color: #384aae;
}

.none-padding {
    padding: 0 !important;
}

.none-margin {
    margin: 0 !important;
}

.services-block-img {
    overflow: hidden;
    position: relative;
}

.block-services {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    padding: 90px 0px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-block-img img {
    width: 100%;
}

.block-services h4 a {
    color: #ffffff;
    font-weight: 400;
    margin-top: 20px;
    font-size: 24px;
    font-family: Raleway, sans-serif;
}

.block-services i {
    font-size: 64px;
    line-height: 64px;
    color: #FFF;
}

.block-services p {
    color: #ffffff;
    font-size: 13px;
    font-family: Open Sans, sans-serif;
    opacity: 0;
    width: 100%;
}

.services-block-img:hover .block-services p {
    opacity: 1;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-block-img:hover .block-services {
    padding: 63px 0px;
    background: #000000 !important;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.title-service {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.title-service h3 {
    margin-bottom: 0;
    margin-top: 10px;
}

.title-service h3 a {
    color: #FFF;
    font-size: 24px;
    line-height: normal;
    display: block;
    font-weight: 500;
    position: relative;
    font-family: 'Raleway', sans-serif;
}

.service-style-2 .title-service i {
    left: 0;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 32px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    margin: 0px 20px 0px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.4);
}

.service-style-2 .title-service h3 {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.service-style-2 p {
    margin-bottom: 0 !important;
}

.title-service i {
    text-align: center;
    background: #000000;
    width: 52px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 32px;
    color: #FFF;
    position: relative;
    top: 0px;
    left: 0;
}

.service_wrapper p {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #a6a6a6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 15px;
}

.service-content p {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #a6a6a6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
}

.service-content h3 a {
    font-size: 24px;
    font-weight: 600;
    color: #1b1a1a;
    margin-bottom: 45px;
    margin-top: 0px;
    font-family: Raleway, sans-serif;
}

.service-content a.btn {
    background: none !important;
    border: 1px Solid #e5e5e5;
    color: #000 !important;
    font-size: 12px;
}

.service-content a.btn:hover {
    background: #384AAE !important;
    border: 1px Solid #384AAE;
    color: #FFF !important;
}

.service_wrapper a.btn {
    background: #404040;
    color: #ffffff;
    padding: 5px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.service_wrapper:hover a.btn {
    background: #000;
}

ul.service-small li {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

ul.service-small li:last-child {
    margin-bottom: 0;
}

.service-small li > a {
    float: left;
}

.service-small > li > a img {
    width: 80px;
    height: 80px;
    float: left;
    margin: 5px 20px 0px 0;
    max-width: 80px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.service-small > li h6 {
    padding-left: 70px;
    font-size: 14px;
    line-height: 24px;
    color: #acacac;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
}

.service-small > li h6 a {
    display: inline;
    padding: 0;
    font-size: 18px;
    font-family: Raleway, sans-serif;
    color: #000;
    font-weight: 700;
}

.service-small > li h6 a:hover {
    color: #384aae;
}

ul.service-small li p {
    font-size: 13px;
    color: #a6a6a6;
    padding-left: 81px;
    line-height: 22px;
}

.service-small-right ul li {
    margin-bottom: 30px;
}

.item-features {
    padding: 30px;
    background-color: #fafafa;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.features-box .col-md-6:nth-child(2) {
    margin-bottom: 30px;
}

.item-features i {
    font-size: 32px;
    line-height: 32px;
    color: #384aae;
    margin: 0 0 16px;
    display: block;
}

.item-features h6 {
    margin: 0 0 5px;
}

.item-features h6 a {
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #373636;
}

.item-features p {
    color: #a6a6a6;
    line-height: 22px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.services-style2 .block-services i {
    font-size: 32px;
    line-height: 32px;
}

.services-style2:hover .block-services {
    padding: 30px 10px;
}

.services-style2 a.btn {
    padding: 5px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    font-family: 'Open Sans';
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    background: transparent;
    border: 1px Solid #384aae;
    color: #384aae;
}

.services-style2 a.btn:hover {
    border: 1px Solid #FFF;
    color: #FFF;
}

.services-style2 .block-services p {
    margin-bottom: 15px;
    display: inline-block;
}

.services-style2:hover a.btn {
    opacity: 1;
}

.services-style3 .block-services i {
    font-size: 32px;
    line-height: 32px;
}

.services-style3:hover .block-services {
    padding: 55px 10px;
    background: rgba(56, 74, 174, 0.90) !important;
}

.services-style3 img {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.services-style3:hover img {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.services-style3 .block-services {
    background: #FFF;
    border: 1px Solid #e5e5e5;
}

.services-style3 .block-services i, .services-style3 .block-services h4 a {
    color: #000;
}

.services-style3:hover .block-services i,
.services-style3:hover .block-services h4 a {
    color: #FFF;
}

/*   06 - Our Projects             */


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

#Projects-Slider-full .portfolio-item {
    padding: 0;
}

.portfolio-items {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

ul#filters {
    text-align: center;
}

ul#filters li {
    display: inline-block;
}

ul#filters li a {
    color: #666666;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 1px 10px;
    border: none;
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    font-family: "Ubuntu", sans-serif;
    display: inline-block;
    text-transform: uppercase;
}

ul#filters li a:before {
    content: "";
    vertical-align: middle;
    background: transparent;
    display: inline-block;
    margin-right: 4px;
    position: absolute;
    top: 25px;
    left: 10px;
    width: 10px;
    height: 2px;
}

ul#filters li.active-link a {
    color: #384aae;
}

ul#filters li.active-link a:before {
    content: "";
    vertical-align: middle;
    background: #384aae;
    display: inline-block;
    margin-right: 4px;
}

.portfolio-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    padding: 0px 15px;
}

.projectItem {
    position: relative;
    overflow: hidden;
}

.projectItem img {
    width: 100%;
}

.projectItem-hover {
    position: absolute;
    top: 0;
    padding: 10px;
    width: 100%;
    text-align: center;
    background: rgba(64, 64, 64, 0.95);
    height: 100%;
    display: none;

}

.projectItem-co {
    position: relative;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Bootom-ProjectItem h2 {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    margin: 25px 0px 20px 0px;
    text-align: center;
    clear: both;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    font-family: "Raleway";
    text-transform: uppercase;
}

.line-grid {
    background-color: #a6a6a6;
    bottom: 0;
    top: 7px;
    content: " ";
    height: 3px;
    left: 50%;
    margin-left: -10px;
    position: relative;
    width: 20px;
}

.Bootom-ProjectItem a {
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 300;
    padding: 5px 15px 5px 15px;
    border-radius: 2px 2px 2px 2px;
    background-color: #384aae !important;
}

.Bootom-ProjectItem a:hover {
    color: #ffffff;
    background-color: rgba(166, 166, 166, 1.00) !important;
}

.Top-ProjectItem p, .Top-ProjectItem p a {
    font-size: 12px;
    line-height: 22px;
    color: #a6a6a6;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2 !important;
    font-family: "Open Sans";
    text-transform: capitalize;
}

.Top-ProjectItem p a:hover {
    color: #384aae;
}

.fancybox-margin {
    margin-right: 0 !important;
}

#latestnews .pagination {
    margin-bottom: 20px;
}

#latestnews .inner {
    padding-bottom: 70px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.pagination-style1 span {
    color: #666666;
    background: #f6f6f6;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    border: none;
    width: 42px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    margin: 0px 2px 0;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 20px;
    cursor: pointer;
}

.pagination-style1 i {
    color: #666666;
    background: #f6f6f6;
    font-weight: bold;
    border: none;
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    line-height: 42px;
    margin: 0px 2px 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 20px;
    cursor: pointer;
}

.pagination-style1 span:hover, .pagination-style1 i:hover {
    background: #384aae;
    color: #FFF;
}

.pagination-style1 span.active {
    background: #384aae;
    color: #FFF;
}

/*   07 - Portfolio Single         */

section#portfolio-post .col-md-9 {
    padding-left: 0px;
}

section#portfolio-post .col-md-3 {
    padding-right: 0px;
}

.line-break {
    border-bottom: 2px Solid #c1c1c1;
    width: 30px;
    display: inline-block;
    margin-top: 12px;
}

.Top-Title-Page h3 {
    color: #373636;
    font-size: 17px;
    margin-top: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.content-single-page {
    margin-top: 20px;
    background: #f6f6f6;
    padding: 30px;
    display: inline-block;
    width: 100%;
}


.Social-Project {
    margin-top: 20px;
}

.Social-Project .jssocials-share {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

.Social-Project .jssocials-share a {
    float: left;
    list-style: none;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #FFF;
}

.Social-Project .jssocials-share-count span {
    color: #FFF;
    line-height: 32px;
}

.jssocials-share-count span {
    color: #FFF;
    line-height: 25px;
}

.jssocials-share {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

.jssocials-share a {
    float: left;
    list-style: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #FFF;
}

.jssocials-share a:hover, .jssocials-share a:focus {
    color: #FFF;
}

.jssocials-share-facebook {
    background: #5d82d1;
    border-radius: 2px;
}

.jssocials-share-twitter {
    background: #40bff5;
    border-radius: 2px;
}

.jssocials-share-googleplus {
    background: #eb5e4c;
    border-radius: 2px;
}

.jssocials-share-pinterest {
    background: #ef4e41;
    border-radius: 2px;
}

.jssocials-share-dribbble {
    background: #f7659c;
    border-radius: 2px;
}

.jssocials-share-linkedin {
    background: #238cc8;
    border-radius: 2px;
}

.jssocials-share-email {
    background: #4396FF;
    border-radius: 2px;
}

.jssocials-share-count-box {
    display: inline-block;
    float: right;
    padding: 0px 10px;
}

.jssocials-share-no-count {
    padding: 0;
}

.jssocials-share-count-box span {
    color: #FFF;
}


.content-single-page p {
    font-size: 13px;
    color: #777777;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
}

.Data-Post ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.Data-Post ul li p {
    margin: 0;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666666;
}


.Data-Post ul li span {
    font-size: 13px;
    font-weight: 400;
    color: #b2b2b2;
}


.Social-Content {
    display: block;
    margin-top: 7px;
    float: left;
}

.Social-Content li, .Social-Content li a {
    float: left;
    list-style: none;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #FFF;
    margin-right: 5px;
}

.Social-Content li.facebook {
    background: #5d82d1;
    border-radius: 2px;
}

.Social-Content li.twitter {
    background: #40bff5;
    border-radius: 2px;
}

.Social-Content li.google {
    background: #eb5e4c;
    border-radius: 2px;
}

.Social-Content li.pinterest {
    background: #ef4e41;
    border-radius: 2px;
}

.Social-Content li.dribbble {
    background: #f7659c;
    border-radius: 2px;
}

.Navigation-page {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.Navigation-page a {
    background: #384aae;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 3px;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Navigation-page a p {
    display: inline-block;
    margin-bottom: 0;
    color: #FFF;
}

.Navigation-page a i {
    font-size: 17px;
    margin-right: 15px;
    line-height: 22px;
}


.Navigation-page a.next {
    float: right;
    width: 45px;
    height: 45px;
    color: #000;
    background: #F6F6F6;
    overflow: hidden;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
}

.Navigation-page a.Previous {
    float: left;
}

.Navigation-page a:hover p {
    opacity: 1 !important;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.4s ease-out;
}

.Navigation-page a:hover {
    background: #384aae;
    color: #FFF;
    width: 159.5px;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.Navigation-page a.next p {
    position: absolute;
    top: 10px;
    width: 60%;
    opacity: 0;
    color: #FFF;
    text-align: center;
}

/*   08 - Accordions               */

.accordions-style1 {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0 20px;
    float: left;
    width: 100%;
}

.section-content {
    border-top: 1px solid #e5e5e5;
}

.section-content:first-child {
    border-top: none;
}

h4.tap-title a {
    font-family: 'Ubuntu';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    border-left: none;
    border-bottom: none;
    border-right: none;
    color: #373636;
    background: none;
}

h4.tap-title.active {
    margin-bottom: 25px;
}

h4.tap-title a i {
    position: relative;
    float: right;
    margin-top: 5px;
    font-size: 12px;
    color: #384aae;
}

.accordions .tap-inner {
    margin: 0;
}

.section-content {
    float: left;
    width: 100%;
}

h4.tap-title {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tap-inner {
    margin-bottom: 6px;
    float: left;
}

.tap-inner p {
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 21px;
    color: #a6a6a6;
    margin-bottom: 0;
    width: 100%;
    display: block;
    margin-top: -5px;
}


.tap-inner img {
    width: 245px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}


/*   09 - latest news              */

.latestnews .item-post {
    border: 1px solid #e5e5e5;
    background: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.latestnews-grid .item-post {
    margin-bottom: 30px;
}

.home-latestnews .item-post {
    margin-bottom: 0;
}

.features-style1 .col-xs-6:nth-child(3) .item-features, .features-style1 .col-xs-6:nth-child(4) .item-features {
    margin-bottom: 0;
}

.blog-standard .item-post {
    margin: 0;
}

.latestnews .item-post .img-post {
    position: relative;
}

.latestnews .item-post img {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.latestnews .item-post .icon-post-type {
    background: #373636;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: -15px;
    left: 20px;
}

.blog-standard .item-post .icon-post-type {
    bottom: -25px;
}

.latestnews .item-post .info-post {
    padding: 30px 25px 30px;
}

.latestnews-grid .item-post .info-post {
    padding: 20px 20px 20px;
}

.latestnews .item-post .info-post h5 {
    padding: 8px 0px 15px 0px;
    margin: 0;
}

.latestnews .item-post .info-post h5 a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    color: #373636;
    display: inline-block;
    font-size: 17px;
}

.latestnews .item-post .info-post h5 a:hover {
    color: #384aae;
}

.blog-standard {
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
}

.blog-standard .item-post .info-post h5 {
    padding: 20px 0px 10px 0px;
    margin: 0;
}

.blog-standard .item-post .info-post h5 a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    color: #373636;
    display: inline-block;
    font-size: 25px;
}


.latestnews .meta-post {
    border: 1px solid #e5e5e5;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    color: #666666;
    line-height: 28px;
    margin-bottom: 18px !important;
}

.latestnews .meta-post a {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    line-height: 28px;
}

.latestnews .meta-post li {
    border-right: 1px solid #e5e5e5;
    padding: 0 8px;
    display: inline-block;
    list-style: none;
}

.latestnews .meta-post li span.date {
    color: #b2b2b2;
    font-size: 12px;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    line-height: 28px;
}

.latestnews .meta-post li:last-child {
    border-right: none;
}

.latestnews .info-post p {
    font-weight: 400;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
}

.blog-standard .meta-post {
    border: none;
}

.img-post a.fancybox-media {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    opacity: 0;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.img-post a.fancybox-media i {
    background: rgba(255, 255, 255, 0.70);
    font-size: 21px;
    line-height: 40px;
    border-radius: 5px;
    padding: 5px 30px;
    text-align: center;
    color: #373636;
}

.img-post:hover a.fancybox-media {
    opacity: 1;
}


.info-post a.btn {
    background: #384AAE;
    padding: 5px 10px;
    font-size: 13px;
    margin-top: 30px;
}

.info-post a.btn:hover {
    background: #373636;
}

.blog-standard .owl-pagination {
    display: none;
}

.customNavigation {
    width: 16%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 15px 23px;
}

.customNavigation a {
    background: #FFF;
    width: 40px;
    height: 40px;
    line-height: 26px;
    font-size: 18px;
    margin: 10px 0px;
    color: #2b2b2b;
    text-align: center;
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
}

a.btn.next {
    float: right;
}

.customNavigation a:hover {
    background: #384aae;
    color: #FFF;
}

.Under-Post {
    padding: 0px 30px 30px;
}

.post-tags h5 {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 17px;
}

.post-tags {
    margin-bottom: 30px;
}

.share-post {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #f6f6f6;
    padding: 30px;
}

.item-post h5 {
    color: #373636;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.icons {
    float: right;
}

.icons .jssocials-share a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 34px;
}

.author-box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #f6f6f6;
    padding: 30px;
    margin: 0 0 70px;
}

.author-box img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    margin: 0 20px 20px 0;
    width: auto !important;
    max-width: 64px;
    float: left;
}

.author-box h6 {
    color: #373636;
    font-weight: 700;
    clear: none;
    margin-bottom: 15px;
    margin-top: 0;
}

.author-box p {
    color: #a6a6a6;
    font-size: 13px;
    line-height: 22px;
}

.Title-Comment h3 {
    font-size: 19px;
    color: #373636;
    font-family: 'Ubuntu', sans-serif;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.Block-Comment {
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
}

.Comments-Post li:last-child .Block-Comment {
    margin-bottom: 0;
}

.Comments-Post ul li ul:last-child .Block-Comment {
    margin-bottom: 30px;
}

.Comments-Post ul li img {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.Comments-Post ul li h4 {
    margin-bottom: 10px;
    margin: 0;
    font-weight: 700;
    color: #373636;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
}

.Comments-Post ul li span {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #afb0b4;
}

.Comments-Post ul li span a {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #384aae;
    padding: 2px 15px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    font-weight: 400;
    line-height: 20px;
}

.Comments-Post ul li span a:hover {
    background: #373636;
}

.Comments-Post ul li p {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #a6a6a6;
    margin: 8px 0px 0px 60px;
    font-weight: 400;
}

.Comments-Post ul li ul {
    margin-left: 70px;
}

.Add-Comment {
    margin-top: 70px;
}


/*   10 - Testimonial              */


.item-testimonial {
    padding: 0px 15px;
}

.item-testimonial .quote-client p {
    font-family: Raleway;
    font-size: 17px;
    line-height: 27px;
    font-style: italic;
    color: #a6a6a6;
    font-weight: 400;
}

.item-testimonial .quote-client {
    background: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 30px 20px 30px 65px;
    position: relative;
    font-family: Raleway;
    font-size: 17px;
    line-height: 27px;
    font-style: italic;
    color: #a6a6a6;
    box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    -moz-box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    -webkit-box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    margin-bottom: 15px;
}

.item-testimonial .quote-client:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    font-size: 28px;
    color: #666666;
    position: absolute;
    top: 30px;
    left: 20px;
    font-style: normal;
}

.item-testimonial .quote-client:after {
    content: "";
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #ffffff;
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: -20px;
    right: 0;
    font-style: normal;
}

.item-testimonial .info-client .avata {
    float: left;
    margin-right: 13px;
}

.item-testimonial .info-client .avata img {
    border-radius: 3px;
}

.item-testimonial .info-client .client-name {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 16px;
    color: #373636;
    display: block;
    margin-bottom: 5px;
}

.item-testimonial .info-client .client-position {
    display: block;
    font-family: 'Ubuntu';
    font-size: 13px;
    line-height: 18px;
    color: #384aae;
}

#Our-clients {
    border: 1px solid #e5e5e5;
}

a.item-client {
    display: inline-block;
    padding: 24px 12px;
    background: #FFF;
    border-right: 1px Solid #E5E5E5;
}

.clients-row a.item-client {
    border: none;
    padding: 20px 0px;
    margin-bottom: 15px;
    background: #FFF;
    margin: 0px 10px 30px 10px;
    box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    -moz-box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
    -webkit-box-shadow: 0 2px 3px 0 rgba(39, 41, 48, 0.08);
}

.clients-row a.item-client img {
    opacity: 0.75;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clients-row a.item-client:hover img {
    opacity: 1;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#Testimonials-1col .owl-controls {
    display: none !important;
}

#Testimonials-2col .owl-controls {
    display: none !important;
}

#Testimonials-3col .owl-controls {
    display: block !important;
}

#Projects-Slider-full .owl-controls {
    margin-top: 50px;
    display: block !important;
}

#Projects-Slider-full .owl-controls .owl-buttons {
    display: none !important;
}

.owl-theme .owl-controls {
    margin-top: 40px;
    text-align: center;
    display: none !important;
}

.loade-more a {
    background: #384aae;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    margin-top: 50px;
}

.loade-more a:hover {
    background: #404040;
    color: #FFF;
}


/*   11 - Footer                   */

#footer {
    background: #191919;
    padding-top: 100px;
    padding-bottom: 65px;
}

.line-div {
    background: #2E2E2E;
    width: 100%;
    display: inline-block;
    height: 1px;
    margin-top: 60px;
    padding: 0px 15px;
    position: relative;
    float: right;
}

.top-footer {
    display: inline-block;
    width: 100%;
    padding-bottom: 70px;
    margin-bottom: 70px;
    border-bottom: 1px Solid #242424;
}

.footer-box {
    border: 1px solid #2e2e2e;
    padding: 18px 30px 15px;
    min-height: 125px;
    color: #666666;
    position: relative;
    min-height: 100px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    float: left;
    width: 100%;
}

.footer-box-item {
    display: inline-block;
    float: left;
    position: relative;
}

.footer-box-follow {
    display: inline-block;
    position: relative;
}

.footer-box span.icon {
    width: 50px;
    height: 50px;
    color: #FFF;
    font-size: 32px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
}

.fotter-follow {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.fotter-follow ul li {
    display: inline-block;
}

.fotter-follow ul li a {
    background-color: #141414;
    color: #acacac;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    height: 32px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    margin: 0 4px 4px 0;
}

.fotter-follow ul li a:hover {
    color: #384aae;
}

.footer-style-2 .footer-box span.icon {
    background: #384AAE;
    line-height: 52px;
}

.footer-style-2 a.btn.button-primary.cta-button {
    margin-top: 0;
    padding: 14px 20px;
}

.footer-style-4 #bottom-footer {
    background: none;
    margin-top: 65px;
    border-top: 1px Solid #2E2E2E;
}

.footer-style-4 {
    padding-bottom: 0 !important;
}

.footer-style-5 .top-footer {
    padding-top: 65px;
    margin-top: 65px;
    border-top: 1px Solid #2E2E2E;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.footer-style-6 .top-footer {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px Solid #242424;
}

.footer-box h6 {
    color: #3e50b4;
    font-weight: 700;
    line-height: 10px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 5px;
    padding-left: 70px;
}

.footer-box p {
    padding-left: 70px;
    font-size: 13px;
    margin: 0;
    color: #999999;
    line-height: 22px;
}

.footer-box p span {
    font-weight: 400;
    color: #666666;
    font-size: 13px;
}

.footer-block h6 {
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 24px;
}

.date-value {
    color: #666666;
    padding: 5px 0 20px 20px;
    font-family: 'Open Sans', sans-serif;
}

.date-value:last-child {
    padding-bottom: 0;
}

.textwidget p {
    color: #999999;
    font-size: 13px;
    margin: 0;
}

a.btn.button-primary.cta-button {
    background: #384AAE;
    font-size: 19px;
    font-weight: 600;
    margin-left: 55px;
    margin-top: 5px;
    padding: 15px 20px;
    text-transform: none;
    font-family: Raleway;
    float: right;
    display: inline-block;
}

.Bullets ul li {
    color: #acacac;
    font-size: 13px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #242424;
    padding-top: 0;
    text-transform: uppercase;
}

.Bullets ul li a {
    color: #acacac;
    font-size: 13px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}


.footer-block .Bullets ul li {
    color: #acacac;
    font-size: 13px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #242424;
    padding-top: 0;
    text-transform: uppercase;
}

.footer-block ul.list.prim.list-arow li:before {
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #384aae;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

.footer-block .Bullets ul li a {
    color: #acacac;
    font-size: 13px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}

.footer-block .Bullets ul li:last-child {
    border-bottom: none;
}

.footer-block .Bullets ul li a:hover {
    color: #384aae;
}

ul.list.prim.list-arow li:before {
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #384aae;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.news-footer li {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

ul.news-footer li:last-child {
    margin-bottom: 0;
}

.news-footer li > a {
    float: left;
}

.news-footer > li > a img {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px 20px 0px 0;
    max-width: 60px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.news-footer > li h6 a {
    display: inline;
    padding: 0;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #acacac;
    text-transform: uppercase;
    font-weight: 700;
}

.news-footer > li h6 a:hover {
    color: #384aae;
}

.news-footer > li h6 {
    padding-left: 70px;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Ubuntu', sans-serif;
    color: #acacac;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.news-footer li > .news-date {
    display: block;
    color: #666666;
    font-size: 11px;
    padding-left: 70px;
}

.news-footer li > .news-date a {
    color: #b2b2b2;
    font-size: 11px;
}

.news-footer li > .author {
    display: block;
    color: #666666;
    font-size: 11px;
    padding-left: 80px;
}

#tweets-footer li {
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
    margin-bottom: 30px;
    line-height: 22px;
}

#tweets-footer li:last-child {
    margin-bottom: 0;
}

#tweets-footer li a, #tweets-footer li i {
    color: #384aae;
    font-size: 13px;
    font-weight: 600;
}

#tweets-footer li .date {
    color: #9f9e9e;
    display: block;
    font-size: 11px;
    padding-top: 10px;
}

#bottom-footer {
    background-color: #141414;
    padding: 34px 0;
    color: #acacac;
}

.copyright {
    color: #666666;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.copyright p {
    margin-bottom: 0;
}

label.footer-link {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
    margin-left: 15px;
}

label.footer-link a {
    color: #acacac;
}

ul.nav-ul {
    text-align: right;
}

.footer-nav ul li a:hover, label.footer-link a:hover {
    color: #384aae;
}

.footer-nav.social ul {
    padding: 17px 0px;
    text-align: right;
}

.footer-nav ul li {
    list-style: none;
    display: inline-block;
    padding: 0 0 0 20px;
}

.footer-nav ul li a {
    color: #acacac;
}

.bg-icon span.icon {
    background: #384aae;
    border-radius: 2px;
}

.bg-box {
    background: #242424;
    border: 1px solid #242424;
}

.Newsletter {
    margin-top: 30px;
    padding: 5px;
    background: #242424;
    display: inline-block;
    width: 100%;
}

.Newsletter input {
    background: #242424 !important;
    border: none !important;
    font-size: 13px;
    font-style: italic;
    width: 82%;
    padding: 3px 13px !important;
    color: #e2e2e2;
}

.Newsletter button {
    background: #384aae;
    padding: 5px 10px;
    display: inline-block;
    line-height: 0;
    float: right;
    color: #FFF;
}


/*   13 - Page Title               */

.Page-title-Style1 {
    background: url(../images/vulcanizare/vulcanizare-piese-arad1.jpg) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style2 {
    background: url(../images/page/Projects-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style3 {
    background: url(../images/vulcanizare/vulcanizare-piese-arad2.jpg) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style4 {
    background: url(../images/page/Shop-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style5 {
    background: url(../images/page/Blog-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style6 {
    background: url(../images/page/Testimonials-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style7 {
    background: url(../images/vulcanizare/vulcanizare-piese-arad3.jpg) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style8 {
    background: url(../images/page/Features-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style9 {
    background: url(../images/page/Error-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.Page-title-Style10 {
    background: url(../images/page/Team-title-bg.png) top center;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.inner-title-container {
    padding-top: 70px;
    padding-bottom: 70px;
}

.title-icon span {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 32px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    margin: 0px 20px 0px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.30);
}

.title-text h6 {
    font-family: Ubuntu;
    font-weight: 400;
    margin-bottom: 15px;
    color: #0a0c18;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
}

.title-text h2 {
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: Raleway;
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 2px;
}

.breadcrumb-trail.breadcrumbs {
    text-align: right;
    padding: 17px 0px;
}

.breadcrumbs span {
    color: #f3f3f3;
}

.breadcrumb li a, .breadcrumbs a {
    color: #b2b2b2;
}

.breadcrumb li a:hover, .breadcrumbs a:hover {
    color: #384aae;
}


.breadcrumbs .sep {
    padding-right: 7px;
    padding-left: 3px;
}

.breadcrumbs span {
    color: #f3f3f3;
}

/*   12 - Our Team                 */

.team-item-block {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.team-overlay {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 30px 20px;
    color: #a6a6a6;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 13px;
    opacity: 0;
}

.team-item-block:hover .team-overlay {
    opacity: 1;
}

.team-overlay p {
    display: block;
    font-size: 13px;
    color: #a6a6a6;
}

.team-thumb {
    position: relative;
}

.team-thumb img {
    width: 100%;
}

.team-icons {
    bottom: 30px;
    left: auto;
    position: absolute;
    z-index: 99;
}

.team-icons a {
    background-color: #384aae;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    margin-right: 8px;
    height: 36px;
    width: 36px;
}

.team-icons a:hover {
    background-color: #a6a6a6;
    color: #384aae;
}


.info-team {
    padding: 25px 15px;
}

.info-team h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #373636;
    font-family: 'Ubuntu', sans-serif;
}

.team-company {
    font-size: 12px;
    color: #666666;
    margin-bottom: 0;
}

/*   14 - Pages                    */

.section-404 {
    text-align: center;
    padding-bottom: 70px;
}

.section-404 h1 {
    font-size: 250px;
    line-height: 250px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
}

.section-404 p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 22px;
    padding: 0px 245px;
    margin-bottom: 50px;
}

.section-404 h1 {
    line-height: normal;
    margin: 0;
}

.section-404 .btn.blue {
    color: #ffffff;
    background: #384aae;
}

.section-404 .btn.blue:hover {
    color: #ffffff;
    background: #a6a6a6;
}

.section-coming-soon h2 {
    font-size: 50px;
    font-weight: 700;
    color: #1b1a1a;
    margin: 0 0 10px;
}

.title-description p {
    font-size: 14px;
    color: #a6a6a6;
    line-height: 22px;
    padding: 0px 170px;
    display: inline-block;
}

.countdown {
    border: 1px solid #e5e5e5;
    padding: 50px 0 30px 0;
    display: block;
}

.countdown span {
    color: rgb(55, 54, 54);
    font-size: 65px;
    border-radius: 2px;
    padding: 0px;
    font-family: Raleway;
}

.countdown p {
    font-size: 15px;
    color: #636363;
    margin-top: 15px;
    width: 100%;
    display: block;
}

.accordions-style2 h4.tap-title span, .accordions-style2 h4.tap-title a {
    display: inline-block;
    width: auto;
}

.accordions-style2 h4.tap-title a {
    margin-left: 15px;
}

.accordions-style2 h4.tap-title span {
    font-size: 16px;
}

.accordions-style2 .section-content {
    border: 1px solid #e5e5e5;
    padding: 5px 35px 5px 47px;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.section-Maintenance {
    text-align: center;
    padding-bottom: 70px;
}

.section-Maintenance h1 {
    font-size: 130px;
    line-height: 250px;
    font-weight: 700;
    color: #000000;
}

.section-Maintenance p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 22px;
    padding: 0px 245px;
    margin-bottom: 50px;
}

.section-Maintenance h1 {
    margin: 0;
}

.section-Maintenance .btn.blue {
    color: #ffffff;
    background: #384aae;
    text-transform: uppercase;
}


.pricing-item {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.pricing-header, .pricing-bottom {
    padding: 30px;
}

.pricing-item h3 {
    font-size: 26px;
    line-height: 32px;
    color: #000000;
    font-weight: 700;
    margin: 0px;
    text-transform: none;
}

.pricing-item i {
    background-color: #000000;
    color: #ffffff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 32px;
    padding: 10px;
    display: inline-block;
    margin: 0 0 30px;
}

.pricing-price-midd {
    background-color: rgb(56, 74, 174);
    color: #ffffff;
    padding: 40px 30px 50px;
}

.pricing-price {
    font-size: 85px;
    line-height: 85px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    margin: 0 0 10px;
}

.pricing-price .unit {
    font-size: 30px;
    line-height: 36px;
}

.pricing-price p {
    color: #f6f6f6;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
}

.pricing-bottom p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 22px;
    margin-bottom: 30px;
}

.pricing-item ul li {
    color: #666666;
    font-size: 15px;
    line-height: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border-top: 1px solid #e5e5e5;
    padding: 13px 0;
}

.pricing-item ul li:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.btn.black {
    background-color: #000000;
}

.pricing-item .btn {
    width: 100%;
    margin-top: 30px;
    display: block;
}

.pricing-item .btn:hover {
    background: #384aae;
}


.ColDiv {
    display: inline-block;
}

.Headline-Text h1, .Headline-Text h2, .Headline-Text h3, .Headline-Text h4, .Headline-Text h5, .Headline-Text h6 {
    font-weight: 700;
    color: #000000;
}

.Headline-Text p {
    color: #a6a6a6;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}


.Headline-Text {
    margin-bottom: 30px;
}

.Headline-Text p {
    color: #828282;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}


.Bullets ul li {
    color: #828282;
    font-size: 13px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    width: 100%;
    border: none;
}

.Bullets ul li span {
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 700;
}

ul.list.prim.list-Play li:before {
    content: "\f01d";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-Ok li:before {
    content: "\f05d";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-arow li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-star li:before {
    content: "\f005";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-arowright li:before {
    content: "\f18e";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

ul.list.prim.list-arowbig li:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    color: #1b1a1a;
    margin-right: 15px;
    font-size: 14px;
}

ul.list.prim.list-point li:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #1b1a1a;
    margin-right: 10px;
    font-weight: 400;
    font-size: 8px;
}

.Blockquotes h4 {
    margin-bottom: 30px;
}

blockquote {
    width: 100%;
    padding: 10px 20px;
    margin: 0 0 40px;
    font-size: 17.5px;
    border-left: 5px solid #333333;
    display: inline-block
}

blockquote p {
    font-size: 20px;
    font-style: italic;
    color: #1b1a1a;
    font-family: 'Open Sans', sans-serif;
}

blockquote span {
    font-size: 13px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
}


blockquote.blockquote-1:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #828282;
    font-weight: 400;
    font-size: 16px;
}

blockquote.blockquote-1:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #828282;
    font-weight: 400;
    font-size: 16px;
    float: right;
    margin-top: 20px;
}


blockquote.blockquote-1 {
    border: none;
    width: 100%;
}

blockquote.blockquote p, blockquote.blockquote-2 p {
    color: #384aae;
}

blockquote.blockquote-2 {
    width: 100%;
    background: #f6f6f6;
    border-radius: 3px;
    padding: 30px;
    border: none;
}

blockquote.blockquote-3 {
    width: 100%;
    background: #1b1a1a;
    border: none;
    border-radius: 3px;
    padding: 30px;
    color: #FFF;
}

blockquote.blockquote-3 p {
    color: #FFF;
}


.SliderHomeVideoBck {
    background: rgb(56, 74, 174);
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 35px 0px;
}

.SliderHomeVideoBck video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    object-fit: cover;
    width: 100%;
    height: auto;
    z-index: 000;
    opacity: 0.4;
}

.title-video {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.title-video span {
    font-size: 15px;
    color: #000;
    text-align: center;
    font-family: Ubuntu;
    font-weight: 400;
    font-style: normal;
}

.title-video h4 {
    font-size: 50px;
    color: #ffffff;
    line-height: 45px;
    text-align: center;
    font-family: Raleway;
    font-weight: 700;
    font-style: normal;
}

.description-video i {
    background-color: rgba(0, 0, 0, 0.60);
    padding: 15px;
    font-size: 30px;
    color: #FFF;
    margin-top: 30px;
}

.Progress-Bar {
    display: block;
    margin-top: -22px;
    position: relative;
    margin-bottom: 30px;
}

.col-md-4.bars-style .Progress-Bar {
    margin-bottom: 33px;
}

.Title-progress h2 {
    display: inline-block;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 15px;
}

.progress-bar p {
    color: #828282;
    display: inline-block;
    float: right;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    margin-top: -32px;
    margin-bottom: 0px;
    margin-right: 15px;
}

.bars-style .progress-bar:before {
    font-family: FontAwesome;
    content: "\f04d";
    font-size: 6px;
    color: #384aae;
    margin-top: -22px;
    display: block;
    float: right;
}


.bars-style .progress-bar:after {
    font-family: FontAwesome;
    content: "\f175";
    color: #384aae;
    margin-top: -16px;
    display: block;
    float: right;
}


.bars-style .progress {
    margin-bottom: 20px;
    overflow: visible;
    background-color: #384aae;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px;
    height: 13px;
}

.bars-style .progress-bar {
    background-color: #FFFFFF;
    height: 5px;
    box-shadow: none;
}

/*{
width: 2px;
background-color: #333;
height: 32px;
display: inline-block;
content: '';
float: right;
z-index: 11111;
position: relative;
margin-top: -5px;
}*/


#map_canvas {
    width: 100%;
    height: 447px;
}

.form-input input, .form-input textarea {
    margin-bottom: 30px;
    width: 100%;
}

.form-input textarea {
    height: 182px;
}

.form-submit input {
    background: #384aae;
    width: 100%;
}

.tex-contact p {
    font-family: "Open Sans";
    font-size: 13px;
    color: #a6a6a6;
    line-height: 22px;
}

.Block-Contact p {
    font-size: 12px;
    color: #373636;
    margin-bottom: 5px;
}

.Block-Contact {
    padding: 0;
    margin-top: 15px;
}

.Block-Contact ul li {
    margin-bottom: 5px;
}

.Block-Contact ul li i {
    color: #384aae;
    margin-right: 5px;
    display: inline-block;
    font-size: 16px;
}

.Block-Contact ul li span {
    color: #a6a6a6;
    margin-right: 5px;
    display: inline-block;
    font-size: 13px;
}

.Contact-Form .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    width: 96%;
    position: absolute;
    top: -62px;
    left: 16px;
}

.Contact-Form .alert i {
    margin-right: 15px;
}

.Contact-Form .alert button {
    float: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

/*   15 - SideBar                  */

.Top-Title-SideBar h3 {
    font-weight: 700;
    color: #373636;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
}

.widget {
    margin: 0 0 50px;
}

.Categories-Block ul li {
    display: inline-block;
    width: 100%;
}

.Categories-Block ul li i, .Categories-Block ul li span, .Categories-Block ul li p {
    display: inline-block;
}

.Categories-Block ul li i {
    margin-right: 10px;
}

.Categories-Block ul li p {
    line-height: 30px;
    font-size: 13px;
    color: #666666;
    margin-right: 5px;
    margin-bottom: 0;
}

.Last-post .news-footer > li h6 a {
    color: #373636;
}

.Last-post .news-footer > li h6 a:hover {
    color: #384aae;
}

.tagcloud li {
    display: inline-block;
}

.tagcloud a {
    margin: 0 5px 5px 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 5px 10px;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #a6a6a6;
    display: inline-block;
}

.tagcloud a:hover {
    border-color: rgb(56, 74, 174);
    color: rgb(56, 74, 174);
}

ul#Flickr-sidebar li {
    width: 60px;
    height: 60px;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    overflow: hidden;
}

ul#Flickr-sidebar li a img {
    width: 100%;
    height: 100%;
}


ul#Flickr li {
    width: 60px;
    height: 60px;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    overflow: hidden;
}

ul#Flickr li a img {
    width: 100%;
    height: 100%;
}

.Flickr-Img img {
    border-radius: 2px;
    margin-right: 2px;
    margin-bottom: 7px;
    display: inline-block;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.Flickr-Img a:hover img {
    o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(0.9);
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.See-More-Flickr a {
    font-size: 11px;
    margin: 5px 0px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #a6a6a6;
}

.See-More-Flickr a:hover {
    color: #384aae;
}


/*   16 - Side Nav                 */

.show-menu {
    overflow: hidden !important;
}

.show-menu .site-icons-ul ul li a#open-button {
    color: #FFF;
    background: #384aae;
}

#open-button:before {
    content: '\f0c9';
    font: normal normal normal 14px/1 FontAwesome;
    color: #FFF;
}

.header-style6 #open-button:before,
.header-style7 #open-button:before,
.header-style8 #open-button:before {
    content: '\f0c9';
    font: normal normal normal 14px/1 FontAwesome;
    color: #404040;
}

.show-menu .header-style6 #open-button:before,
.show-menu .header-style7 #open-button:before,
.show-menu .header-style8 #open-button:before {
    color: #FFF;
}

.side-nav-block {
    margin-bottom: 60px;
}

.title-sidebar h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 20px;
    font-family: 'Ubuntu', sans-serif;
}

.login-controls .input-box input {
    background: transparent !important;
    border: 1px Solid #171717 !important;
    width: 100%;
    margin-bottom: 15px;
    font-size: 12px;
    color: #FFF;
}

.main-bg input {
    background: #384aae;
    width: 100%;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.check-box {
    display: block;
    margin: 15px 0px;
}

.check-box label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 5px 0 0;
    min-height: 0;
    width: auto;
}

.check-box a {
    float: right;
    font-size: 12px;
    color: #ffffff;
}

.check-box a:hover {
    color: #384aae;
}

.Sign-Up {
    text-align: center;
    margin: 15px 0px;
}

.Sign-Up a {
    font-size: 14px;
    color: #384aae;
}

.Sign-Up a:hover {
    color: #FFF;
}

.news-area .news-footer > li h6 a {
    color: #FFF;
}

.news-area .news-footer > li h6 a:hover {
    color: #384aae;
}

.tag-area .tagcloud a {
    border: 1px Solid #171717;
    color: #a6a6a6;
}

.tag-area .tagcloud a:hover {
    border: 1px Solid #384aae;
    color: #384aae;
}

/*   17 - Shop                     */

#Shop-Headline {
    margin: 100px 0px 50px 0px;
}

.sort-by-select {
    text-align: right;
}

.sort-by-select select {
    width: 60%;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    border: 1px Solid #e5e5e5;
    height: auto;
}

.Title-Results p {
    color: #000000;
    font-weight: 700;
    font-family: Ubuntu;
    line-height: 32px;
}

.Title-Results p span {
    color: #384aae;
    margin: 0px 5px;
}

.top-shop-content {
    position: relative;
}

.hover-shop-content {
    position: absolute;
    top: 0;
    padding: 10px;
    width: 100%;
    text-align: center;
    background: rgba(64, 64, 64, 0.95);
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.top-shop-content:hover .hover-shop-content {
    opacity: 1;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.hover-shop-content ul {
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 100%;
    text-align: center;
}

.hover-shop-content ul li {
    display: inline-block;
}

.hover-shop-content ul li a {
    font-size: 13px;
    padding: 5px 10px;
    margin: 2px;
    background: #384aae;
}

.title-shop-content a p {
    color: #666666;
    padding: 15px 0px;
    font-size: 12px;
    font-family: Ubuntu;
    margin: 0;
}

.title-shop-content a h2 {
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #373636;
}

.title-shop-content h3 {
    color: #384aae;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}

.title-shop-content a h2:hover {
    color: #384aae;
}

.slider.slider-horizontal .slider-track {
    height: 8px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
    background-color: #f0f0f0;
    background-image: none;
    border-radius: 1px;
    box-shadow: none;
}

.slider-filter .slider-horizontal {
    margin: 10px 0;
}

.slider-filter .slider-vertical {
    margin: 0 10px;
}

.slider-handle.round {
    position: absolute;
    width: 15px;
    height: 15px;
    border: none;
    background: #404040;
    cursor: pointer;
    border-radius: 2px;
    margin-top: -3px !important;
}

.slider-default .slider-selection {
    background-image: none;
    background-color: #384aae;
}

.slider-filter p {
    font-size: 13px;
    color: #666666;
    margin-bottom: 10px;
}

.slider-filter p span {
    color: #384aae;
}

.slider-filter a {
    background: #384aae;
}

.checkbox.checkbox-custom {
    margin-top: 0;
    margin-bottom: 15px;
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.checkbox label::before {
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-right: -20px;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 17px;
    outline: none !important;
    border-radius: 0px;
}

.checkbox label::after {
    color: #555555;
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 3px;
    margin-right: -20px;
    padding-right: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0;
    width: 16px;
}

.checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important;
}

.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline-offset: -2px;
    outline: none;
    outline: thin dotted;
}

.checkbox input[type="checkbox"]:checked + label::after {
    content: "\f00c";
    font-family: 'FontAwesome';
}

.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox.checkbox-single label {
    height: 17px;
}

.checkbox-custom input[type="checkbox"]:checked + label::before {
    background-color: #FFFFFF;
    border-color: #e5e5e5;
}

.checkbox-custom input[type="checkbox"]:checked + label::after {
    color: #384aae;
}

.radio label, .checkbox label span {
    font-size: 13px;
    line-height: 21px;
}

.latestshop .item-shop {
    background: #ffffff;
    margin-bottom: 30px;
}

.latestshop .item-shop .img-shop {
    position: relative;
}

.latestshop .item-shop img {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

#slider-blog .owl-controls,
#slider-projects .owl-controls {
    display: none !important;
}

.customNavigation.projects-nav {
    width: 100%;
    top: 42%;
    bottom: 50%;
    left: 0;
    right: 0;
    height: 90px;
}

h1.product_title.entry-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0px 0 10px;
    text-transform: uppercase;
}

.product-rating {
    display: inline-block;
    width: 100%;
}

.summary.entry-summary {
    display: block;
    margin-top: 50px;
}

p.price {
    float: left;
    line-height: 26px;
}

p.price ins span, p.price ins {
    color: #384aae;
    font-size: 18px;
    background: none;
    font-weight: 700;
}

p.price del span, p.price del {
    color: #6c6c6c;
    font-size: 14px;
    background: none;
    font-weight: 400;
    margin-right: 5px;
}

.star-rating {
    float: right;
    line-height: 26px;
}

.reviews-shop-content ul, .reviews-shop-content ul li, .reviews-shop-content p {
    display: inline-block;
    margin: 0;
    padding: 0 !important;
}

.reviews-shop-content ul li i {
    color: #ffc000;
    font-size: 18px;
}

.reviews-shop-content p {
    font-size: 13px;
    margin-left: 30px;
    display: inline-block;
    float: right;
    color: #a6a6a6;
}

.description-product p {
    font-size: 13px;
    color: #a6a6a6;
    margin-top: 30px;
}

.other-details {
    margin: 30px 0px;
    padding: 30px 0px;
    border-top: 1px Solid #eaeaea;
    border-bottom: 1px Solid #eaeaea;
}

.details_title {
    font-size: 17px;
    color: #373636;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
}

.other-details ul li {
    color: #a6a6a6;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.other-details ul li span {
    color: #384aae;
    font-weight: 700;
}

.cart-items-details {
    display: inline-block;
    width: 100%;
}

.add-items {
    float: left;
    margin-top: 6px;
}

.cart-items-details ul {
    float: right;
}

.cart-items-details ul li {
    display: inline-block;
}

.cart-items-details ul li a {
    background: transparent;
    border: 1px Solid #e5e5e5;
    color: #000000;
    font-size: 13px;
}

.cart-items-details ul li a:hover {
    background-color: #384aae;
    border: 1px Solid #384aae;
}

.add-items label {
    color: #373636;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.add-items a {
    margin: 0px 5px;
    border: 1px Solid #e5e5e5;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    border-radius: 2px;
}

.add-items input {
    width: 40px;
    display: inline-block;
    margin: 0px;
    border: 1px Solid #e5e5e5;
    color: #000;
    font-size: 13px;
    text-align: center;
    line-height: 26px;
    margin-top: -5px;
    border-radius: 2px;
}

.cart-items-shear {
    padding: 30px 0px;
    border-top: 1px Solid #eaeaea;
    margin-top: 30px;
}

.Shop-Tab {
    margin-top: 85px;
    border: 1px Solid #DDD;
    background: #f6f6f6;
    margin-bottom: 50px;
}

.Shop-Tab ul li a {
    border: none !important;
    padding: 17px;
    color: #000;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    border-radius: 0;
    margin: 0;
}

.Shop-Tab ul li.active {
    border-right: 1px Solid #DDD;
    border-left: 1px Solid #DDD;
    border-radius: 0;
}

.Shop-Tab ul li.active:first-child {
    border-left: none;
}

.tab-pane {
    padding: 15px;
    background: #FFF;
}

.Block-Case.Details p {
    color: #a6a6a6;
    font-size: 13px;
    line-height: 22px;
}

.table-responsive table {
    margin-bottom: 0;
}

.Reviews ul {
    margin-top: 20px;
}

.Reviews .reviews-shop-content ul, .Reviews .reviews-shop-content ul li {
    display: inline-block;
    margin: 0;
    padding: 0 !important;
}

.Reviews ul li {
    background-color: #F0F0F0;
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 3px;
}

.reviews-txt p {
    font-size: 13px;
    color: #777;
    margin-top: 15px;
}

.form-select {
    border-radius: 2px;
    display: inline-block;
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%;
}

.form-control {
    display: inline-block;
    /*float: left;*/
    padding: 10px 15px;
    width: 100%;
    border: 0;
    font-size: 14px;
    height: auto;
    box-shadow: none;
    line-height: 1.5 !important;
    color: #a9a9ab;
    border: 1px solid #e2e2e2;
    background: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
}

input[type=text], input[type=password], input[type=email], textarea, input[type=file] {
    display: inline-block;
    float: left;
    padding: 10px 15px;
    border: 0;
    border: 1px solid #e2e2e2;
    background: #fff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
}

.form-input input, select, textarea {
    width: 100%;
}

.leave-comment .form-input input.btn {
    background: #384AAE;
}

.leave-comment .form-input input.btn:hover {
    background: #000;
}

.form-submit {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

.reviews-txt a {
    font-size: 13px;
    color: #333 !important;
    margin-top: 15px;
    background: none;
    padding: 0;
    margin: 0;
}

.reviews-txt a:hover {
    color: #4396ff !important;
    background: none;
    padding: 0;
    margin: 0;
}

.related-items {
    display: inline-block;
    width: 100%;
    margin-top: 80px;
}

.related-items h1 {
    padding: 0px 15px;
    margin-bottom: 30px !important;
}


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

@media (max-width: 432px) {
    a.btn.button-primary.cta-button {
        font-size: 14px;
    }
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}