/*
 Project Name: Fatep
*/
/* Table of Content
==================================================

  1. Fonts
 2. Common css
   a)button style
   b)Well
   c)Main heading
   d)Form style
   e)Hover Effect
   f)center
   g)Overlay
   h)Owl Carousel Navigation Style
   i)Icons
   j)Accordion
 3. Main Banner
   a)Top Bar
   b)Header
   c)Banner Content
 4. Services
 5. Our Team
 6. Videos
 7. About Us
 8. Look Section
 9. Gallery
 10.Blog
 11.Why Choose us
 12.Contact Us
 13.Branches
 14.Footer
 15.Widgets
 16.Pagination
 17.Skills
 18.Counter
 19.Products
 20.Price Table
 21 Side Bae
 22.Error Page/404
 23.Coming Soon
 24.Faq
 25.Check out
 26.Cart
 27.Category
 28.Testimonials
 29.Offer
 30.Project
 31.Home Style
================================================
Fonts
================================================
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

/*
================================================
Common Css
================================================
*/

* {
    position: relative;
    outline: 0 !important;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}

:before,
:after {
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}

ul {
    margin: 0;
}

body {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
}

p {
    line-height: 22px;
    margin: 10px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #34404e;
}

.row {
    clear: both;
}

.bg-color {
    background-color: #fdfcfc;
}

/*
===========================================
button style
===========================================
*/

.btn {
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 11px;
    text-transform: none;
    font-weight: bold;
}

.btn.black-border {
    background-color: #000;
    padding: 18px 90px 18px 40px;
    text-transform: uppercase;
}

.btn.black {
    background-color: #282828;
    color: #fff;
}

.btn.black-border::after {
    background-color: #333333;
    border-left: 1px solid #fff;
    bottom: 0;
    color: #fff;
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}

.btn:hover {
    background-color: #0d3d81;
    color: #fff;
}

.radius-2x {
    border-radius: 22px;
}

.radius-4x {
    border-radius: 5px;
}

.btn.bg {
    background-color: #0d3d81;
}

.black-border.btn:hover,
.btn.black-border:hover::after {
    background-color: #0d3d81;
}

.btn.yellow,
.btn.yellow::after {
    background-color: #0d3d81;
}

.simple.btn {
    background-color: #0d3d81;
    padding: 12px 60px;
    text-transform: uppercase;
}

#cart .coupon {
    padding: 6px 0;
}

/*
===========================================
Well
===========================================
*/

.well * {
    color: #282828;
    font-size: 13px;
}

.well a {
    color: #0d3d81;
}

.well {
    background-color: #f8f8f8;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 15px 70px;
}

/*
===========================================
main heading
===========================================
*/

.main-heading h2 {
    color: #282828;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.main-heading h6 {
    color: #0d3d81;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 11px;
}

.main-heading h3 {
    color: #000;
    font-style: italic;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
}

.main-heading p {
    color: #282828;
    font-size: 15px;
    line-height: 28px;
    padding: 0 258px;
}

.main-heading {
    margin-bottom: 50px;
}

.main-heading span {
    color: #0d3d81;
}

.dot span {
    background-color: #bebebe;
    display: inline-block;
    height: 7px;
    width: 7px;
}

.main-heading .dot {
    margin: 15px 0;
}

.main-heading .text p {
    padding: 0;
    text-align: justify;
}

.main-heading .text {
    margin-top: 15px;
}

.main-heading p.italic {
    color: #0d3d81 !important;
    font-style: italic;
    margin-top: 35px;
}

/*======================================*/

img {
    vertical-align: middle;
    max-width: 100%;
}

.margin {
    display: inline-block;
    margin: 16px 0;
    width: 100%;
}

.large-margin {
    display: inline-block;
    margin: 20px 0;
    width: 100%;
}

.no-padding {
    padding: 0;
}

.padding-left {
    padding: 0 0 0 15px;
}

.padding-right {
    padding: 0 15px 0 0;
}

.space {
    padding: 120px 0;
}

.space-top {
    padding: 120px 0 0;
}

.space-bottom {
    padding: 0 0 120px 0;
}

.small-space {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

section {
    overflow: hidden;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #0d3d81;
}

/*
===========================================
Form style
===========================================
*/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select{
    background-color: #fbfbfb;
    background-image: none;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    display: block;
    font-size: 14px;
    height: 50px;
    font-family: Montserrat, Arial, Helvetica, sans-serif !important;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

input:focus,
textarea.form-control:focus,
select:focus {
    background-color: #eee !important;
    border-color: #222 !important;
    box-shadow: none !important;
    color: #333;
}
form .btn.black-border{
    background-color: #000;
    padding: 18px 90px 18px 40px;
    text-transform: uppercase;
}

.form-block form .btn.black-border{
    text-align: center;
    padding: 18px 40px !important;
    margin-top: 50px;
}
.btn.black-border::after {
    background-color: #333333;
    border-left: 1px solid #fff;
    bottom: 0;
    color: #fff;
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}


select{
    width: 50%;
}
span.wpcf7-not-valid-tip,
div.frm_error {
    margin-left: 2px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-size:11px;
    color:red;
}
#contact-form form textarea.form-control{
    margin-bottom: 0 !important;
}

input[type="radio"],
.checkbox input[type="radio"],
.checkbox input[type="checkbox"],
input[type="checkbox"] {
    display: none;
    margin-left: 0;
    margin-top: 3px;
    position: absolute;
}

.checkbox label::before {
    border: 1px solid #dcdcdc;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.checkbox label::after {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    content: "";
    height: 12px;
    left: 0;
    margin: 4px;
    position: absolute;
    width: 12px;
    top: 0;
}

.checkbox input:checked + label::after {
    background-color: #0d3d81;
    border-color: #0d3d81;
}

.radio label,
.checkbox label {
    color: #282828;
    font-size: 13px;
    font-weight: normal;
    padding-left: 30px;
}

.checkbox input:checked + label {
    color: #0d3d81;
}

#checkout form textarea.form-control {
    height: 220px;
}

.message label {
    line-height: 2;
}

.form-group {
    margin-bottom: 4px;
    padding: 0 2px;
}

.form-control::-moz-placeholder {
    color: #555;
    opacity: 1;
    font-size: 14px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.form-control:focus::-moz-placeholder,
.form-control:focus:-ms-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    color: #fff;
}

.form-control:-ms-input-placeholder {
    color: #555;
    font-size: 14px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.form-control::-webkit-input-placeholder {
    color: #555;
    font-size: 14px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

label {
    color: #555;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
    text-transform: capitalize;
}

.contact-block form .form-group {
    margin-bottom: 7px;
    padding: 0 3px;
}

textarea.form-control {
    background-color: #fbfbfb;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    height: 120px;
    resize: none;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors,
div.frm_error_style{
    border: 2px red solid;
    background: #eee;
    padding: 15px;
    color: #555;
    text-align: center;
    clear: both;
    margin-bottom: 20px;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-success,
div.frm_message{
    border: 2px #76b72b solid;
    background: #eee;
    padding: 15px;
    color: #555;
    text-align: center;
    clear:both;
    margin-bottom: 20px;
}

/*
===========================================
Hover Effect
===========================================
*/

#team .team-inner .team-info::before {
    background-color: #0d3d81;
    content: "";
    height: 150px;
    left: -1000px;
    position: absolute;
    right: -100px;
    top: 0;
    transform: rotate(-30deg) scale(1.5);
    -webkit-transform: rotate(-30deg) scale(1.5);
    transform-origin: 93% 0 0;
    z-index: -1;
    opacity: 0;
}

#team .team-inner .team-info::after {
    background-color: #0d3d81;
    content: "";
    height: 150px;
    left: -1000px;
    position: absolute;
    right: -1000px;
    top: 0;
    transform: rotate(30deg) scale(1.5);
    -webkit-transform: rotate(30deg) scale(1.5);
    transform-origin: 42.5% 0 0;
    z-index: -1;
    opacity: 0;
}

#team .team-inner:hover .team-info::before {
    opacity: 1;
    transform: rotate(-30deg) scale(1);
    -webkit-transform: rotate(-30deg) scale(1);
}

#team .team-inner:hover .team-info::after {
    opacity: 1;
    transform: rotate(30deg) scale(1);
    -webkit-transform: rotate(30deg) scale(1);
}

#team .team-block:not(:nth-last-child(-n+3)) {
    margin-bottom: 30px;
}

/*
==========================================
center
==========================================
*/

.top-bar .row,
.nav-button ul li a,
nav#slide-nav .container,
#slide-nav .nav-button span,
#team .team-inner .team-info,
#video .video-info,
#video .video-inner a,
.icon,
#about .about-item,
.black-border.btn::after,
section#contact-button .row,
#branch .item .branch-inner,
#portfolio .portfolio-hover,
.merab-pagination .pagination li a,
#portfolio.port03 .portfolio-info,
.counter .counter-block,
.counter .counter-block::after,
.home-3 #news .news-info,
aside .post-text,
.widget.social ul a,
#error-page,
#coming-soon,
#single-product .quantity,
#single-product .cart-info form,
#single-team .member-info ul li a,
#contact-us.contact02 .contact-block.left,
.post-detail .quote-text,
#single-blog .author-info,
.post-comments .comment-detail,
aside .video-post a,
aside .video-post .overlay,
.center,
#category .category-block .hover,
#accordion a.accordion-toggle i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*
===========================================
Overlay
===========================================
*/

#video .ms-slide:not(.ms-sl-selected)::before,
#about::before,
#error-page::before,
#coming-soon::before,
.overlay::before {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*
===========================================
Owl Carousel
===========================================
*/

.owl-theme .owl-controls .owl-buttons div {
    background: #0c0c0c none repeat scroll 0 0;
    border-radius: 0;
    font-size: 20px;
    height: 45px;
    left: -60px;
    line-height: 45px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    width: 45px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: -60px;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background-color: #f0653c;
    opacity: 1;
    text-decoration: none;
}

.owl-controls {
    left: 0;
    margin: -22px 0 0 !important;
    position: absolute;
    right: 0;
    top: 50%;
}

/*
===========================================
Icons
===========================================
*/

.icon {
    background-color: #0d3d81;
    height: 80px;
    margin: auto auto 30px;
    width: 80px;
}

.icon.radius-2x {
    border-radius: 50%;
}

.icon.radius-4x {
    border-radius: 7px;
}

.icon i {
    color: #fff;
    font-size: 40px;
}

/*
===========================================
Accordion
===========================================
*/

#accordion .panel-heading {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

#accordion a.accordion-toggle {
    background-color: #0d3d81;
    display: block;
    padding: 20px 40px;
    color: #fff;
}

#accordion a.accordion-toggle i {
    color: #fff;
    bottom: 0;
    position: absolute;
    right: 15px;
    top: 0;
}

#accordion a.accordion-toggle.collapsed {
    background-color: #f8f7f7;
    color: #323232;
}

#accordion a.accordion-toggle.collapsed i {
    color: #323232;
}

#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

#accordion .panel-collapse {
    border: medium none;
    box-shadow: none;
}

#accordion.panel-group .panel + .panel {
    margin-top: 1px;
}

#accordion .panel-heading .panel-title {
    font-family: montserrat;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

#accordion .panel-body {
    background-color: #fff;
    border: medium none;
    padding: 20px 50px;
}

#accordion .panel-body p {
    color: #777;
    font-size: 13px;
    line-height: 24px;
}

#accordion .panel-heading i {
    color: #5d5d5d;
    float: right;
}

/*
===========================================
Main Banner
===========================================
*/

section#main-banner {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-3 section#main-banner.overlay::before {
    background-color: rgba(0, 0, 0, 0.5);
}

/*
===========================================
Top bar
===========================================
*/

.top-bar {
    background-color: #141414;
    padding: 8px 0;
}

.top-bar ul li {
    display: inline-block;
}

.top-bar ul {
    list-style: outside none none;
    padding: 0;
}

.top-bar .top-button li a {
    color: #fff;
    font-family: montserrat;
    font-size: 11px;
    text-transform: uppercase;
}

.top-bar ul li a {
    padding: 0 20px;
}

.top-bar .topbar-block .btn {
    display: inline-block;
    margin: 0 3px;
    padding: 8px 30px;
}

.top-bar ul li:first-child a {
    padding-left: 0;
}

.top-bar .top-button li a:hover {
    color: #0d3d81;
}

.top-bar ul li:last-child a {
    padding-right: 0;
}

.top-bar .btn i {
    margin-right: 5px;
}

.top-bar ul li:first-child a {
    padding-left: 0;
}

.top-bar .contact li a i {
    color: #fff;
    margin-right: 7px;
}

.top-bar ul li a::after {
    border-right: 1px solid #999;
    bottom: 2.5px;
    content: "";
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 2.5px;
}

.top-bar ul li:last-child a::after {
    display: none;
}

.top-bar .contact li a {
    color: #0d3d81;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

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

nav#slide-nav {
    border: medium none;
    border-radius: 0;
    margin: 0;
}

header .container::after,
header .container::before {
    display: unset;
}

#slide-nav #menu_nav > ul {
    float: right;
}

#slide-nav .nav-button ul {
    padding: 0;
    list-style: none;
    text-align: right;
}

#slide-nav .nav-button li {
    display: inline-block;
    margin: 0 4px;
}

.nav-button ul li a {
    background-color: #fbfbfb;
    color: #153d84;
    font-size: 13px;
    height: 50px;
    text-align: center;
    width: 50px;
}

#slide-nav #menu_nav > ul > li > a {
    color: #282828;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 90px;
    padding: 15px 20px;
    text-transform: uppercase;
}

#slide-nav .nav-button span {
    background-color: #0d3d81;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    height: 21px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 21px;
}

.home-2 header #slide-nav .container::before,
.home-6 header #slide-nav .container::before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: -20px;
    margin: auto;
    position: absolute;
    right: -20px;
    top: 0;
}

header .navbar-header {
    padding-left: 0;
}

header #slide-nav.affix .container::before {
    box-shadow: 0 0 2px 0 #cdcdcd;
}

#slide-nav #menu_nav {
    padding-right: 0;
}

#slide-nav #menu_nav ul > li > a:hover,
#slide-nav #menu_nav ul > li > a:focus,
#slide-nav #menu_nav ul > li.active > a,
.nav-button ul li a:hover {
    background-color: transparent;
    color: #0d3d81 !important;
}

nav#slide-nav.affix {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
}

#slide-nav.affix #menu_nav > ul > li > a {
    line-height: 50px;
}

.dropdown-menu {
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.176);
    display: block;
    min-width: 200px;
    opacity: 0;
    padding: 0;
    top: 130%;
    visibility: hidden;
}

.dropdown-menu li > a {
    clear: both;
    color: #0d3d81;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42857;
    padding: 12px 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

.dropdown:hover > .dropdown-menu {
    opacity: 1;
    top: 102%;
    visibility: visible;
}

.dropdown-menu .dropdown > .dropdown-menu {
    background-color: #fff;
    left: 300%;
    margin-top: -1px;
    min-width: 170px;
    opacity: 0;
    padding: 0 !important;
    position: absolute;
    top: 0;
    visibility: hidden;
    display: block;
}

.dropdown-menu li:not(:last-child) > a {
    border-bottom: 1px solid #eee;
}

.dropdown-menu .dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    left: 100.5%;
}

#slide-nav .navbar-form .form-control {
    height: 50px;
    width: 250px;
}

header ul {
    list-style: outside none none;
    padding: 0;
}

.nav-button form .btn {
    background-color: #333;
    bottom: 0;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}

#slide-nav .navbar-form .form-group {
    padding: 0;
    margin: 0;
}

#slide-nav .nav-button .dropdown-menu {
    box-shadow: none;
    left: auto;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 6px;
    top: 200%;
    visibility: hidden;
}

#slide-nav .nav-button .dropdown:hover .dropdown-menu {
    opacity: 1;
    top: 163%;
    visibility: visible;
}

.home-3 #slide-nav .nav-button .dropdown-menu {
    top: 170%;
}

#slide-nav.affix .nav-button .dropdown:hover .dropdown-menu {
    top: 127%;
}

#slide-nav .nav-button .dropdown {
    position: static;
}

#slide-nav .navbar-form {
    border: 0 none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#slide-nav .nav-button .dropdown li {
    margin: 0;
}

.dropdown .dropdown > a::after {
    bottom: 0;
    content: "\f105";
    font-family: fontawesome;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*
===========================================
Inner Page Header
===========================================
*/

.inner header {
    margin-top: 45px;
}

.inner header #slide-nav .container::before {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: none;
}

.inner header #slide-nav.affix .container::before {
    background-color: #222;
    box-shadow: 0 0 2px 0 #cdcdcd;
}

.inner #slide-nav #menu_nav > ul > li > a {
    color: #0d3d81;
}

/*
===========================================
Banner Content
===========================================
*/

.home-2 .banner-main h1 {
    color: #0d3d81;
    font-size: 70px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}

.banner-main h1 span {
    color: #fff;
    display: block;
    font-size: 23px;
    margin-bottom: 20px;
}

.banner-main h5 {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 50px;
    text-transform: uppercase;
}

.banner-main h5 span {
    color: #0d3d81;
}

#main-banner .banner-main {
    padding: 163px 0 187px;
}

.banner-main p {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    margin-top: 17px;
    padding: 0 242px;
}

/*
===========================================
Inner page Banner
===========================================
*/

.inner #main-banner .banner-content::before,
.inner #main-banner .banner-content::after {
    background-color: #fff;
    border-top: 16px solid #0d3d81;
    bottom: -92px;
    content: "";
    height: 100px;
    left: -100px;
    position: absolute;
    right: -100px;
    transform: rotate(4deg);
}

.inner #main-banner .banner-content::after {
    transform: rotate(-4deg);
}

.inner .banner-main h1 {
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}

.inner .banner-main h6 {
    color: #0d3d81;
    font-size: 13px;
    margin-top: 25px;
    text-transform: uppercase;
}

.inner .banner-main p {
    padding: 0 313px;
}

/*
===========================================
Services
===========================================
*/

.service.service02 .service-item {
    padding: 55px 65px;
}

.service.service02 .service-item {
    background-color: #fdfcfc;
}

.service .service-item h6 {
    color: #0d3d81;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}

.service.bg .service-item h5 {
    color: #fff;
}

.service .service-item h5 {
    color: #323232;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.service .service-item h5 a {
    color: #323232;
}

.service .service-item h5 a:hover {
    color: #0d3d81;
}

.service.service02 .service-item:nth-child(3n+1) {
    background-color: #f9f9f9;
}

.service .service-item p {
    color: #555;
    line-height: 28px;
}

.service .service .service-item {
    background-color: transparent;
    padding: 0 15px;
}

.service .icon i {
    color: #848484;
}

.inner .service .service-item:not(:nth-last-child(-n+4)) {
    margin-bottom: 120px;
}

.service .service-item:hover .icon i {
    color: #fff;
}

.service.bg .service-item:hover .icon {
    background-color: #fff;
}

.service.bg .service-item:hover .icon i {
    color: #222;
}

.service .icon {
    background-color: #f8f8f8;
}

.service .service-item:hover .icon {
    background-color: #0d3d81;
}

.service.detail .service .service-item {
    margin: 0;
}

.service .service.detail .icon {
    margin: 30px 0;
    background-color: #0d3d81;
}

.service .service.detail .icon i {
    color: #fff;
}

.service .service.detail .service-item {
    padding: 0 0 0 60px;
}

.service.detail .black-border.btn {
    margin-top: 43px;
}

.inner .service .service-item:nth-child(3n+1) {
    background-color: transparent;
}

.service.bg .main-heading h2,
.service.bg .main-heading p,
.service.bg .icon i,
.service.bg .service-item h5 a,
.service.bg .service-item p {
    color: #fff;
}

.service.bg {
    background-image: url("../images/service-bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.service.service03 .service-item {
    background-color: #fdfcfc;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 55px 40px;
}

.service.bg .service-item {
    background-color: transparent;
}

.service.bg .icon {
    background-color: #0d3d81;
}

/*
===========================================
Services 3
===========================================
*/

.service03 .service-count p {
    color: #cdcccc;
    font-family: montserrat;
    font-size: 70px;
    font-weight: bold;
    line-height: 68px;
}

.service03 .service-info h6 {
    color: #0d3d81;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.service03 .service-info h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 15px;
    text-transform: capitalize;
    color: #323232;
}

.service03 .service-info p {
    color: #666666;
    line-height: 26px;
}

.service03 .service-info a {
    color: #666666;
    display: block;
    font-size: 11px;
    margin-top: 20px;
    text-transform: uppercase;
}

.service03 .service-info a i {
    margin-left: 7px;
}

.service03 .service-info a:hover {
    color: #0d3d81;
}

.service03 .button {
    margin-top: 90px;
}

/*
===========================================
Our Team
===========================================
*/

.home-2 #team::after {
    background-image: url("../images/teambg01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    bottom: 170px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

#team::before {
    bottom: 170px;
}

#team .team-info {
    background-color: rgba(51, 51, 51, 0.9);
    bottom: 20px;
    left: 0;
    padding: 30px 0 30px 43px;
    position: absolute;
    right: 70px;
    z-index: 0;
    top: 69%;
}

.team-info .name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}

.team-info .profession {
    color: #c0a341;
    font-size: 11px;
    margin-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}

.team-info a.tel {
    color: #fff;
    font-family: montserrat;
    font-size: 14px;
    opacity: 0;
    position: absolute;
    display: block;
}

#team .team-inner:hover .team-info {
    background-color: transparent;
    bottom: 25px;
    left: 0;
    padding: 0;
    right: 0;
    text-align: center;
    top: 15px;
}

.team-info a i {
    margin-right: 5px;
}

#team .team-inner {
    overflow: hidden;
}

.team-inner:hover .team-info .profession {
    background-color: #333333;
    border-radius: 5px;
    color: #fff;
    margin: 13px 0;
    padding: 5px 10px;
    text-transform: uppercase;
}

.team-inner:hover .info-inner a {
    opacity: 1;
    position: relative;
}

#team .button {
    margin-top: 90px;
}

#team.bg .main-heading h2,
#team.bg .main-heading p {
    color: #fff;
}

#team .team-inner .team-info {
    justify-content: flex-start;
}

#team .team-inner:hover .team-info {
    justify-content: center;
}

/*
===========================================
Team Inner Pages
===========================================
*/

.inner #team::before,
.inner #team::after {
    display: none;
}

/*
===========================================
Team Detail
===========================================
*/

section#single-team {
    padding-top: 75px;
    overflow: visible;
    padding-bottom: 60px;
}

#single-team .profession {
    background-color: #0d3d81;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 40px;
    text-transform: uppercase;
}

#single-team .st-block h1 {
    color: #323232;
    font-size: 80px;
    font-weight: bold;
    margin-bottom: 55px;
    margin-top: 25px;
}

#single-team .st-block:first-child {
    margin-top: 50px;
}

#single-team .st-block:last-child {
    margin-top: 30px;
}

#single-team .st-block p {
    color: #666666;
    line-height: 30px;
}

#single-team .skill-info h4 {
    color: #323232;
}

#single-team .skill-block {
    margin-top: 55px;
}

#single-team .member-info ul {
    list-style: outside none none;
    padding: 0;
}

#single-team .member-info ul li {
    display: inline-block;
}

#single-team .member-info ul li a {
    background-color: #fff;
    color: #323232;
    display: inline-flex;
    font-size: 14px;
    height: 40px;
    text-align: center;
    width: 40px;
}

#single-team .member-info ul li:hover a {
    background-color: #DBA92D;
    color: #fff;
}

#single-team .member-info a.mail {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 30px 0;
}

#single-team .member-info::before {
    background-color: #0d3d81;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 20px;
}

#single-team .member-info {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

#single-team .skill-item:not(:last-child) {
    margin-bottom: 30px;
}

#single-team .member-info {
    bottom: -60px;
    left: 0;
    position: absolute;
    right: 0;
}

/*
===========================================
Videos
===========================================
*/

#videos #video .ms-view {
    background-color: transparent;
    overflow: visible;
}

#video.master-slider {
    overflow: hidden;
}

.master-slider * {
    transition: none;
    -webkit-transition: none;
}

#video.ms-skin-light-2 .ms-nav-next {
    right: -140px;
}

#video .ms-skin-light-2 .ms-nav-next,
#video.ms-skin-light-2 .ms-nav-prev {
    left: -140px;
}

#video .ms-slide:not(.ms-sl-selected)::before {
    z-index: 1;
}

#video .video-info {
    background-color: rgba(46, 46, 47, 0.8);
    bottom: 50px;
    left: 60px;
    padding: 40px 0 40px 65px;
    position: absolute;
    right: 0;
    z-index: 2;
}

#video .video-inner h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

#video .video-inner h6 {
    color: #0d3d81;
    font-size: 11px;
    margin-top: 0;
    text-transform: uppercase;
}

#video .video-inner a {
    color: #fff;
    font-size: 60px;
}

#video .ms-slide:not(.ms-sl-selected) .video-info {
    opacity: 0;
    right: -1000px;
}

#video.ms-skin-light-2 .ms-nav-next::after,
#video.ms-skin-light-2 .ms-nav-prev::after {
    border: 1px solid #fff;
    color: #fff;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    z-index: 2;
}

#video.ms-skin-light-2 .ms-nav-prev::after {
    content: "\f0d9";
}

#video.ms-skin-light-2 .ms-nav-next:hover::after,
#video.ms-skin-light-2 .ms-nav-prev:hover::after {
    border: 1px solid #0d3d81;
    color: #0d3d81;
}

.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    opacity: 1 !important;
}

#video .video-inner a:hover {
    color: #0d3d81;
}

/*
===========================================
video 02
===========================================
*/

#video02.bg::after {
    background-image: url("../images/teambg01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 311px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

#video02.bg.overlay::before {
    bottom: 311px;
}

#video02 .main-heading h2 span {
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
}

#video02 .main-heading a.btn.black-border {
    margin-top: 40px;
}

#video02.bg .main-heading h2,
#video02.bg .main-heading p {
    color: #fff;
}

#video02 .counter-block {
    padding: 46px 0;
}

#video02 .counter {
    background-image: url("../images/counter02.jpg");
    padding: 0;
}

#video02 .video-text .item h5 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}

#video02 .video-text .date {
    color: #0d3d81;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
}

#video02 #sync2 .item {
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    padding: 38px 0 35.5px;
    text-align: center;
}

#video02 #sync2 .synced .item {
    background-color: rgba(186, 154, 45, 0.9);
}

#video02 #sync2 .synced .item * {
    color: #fff;
}

#video02 .hover {
    bottom: 0;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#video02 .hover a {
    color: #fff;
    font-size: 60px;
    left: 15px;
}

#video02 .hover a:hover {
    color: #0d3d81;
}

#video02 .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background-color: #0d3d81;
}

#video02 #sync2 .owl-wrapper {
    width: 100% !important;
}

#video02 .counter .counter-block::after,
#video02 .counter::before {
    display: none;
}

#video02 .counter .counter-block {
    background-color: rgba(62, 62, 62, 0.95);
}

#video02 .counter .counter-block:hover {
    background-color: rgba(48, 48, 48, 0.95);
}

#video02 .counter .count {
    color: #0d3d81;
}

#video02 .counter-text h6 {
    color: #fff;
}

#video02 .counter .count-icon i {
    color: #fff;
}

.video-text #sync2 .owl-item {
    width: 100% !important;
    float: none;
}

#video02 .video-text {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 14px;
}

#video02 .video-base::after {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: -1000px;
    top: 0;
    z-index: -1;
}

#video02 .main-heading {
    margin-bottom: 85px;
}

#video02 .video-base {
    z-index: 0;
}

#video02 .video-block {
    margin-top: 120px;
}

#video02 .owl-theme .owl-controls .owl-buttons div {
    left: -80px;
}

#video02 .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -80px;
    left: auto;
}

#video02 .counter .counter-block:first-child .count::after {
    content: "K";
}

#video02 .counter .counter-block:nth-child(2) .count::after {
    content: "+";
}

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

#about::after {
    background-image: url("../images/cellbg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 90px;
    bottom: 0;
    z-index: -1;
}

#about::before {
    top: 90px;
}

#about .icon {
    margin: 0;
}

.about-text h6 {
    color: #0d3d81;
    font-size: 11px;
    margin-top: 0;
    text-transform: uppercase;
}

.about-text h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

#about .about-block:not(:nth-child(2)) {
    margin-top: 205px;
}

#about .about-text {
    padding: 0 20px;
}

#about .about-text a {
    color: #656566;
    font-size: 11px;
    text-transform: uppercase;
}

#about .about-text a:hover {
    color: #0d3d81;
}

#about .about-item:hover .icon {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

#about .about-block:first-child {
    padding-right: 75px;
}

#about .about-block:nth-child(3) {
    padding-left: 75px;
}

#about .about-item:not(:last-child) {
    margin-bottom: 73px;
}

#about .main-heading {
    margin-bottom: 0;
    margin-top: 65px;
}

#about .main-heading h3 {
    color: #fff;
    font-size: 33px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

#about .main-heading h2 {
    color: #fff;
    font-size: 33px;
    line-height: 50px;
    text-transform: capitalize;
}

#about .main-heading h2 span {
    text-transform: uppercase;
}

#about .main-heading h6 {
    margin-bottom: 8px;
}

/*
===========================================
Look
===========================================
*/

#look {
    background-attachment: fixed;
    background-image: url("../images/inner-banner.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
===========================================
Gallery
===========================================
*/

.categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.categories ul li {
    display: block;
    line-height: 30px;
    padding: 0;
}

.categories ul li a {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 35px;
    padding: 10px 0;
    text-transform: uppercase;
}

.categories ul li a:hover,
.categories ul li.active a {
    color: #f0653c;
}

.categories .logo {
    display: inline-block;
    margin-bottom: 35px;
}

.projects-container .row {
    -webkit-transition: height .5s ease-out;
    transition: height .5s ease-out;
}

#portfolio .portfolio-item {
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    padding: 0 5px;
}

.portfolio-item.filtered {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.2;
    pointer-events: none;
}

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

.no-opacity .portfolio-item.filtered {
    display: none;
}

.portfolio-thumb {
    display: block;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.scrollimation .portfolio-thumb {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: opacity .4s ease-out, transform .4s ease-out;
}

.touch .scrollimation .portfolio-thumb,
.scrollimation .portfolio-thumb.in {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

#portfolio .portfolio-hover {
    border: 2px solid #fff;
    border-radius: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}

#portfolio .portfolio-hover::before {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
}

#portfolio .portfolio-item:hover .portfolio-hover::before {
    opacity: 1;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

#portfolio .portfolio-item:hover .portfolio-hover {
    bottom: 20px;
    left: 20px;
    opacity: 1;
    right: 20px;
    top: 20px;
}

#portfolio .portfolio-hover a {
    color: #333;
    font-size: 24px;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 4;
}

#portfolio .portfolio-hover a:hover {
    color: #0d3d81;
}

#portfolio .portfolio-item:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

#portfolio .portfolio-item:hover .portfolio-hover a {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.categories ul li a::after {
    background-color: #f07279;
    bottom: 0;
    content: "";
    height: 2px;
    left: 200%;
    position: absolute;
    right: 0;
    top: 47%;
    width: 15px;
    opacity: 0;
}

.categories ul li a::before {
    background-color: #f07279;
    bottom: 0;
    content: "";
    height: 2px;
    right: 200%;
    position: absolute;
    top: 47%;
    width: 15px;
    opacity: 0;
}

.categories ul li a:hover::before,
.categories ul li.active a::before {
    right: 125%;
    opacity: 1;
}

.categories ul li a:hover::after,
.categories ul li.active a::after {
    left: 125%;
    opacity: 1;
}

#portfolio.bg-color {
    background-color: #f8f8f8;
}

/*
===========================================
Portfolio 02
===========================================
*/

.portfolio02 .categories ul li:first-child a {
    margin-bottom: 0;
}

.portfolio02 .categories ul li {
    display: inline-block;
}

.portfolio02 .categories ul li a {
    padding: 10px 50px 10px 0;
}

.portfolio02 .categories ul li a::after {
    display: none;
}

.portfolio02 .categories ul li a:hover,
.portfolio02 .categories ul li.active a {
    color: #0d3d81;
}

.portfolio02 .categories ul {
    margin: 0 0 40px;
}

.portfolio02 .categories ul li a::before {
    background-color: #0d3d81;
    bottom: 0;
    height: 3px;
    left: 0;
    right: 100%;
    top: auto;
    width: auto;
}

.portfolio02 .categories ul li a:hover::before,
.portfolio02 .categories ul li.active a::before {
    opacity: 1;
    right: 25px;
}

#portfolio.portfolio02 .button {
    margin-top: 70px;
}

/*
===========================================
Portfolio 03
===========================================
*/

#portfolio.port03 .portfolio-info {
    border: 3px solid #fff;
    border-radius: 5px;
    bottom: 27%;
    left: 10%;
    position: absolute;
    right: 10%;
    text-align: center;
    top: 27%;
}

#portfolio.port03 .portfolio-info::before {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 20px;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
}

#portfolio.port03 .date {
    color: #0d3d81;
    font-size: 12px;
    text-transform: uppercase;
}

#portfolio.port03 .info-inner h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
    text-transform: uppercase;
}

#portfolio.port03 .portfolio-block.fancy:hover .portfolio-info {
    top: 0;
}

#portfolio.port03 .info-inner h5 a {
    color: #222;
}

#portfolio.port03 .info-inner h5 a:hover {
    color: #0d3d81;
}

#portfolio.port03 .portfolio-block {
    margin-bottom: 30px;
}

#portfolio.port03 .fancy .portfolio-info i {
    font-size: 100px;
}

.portfolio-block.fancy a.plus {
    color: #505050;
    font-family: arim;
    font-size: 100px;
    font-weight: 300;
    line-height: 140px;
}

.portfolio-block.fancy a.plus:hover {
    color: #0d3d81;
}

.portfolio-inner:hover .text-box {
    height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

#portfolio.port03 .fancy .portfolio-info::before {
    display: none;
}

#portfolio.port03 .portfolio-block.fancy .portfolio-info {
    border: medium none;
    bottom: 0;
    left: 0;
    text-align: left;
    top: 55px;
    z-index: 1;
}

.fancy .portfolio-inner::before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 33%;
    z-index: 1;
}

#portfolio a.zoom {
    bottom: 0;
    color: #505050;
    font-family: arim;
    font-size: 100px;
    left: 0;
    margin-top: -29px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#portfolio .portfolio-inner:hover a.zoom {
    opacity: 1;
}

#portfolio .portfolio-inner a.zoom:hover {
    color: #0d3d81;
}

#portfolio .portfolio-inner:hover .date,
#portfolio .portfolio-inner:hover h5 {
    opacity: 0;
}

/*
===========================================
Portfolio 06
===========================================
*/

#portfolio.portfolio06 .portfolio-block:nth-child(2n+2) .portfolio-info {
    left: auto;
    right: 10%;
}

#portfolio.portfolio06 .portfolio-info {
    margin-top: -120px;
    top: 50%;
}

#portfolio.portfolio06 .portfolio-block:hover .portfolio-info {
    opacity: 0;
}

.port06 .portfolio-block .hover {
    background-color: rgba(186, 154, 45, 0.9);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    opacity: 0;
}

.port06 .portfolio-block:hover .hover {
    top: 0;
    opacity: 1;
}

.port06 .hover a {
    color: #fff;
    font-size: 20px;
}

.port06 .button {
    margin-top: 80px;
}

.port06 .portfolio-block {
    overflow: hidden;
}

/*
===========================================
Single Portfolio
===========================================
*/

#single-portfolio .portfolio-block:not(:last-child) {
    margin-bottom: 80px;
}

#single-portfolio .portfolio-block {
    display: flex;
}

#single-portfolio .portfolio-item .date {
    color: #0d3d81;
    font-size: 12px;
}

#single-portfolio h3 {
    color: #323232;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 0;
    margin-top: 15px;
    text-transform: uppercase;
}

#single-portfolio .portfolio-block p {
    color: #666666;
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
}

#single-portfolio .portfolio-item img {
    width: 100%;
}

#single-portfolio img.margin-top {
    margin-top: 46px;
}

/*
===========================================
Blog
===========================================
*/

.news-block .news-info {
    background-color: #fbfbfb;
    bottom: -50px;
    left: 70px;
    padding: 50px 0;
    position: absolute;
    right: 70px;
}

.news-block .date {
    color: #0d3d81;
    font-size: 12px;
    text-transform: uppercase;
}

.news-block .news-info h4 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.news-block .news-info h4 a {
    color: #303030;
}

.news-block .name {
    color: #303030;
    font-size: 12px;
    font-style: italic;
}

.news-block .name span {
    color: #0d3d81;
}

.news-block:hover .news-info,
.inner #news .news-block:hover .news-info {
    background-color: #0d3d81;
}

.news-block:hover .news-info * {
    color: #fff;
}

.news-block .comments {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    color: #0d3d81;
    font-size: 11px;
    font-style: italic;
    left: 34px;
    padding: 8px 15px;
    position: absolute;
    top: 25px;
}

.news-block .comments i {
    margin-right: 5px;
}

#news .news-block:not(:nth-last-child(-n+2)) {
    margin-bottom: 100px;
}

.inner #news .merab-pagination {
    margin-top: 140px;
}

.bg-color .news-block .news-info {
    background-color: #fff;
}

.home-2 #news .black-border.btn:hover,
.home-2 #news .btn.black-border:hover::after {
    background-color: #0d3d81;
    border-color: #fff;
    color: #fff;
}

/*
===========================================
 blog List Style
===========================================
*/

#news.bg-color {
    background-color: #f8f8f8;
}

#news.list .news-info {
    background-color: #fff;
    bottom: 30px;
    left: auto;
    right: 9.3%;
    top: 30px;
}

#news.list .news-info p {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 50px;
    margin-top: 30px;
}

#news.list .news-block:hover .news-info p {
    color: #fff;
}

#news.list .news-block:nth-child(2n+2) {
    text-align: right;
}

#news.list .news-block:nth-child(2n+2) .news-info {
    right: auto;
    left: 9.3%;
}

#news.list .news-block:nth-child(2n+2) .comments {
    left: auto;
    right: 34px;
}

#news.list .news-block:nth-child(2n+2) {
    text-align: right;
}

#news.list .news-block:nth-child(2n+1) {
    margin-left: 8.33%;
}

#news.list .news-block:not(:last-child) {
    margin-bottom: 30px;
}

#news.list article:hover .news-info {
    background-color: #0d3d81;
}

#news.bg {
    background-image: url("../images/blogbg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#news.bg h2,
#news.bg p {
    color: #fff;
}

/*
===========================================
Blog Inner
===========================================
*/

#news.list.sidebar .news-block:nth-child(2n+1) {
    margin-left: 0;
}

#news.list.sidebar .news-block:nth-child(2n+2) .news-info {
    left: auto;
    right: 0;
}

#news.list.sidebar .news-info {
    right: 0;
}

#news.list.sidebar .news-block:nth-child(2n+2) {
    text-align: left;
}

#news.list.sidebar .news-block:nth-child(2n+2) .comments {
    left: 34px;
    right: auto;
}

#news.list.sidebar {
    background-color: transparent;
}

#news.list.sidebar .news-info {
    background-color: #fdfcfc;
}

/*
===========================================
Blog Detail
===========================================
*/

.inner.blog-detail .news-inner > img {
    width: auto;
}

.post-info .name,
.post-info .tag {
    display: inline-block;
}

.blog-detail .post-info * {
    color: #303030;
    font-size: 12px;
    font-style: italic;
}

.blog-detail .post-info .tag a:not(:last-child)::after {
    content: ",";
}

.post-info .name {
    margin-right: 40px;
}

#single-blog .blog-box {
    margin-bottom: 50px;
}

#single-blog .post-detail p {
    color: #666666;
    display: inline-block;
    line-height: 30px;
    margin: 40px 0;
    text-align: justify;
    font-size: 14px;
}

.post-detail .quote-text {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

#single-blog .blockquote p {
    color: #fff;
    font-style: italic;
    margin: 0;
    text-align: center;
}

#single-blog .blockquote p span {
    color: #0d3d81;
}

#single-blog .about-author {
    display: flex;
    background-color: #fbfbfb;
}

.about-author img,
.commenter-image img {
    height: 170px;
    object-fit: cover;
    width: 170px;
}

#single-blog .author-info {
    padding: 0 40px;
}

.author-info h4 {
    color: #0d3d81;
    font-size: 17px;
    margin-top: 0;
    text-transform: capitalize;
}

.author-info p,
.comment .inner p {
    color: #808080;
}

#single-blog .post-comments {
    margin-top: 85px;
}

.post-comments > p,
.comment-form > p {
    color: #808080;
    font-size: 11px;
}

.post-comments > h3,
.comment-form > h3 {
    font-size: 24px;
    margin-bottom: 45px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #323232;
    font-weight: bold;
}

.comment .commenter-image {
    padding: 0;
}

.post-comments .comment {
    background-color: #fbfbfb;
    display: flex;
}

.commenter-image a {
    background-color: #000000;
    bottom: 0;
    color: #fff;
    font-size: 11px;
    left: 0;
    padding: 20px 0;
    position: absolute;
    right: 40px;
    text-align: center;
    text-transform: uppercase;
}

.post-comments .comment-detail {
    padding: 0 40px;
}

.comment .poster-info h4,
.comment .poster-info .date {
    display: inline-block;
}

.comment .poster-info h4 {
    font-size: 17px;
    font-weight: bold;
    margin-right: 40px;
    margin-top: 0;
    text-transform: uppercase;
}

.post-comments .comment:not(:last-child) {
    margin-bottom: 30px;
}

.post-comments .comment.reply {
    margin-left: 170px;
}

.commenter-image a:hover {
    background-color: #0d3d81;
}

#single-blog .comment-form {
    display: inline-block;
    margin-top: 90px;
}

.comment-form form .form-group,
.comment-form form .button {
    margin-bottom: 4px;
    padding: 0 2px;
}

.comment-form form .button {
    margin-top: 60px;
}

/*
===========================================
Why Choose us
===========================================
*/

section#choose::before {
    background-image: url("../images/choose01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
}

section#choose.bg02::before {
    background-image: url("../images/chooes02.jpg");
}

section#choose {
    background-color: #fdfcfc;
}

.choose-heading p span {
    color: #eaeaea;
    font-family: montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    margin-right: 15px;
}

#choose .choose-heading p {
    color: #444;
    display: flex;
    font-size: 15px;
    font-style: italic;
}

#choose .choose-heading h2 {
    color: #282828;
    font-size: 40px;
    font-weight: 600;
    margin-top: 10px;
    text-transform: uppercase;
}

.choose-heading h2 span {
    color: #0d3d81;
}

#choose .category {
    color: #ecebeb;
    font-size: 13px;
    text-transform: uppercase;
}

#choose .category span {
    color: #0d3d81;
    margin-left: 15px;
}

#accordion {
    margin-top: 50px;
    margin-bottom: 0;
}

#choose .choose-block {
    padding-left: 90px;
}

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

section#contact-button {
    background-color: #60c170;
    padding: 51px 0;
}

.contact-button-block h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

/*
===========================================
Contact Style 2
===========================================
*/

#contact-us.bg {
    background-image: url("../images/contactbg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#contact-us::before {
    background-color: rgba(0, 0, 0, 0.85);
}

#contact-us.contact03 .main-heading h2 {
    color: #fff;
    font-size: 40px;
    text-transform: capitalize;
}

#contact-us .main-heading {
    margin-bottom: 25px;
    padding: 0;
}

#contact-us.contact03 .contact-block > p {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 28px;
}

#contact-us .contact-block p.italic {
    color: #0d3d81 !important;
    font-style: italic;
    margin-top: 25px;
}

.contact02 textarea.form-control,
.contact02 input.form-control,
.contact04 textarea.form-control,
.contact04 input.form-control {
    background-color: transparent;
    border-bottom: 2px solid #8a8a8a;
}

#contact-us .left .btn.black-border {
    margin-top: 60px;
}

#contact-us .contact-block.left {
    padding-right: 30px;
}

#contact-us .contact-block.right {
    background-color: #fff;
    padding: 50px;
}

#contact-us .main-heading h6 {
    margin-bottom: 25px;
}

#contact-us .contact-block.right .button {
    margin-top: 20px;
    padding: 0 7px;
}

#contact-us form .btn.black-border {
    text-align: center;
    width: 100%;
}

#contact-us.contact02.bg .main-heading h2 {
    color: #323232;
}

#contact-us.contact02 .main-heading h2 {
    color: #323232;
    text-transform: uppercase;
}

#contact-us.contact02 .contact-block.left {
    background-color: #fff;
    padding: 0 60px;
}

#contact-us .contact-block p.italic {
    color: #0d3d81;
    font-style: italic;
    margin-top: 35px;
}

#contact-us .row {
    display: flex;
}

#contact-us.contact02 .contact-block a,
#contact-us.contact02 .contact-block p {
    color: #323232;
    display: block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 25px;
}

#contact-us.contact02.bg .contact-block a,
#contact-us.contact02.bg .contact-block p {
    color: #323232;
}

.contact04 .main-heading h2 {
    font-size: 45px;
    text-transform: capitalize;
}

#contact-us.bg .main-heading h2,
#contact-us.bg .contact-block p {
    color: #fff;
}

.contact-block p {
    clear: both;
    font-size: 15px;
    line-height: 28px;
}

#contact-us .main-heading h2 {
    text-transform: capitalize;
}

/*
===========================================
 Contact 3
===========================================
*/

#contact-us.contact03 {
    background-image: url("../images/contactbg02.jpg");
    background-attachment: fixed;
}

#contact-us.contact03 .contact-block.right {
    background-color: #0d3d81;
}

#contact-us.contact03 textarea.form-control,
#contact-us.contact03 input.form-control {
    background-color: rgba(0, 0, 0, 0.15);
}

#contact-us.contact03 .form-control:-ms-input-placeholder {
    color: #fff;
}

#contact-us.contact03 .form-control::-webkit-input-placeholder {
    color: #fff;
}

#contact-us.contact03 .form-control::-moz-placeholder {
    color: #fff;
}

#contact-us.contact03 textarea.form-control:focus,
#contact-us.contact03 input.form-control:focus {
    background-color: #222 !important;
}

/*
===========================================
Inner Contact
===========================================
*/

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

.inner .contact-block i {
    color: #0d3d81;
    font-size: 40px;
}

.inner .contact-block h5 {
    font-size: 16px;
    margin: 15px 0;
    text-transform: uppercase;
}

.contact #contact .contact-block:not(:last-child)::after {
    border-left: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    bottom: 0;
    content: "";
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: -5px;
    top: 50%;
    width: 10px;
}

.contact #branches.branch02 {
    background-color: #fbfbfb;
}

.contact #contact .contact-block:not(:last-child)::before {
    background-color: #9e9e9e;
    bottom: 0;
    content: "";
    height: 50px;
    margin-top: -25px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}

#googleMap {
    float: right;
}

#map .contact-block {
    background-color: #fff;
    bottom: 30px;
    position: absolute;
    top: 0;
    z-index: 1;
}

#contact .contact-block p,
#contact .contact-block a {
    color: #555555;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 28px;
}

#contact .contact-block a {
    display: block;
}

.contact-heading {
    position: absolute;
    top: 490px;
    transform: rotate(-90deg);
    transform-origin: 0 0 0;
}

.contact-heading h1 span {
    color: #0d3d81;
    display: block;
    margin-top: 5px;
}

#contact-form .form-block:first-child::before {
    left: 76px;
    top: -140px;
}

.contact-heading h1 {
    font-size: 40px;
    font-weight: bold;
    margin-top: 3px;
    text-transform: uppercase;
    color: #282828;
}

.contact-heading p {
    color: #0d3d81;
    font-size: 11px;
    margin: 0;
}

#map .contact-info form,
#map form .button {
    margin-top: 60px;
}

#map textarea.form-control {
    height: 177px;
}

#map .contact-info p {
    color: #666666;
    margin-top: 30px;
    line-height: 26px;
}

#map .contact-info {
    padding-right: 40px;
}

#contact-form .contact-heading {
    top: 90%;
}

#contact-form .contact-info p {
    color: #666666;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 19px;
}

#contact-form .contact-info img {
    margin-top: 20px;
}

#contact-form form textarea.form-control {
    height: 180px;
    margin-bottom: 50px;
}

#contact-form form .form-group,
#contact-form form .button {
    margin-bottom: 7px;
    padding: 0 4px;
}

#contact-form form .btn.black-border {
    width: 100%;
}

#map .contact-info p:first-child {
    margin-top: 15px;
}

#contact .contact-block a:hover {
    color: #0d3d81;
}

/*
===========================================
Branches
===========================================
*/

#branches.bg {
    background-image: url("../images/branchesbg.jpg");
    background-position: center 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

#branch .item {
    padding: 0 15px;
}

#branch .item .branch-inner {
    height: 170px;
    text-align: center;
}

.bg #branch .item .branch-inner {
    background-color: #faf8f8;
}

#branches.branch02 {
    padding: 30px 0;
}

#branch .item .branch-inner:hover {
    background-color: #0d3d81;
}

#branches.branch02.bg-color {
    background-color: #fbfbfb;
}

.branch02 #branch .item .branch-inner {
    background-color: transparent;
}

#branches.branch01 .owl-controls.clickable {
    display: none !important;
}

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

footer .footer-upper {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 0 !important;
}

footer .about,
footer .mailing-list {
    clear: both;
}

.footer-upper::before {
    background-color: rgba(0, 0, 0, 0.5);
}

footer .copyrights {
    background-color: #2c2c2c;
    padding: 42px 0;
}

footer .copy-block > p {
    color: #fff;
    font-size: 14px;
}

footer .copy-block > p a {
    color: #0d3d81;
}

.footer-menu > ul {
    padding: 0;
    list-style: none;
}

footer .footer-menu li {
    display: inline-block;
}

.footer-menu li a {
    color: #fff;
    font-size: 13px;
    padding: 0 20px;
    text-transform: uppercase;
}

.footer-menu li a:hover {
    color: #0d3d81;
}

footer .main-heading h2 {
    color: #fff;
    font-size: 22px;
}

footer .main-heading {
    margin-bottom: 45px;
}

.mailing-list .form-group {
    margin-bottom: 20px;
    padding: 0;
}

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

article.post {
    display: inline-block;
    width: 100%;
}

.widget article.post h5 {
    font-size: 15px;
    margin-top: 0;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-weight: 600;
}

.widget article.post h5 a {
    color: #fff;
}

.widget article.post .date {
    color: #0d3d81;
    display: inline-block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
}

footer .widget article.post:not(:last-child) .date {
    padding-bottom: 22px;
    border-bottom: 1px solid #777;
}

footer .widget article.post:not(:first-child) {
    padding-top: 22px;
}

.widget article:hover h5 a {
    color: #0d3d81;
}

.widget article:hover .date {
    color: #fff;
}

.widget .about p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.widget .about p:not(:last-child) {
    margin-bottom: 35px;
}

.widget .recent-photo {
    display: inline-block;
    overflow: hidden;
}

.widget .recent-photo ul {
    padding: 0;
    list-style: none;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

.widget .recent-photo li {
    margin-bottom: 15px;
}

.recent-photo li:hover img {
    filter: grayscale(1) opacity(0.6);
    -webkit-filter: grayscale(1) opacity(0.6);
}

.widget .mailing-list p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.widget .mailing-list form {
    margin-top: 30px;
}

.mailing-list input.form-control {
    background-color: rgba(58, 58, 60, 0.8);
}

/*
===========================================
Pagination
===========================================
*/

.merab-pagination .pagination > li {
    display: inline-block;
    width: 63px;
    height: 53px;
}

.merab-pagination .pagination {
    margin: 0;
}

.merab-pagination .pagination li a {
    background-color: #fafafa;
    border: medium none;
    border-radius: 0;
    color: #333;
    font-family: montserrat;
    font-size: 13px;
    height: 100%;
    padding: 0;
    width: 100%;
}

.merab-pagination .pagination li:first-child a,
.merab-pagination .pagination li:last-child a {
    background-color: #383838;
    color: #fff;
    font-size: 16px;
}

.merab-pagination .pagination li a:hover {
    background-color: #0d3d81;
    color: #fff;
}

.merab-pagination .pagination > li.dash::before {
    bottom: 0;
    content: "........";
    font-size: 21px;
    left: 0;
    position: absolute;
    right: 0;
    top: 6px;
}

.merab-pagination {
    margin-top: 80px;
}

/*
===========================================
Skills
===========================================
*/

#skill.skill01.bg::after {
    background-image: url("../images/skill.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 75px;
    content: "";
    z-index: -1;
}

#skill.skill01::before {
    background-color: rgba(0, 0, 0, 0.85);
    bottom: 75px;
}

.bg .creative .main-heading p {
    color: #fff;
}

#skill .main-heading .dot {
    padding: 0;
}

#skill.bg .main-heading h2 {
    color: #fff;
}

#skill .main-heading .text {
    padding: 0 7px;
}

.skill-block .skill {
    background-color: transparent;
    border-radius: 18px;
    height: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.bg .skill-block .skill {
    background-color: #403d3b;
}

.skill .skill-box {
    background-color: #52a2e6;
    border-radius: 10px;
    height: 10px;
    width: 0;
}

.skill-block .skill-info h4,
.skill-block .skill-info p {
    display: inline-block;
}

.skill-info p {
    color: #a68a2a;
    float: right;
    font-size: 13px;
}

.skill-block .skill-info h4,
.skill-block .skill-info p {
    display: inline-block;
}

.skill-info h4 {
    color: #323232;
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg .skill-info h4 {
    color: #fff;
}

.skill-item:not(:last-child) {
    margin-bottom: 35px;
}

.skill-item:nth-child(2) .skill .skill-box {
    background-color: #e0bd43;
}

.skill-item:nth-child(3) .skill .skill-box {
    background-color: #a68a2a;
}

.skill-item:last-child .skill .skill-box {
    background-color: #55ac65;
}

#skill.skill01 .skill-block .main-heading {
    margin-bottom: 145px;
}

#skill .creative {
    text-align: center;
}

/*
===========================================
Skills 2
===========================================
*/

#skill.skill02.bg {
    background-attachment: fixed;
    background-image: url("../images/soon.jpg");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: cover;
}

#skill.skill02.bg::before {
    background-color: rgba(0, 0, 0, .85);
}

#skill.skill02 .main-heading {
    margin-bottom: 0;
}

/*
===========================================
Skill 3
===========================================
*/

.bg .main-heading .text p {
    color: #fff;
}

#skill.skill03.bg-color::before {
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 50%;
    background-image: url("../images/skill03.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#skill.skill03 .skill-block {
    padding-right: 30px;
}

/*
===========================================
Counter
===========================================
*/

.counter {
    background-image: url("../images/counter.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.counter::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background-color: rgba(253, 253, 251, .95);
}

.counter .count-icon i {
    color: #0d3d81;
    font-size: 55px;
    margin-right: 25px;
}

.counter .count {
    color: #282828;
    font-family: montserrat;
    font-size: 33px;
    font-weight: bold;
}

.counter-text h6 {
    color: #282828;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 2px;
    text-transform: uppercase;
}

.counter .counter-block:first-child .count::after {
    content: "K+";
}

.counter .counter-block:last-child .count::after {
    content: "K";
}

.counter .counter-block::after {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    bottom: 0;
    content: "";
    height: 20px;
    position: absolute;
    right: -5px;
    top: 40%;
    width: 10px;
}

.counter .counter-block:last-child::after {
    display: none;
}

/*
===========================================
Products
===========================================
*/

.product-block {
    overflow: hidden;
}

.product-block .btn.black {
    font-size: 11px;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -100px;
}

.product-block:hover .btn.black {
    margin-top: -30px;
    top: 50%;
}

.product-block .btn.black i {
    margin-right: 8px;
}

.product-block .product-text {
    padding: 25px 0;
}

.rating i {
    color: #323232;
    display: inline-block;
    font-size: 11px;
}

.product-text h5 {
    font-size: 15px;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.product-text h5 a {
    color: #282828;
}

.product-text h5 a:hover {
    color: #0d3d81;
}

.product-block .price,
.single-block .price {
    color: #0d3d81;
    font-size: 13px;
}

.product-block .price span,
.single-block .price span {
    color: #bebebe;
    font-size: 10px;
    margin-left: 10px;
    text-decoration: line-through;
}

.products .product-block:not(:nth-last-child(-n+4)) {
    margin-bottom: 20px;
}

/*
===========================================
Single Product
===========================================
*/

#single-product .small-products {
    bottom: 50px;
    left: 0;
    position: absolute;
    right: 0;
}

.small-products ul li {
    z-index: 99999;
}

.small-products ul li {
    display: inline-block;
    float: none;
    z-index: 99999;
}

.small-products .nav {
    border: medium none;
    text-align: center;
}

#single-product .small-products ul li a {
    padding: 0;
}

.small-products ul.nav.nav-tabs img {
    border-radius: 3px;
}

#single-product .small-products ul li a::after {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    color: #5b5b5b;
    content: "+";
    font-family: h;
    font-size: 60px;
    font-weight: normal;
    left: 0;
    line-height: 80px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#single-product .small-products ul li.active a::after,
#single-product .small-products ul li:hover a::after {
    opacity: 1;
}

#single-product .serialno {
    color: #cbcbcb;
    font-family: montserrat;
    font-size: 14px;
}

#single-product .single-block {
    padding-left: 85px;
}

.single-block h3 {
    color: #323232;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: uppercase;
}

#single-product {
    background-color: #fdfcfc;
}

#single-product .single-block > ul {
    -moz-column-count: 3;
    list-style: outside none none;
    margin-bottom: 30px;
    margin-top: 22px;
    padding: 0;
}

#single-product .single-block p {
    color: #666666;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 55px;
    margin-top: 30px;
}

.revew-content-area iframe {
    height: 315px;
    width: 100%;
}

#single-product .single-block > ul * {
    color: #323232;
    font-size: 13px;
}

.quantity #demo_vertical {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 3px 0 0 3px;
    height: 39px;
    padding: 0 26px;
    text-align: center;
    width: 60px;
}

#single-product .quantity {
    padding-left: 0;
}

.quantity .input-group {
    display: flex;
}

.quantity .bootstrap-touchspin .input-group-btn-vertical {
    background-color: #fff;
    border-color: #d4d4d4;
    border-radius: 0 3px 3px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 27px;
}

.quantity .bootstrap-touchspin .btn {
    background-color: transparent;
    border-radius: 0 4px 0 0;
    color: #8c8c8c;
    height: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}

.quantity .bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 11px;
    font-weight: normal;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.quantity .btn .glyphicon.glyphicon-chevron-up {
    top: 8px;
}

.quantity label {
    font-size: 12px;
    margin: 0;
    padding-left: 0;
    text-transform: uppercase;
}

#single-product .reviews-areas::before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: -1000px;
    position: absolute;
    right: -1000px;
    top: 0;
}

.reviews-areas.space-top {
    padding: 90px 15px 0;
}

.reviews-areas .reviw-title {
    background-color: #fdfcfc;
    margin-bottom: 65px;
}

.reviews-areas .reviw-title ul {
    border: medium none;
    padding-left: 65px;
}

.reviews-areas ul li.active a,
.reviews-areas .nav-tabs > li.active > a:hover,
.reviews-areas .nav-tabs > li.active > a:focus,
.reviews-areas ul li a:hover {
    background-color: transparent;
    border: medium none;
    color: #0d3d81;
}

.reviews-areas ul li a {
    color: #282828;
    font-size: 13px;
    line-height: 60px;
    padding: 0;
    margin: 0 15px;
    text-transform: uppercase;
    border: none;
}

.reviews-areas ul li a::before {
    background-color: #0d3d81;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 100%;
}

.reviews-areas ul li a:hover::before,
.reviews-areas ul li.active a::before {
    right: 50%;
}

.reviews-areas .tab-content p {
    font-size: 14px;
    line-height: 30px;
}

/*
===========================================
Price plans
===========================================
*/

#price-table .price-inner h6 {
    background-color: #0d3d81;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    margin: 0;
    padding: 20px 30px;
    text-transform: uppercase;
    top: 0;
    width: 80%;
}

.price-block:hover .price::after {
    top: -50px;
}

.price-block .price {
    font-size: 50px;
    font-weight: bold;
    padding: 30px 0;
    color: #fff;
}

#price-table .plan-info {
    background-color: #fff;
}

#price-table .price-block:hover .price-inner h6 {
    top: -20px;
}

.price-block .price > span {
    color: #0d3d81;
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-transform: capitalize;
}

.price-block .price::before {
    color: #0d3d81;
    content: "$";
    font-size: 26px;
    font-weight: normal;
    vertical-align: super;
}

.price-block .price::after {
    background-image: url("../images/price.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1;
}

#price-table .price-inner ul {
    list-style: outside none none;
    padding: 0;
}

#price-table .price-inner li {
    color: #282828;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 15px;
}

#price-table .price-inner li:nth-child(2n+2) {
    background-color: #f1f1f1;
}

#price-table .price-block:nth-child(2) .price-inner h6,
#price-table .price-block:nth-child(5) .price-inner h6 {
    top: -20px;
}

.price-block:nth-child(2) .price::after,
.price-block:nth-child(5) .price::after {
    top: -50px;
}

.price-block:nth-child(2) .price-inner::after,
.price-block:nth-child(5) .price-inner::after {
    box-shadow: 0 0 2px 0 #666;
    top: 3px;
}

#price-table .main-heading {
    margin-bottom: 70px;
}

#price-table .price-block {
    padding: 0 2px;
}

.price-block .btn.black {
    margin: 35px 0;
    padding: 17px 40px;
    text-transform: uppercase;
}

.price-block:hover .price-inner::after {
    box-shadow: 0 0 2px 0 #666;
    top: 3px;
}

.price-block .price-inner::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 23px;
    z-index: -1;
}

#price-table::after {
    background-color: #f8f8f8;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
}

#price-table .price-block:not(:nth-last-child(-n+3)) {
    margin-bottom: 70px;
}

/*
===========================================
Side Bar
===========================================
*/

.search form .form-group {
    display: flex;
    margin: 0;
}

aside .search form button.btn {
    background-color: #fbfbfb;
    color: #7a7a7a;
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
}

aside .search form button.btn:hover {
    background-color: #333;
    color: #fff;
}

aside .widget:not(:last-child) {
    margin-bottom: 60px;
}

aside .widget > p {
    color: #999;
    font-size: 11px;
    text-transform: capitalize;
}

aside .widget > h4 {
    color: #303030;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 7px;
    text-transform: uppercase;
}

aside .post .post-text {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

aside .widget article.post .date {
    font-family: montserrat;
    font-size: 11px !important;
    font-style: normal;
}

.home-6 #news.sidebar aside .widget article.post .date {
    height: auto;
    margin-bottom: 5px;
}

.home-6 #news.sidebar aside .widget article.post:hover .date {
    height: 0;
    margin: 0;
    overflow: hidden;
}

aside .post-text h6 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 5px;
    text-transform: uppercase;
}

aside .post-text h6 a {
    color: #fff;
}

aside .post:hover .post-text {
    background-color: rgba(170, 141, 43, 0.9);
}

aside .post .arrow {
    height: 0;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
}

aside .post:hover .arrow {
    display: inline-block;
    height: auto;
    margin-top: 10px;
    opacity: 1;
}

aside .post:hover .post-text .date,
aside .post:hover .post-text .date {
    color: #fff !important;
}

aside .post:not(:last-child) {
    margin-bottom: 25px;
}

aside .widget.meta ul {
    background-color: #fdfcfc;
    list-style: outside none none;
    padding: 20px 45px;
}

.widget.meta ul li a {
    color: #5d5d5d;
    display: block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 15px;
}

.widget.meta ul li:not(:last-child) a {
    border-bottom: 1px solid #eaeaea;
}

aside .widget.meta ul li a::before {
    bottom: 0;
    color: #5d5d5d;
    content: "";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 15px;
}

aside .widget.meta ul li a:hover::before,
aside .widget.meta ul li a:hover {
    color: #f0653c;
}

aside .tag-block ul {
    list-style: outside none none;
    padding: 0;
}

.tag-block ul li a {
    border: 1px solid #dfdfdf;
    color: #a6a5a5;
    display: inline-block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 2px;
    padding: 12px 19px;
    text-transform: capitalize;
}

.tag-block ul li {
    display: inline-block;
    margin: 0 -1px;
}

.widget.social ul a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 16px;
    height: 49px;
    text-align: center;
    width: 49px;
}

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

aside .video-post .video-box a {
    background-color: rgba(186, 154, 45, 0.8);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 80px;
    left: 0;
    margin: auto;
    text-align: center;
    width: 80px;
}

aside .video-post h5 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

aside .video-post h5 a {
    color: #303030;
}

aside .video-post .date {
    color: #0d3d81;
    font-size: 12px;
    margin-top: 20px;
    text-transform: uppercase;
}

aside .video-post .overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.widget.social ul {
    list-style: none;
    padding: 0;
}

.social .fb {
    background-color: #3b579d;
}

.social .twitter {
    background-color: #2caae1;
}

.social .flicker {
    background-color: #ed1983;
}

.social .link {
    background-color: #007cb7;
}

.social .youtube {
    background-color: #ee1c1b;
}

.widget.social ul a:hover {
    opacity: 0.7;
}

.tag-block ul li a:hover {
    background-color: #0d3d81;
    color: #fff;
}

/*
===========================================
Error Page
===========================================
*/

#error-page {
    background-image: url("../images/inner-banner.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#error-page::before {
    background-color: rgba(0, 0, 0, 0.7);
}

#error-page h1 {
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
    text-transform: uppercase;
}

#error-page .error-404 {
    color: #fff;
    font-family: montserrat;
    font-size: 200px;
    font-weight: bold;
    line-height: 190px;
}

.error404 span {
    color: #0d3d81;
}

#error-page h4 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

#error-page p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 20px;
}

#error-page form .form-group {
    display: flex;
}

#error-page .form-group input {
    background-color: #1c1c1e;
    color: #fff;
}

#error-page .form-group .btn {
    background-color: #1c1c1e;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#error-page .form-group {
    margin-bottom: 50px;
}

#error-page .btn.black-border::after {
    border-color: #333;
}

/*
===========================================
Coming Soon
===========================================
*/

#coming-soon {
    background-image: url("../images/soon.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#coming-soon::before {
    background-color: rgba(0, 0, 0, 0.7);
}

#coming-soon h1 {
    color: #fff;
    font-size: 90px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 35px;
    margin-top: 35px;
}

#coming-soon h1 span {
    color: #0d3d81;
    display: block;
}

.soon-block p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-right: 104px;
}

#countdown.countdown .count-down {
    width: 103px;
    height: 130px;
    background-color: #fff;
    text-align: center;
    padding-top: 18px;
}

#countdown.countdown .count-down .number {
    font-size: 30px;
    font-weight: bold;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: #323232;
    border-bottom: 1px solid #a4a3a3;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: inline-block;
}

#countdown.countdown span.string {
    font-size: 12px;
    color: #0d3d81;
    text-transform: capitalize;
    font-weight: 500;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    display: block;
}

#countdown.countdown div {
    display: inline-block;
}

#countdown.countdown div:not(:last-child) {
    margin-right: 10px;
}

#coming-soon h4 {
    margin-top: 55px;
    font-size: 18px;
    text-transform: uppercase;
    color: #0d3d81;
    font-weight: bold;
    line-height: 30px;
}

.soon-block.right p {
    font-size: 14px;
    margin-bottom: 40px;
}

#coming-soon form input {
    background-color: rgba(240, 230, 253, 0.05);
}

#coming-soon .form-group {
    margin-bottom: 30px;
}

/*
===========================================
Faq
===========================================
*/

#faq .comment-form {
    display: inline-block;
    margin-top: 85px;
    width: 100%;
}

#faq form textarea.form-control {
    height: 185px;
}

#faq #accordion {
    margin-top: 0;
    margin-bottom: 0;
}

/*
===========================================
Check out
===========================================
*/

.checkout-heading p {
    color: #0d3d81;
    font-size: 11px;
    text-transform: uppercase;
}

.checkout-heading h1 {
    color: #282828;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 10px;
}

.checkout-heading {
    margin-top: 90px;
    margin-bottom: 55px;
}

#checkout .checkbox.form-group {
    margin: 40px 0;
}

.choose-block.detail {
    padding-left: 75px;
}

#checkout .table td,
#checkout .table th {
    border: medium none;
    font-size: 13px;
    padding: 15px 0;
    text-transform: uppercase;
}

#checkout .table th {
    padding: 20px 0;
}

#checkout thead {
    background-color: #f8f8f8;
}

#checkout .table th {
    color: #282828;
    font-size: 15px;
    text-transform: uppercase;
}

#checkout .total-price {
    background-color: #fdfcfc;
    display: inline-block;
    padding: 0 60px 0 65px;
    width: 100%;
}

#checkout thead::before,
#checkout form .button::before {
    background-color: #f8f8f8;
    border-bottom: 2px solid #fff;
    /* bottom: 0; */
    content: "";
    left: -65px;
    position: absolute;
    right: -60px;
    top: 0;
    height: 61px;
}

#checkout form .button::before {
    bottom: 0;
    height: auto;
}

#checkout .table td:first-child,
#checkout .table th:first-child {
    width: 80%;
}

#checkout .table tbody tr:first-child td {
    padding-top: 30px;
}

#checkout .table td:first-child {
    font-weight: bold;
}

#checkout .table td:last-child {
    color: #0d3d81;
}

#checkout .table tr.shipping td:last-child {
    color: #999999;
}

#checkout .total-price .table .total td {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding: 20px 0;
}

#checkout .table .shipping td {
    padding-bottom: 30px;
}

#checkout .total-price .checkbox.form-group {
    margin: 20px 0;
}

p.well {
    color: #444444;
    line-height: 26px;
    margin-top: 30px;
    padding: 30px 50px;
}

.form-group label img {
    margin-left: 10px;
}

#checkout form .button {
    margin-top: 60px;
    padding: 10px 0;
}

#checkout form input.form-control {
    height: 60px;
}

/*
===========================================
Cart
===========================================
*/

#cart table thead th {
    padding: 15px;
}

#cart table tbody td {
    border: medium none;
    padding: 30px 15px;
    vertical-align: middle;
}

#cart table thead th {
    background-color: #f8f8f8;
    border-bottom: 2px solid #fff;
    color: #282828;
    font-size: 13px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: uppercase;
}

#cart .table thead th:first-child,
#cart table tbody tr td:first-child {
    padding-left: 70px;
}

#cart .table thead th:last-child,
#cart table tbody tr td:last-child {
    padding-right: 30px;
}

#cart .table tbody {
    background-color: #fdfcfc;
}

table td .serialno {
    color: #c7c7c7;
    font-size: 12px;
    text-transform: uppercase;
}

.table td h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 15px;
    text-transform: uppercase;
}

.table td h5 a {
    color: #323232;
}

.table td.product-price,
.table td.product-total {
    color: #0d3d81;
    font-size: 16px;
}

table td.option a {
    color: #c7c7c7;
    font-size: 12px;
    text-transform: uppercase;
}

#cart table {
    margin: 0;
}

#cart .button {
    background-color: #f8f8f8;
    padding: 10px 70px;
    margin-top: 2px;
}

#cart .button input.form-control {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    height: 40px;
}

#cart .cart-total {
    margin-top: 50px;
}

#cart table td.sub-total,
#cart table td.total {
    color: #323232;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-total td.product-price {
    font-size: 13px;
}

#cart .cart-total table td {
    padding-bottom: 0;
    padding-top: 40px;
}

#cart .cart-total table tr:last-child td {
    padding-bottom: 40px;
}

#cart .cart-total table tbody tr td:first-child {
    width: 70%;
}

/*
===========================================
Category
===========================================
*/

#category .hover {
    background-color: transparent;
    bottom: 60px;
    left: 60px;
    position: absolute;
    right: 20%;
    text-align: left;
    top: 52%;
    border: 1px solid transparent;
}

#category .hover h2 {
    color: #fff;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

#category .hover h2 a {
    color: #fff;
}

#category .hover h2 span {
    color: #0d3d81;
    display: block;
    margin-top: 6px;
}

#category .hover p {
    color: #0d3d81;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

#category .category-block:hover .hover {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
    top: 20px;
    border-color: #cdcdcd;
}

#category .category-block:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    z-index: 3;
}

#category {
    overflow: visible;
}

/*
===========================================
Testimonials
===========================================
*/

#testimonial {
    background-image: url("../images/testimonial.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#testimonial::before {
    background-color: rgba(0, 0, 0, 0.85);
}

#testimonial .ms-slide-bgcont {
    border: 13px solid #fff;
}

#testimonial .ms-sl-selected .ms-slide-bgcont {
    border-color: #0d3d81;
}

#testimonial h5.name {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 30px;
    text-transform: uppercase;
}

#testimonial .ms-info p img {
    margin-right: 10px;
    top: -5px;
}

#testimonial h5.name span {
    color: #0d3d81;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 700;
}

#testimonial .ms-staff-carousel {
    margin: 0 auto;
}

#testimonial.space {
    padding: 140px 0 100px;
}

/*
===========================================
Offer
===========================================
*/

#offer::before {
    background-image: url("../images/choose03.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 51%;
    top: 0;
}

#offer .main-heading p {
    margin-top: 13px;
    padding: 0 0 0 25px;
}

#offer .main-heading p {
    border-left: 3px solid #0d3d81;
    font-style: italic;
    margin-top: 16px;
    padding: 0 0 0 25px;
}

.offer-item a:hover {
    color: #0d3d81 !important;
}

#offer .offer-item > i {
    color: #cccccc;
    font-size: 60px;
}

.offer-item h4 {
    color: #323232;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}

.offer-item h4 a {
    color: #323232;
}

.offer-item p {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
}

.offer-item a.more {
    color: #666666;
    text-transform: uppercase;
    font-size: 11px;
}

#offer .button {
    margin-top: 60px;
}

.offer-item a i {
    margin-left: 5px;
}

/*
===========================================
Project
===========================================
*/

#project::before {
    background-color: #f8f8f8;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 25%;
    top: 0;
}

#project::after {
    background-image: url("../images/project01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 55px;
    content: "";
    left: 51%;
    position: absolute;
    right: 0;
    top: 55px;
}

.project-block .name {
    color: #333333;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: Montserrat;
}

#project .contact-heading {
    top: 454px;
}

.contact-heading::after {
    background-color: #333;
    bottom: auto;
    content: "";
    height: 140px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(90deg);
    transform-origin: 147px 219px 0;
    width: 1px;
}

.project-block .name span {
    color: #0d3d81;
    font-size: 12px;
}

.project-block img.signature {
    display: block;
    margin-bottom: 60px;
    margin-top: 20px;
}

#project .project-block p {
    color: #666666;
    line-height: 26px;
    margin-bottom: 30px;
}

/*
===========================================
Home 3
===========================================
*/
.home-3.inner section#main-banner::after {
    display: none;
}

.home-3 section#main-banner::after {
    background-image: url("../images/banner03.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 160px;
    content: "";
    right: 0;
    z-index: -1;
}

.home-3 section#main-banner::before {
    bottom: 160px;
}

.home-3.inner section#main-banner::before {
    bottom: 0;
}

/*
===========================================
Home 3 Header
===========================================
*/

.home-3 header #slide-nav {
    background-color: #fff;
}

.home-3 header #slide-nav.affix {
    box-shadow: 0 0 2px 0 #cdcdcd;
}

.home-3 header #slide-nav.affix .container::before {
    box-shadow: none;
}

.home-3.inner header #slide-nav {
    background-color: transparent;
}

.home-3.inner header #slide-nav.affix {
    box-shadow: none;
}

/*
===========================================
Home 3 Banner
===========================================
*/

.home-3 #main-banner .main-heading h6 {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.home-3 #main-banner .main-heading h2 {
    color: #fff;
    font-size: 50px;
    text-transform: capitalize;
}

.home-3 #main-banner .main-heading .dot {
    display: inline-block;
    margin: 25px 0 5px;
}

.home-3 #main-banner .main-heading p {
    padding: 0 273px;
}

.home-3 #main-banner .main-heading .dot::before,
.home-3 #main-banner .main-heading .dot::after {
    background-color: #bebebe;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    top: 11px;
    width: 50px;
}

.home-3 #main-banner .main-heading .dot::before {
    left: 160%;
}

.home-3 #main-banner .main-heading .dot::after {
    right: 160%;
}

.home-3 #main-banner .main-heading {
    margin-bottom: 100px;
}

.home-3 #main-banner .banner-main {
    padding: 163px 0 0;
}

.home-3.inner #main-banner .banner-main {
    padding: 163px 0 187px;
}

/*
===========================================
Home 4
===========================================
*/

.home-4 #main-banner {
    background-attachment: fixed;
}

/*
===========================================
Home 4 Header
===========================================
*/

.home-4 nav#slide-nav {
    margin: 30px 0 0;
}

.home-4 nav#slide-nav.affix {
    background-color: #282828;
    margin: 0;
}

.home-4 #slide-nav #menu_nav > ul > li > a {
    color: #fff;
}

/*
===========================================
Home 4 Banner Content
===========================================
*/

.home-4 #main-banner .banner-main {
    padding: 96px 0 145px;
}

.home-4 .banner-main .forma-image {
    margin-bottom: 35px;
}

.home-4 .banner-main h5 {
    background-color: transparent;
    letter-spacing: 7px;
    margin-top: 0;
    padding: 0;
}

.home-4 .banner-main h1 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 5px;
    text-transform: uppercase;
}

.home-4 .banner-main h1 span {
    color: #0d3d81;
    display: inline-block;
    font-size: 50px;
    margin-bottom: 0;
}

.home-4 .banner-main .btn.black-border {
    margin-top: 55px;
}

/*
===========================================
Home 4 About
===========================================
*/

#about-us {
    background-attachment: fixed;
    background-image: url("../images/call-to-action.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.forma-image i {
    color: #fff;
    font-size: 60px;
}

/*
===========================================
home 6
===========================================
*/

.home-6 #main-banner::before {
    display: none;
}

.home-6 header #slide-nav.affix .container::before {
    background-color: rgba(0, 0, 0, 0.9);
}

.home-6 header #slide-nav .container::before {
    background-color: rgba(255, 255, 255, 0.7);
}

.home-6 #slide-nav #menu_nav > ul > li > a {
    color: #153d84;
}

.home-6 #slide-nav #menu_nav ul > li > a:hover,
.home-6 #slide-nav #menu_nav ul > li > a:focus,
.home-6 #slide-nav #menu_nav ul > li.active > a,
.home-6 .nav-button ul li a:hover {
    background-color: transparent;
    color: #76B72B !important;
}

.home-6 #slide-nav .nav-button span {
    background-color: #153d84;
}

.home-6 nav#slide-nav {
    left: 0;
    position: fixed;
    right: 0;
    top: 30px;
    z-index: 99999;
}

.home-6 nav#slide-nav.affix {
    top: 0;
}

.home-6 .banner-main p {
    font-style: italic;
    margin-bottom: 50px;
    margin-top: 15px;
    padding: 0;
    line-height: 28px;
}

.home-6 .banner-main h1 {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    margin-top: 0;
}

.home-6 .banner-main h1 span {
    color: #0d3d81;
    display: inline-block;
    font-size: 45px;
    margin-bottom: 0;
}

.home-6 #main-banner .banner-main {
    padding: 330px 0 145px 35px;
}

.home-6 .service .service-item:not(:nth-last-child(-n+4)) {
    margin-bottom: 65px;
}

.home-6 .banner-main::before {
    border-color: #000;
    border-style: solid;
    border-width: 15px;
    bottom: 0;
    content: "";
    height: 335px;
    left: -22px;
    position: absolute;
    right: 0;
    top: 280px;
    width: 320px;
}

#main-banner .banner-inner {
    background-color: #111111;
    padding: 35px 0 0 35px;
}

.home-6 .banner-main::after {
    bottom: 0;
    content: "";
    height: 50px;
    left: auto;
    position: absolute;
    right: 0;
    top: 115px;
    width: 15px;
}

/*
===========================================
Home 07
===========================================
*/

.home-7 #main-banner::before {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
}

.home-6.home-7 .banner-main::before {
    display: none;
}

.home-6.home-7 .banner-main {
    text-align: center;
}

.home-7 .banner-main h5 {
    background-color: transparent;
    margin-top: 0;
    padding: 0;
}

.home-7 .banner-main h1 {
    font-size: 60px;
    margin-top: 15px;
}

.home-7 .banner-main h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.home-7 .banner-main h2 span {
    color: #0d3d81;
}

/*
===========================================
Home 8
===========================================
*/

.home-7 .banner08 .banner-main h5 {
    text-transform: capitalize;
}

.home-6.home-7 #main-banner.banner08 {
    background-image: url("../images/home04-banner.jpg");
}

/*
===========================================
Chrome Conflict
===========================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .home-2 #slide-nav .nav-button .dropdown:hover .dropdown-menu {
        top: 173%;
    }

    .home-2 #slide-nav.affix .nav-button .dropdown:hover .dropdown-menu {
        top: 134%;
    }

    #portfolio.port03 .portfolio-block.fancy:hover .portfolio-info {
        top: 24px;
    }
}

/*
===========================================
Portal Fatep
===========================================
*/
#fatep .container {
    padding: 0;
}

#fatep .btn.blue {
    background-color: #153d84;
    border-radius: 80px;
    font-size: 14px;
    padding: 10px 35px;
}

#fatep .btn.blue:hover {
    background-color: #76b22a;
}

#fatep .space {
    padding: 60px 0;
    min-height: 600px;
}
#fatep #slide-nav #menu_nav > ul > li > a {
    padding: 15px 10px;
}

#fatep #slide-nav #menu_nav ul > li.active > a,
#fatep #slide-nav #menu_nav ul > li > a:hover {
    color: #76b22a !important;
}

#fatep .banner-main::before {
    display: none;
}

#fatep header #slide-nav.affix .container::before {
    background-color: rgb(255, 255, 255);
    border: none;
    box-shadow: none;
}

#fatep #main-banner .banner-main {
    padding: 280px 0 0 0;
}

#fatep #main-banner .banner-inner {
    background: none;
    padding: 0;
}

#fatep .banner-main h1 {
    color: #76b22a;
    font-size: 43px;
    font-weight: bold;
    line-height: 45px;
    text-transform: uppercase;
    margin: 0;
}

#fatep .banner-main h5 {
    background: none;
    color: #153d84;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 35px 0;
    margin: 0;
    text-transform: uppercase;
}

#fatep .banner-main h5 span {
    color: #76b22a;
}

#fatep .banner-main p {
    font-style: italic;
    margin-bottom: 0;
    margin-top: 70px;
    padding: 0;
    line-height: 19px;
    font-size: 15px;
    color: #000;
}

#fatep .service.service03 .service-item {
    height: 341px;
    position: relative;
}

#fatep .service.service03 .service-item .align-bottom {
    position: absolute;
    bottom: 35px;
    left: 0;
    padding: 0 40px;
}

#fatep .service.service03 .service-item h3 a, .service.service03 .service-item h3 a:link {
    color: #153d84;
    text-transform: uppercase;
    font-family: "Arial Black", sans-serif;
}

#fatep .service.service03 .service-item p {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

#fatep .service.service03 .service-item.bg-pos-graduacao {
    background-image: url("../images/fatep/pos-graduacao.jpg");
}

#fatep .service.service03 .service-item.bg-graduacao {
    background-image: url("../images/fatep/graduacao.jpg");
}

#fatep .service.service03 .service-item.bg-capacitacao {
    background-image: url("../images/fatep/capacitacao.jpg");
}

#fatep .service.service03 .service-item h3 {
    color: #76b72b;
    text-transform: uppercase;
    font-family: "Arial Black", sans-serif;
}

#fatep .service.service03 .service-item:last-child p {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: "Arial Black", sans-serif;
    line-height: 26px;
}

#fatep .service.service03 .service-item:last-child h3 {
    margin: 0 0 5px 0;
}

#fatep #offer::before {
    background: url("../images/fatep/image01.jpg");
    background-repeat: no-repeat;
    left: 115px;
}

#fatep .main-heading h2 {
    color: #76b72b;
}

#fatep .main-heading h2 span {
    color: #153d84;
}

#fatep #choose .choose-block {
    padding-left: 80px;
}

#fatep #offer .offer-base .main-heading p {
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
}

#fatep #offer .main-heading p {
    border-left: 4px solid #76b72b;
}

#fatep #offer .offer-item > i {
    font-size: 35px;
}

#fatep .offer-item a:hover {
    color: #76b72b !important;
}

#fatep #project::before {
    background-color: #ffffff;
}

#fatep #project::after {
    background: url("../images/fatep/image02.jpg");
    background-repeat: no-repeat;
}

#fatep .contact-heading::after {
    background-color: #76b72b;
    height: 70px;
    left: -140px;
    width: 3px;
}

#fatep .contact-heading h1 {
    color: #153d84;
    white-space: nowrap;
}

#fatep .contact-heading h1 span {
    color: #76b72b;
}

#fatep .project-block .name {
    color: #153d84;
}

#fatep .project-block .name span {
    color: #76b72b;
    font-size: 15px;
}

#fatep .project-block .button-more {
    margin-top: 55px;
}

#fatep .btn.black-border {
    background-color: #153d84;
}

#fatep .btn.black-border::after {
    background-color: #76b72b;
}

#fatep .btn.black-border:hover,
#fatep .btn.black-border:focus{
    background-color: #76b72b;
}

#fatep .btn.black-border:hover::after,
#fatep .btn.black-border:focus::after {
    background-color: #153d84;
}

#fatep .more-fatep {
    background: url("../images/fatep/bg-blue-ball.jpg") repeat center top;
}

#fatep .more-fatep .main-heading p {
    line-height: 21px;
}

#fatep .service .icon {
    background: none !important;
    margin: auto auto 22px;
}

#fatep .service-item:hover .icon {
    background-color: #76b72b !important;
}

#fatep .service .icon i {
    color: #333333;
}

#fatep .service-item:hover .icon i {
    color: #ffffff;
}

#fatep .service .service-item h5 a {
    color: #153d84;
}

#fatep .service .service-item h5 a:hover {
    color: #76b72b;
}

#fatep .service .service-item p {
    color: #333333;
    line-height: 18px;
}

#fatep .more-fatep {
    padding: 60px 0 100px 0;
}

#fatep #news.list.sidebar .news-info {
    background-color: #76b72b;
}

#fatep #news.list article:hover .news-info {
    background-color: #76b72b;
}

#fatep #news.list .btn.black-border::after {
    background-color: #c6c6c5;
    color: #153d84;
}

#fatep .btn.black-border:hover,
#fatep .btn.black-border:focus{
    background-color: #153d84;
    color: white;
}

#fatep form .btn.black-border{
    background-color: #153d84 !important;
    color: white;
}

#fatep form .btn.black-border:hover{
    background-color: #76b72b !important;
}

#fatep .news-block:hover .news-info *,
#fatep .news-block .news-info *,
#fatep #news.list .news-info p {
    color: white;
}

#fatep aside .post:hover .post-text {
    background-color: #76b72b;
}

#fatep .widget article.post .date {
    color: #76b72b;
    text-transform: uppercase;
}

#fatep #articles .news-info {
    background-color: #153d84;
    bottom: 30px;
    left: auto;
    right: 0;
    top: 30px;
}

#fatep #articles .news-info p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 50px !important;
    margin-top: 30px !important;
}

#fatep #articles aside .post:hover .post-text {
    background-color: #153d84;
}

#fatep .main-heading span.all-notices {
    float: right;
    text-decoration: none;
    margin-top: -20px;
}

#fatep .main-heading span.all-notices a {
    color: #333333;
    font-size: 12px;
}

#fatep .main-heading span.all-notices a:hover {
    color: #76b72b;
}
#fatep #articles .btn.black-border::after{
    background-color: #c6c6c5;
    color: #76b72b;
}
#fatep #articles .btn.black-border{
    background-color: #76b72b;
}
#main-footer{
    background-color: #1a1a1a;
    height: 725px;
}
#main-footer .footer-upper{
    overflow: visible;
    height: 100%;
}
#main-footer .footer-upper::before {
    background-color: #1a1a1a;
}
#main-footer .footer-upper .widget, #main-footer .footer-upper .field-news{
    height: 91px;
}
#main-footer .footer-upper .main-heading{
    margin: 0;
}
#main-footer .footer-upper .main-heading img {
    border-bottom: 2px solid #ccc;
    padding-bottom: 25px;
    width: 220px;
}

#main-footer .footer-upper .field-news {
    float: right;
}
#main-footer .footer-upper .field-news .all-form{
    float: right;
}

#main-footer .footer-upper .field-news p {
    color: #808080;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
}

#main-footer .footer-upper .field-news form {
    display: inline-block;
    margin-left: 25px;
}

#main-footer .footer-upper .field-news form .form-group {
    float: left;
}

#main-footer .footer-upper .field-news form .form-group input {
    background-color: #2a2a2a;
    width: 250px;
}

#main-footer .footer-upper .field-news form button {
    background-color: #76b72b;
    height: 50px;
    padding: 0 12px;
}

#main-footer .footer-upper .field-news form button:after {
    display: none;
}

#main-footer .footer-upper .field-news form button i {
    font-size: 22px;
}
#main-footer .footer-upper .navbar-footer{
    padding: 80px 0 10px 0;
}
#main-footer .footer-upper .navbar-footer .button-map{
    background-color: #76b72b;
    padding: 8px 20px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
}
#main-footer .footer-upper .navbar-footer .single{
    width: 20%;
    float: left;
}
#main-footer .footer-upper .navbar-footer .single h6{
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}
#main-footer .footer-upper .navbar-footer .single ul{
    margin: 0;
    padding: 0;
}
#main-footer .footer-upper .navbar-footer .single ul li{
    list-style: none;
    margin: 7px 0;
}
#main-footer .footer-upper .navbar-footer .single.last-news{
    padding-right: 20px;
}
#main-footer .footer-upper .navbar-footer .single.last-news ul li a{
    font-size: 13px;
}
#main-footer .footer-upper .navbar-footer .single.last-news ul li:before{
    content: "\f10c";
    font-family: "FontAwesome", sans-serif;
    color: #76b72b;
    font-size: 11px;
}
#main-footer .footer-upper .navbar-footer .single ul li a{
    text-decoration: none;
    font-size: 14px;
    color: #808080;
    transition: 1s all ease;
}
#main-footer .footer-upper .navbar-footer .single ul li a:hover{
    color: #ffffff;
}
#main-footer .footer-upper .navbar-footer .single{
    height: 100%;
}
#main-footer .footer-upper .navbar-footer .col-small{
    width: 15%;
}
#main-footer .footer-upper .navbar-footer .col-medium{
    width: 23%;
}
#main-footer .footer-upper .navbar-footer p{
    text-decoration: none;
    font-size: 14px;
    color: #808080;
    font-family: "Montserrat", sans-serif;
}
#main-footer input:focus{
    background-color: #153d84 !important;
}
#main-footer .footer-upper .widget, #main-footer .footer-upper .field-news{
    z-index:9;
}
#main-footer .footer-upper .social-media{
    margin-top: 20px;
}
#main-footer .footer-upper .social-media ul{
    margin: 0;
    padding: 0;
}
#main-footer .footer-upper .social-media ul li{
    list-style: none;
    float: left;
}
#main-footer .footer-upper .social-media ul li a{
    color: #ffffff;
}
#main-footer .footer-upper .social-media ul li a:hover{
    color: #76b72b;
}
#main-footer .footer-upper .social-media ul li+li{
    margin-left: 30px;
}
#main-footer .case-footer{
    border-bottom: 1px solid #ffffff;
    padding-bottom: 50px;
    margin-bottom: 35px;
}
#main-footer .footer-upper .text-cool p {
    text-align: center;
    font-size: 14px;
    color:#fff;
    line-height: 0;
    margin-top: 0;
}
#fatep.template-one #main-banner:before,
#fatep.template-two #main-banner:before {
    background: transparent url(../images/fatep/vitrine02.jpg) center top;
    height: 1300px;
}
#fatep.template-one .banner-content:before, #fatep.template-one .banner-content:after,
#fatep.template-two .banner-content:before, #fatep.template-one .banner-content:after{
    display: none;
}
#fatep.template-one #main-banner .banner-main{
    padding: 200px 0 0 0;
}
#fatep.template-one .banner-main h1{
    font-family: "Arial Black", sans-serif;
}
#fatep.template-one .banner-main h6{
    color: #ffffff;
}
#fatep.template-one #portfolio .portfolio-inner{
    overflow: hidden;
}
#fatep.template-one #portfolio .portfolio-inner .info-inner{
    padding: 0 100px;
}
#fatep.template-one #portfolio .portfolio-inner .info-inner .date{
    color: #76b72b;
    font-weight: bold;
}
#fatep.template-one #portfolio .portfolio-inner .info-inner h5{
    font-size: 13px;
    line-height: 20px;
}
#fatep.template-one #portfolio .feature .portfolio-inner .info-inner h5{
    font-size: 14px;
}
#fatep.template-one #portfolio .feature{
    height: 500px;
    overflow: hidden;
}
#fatep.template-one #portfolio .portfolio-inner:hover .date, #fatep.template-one #portfolio .portfolio-inner:hover h5{
    opacity: 1;
}
#fatep.template-one #portfolio .portfolio-inner:hover .text-box{
    overflow: visible;
    opacity: 1;
}
#fatep.template-one #portfolio .fancy .info-inner{
    padding: 0 50px;
}
#fatep.template-one #portfolio .fancy{
    max-height: 310px;
}
#fatep.template-one .portfolio-block.fancy .portfolio-info{
    top:0;
    margin-top: -100px;
}
#fatep.template-one .portfolio-block{
    transition: none;
}
#fatep.template-one #portfolio .portfolio-inner .text-box span.more{
    color: #76b72b;
    font-size: 100px;
    font-family: initial;
    top: -25px;
}
#fatep.template-one #portfolio .portfolio-inner .info-inner{
    margin-top: 30px;
}
#fatep.template-one #portfolio .others .portfolio-inner .info-inner{
    margin-top: 0;
    padding: 0 20px;
}
#fatep.template-one .merab-pagination .pagination li a:hover,
#fatep.template-two .merab-pagination .pagination li a:hover{
    background: #153d84;
}
#fatep.template-one .merab-pagination .pagination li:first-child a,
#fatep.template-two .merab-pagination .pagination li:first-child a{
    background: #153d84;
}
#fatep.template-one .merab-pagination .pagination li:first-child a:hover,
#fatep.template-two .merab-pagination .pagination li:first-child a:hover{
    background-color: #76b72b;
}
#fatep.template-one .merab-pagination .pagination li:last-child a,
#fatep.template-two .merab-pagination .pagination li:last-child a{
    background: #153d84;
}
#fatep.template-one .merab-pagination .pagination li:last-child a:hover,
#fatep.template-two .merab-pagination .pagination li:last-child a:hover{
    background-color: #76b72b;
}
#fatep.template-two .service .service-block .service-item h2{
    margin-top: 0;
    color: #0d3d81;
    font-family: "Arial Black", sans-serif;
}
#fatep.template-two .service .service-block.text{
    padding-left: 60px;
}
#fatep.template-two .service .service-block.text p.citation{
    font-size: 16px;
    font-style: italic;
    padding: 25px 0 25px 40px;
    line-height: 20px;
}
#fatep.template-two .service{
    padding: 120px 0;
}
#fatep.template-two .service .merab-pagination a{
    background-color: #e6e9ee;
    padding: 18px 90px 18px 19px;
    width: 220px;
    color: #333333;
}
#fatep.template-two .service .merab-pagination a.icon-left:before{
    border-left: 1px solid #fff;
    bottom: 0;
    color: #fff;
    content: "\f100";
    font-family: FontAwesome, sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    line-height: 50px;
    background-color: #0d3d81;
}
#fatep.template-two .merab-pagination .btn.black-border::after{
    background-color: #0d3d81;
}
#fatep.template-two .merab-pagination .btn.black-border:hover::after{
    background-color: #76b72b;
}
#fatep.template-two .service .merab-pagination a.icon-left:hover:before,
#fatep.template-two .service .merab-pagination a.icon-right:hover:before{
    background-color: #76b72b;
}
#fatep.template-two .service .merab-pagination a.icon-left{
    padding: 18px 0 18px 47px;
}
#fatep.template-two .service .merab-pagination a.icon-left:after{
    display: none;
}
.inner #main-banner .banner-content::before, .inner #main-banner .banner-content::after{
    display: none
}
.inner .banner-main h6{
    color: #ffffff !important;
}
#fatep.template-three #main-banner:before{
    background: url("../images/fatep/vitrine03.jpg") no-repeat center top;
}
#fatep.template-three #menu_nav > ul > li > a{
    color: #0d3d81;
}
#fatep.template-three #slide-nav #menu_nav ul > li > a:hover,
#fatep.template-three #slide-nav #menu_nav ul > li.active > a{
    color: #76b72b !important;
}
#fatep.template-three #main-banner .banner-main{
    padding: 150px 0 0 0;
}
#fatep.template-three #main-banner .banner-main .align{
    display: block;
    padding: 0;
}
#fatep.template-three .service.detail{
    padding: 100px 0;
}
#fatep.template-three .service .service-block h2{
    margin-top: 0;
    color: #0d3d81;
    font-family: "Arial Black", sans-serif;
    font-size: 30px;
    text-transform: uppercase;
}
#fatep.template-three .service .service-block p.citation{
    font-size: 16px;
    font-style: italic;
    padding: 25px 0 25px 40px;
    line-height: 20px;
}
#fatep.template-three .single{
    margin-top: 0;
}
#fatep.template-three .single.blue h2{
    color: #0d3d81;
}
#fatep.template-three .single.green h2{
    color: #76b72b;
}
#fatep.template-three #portfolio .portfolio-inner .info-inner h5{
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}
#fatep.template-three #portfolio .others .portfolio-inner .info-inner{
    padding: 0 20px;
}
#fatep.template-three #portfolio .portfolio-inner .info-inner .date{
    color: #76b72b;
    font-weight: bold;
}
#fatep.template-three .portfolio-inner .info-inner .date,
#fatep.template-three .portfolio-inner .info-inner h5{
    opacity:1;
}
#fatep.template-three #portfolio{
    padding: 0 0 100px 0;
}
#fatep.template-three #main-banner .banner-main h6{
    color: #333333 !important;
    font-weight: 600;
}
#fatep.template-three .button.button-more{
    float: left;
    margin-left: 15px;
    margin-top: 80px;
}
#fatep.table-one .table-std table tr:nth-child(2) th{background-color: #e4e4e4}
#fatep.table-one .table-std table tr:first-child th{background-color: #0d3d81; color: #ffffff;}
#fatep.table-one .table-std table tr:last-child th{background-color: #0d3d81; color: #ffffff;}
#fatep.table-one .service{padding: 80px 0}
#fatep.table-one .table-std+.table-std{margin-top: 40px;}
#fatep.table-one .table-std p{
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 12px;
}
#fatep.table-two .table-std table tr:first-child th{background-color: #76b72b;
    color: #ffffff;}
#fatep.table-two .table-std table tr th, #fatep.table-two .table-std table tr td{
    border: 1px solid #dedede;
}
#fatep.template-contact #main-banner{
    background: transparent url(../images/fatep/vitrine.jpg) no-repeat center top;
}
#fatep.template-location #main-banner:before{
    background: transparent url(../images/fatep/vitrine03.jpg) no-repeat center top;
}
#fatep.template-contact form p{
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 15px;
}
#fatep.template-contact form input[type=text],
#fatep.template-contact form input[type=email],
#fatep.template-contact form textarea,
#fatep.template-contact form select,
#fatep.template-contact form select:focus{
    background: #f1f1f1 !important;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 12px;
    border: none;
    height:50px;
    box-shadow: none;
    border-radius: 0;
}
#fatep.template-contact form textarea{
    height: 250px;
}
#fatep.template-contact form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 12px;
}
#fatep.template-contact form ::-moz-placeholder { /* Firefox 19+ */
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 12px;
}
#fatep.template-contact form :-ms-input-placeholder { /* IE 10+ */
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 12px;
}
#fatep.template-contact form :-moz-placeholder { /* Firefox 18- */
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 12px;
}
#fatep.template-contact form select option{
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 12px;
}

#fatep .nav-button ul li ul.dropdown-menu li,
#fatep .nav-button ul li ul.dropdown-menu li a,
#fatep .nav-button ul li ul.dropdown-menu li a:link,
#fatep .nav-button ul li ul.dropdown-menu li a:active,
#fatep .nav-button ul li ul.dropdown-menu li a:visited,
#fatep .nav-button ul li ul.dropdown-menu li a:hover,
#fatep .nav-button ul li ul.dropdown-menu li a:focus,
#fatep .nav-button ul li ul.dropdown-menu,
#fatep .nav-button ul li ul.dropdown-menu li a,
#fatep .nav-button ul li ul.dropdown-menu li a:link,
#fatep .nav-button ul li ul.dropdown-menu li a:active,
#fatep .nav-button ul li ul.dropdown-menu li a:visited,
#fatep .nav-button ul li ul.dropdown-menu li a:hover,
#fatep .nav-button ul li ul.dropdown-menu li a:focus{width: 100%}
#fatep .nav-button ul li ul.dropdown-menu li.dropdown{position: relative}
#fatep .nav-button ul li ul.dropdown-menu li ul.dropdown-submenu{
position: absolute;
left: 0;
top: 0;
margin-left: -200px;
right: inherit;
width: 200px;
display: none;
}
#fatep .nav-button ul li ul.dropdown-menu li.dropdown:hover ul.dropdown-submenu{display: block}
#fatep .nav-button ul li ul.dropdown-menu li.dropdown ul.dropdown-submenu li a,
#fatep .nav-button ul li ul.dropdown-menu li.dropdown ul.dropdown-submenu li a:link,
#fatep .nav-button ul li ul.dropdown-menu li.dropdown ul.dropdown-submenu li a:active,
#fatep .nav-button ul li ul.dropdown-menu li.dropdown ul.dropdown-submenu li a:visited,
#fatep .nav-button ul li ul.dropdown-menu li.dropdown ul.dropdown-submenu li a:hover,
#fatep .nav-button ul li ul.dropdown-menu li.dropdown ul.dropdown-submenu li a:focus{
    background: #ffffff;
}
#fatep .nav-button ul li ul li.dropdown a::after{content: ""; display: none}
#fatep .nav-button ul li ul li.dropdown a::before{
    content: "\f104";
    bottom: 0;
    font-family: fontawesome;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 15px;
}
#fatep .nav-button ul li ul li.dropdown ul.dropdown-submenu li a::after,
#fatep .nav-button ul li ul li.dropdown ul.dropdown-submenu li a::before{content: ""; display: none}
#fatep .nav-button.button-user{
    padding: 0;
}
#fatep #main-banner{position: relative; height: 667px;}
#fatep #main-banner .banner-internal{width: 100%; height: 667px; background-size: cover;}
#fatep .mask-light{
    position: relative;
    text-align: left;
}
#fatep .navbar .navbar-header{padding: 0}
#fatep .navbar .navbar-collapse{padding: 0}
#fatep .visible-xs{display: none}
#fatep #category{padding: 80px 0}
#fatep #category .category-block{padding: 0 5px;}
#fatep #category .category-block .inner h3,
#fatep #category .category-block .inner h3 a,
#fatep #category .category-block .inner h3 a:link,
#fatep #category .category-block .inner h3 a:active,
#fatep #category .category-block .inner h3 a:visited,
#fatep #category .category-block .inner h3 a:hover,
#fatep #category .category-block .inner h3 a:focus{
    color: #153d84;
    text-transform: uppercase;
    font-family: "Arial Black", sans-serif;
    text-decoration: none;
}
#fatep #category .category-block .inner p{
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    font-family: "Arial Black", sans-serif;
}
#fatep #category .category-block .inner.capacity p{
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
}
#fatep .banner-static .bg-image{
    background-image: url("../images/fatep/vitrine.jpg");
    height: 667px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
#fatep .slider-home .carousel-inner .item .banner-content{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#fatep .slider-home .carousel-indicators li{
    border: 2px solid #153d84;
}
#fatep .slider-home .carousel-control i{
    top: 50%;
    position: absolute;
    font-size: 35px;
}
#fatep.course #main-banner .banner-main{padding: 150px 0}
#fatep.course #main-banner .banner-main h1{color: #76B72B}
#fatep.course #project::after{content: ""; display: none}
#fatep.course #project .introduction{margin-bottom: 50px;}
#fatep.course #project .introduction p{
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #0D3D8A;
    font-weight: 600;
    margin: 0 0 5px 0;
    line-height: 20px;
}
#fatep.course #project h2{
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #76B72B;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    line-height: 20px;
}
#fatep.course #project p{
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #575756;
    margin: 0 0 5px 0;
    line-height: 23px;
}
#fatep.course #project ul{margin: 0; padding: 0 0 0 18px;}
#fatep.course #project ul li{color: #0D3D8A}
#fatep.course #project ul li p{line-height: inherit;}
#fatep.course #project .single{margin-top: 25px;}
#fatep.course #project .button-more{margin-top: 30px;}
#fatep .slider-home .banner-md .content-banner{position: relative;}
#fatep .slider-home .carousel-inner .item .banner-content.banner-md{display: block; height: 667px;}
#fatep .slider-home .carousel-inner .item .banner-content.banner-sm,
#fatep .slider-home .carousel-inner .item .banner-content.banner-xs{display: none}
#fatep .slider-home .carousel-control{display: block; height: 40px; width: 40px; border-radius: 50px; background: rgba(0, 0, 0, 0.38) !important; top: 50%; margin-top: -17px;}
#fatep .slider-home .carousel-control{display: block; height: 40px; width: 40px; border-radius: 50px; background: rgba(0, 0, 0, 0.38) !important; top: 50%; margin-top: -17px;}
#fatep .slider-home .carousel-control.left i{margin-left: -5px;}
#fatep .slider-home .carousel-control.right i{margin-right: -5px;}
#fatep .slider-home .carousel-control i{top: 0; position: relative; font-size: 35px; line-height: 40px;}
#fatep .slider-home .carousel-control.left{left: 50px}
#fatep .slider-home .carousel-control.right{right: 50px}
#fatep .service .service-item h5{color: #0D3D8A;}
#fatep .service .service-item:hover h5{color: #76B72B;}
#fatep .banner-main{text-align: left !important;}
#fatep .banner-main.title-white h1{color: #FFFFFF !important;}
#fatep .gallery-fatep{position: relative; margin: 70px 0 50px 0;}
#fatep .gallery-fatep .slick-arrow{position: absolute; top: 50%; border-radius: 50%; height:30px; width: 30px; margin-top: -15px; background-color: #0D3D8A; border: none; box-shadow: none}
#fatep .gallery-fatep .slick-arrow.slick-prev{left: 0; margin-left: -15px; z-index: 999}
#fatep .gallery-fatep .slick-arrow.slick-prev::before{content: "\f104"; font-family: "FontAwesome", sans-serif; color: #FFFFFF; font-size: 20px;}
#fatep .gallery-fatep .slick-arrow.slick-next{right: 0; margin-right: -15px;}
#fatep .gallery-fatep .slick-arrow.slick-next::before{content: "\f105"; font-family: "FontAwesome", sans-serif; color: #FFFFFF; font-size: 20px;}
#fatep .gallery-fatep .item{height: auto; overflow: hidden; text-align: center}
#fatep .gallery-fatep .item .image-thumbnail img{width: 100%; border: 1px solid transparent}
.fancybox-overlay{z-index: 99999999999; background: rgba(0, 0, 0, 0.56);}
#fatep.course #project ul li{
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #575756;
    margin: 0 0 5px 0;
    line-height: 23px;
}
#fatep header{
    z-index: 5;
}
#fatep section.banner-content{
    z-index: 2;
}
#fatep .slider-home .carousel{
    height: 667px;
    position: relative;
}
#fatep .case-banner-internal{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
}
#fatep .slider-home .content-banner .bg-position{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#fatep .case-banner-internal a{
    width: 100%;
    height: 667px;
    display: block;
}
#fatep #main-banner .banner-internal{
    background-position: center center;
}
#fatep #main-banner .banner-internal.banner-sm,
#fatep #main-banner .banner-internal.banner-xs{
    display:none;
}
#fatep #main-banner .banner-internal.banner-md{
    display: block;
}
#fatep .container.content-banner{
    position: static;
}
#fatep.template-one #main-banner .banner-main{
    height: 622px;
    display: table;
}
#fatep.template-one #main-banner .banner-main.align{
    display: table-cell;
    vertical-align: middle;
}
#fatep #main-banner .banner-inner .case-button{
    bottom: 15px;
    left: 50px;
}
#fatep.course #main-banner .banner-main .align{
    display: inline-block;
}
#fatep #category .category-block:hover .inner .align-bottom h3,
#fatep #category .category-block:hover .inner .align-bottom h3 a{
    color: #76B72B;
}
#fatep #project #project-base{position: relative}

/** LISTAGEM DE CURSOS */

#fatep section.courses-display{

}
#fatep section.courses-display ul.courses-block{
    margin-top:50px;
}
#fatep section.courses-display ul.courses-block li{
    list-style:none;margin:0;padding:0;
}
#fatep section.courses-display ul.courses-block li h3,
#fatep section.courses-display ul.courses-block li h4,
#fatep section.courses-display ul.courses-block li p{
    margin:0;
    padding:0;
}
#fatep section.courses-display div.courses-alpha ul.courses-block li,
#fatep section.courses-display div.courses-gama ul.courses-block li{
    background-color:#00428c;
}
#fatep section.courses-display div.courses-beta ul.courses-block li{
    background-color:#8fb435;
}
#fatep section.courses-display ul.courses-block li{
    height:150px;
    overflow:hidden;
    margin-bottom:35px;
}
#fatep section.courses-display ul.courses-block li div.header-holder,
#fatep section.courses-display ul.courses-block li a{
    display:inline-block;
    padding:40px 120px 40px 50px;
    height:150px;
    overflow:hidden;
    margin-bottom:35px;
    background-repeat:no-repeat;
    background-position:center right;
    width:100%;
}
#fatep section.courses-display ul.courses-block li div.header-holder{
    padding:40px 50px 40px 50px;
    display: table-cell;
    vertical-align: middle;
}
#fatep section.courses-display div.courses-gama ul.courses-block li a{
    padding:40px 119px 40px 5px;
}
#fatep section.courses-display div.courses-alpha ul.courses-block li a,
#fatep section.courses-display div.courses-gama ul.courses-block li a{
    background-image:url('../images/ico-plus-green.png');
}
#fatep section.courses-display div.courses-beta ul.courses-block li a{
    background-image:url('../images/ico-plus-blue.png');
}
#fatep section.courses-display div.courses-alpha ul.courses-block li a:hover,
#fatep section.courses-display div.courses-gama ul.courses-block li a:hover{
    background-image:url('../images/ico-plus-blue.png');
}
#fatep section.courses-display div.courses-beta ul.courses-block li a:hover{
    background-image:url('../images/ico-plus-green.png');
}
#fatep section.courses-display ul.courses-block li h3{
    color:#fff;
    font-size:30px;
    font-weight:bold;
    margin-bottom:5px;
}
#fatep section.courses-display ul.courses-block li h4{
    color:#fff;
    font-size:25px;
    font-weight:bold;
    margin-bottom:5px;
}
#fatep section.courses-display div.courses-gama ul.courses-block li h4{
    font-size:35px;
    font-weight:bold;
    margin-bottom:0;
    text-align:center;
}
#fatep section.courses-display div.courses-gama-small ul.courses-block li h4{
    font-size:25px;
}
#fatep section.courses-display ul.courses-block li p{
    color:#fff;
    font-size:12px;
}
#fatep section.courses-display div.courses-alpha ul.courses-block li.header{display: table; width: 100%;}
#fatep section.courses-display ul.courses-block li div.header-holder h3{margin-bottom: 0}
#fatep section.courses-display ul.courses-block li.no-bg{background:none !important;}
#fatep section.courses-display div.courses-gama ul.courses-block li{background: none;}
#fatep section.courses-display div.courses-gama ul.courses-block li:nth-child(even){padding-left: 20px;}
#fatep section.courses-display div.courses-gama ul.courses-block li:nth-child(odd){padding-right: 20px;}
#fatep section.courses-display div.courses-gama ul.courses-block li .field{background-color: #00428c}
#fatep section.courses-display ul.courses-block{padding-left: 15px;}
#fatep #main-banner a.scroll-to-content{
    display:inline-block;
    position:absolute;
    bottom:15px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width:80px;
    height:80px;
    background-color:#f4f5f5;
    text-align:center;
    vertical-align:middle;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    opacity: 0.70;
    filter: alpha(opacity =70);
}
#fatep #main-banner a.scroll-to-content span{
    display:inline-block;
    width:17px;
    height:50px;
    margin-top:15px;
    background:url('../images/ico-scroll.png') no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
    filter: alpha(opacity =100);
}
#fatep #main-banner a.scroll-to-content:hover span{
    display:inline-block;
    margin-top:25px;
    background:url('../images/ico-scroll.png') no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.course-heading-holder{
    position:relative;
}
.course-heading{
    position:         absolute;
    top:              510px;
    transform:        rotate(-90deg);
    transform-origin: 0 0 0;
    visibility:       hidden;
}
.course-heading h1 span{
    display:    block;
    margin-top: 5px;
    color:      #76b72b;
}
.course-heading h1{
    font-size:      40px;
    font-weight:    bold;
    margin-top:     3px;
    text-transform: uppercase;
    color:          #153d84;
    white-space:    nowrap;
}
.course-heading h1::after{
    bottom:           auto;
    content:          "";
    margin:           auto;
    position:         absolute;
    top:              36px;
    transform:        rotate(90deg);
    background-color: #76b72b;
    height:           70px;
    left:             0;
    width:            3px;
}

/* Ajustes */
#main-footer .footer-upper .field-news form .form-group input:focus{background-color: #ffffff !important;}
#fatep.template-one .portfolio-block.others{height: 325px; min-height: 325px; max-height: 325px;}
#fatep.template-one .portfolio-block.others portfolio-inner img{max-width: inherit; width: inherit; height: 100%}
#fatep.template-one .portfolio-block.feature portfolio-inner{height: 100%;}
#fatep.template-one .portfolio-block.feature portfolio-inner img{max-width: inherit; width: inherit; height: 100%}
#fatep.template-one .banner-inner .btn{text-transform: none}
#fatep section.courses-display.service.detail ul.courses-block li a{padding: 25px 120px 25px 25px;}
#fatep.template-one #portfolio .portfolio-block.feature .portfolio-inner{height: 100% !important}
#fatep.template-one #portfolio .portfolio-block.feature .portfolio-inner img{height: 100%; max-width: inherit;}
#fatep #main-banner .banner-main{padding: 0; width: 44%; display: block; height: 667px;}
#fatep #main-banner .banner-inner{height: 100%; width: 100%; display: block; padding-top: 190px;}
#fatep #main-banner .banner-inner .case-button{position: absolute;}

/* Melhorias */
.all-sponsors{padding: 65px 0;}
.all-sponsors ul.list-sponsors{margin: 0 -30px !important;}
.all-sponsors ul.list-sponsors li{display: table; height: 70px; max-height: 70px; float: left; padding: 0 30px; text-align: center; list-style: none; margin: 0;}
.all-sponsors ul.list-sponsors li .align{display: table-cell; vertical-align: middle; height: 70px; max-height: 70px;}
.all-sponsors ul.list-sponsors li img{max-height: 100%;}

article.course-coordinator{
    background: #dbdcdc;
    padding: 80px 0;
}
article.course-coordinator h3{
    color: #153d84;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 110px 0;
}
article.course-coordinator .description{
    background-color: #ffffff;
    position: relative;
    width: 100%;
    padding: 45px 30px 30px 15px;
}
article.course-coordinator .description .profile{
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -75px;
    margin-left: -20px;
}
article.course-coordinator .description .text{
    padding-left: 150px;
    position: static;
}
article.course-coordinator .std-green{
    background-color: #8eb438;
    display: inline-block;
    padding: 8px 12px;
}
article.course-coordinator .std-green p,
article.course-coordinator .std-green a,
article.course-coordinator .std-green a:link,
article.course-coordinator .std-green a:active,
article.course-coordinator .std-green a:visited,
article.course-coordinator .std-green a:hover,
article.course-coordinator .std-green a:focus{
    color: #ffffff !important;
    font-weight: 600;
    margin: 0 !important;
    -webkit-transition: 0.5 all ease;
    -moz-transition: 0.5 all ease;
    -ms-transition: 0.5 all ease;
    -o-transition: 0.5 all ease;
    transition: 0.5 all ease;
}
article.course-coordinator .std-green a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 12px;
}
article.course-coordinator .std-green:hover{
    background-color: #004482;
}
article.course-coordinator .teacher{
    position: absolute;
    top: 0;
    margin-top: -20px;
}
article.course-coordinator .teacher p{
    font-size: 18px !important;
}
article.course-coordinator .btn-profile{
    float: right;
    margin: 0 15px;
    padding: 0;
}

article.course-faculty{
    background-color: #004482;
    padding: 80px 0;
}
article.course-faculty h3{
    color: #ffffff !important;
    font-weight: 600;
    font-size: 18px !important;
    text-transform: uppercase;
    margin: 0 0 25px 0;
}
article.course-faculty p{
    color: #ffffff !important;
    line-height: 20px;
}
article.course-faculty ul.list-faculty{
    margin: 40px -8px 0 -8px !important;
    width: 100%;
    padding: 0 !important;
}
article.course-faculty ul.list-faculty li{
    float: left;
    background-color: #8eb438;
    list-style: none;
    width: 30.3% !important;
    margin: 8px !important;
    display: table;
    line-height: 17px !important;
    height: 70px;
}
article.course-faculty ul.list-faculty li p{
    color: #ffffff !important;
    text-align: center;
    font-weight: 600;
    font-size: 18px !important;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}
article.course-faculty ul.list-faculty li p a,
article.course-faculty ul.list-faculty li p a:link,
article.course-faculty ul.list-faculty li p a:active,
article.course-faculty ul.list-faculty li p a:visited,
article.course-faculty ul.list-faculty li p a:hover,
article.course-faculty ul.list-faculty li p a:focus{
    color: #ffffff !important;
}
article.course-faculty ul.list-faculty li p a:hover,
article.course-faculty ul.list-faculty li p a:focus{
    color: #004482 !important;
}

article.other-segments{
    background: #8eb438;
    padding: 70px 0;
}
article.other-segments ul.list-pages{
    padding: 0;
    margin: 0 -15px !important;
    text-align: center;
}
article.other-segments ul.list-pages li{
    list-style: none;
    float: left;
    text-align: center;
    margin: 0 30px !important;
}
article.other-segments ul.list-pages li a p,
article.other-segments ul.list-pages li a:link p,
article.other-segments ul.list-pages li a:active p,
article.other-segments ul.list-pages li a:visited p,
article.other-segments ul.list-pages li a:hover p,
article.other-segments ul.list-pages li a:focus p{
    color: #ffffff !important;
    font-weight: 600;
    margin: 0 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -ms-transition: 1s all ease;
    -o-transition: 1s all ease;
    transition: 1s all ease;
}
article.other-segments ul.list-pages li a:hover p{
    color: #004482 !important;
}
article.other-segments ul.list-pages li a i,
article.other-segments ul.list-pages li a:link i,
article.other-segments ul.list-pages li a:active i,
article.other-segments ul.list-pages li a:visited i,
article.other-segments ul.list-pages li a:hover i,
article.other-segments ul.list-pages li a:focus i{
    color: #ffffff !important;
    font-size: 24px;
    background: #8eb438;
    border-radius: 50%;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    width: 43px;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -ms-transition: 1s all ease;
    -o-transition: 1s all ease;
    transition: 1s all ease;
}
article.other-segments ul.list-pages li a:hover .case-icon i{
    background: #004482;
}
#fatep section.courses-incentive.service.detail ul.courses-block li{
    height: 450px;
    max-height: 450px;
    min-height: 450px;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 0 22.5px;
    background: none;
}
#fatep section.courses-incentive.service.detail .row{
    margin: 0 -22.5px;
}
#fatep section.courses-incentive.service.detail ul.courses-block li .single-item a{
    height: inherit;
    max-height: inherit;
    min-height: inherit;
    background: none;
    padding: 0;
    margin: 0 !important;
}
#fatep section.courses-incentive.service.detail ul.courses-block li .single-item .image{
    height: 300px;
    text-align: center;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}
#fatep section.courses-incentive.service.detail ul.courses-block li .single-item .caption{
    background-image: url(../images/ico-plus-green.png);
    padding: 25px 120px 25px 25px;
    display: inline-block;
    height: 150px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center right;
    width: 100%;
    margin: 0;
    background-color: #00428c;
}

#fatep section.courses-incentive.service.detail ul.courses-block li .single-item a:hover .caption{
    background-image: url(../images/ico-plus-blue.png);
}

#fatep section.courses-incentive{
    padding: 50px 0;
}

/* Responsivo MD */
@media (min-width: 992px) and (max-width: 1199px) {
    #fatep{overflow-x: hidden}
    #fatep #slide-nav #menu_nav{padding: 0}
    #fatep .navbar-header{padding: 0}
    #fatep #slide-nav #menu_nav > ul > li > a{padding: 15px 9px;}
    #fatep .slider-home .carousel{
        height: 525px;
        position: relative;
    }
    #fatep #main-banner .banner-internal{
        height: 525px;
    }
    #fatep.template-one #main-banner .banner-main{
        height: 525px;
    }
    .all-sponsors ul.list-sponsors li{
        padding: 0 15px;
        margin: 15px 0 !important;
    }
    #fatep.course #project ul li{
        width: 16%;
    }
    #fatep section.courses-incentive.service.detail ul.courses-block li .single-item a .caption{
        padding: 15px 125px 20px 20px;
    }
    #slide-nav #menu_nav > ul > li > a{
        font-size: 12px;
    }
    #fatep #slide-nav #menu_nav > ul > li > a{
        padding: 15px 6px;
    }


}

/* Responsivo SM */
@media (min-width: 768px) and (max-width: 991px) {
    #fatep .row{margin: 0 !important;}
    #fatep{overflow-x: hidden}
    #fatep #slide-nav #menu_nav > ul > li > a{padding: 8px}
    #fatep .service.service03 .service-item p{text-align: left}
    #fatep .service.service03 .service-item:last-child p{font-size: 20px}
    #fatep .service .service-item p{text-align: left; font-size: 14px;}
    #fatep .service .service-item{height: 190px;}
    #fatep .service .service-item:not(:nth-last-child(-n+4)){margin-bottom: 50px;}
    #main-footer .footer-upper .navbar-footer .col-small{width: 18%;}
    #main-footer .footer-upper .navbar-footer .col-medium{width: 31%;}
    #main-footer{height: auto; padding: 0 10px; margin: 0;}
    #main-footer .footer-upper .field-news form{margin-left: 0}
    #fatep .slider-home .banner-md .content-banner{position: relative;}
    #fatep .slider-home .carousel-inner .item .banner-content.banner-sm{display: block}
    #fatep .slider-home .carousel-inner .item .banner-content.banner-md,
    #fatep .slider-home .carousel-inner .item .banner-content.banner-xs{display: none}
    #fatep .slider-home .carousel{
        height: 525px;
        position: relative;
    }
    #fatep #main-banner .banner-internal, #fatep.template-one #main-banner .banner-main{
        height: 525px;
    }
    #fatep #main-banner .banner-internal.banner-xs,
    #fatep #main-banner .banner-internal.banner-md{
        display:none !important;;
    }
    #fatep #main-banner .banner-internal.banner-sm{
        display: block !important;;
    }
    .all-sponsors ul.list-sponsors li{
        padding: 0 15px;
        margin: 15px 0 !important;
    }
    article.course-faculty ul.list-faculty li{
        padding: 0 15px;
        margin: 15px 0;
    }
    article.other-segments ul.list-pages li{
        margin: 15px 30px !important;
    }
    article.other-segments{
        padding: 50px 0;
    }
    #fatep section.courses-incentive.service.detail .courses-alpha .row{
        margin: 0 -30px !important;
    }
    #fatep section.courses-incentive.service.detail ul.courses-block li{
        padding: 0 15px;
        height: 400px;
        min-height: 400px;
        max-height: 400px;
    }
    #fatep section.courses-incentive.service.detail ul.courses-block li .single-item a .image{
        height: 200px;
    }
    #fatep section.courses-incentive.service.detail ul.courses-block li .single-item a .caption{
        height: 200px;
    }
    #slide-nav #menu_nav > ul > li > a{
        font-size: 12px;
    }
}

/* Responsivo XS */
@media (max-width: 767px) {
    #main-footer {padding: 0 40px; margin: 0; height: auto}
    #main-footer .footer-upper .navbar-footer .col-small{width: 50%;}
    #main-footer .footer-upper .navbar-footer .col-medium{width: 100%;}
    #main-footer .footer-upper .field-news form{margin-left: 0}
    #main-footer .footer-upper .navbar-footer{padding: 40px 0 10px 0;}
    #fatep #articles .news-block{padding: 0}
    #fatep #articles .news-info{position: relative; top:0}
    #fatep #news .news-block{margin-bottom: 70px;}
    #fatep .posts article.post > img{width: 100%}
    #fatep .news-inner{margin-bottom: 70px;}
    #fatep #slide-nav .navbar-toggle{border: 1px solid #00428c; border-radius: 4px;}
    #fatep #slide-nav .navbar-toggle .icon-bar{background-color: #00428c}
    #fatep header #slide-nav.affix .container::before,
    #fatep header #slide-nav .container::before, .home-6 header #slide-nav .container::before
    {height: 50px; margin: 0}
    #fatep header #slide-nav{height: 50px; margin: 0; background-color: #fff}
    #fatep header #slide-nav .navbar-header{height: 50px;}
    #fatep header #slide-nav .navbar-header .menu-logo{margin: 7px 15px; display: inline-block;}
    #fatep header #slide-nav .navbar-header .navbar-toggle{margin: 10px 15px;}
    #fatep #slide-nav #menu_nav .navbar-nav .dropdown-menu li a{background: #fff; text-align: left}
    #fatep .service.service03 .service-item{background-size: cover;}
    #fatep .visible-xs{display: block}
    #fatep .slider-home .banner-md .content-banner{position: relative;}
    #fatep .slider-home .carousel{
        height: 350px;
        position: relative;
    }
    #fatep #main-banner .banner-internal{
        height: 350px;
    }
    #fatep #main-banner .banner-internal.banner-xs,
    #fatep #main-banner .banner-internal.banner-md{
        display:none !important;;
    }
    #fatep #main-banner .banner-internal.banner-sm{
        display: block !important;;
    }
    #fatep .slider-home .banner-md .content-banner{position: relative;}
    #fatep .slider-home .carousel-inner .item .banner-content.banner-sm{display: block}
    #fatep .slider-home .carousel-inner .item .banner-content.banner-md,
    #fatep .slider-home .carousel-inner .item .banner-content.banner-xs{display: none}
    #fatep #category .category-block .inner h3{color: #FFFFFF;}
    #fatep #category .category-block .inner h3 a,
    #fatep #category .category-block .inner h3 a:link,
    #fatep #category .category-block .inner h3 a:active,
    #fatep #category .category-block .inner h3 a:visited,
    #fatep #category .category-block .inner h3 a:focus,
    #fatep #category .category-block .inner h3 a:hover{color: #FFFFFF; text-shadow: 0 0 3px rgba(0, 0, 0, 0.62);}
    #category .hover{
        left: 10%;
        right: 10%;
        width: 80%;
    }
    #category .hover p{
        margin: 10px 0;
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.62);
    }
    #main-footer .footer-upper .text-cool p{
        line-height: inherit;
        font-size: 12px;
    }
    #main-footer .footer-upper .social-media ul{
        text-align: center;
    }
    #main-footer .footer-upper .social-media ul li{
        float: none;
        display: inline-block;
    }
    #main-footer p{
        margin: 10px 0;
    }
    #fatep #main-banner{
        z-index: 99;
    }
    #fatep.template-one #main-banner .banner-main{
        height: 350px;
    }
    #main-footer .footer-upper .social-media ul li a,
    #main-footer .footer-upper .social-media ul li a:link,
    #main-footer .footer-upper .social-media ul li a:active,
    #main-footer .footer-upper .social-media ul li a:visited,
    #main-footer .footer-upper .social-media ul li a:hover,
    #main-footer .footer-upper .social-media ul li a:focus{
        -webkit-transition: 0.1s all ease;
        -moz-transition: 0.1s all ease;
        -ms-transition: 0.1s all ease;
        -o-transition: 0.1s all ease;
        transition: 0.1s all ease;
    }
    .case-footer .main-heading{
        text-align: center;
        width: 100%;
        display: block;
    }
    #fatep #main-footer .footer-upper .field-news{
        text-align: center;
    }
    #fatep #main-footer .footer-upper .field-news .all-form{
        float: none;
    }
    #main-footer .footer-upper .field-news form .form-group input{
        width: 200px;
    }
    #fatep #main-banner .banner-inner .case-button{
        border-bottom: 0;
        bottom: 40px;
        left: 25px;
    }
    #fatep #main-banner .banner-inner{
        padding: 0 !important;
    }
    #fatep .carousel-inner{
        height: 350px;
    }
    .all-sponsors ul.list-sponsors li{
        width: 50%;
        margin: 10px 0;
    }
    .all-sponsors, article.course-coordinator, article.course-faculty, article.other-segments{
        padding: 40px 0;
    }
    article.course-coordinator h3{
        text-align: center;
        margin: 0 0 30px 0;
        font-size: 18px;
    }
    article.course-coordinator .description .profile, article.course-coordinator .teacher{
        position: relative;
        margin: 0;
        left: inherit;
        top: inherit;
    }
    article.course-coordinator .description{
        padding: 20px 15px !important;
    }
    article.course-coordinator .description .text{
        padding: 0;
    }
    article.course-coordinator .description .profile{
        margin: 0 auto 20px auto;
    }
    article.course-coordinator .teacher{
        width: 100%;
        margin-bottom: 20px !important;
    }
    article.course-coordinator .teacher p{
        font-size: 16px !important;
    }
    article.course-faculty ul.list-faculty li{
        width: 100% !important;
    }
    article.course-faculty ul.list-faculty li{
        height: 60px;
    }
    article.course-faculty ul.list-faculty li p{
        font-size: 14px !important;
    }
    article.other-segments ul.list-pages li{
        margin: 15px 0 !important;
        width: 100%;
    }
    #fatep section.courses-incentive.service.detail .row{
        margin: 0 -15px;
    }
    #fatep section.courses-incentive.service.detail ul.courses-block li,
    #fatep section.courses-incentive.service.detail ul.courses-block li .single-item a .caption{
        width: 100%;
        height: inherit;
        max-height: inherit;
        min-height: inherit;
    }
    #fatep section.courses-incentive.service.detail ul.courses-block li .single-item a .image{
        height: 180px;
    }
}

@media (max-width: 400px){
    #fatep .slider-home .banner-md .content-banner{position: relative;}
    #fatep .slider-home .carousel-inner .item .banner-content.banner-xs{display: block}

    #fatep .slider-home .carousel-inner .item .banner-content.banner-md,
    #fatep .slider-home .carousel-inner .item .banner-content.banner-sm{display: none}

    #fatep #main-banner .banner-internal.banner-md,
    #fatep #main-banner .banner-internal.banner-sm{display: none !important;}

    #fatep #main-banner .banner-internal.banner-xs{display: block !important;}
}

.frm_hidden{display: none;}
label.frm_primary_label{position:absolute;left:-9999999px;top:-9999999px;}

/*LOGIN*/

body.fatep-login {
    background: url("../images/bg-login.jpg") center 0 no-repeat;
    background-size: cover;
}

body.fatep-login .logo {
    position: absolute;
    width: 100%;
    height: 189px;
    top: 30px;
    background: url(../images/logo-login-page-v2.png) center 0 no-repeat;
    background-size: 60%;
}

body.fatep-login form label,
body.fatep-login form input{
    margin-bottom: 15px;
}

body.fatep-login form {
    border : solid 10px rgba(255,255,255,0.5);
    padding: 30px 50px;
    width: 360px;
    margin: 250px auto;
}

body.fatep-login form label, body.fatep-login form a {
    color: #FFFFFF;
}

body.fatep-login form label {
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px #9e9d9c
}

body.fatep-login form.login input {
    background-color: #FFFFFF;
    height: 60%;
    opacity: 0.5;
}

body.fatep-login form.login a{
    text-shadow: 1px 1px #9e9d9c;
}
body.fatep-login form.login .btn {
    background-color: #71bf44;
    margin-top: 10px;
}
body.fatep-login form.login .align {
    text-align: left;
}

@media (min-width: 768px) {
    body.fatep-login .logo {
        position: absolute;
        width: 300px;
        height: 189px;
        padding-right: 70px;
        top: 10%;
        right: 3%;
        background: url(../images/logo-login-page-v2.png) 0 0 no-repeat;
    }

    body.fatep-login form {
        padding: 40px 60px;
        width: 500px;
        margin: 250px auto;
    }

    body.fatep-login form.login .btn {
        margin-top: 0;
    }
    body.fatep-login form.login .align {
        text-align: right;
    }
}

@media (max-width: 960px) {

    body.fatep-login .logo {
        position: absolute;
        width: 100%;
        height: 230px;
        top: 30px;
        background: url(../images/logo-login-page-v2.png) center 0 no-repeat;
        background-size: 40%;
    }
}

@media (min-width: 992px) {
    body.fatep-login form {
        width: 500px;
    }
}


/*ACORDION EXTENSION COURSES*/

.extension-courses button {
    font-size: 20px;
    padding: 0 20px;
    text-align: left;
    margin-bottom: 0;
}
.extension-courses button:hover {
    color: #76b72b !important;
}
.extension-courses .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.extension-courses .btn::after {
    background-color: #153d84 !important;
}
.extension-courses .btn:hover::after {
    background-color: #76b72b !important;
}

.extension-courses .btn.collapsed::after {
    content: "\f101";
}
.extension-courses .btn::after {
    content: "\f103";
}
.extension-courses .panel-body {
    background-color: #f1f1f2 !important;
}
.extension-courses .btn {
    width: 100%;
    margin-top: 1px !important;
}
.extension-courses .courses-block {
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: flex;
    flex-wrap: wrap;
}

.extension-courses .courses-block li {
    width: 50%;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.extension-courses .courses-block li h3 {
    font-size: 30px !important;
}
.extension-courses .courses-block li h4 {
    text-align: left !important;
    font-size: 23px !important;
}

@media (max-width: 1199px) {
    .extension-courses .courses-block li {
        width: 100%;
    }
    .extension-courses .courses-block li a {
        padding-left: 15px !important;
    }
}