/* CSS Document */

/*------------------------------------------
Project Name :Lofty Contractors - Responsive HTML Template
Desgined By  :blog_designer
Developed By :Asif Munawar;
Date         :30/June/2020;

*********************************************************

===================  Table Of Index  ===================

*********************************************************

 
1====== Base
2====== Typography
3====== Back to Top
4====== top bar
5====== Header
6====== Header White
7====== Header Dark
8====== Header Fancy
9====== Header Dark-Fancy
10====== Search css
11====== Cart Btn css
12====== Banner Section
13====== inner-intro
14====== quote-modal
15====== login-modal
16====== registration-modal
17====== search-button
18====== quick-quote
19====== about-info
20====== contactWrap
21====== whyWeChoose
22====== Note Style1 Section
23====== List Style
24====== Social
25====== Colored
26====== portfolio
27====== Timeline Style Section
28====== freelance-section
29====== Static Slider
30====== particles-js
31====== Home paralell    
32====== testimonial
33====== counter
34====== brand-section
35====== footer-sec
36====== inner-heading
37====== contactWrap
38====== map
39====== aboutUs
40====== blogWrap
41====== Side Bar
42====== Archive
43====== Photo Bar
44====== Tags
46====== commentArea
46====== Error page
47====== ComingSoon
48====== FAQS
49====== service-single
50====== Shop
51====== videoWrp
52====== single-shop
53====== reviews
54====== cart
55====== checkout
56====== shop-grid
57====== blogWrapper
58====== Responsive
58====== Button
 
------------------------------------------*/

/*********************************************************
						Base
**********************************************************/

@import url('css1.css');
@import url('css2.css');
body {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #757575;
}

a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #353535;
}

a:focus {
    text-decoration: none !important;
}

a:focus,
a:hover {
    color: #134074;
    text-decoration: none !important;
}

a,
button,
input {
    outline: medium none !important;
    color: #134074;
}

img {
    display: inline-block;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    line-height: 1.6em;
    color: #353535;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

ul {
    margin: 0px;
    padding: 0px;
}

.margin_t_50 {
    margin-top: 50px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

label {
    font-weight: 400;
    color: #aaaaaa;
}

.label {
    color: #fff !important;
    font-size: 9px !important;
}

*::-moz-selection {
    background: #134074;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #134074;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #134074;
    color: #fff;
    text-shadow: none;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
    color: #ffffff;
}

.text-white h1.text-yellow,
.text-white h2.text-yellow,
.text-white h3.text-yellow,
.text-white h4.text-yellow,
.text-white h5.text-yellow,
.text-white h6.text-yellow {
    color: #134074;
}

.white_color {
    color: #fff;
}

.white_bg {
    background: #fff !important;
}

.second_colour {
    position: relative;
    background-color: #f5f5f5;
}

/*********************************************************
		             Button
**********************************************************/

.button {
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #656565;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 100%;
    margin: 10px 0;
    outline: 0 none;
    padding: 18px 33px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    border: 2px solid #ddd;
}

.button:hover {
    color: #656565;
    text-decoration: none;
}

.button:hover:not,
a.button:hover {
    opacity: 0.8;
}

.button:focus {
    outline: 0;
}

.button.animated.fill:hover,
.button.fill:hover {
    background-color: #252525;
    border-color: #252525;
    color: #fff;
}

.button.link {
    border: none;
    font-size: 14px;
    color: #555555;
    letter-spacing: 0;
    padding: 0px;
    text-transform: none;
}

.button.link:hover {
    color: #134074;
}

.button.link i {
    color: #134074;
    margin-left: 5px;
}

.button.link.animated {
    position: relative;
    padding-right: 35px;
}

.button.link.animated i {
    position: absolute;
    opacity: 0;
    right: 8px;
    color: #134074;
    margin-left: 5px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.button.link.animated:hover i {
    right: 0;
    opacity: 1;
}

.button.full-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 9;
    vertical-align: bottom;
}

.button.rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.button i {
    font-size: 15px;
    margin-right: 10px;
}

.button.left-icn i {
    margin-right: 10px;
}

.button.right-icn i {
    margin-left: 10px;
    margin-right: 0;
}

.button,
.button.animated.fill-vertical:after,
.button.animated.fill-horizontal:after,
.button.animated.right-icn span,
.button.animated.right-icn i,
.button.animated.left-icn span,
.button.animated.left-icn i,
.button.animated.left-fill:after,
.button.animated.middle-fill:after {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.button.animated.left-icn i {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-24px, -50%);
    -ms-transform: translate(-24px, -50%);
    transform: translate(-24px, -50%);
    ms-transform: translate(-24px, -50%);
    opacity: 0;
}

.button.animated.left-icn span {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    ms-transform: translate(0, 0);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    ms-backface-visibility: hidden;
}

.button:hover.animated.left-icn span {
    -webkit-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0);
    ms-transform: translate(15px, 0);
}

.button.animated.right-icn i {
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    -webkit-transform: translate(30px, -50%);
    -ms-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
    ms-transform: translate(30px, -50%);
    opacity: 0;
}

.button.animated.right-icn span {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    ms-transform: translate(0, 0);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    ms-backface-visibility: hidden;
}

.button:hover.animated.right-icn span {
    -webkit-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    ms-transform: translate(-15px, 0);
}

.button:hover.animated.right-icn i,
.button:hover.animated.left-icn i {
    opacity: 1;
}

.button.animated.left-fill span {
    position: relative;
    z-index: 1;
}

.button.animated.left-fill:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.button.animated.left-fill:hover:after {
    width: 100%;
    opacity: 1;
}

.button.animated.left-fill:after {
    background-color: #252525;
}

.button.animated.left-fill:hover {
    color: #fff;
}

.button.animated.middle-fill span {
    position: relative;
    z-index: 1;
}

.button.animated.middle-fill:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 0%;
    opacity: 0;
}

.button.animated.middle-fill:hover:after {
    height: 100%;
    top: 0;
    opacity: 1;
}

.button.animated.middle-fill:after {
    background-color: #252525;
}

.button.animated.middle-fill:hover {
    color: #fff;
}

.button.button-3d {
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
}

.button.button-3d:hover {
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
}

.button.yellow {
    background-color: #134074;
    border-color: #134074;
    color: #fff;
}

.button.yellow:hover.left-fill:after,
.button.yellow:hover.middle-fill:after {
    background-color: rgba(0, 0, 0, 0.05);
}

.button.yellow-dark {
    background-color: #f59017;
    border-color: #f59017;
    color: #fff;
}

.button.border {
    color: #333;
    font-weight: 600;
    border: 2px solid #333;
}

.button.border.button-3d {
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.5) inset;
}

.button.default {
    background-color: #134074;
    border-color: #134074;
    color: #fff;
}

.button.default-dark {
    background-color: #edc300;
    border-color: #edc300;
    color: #fff;
}

.button.blue {
    background-color: #26b8f3;
    border-color: #26b8f3;
    color: #fff;
}

.button.blue-dark {
    background-color: #2b6baa;
    border-color: #2b6baa;
    color: #fff;
}

.button.purple {
    background-color: #9b175e;
    border-color: #9b175e;
    color: #fff;
}

.button.purple-dark {
    background-color: #750e46;
    border-color: #750e46;
    color: #fff;
}

.button.red {
    background-color: #ea1717;
    border-color: #ea1717;
    color: #fff;
}

.button.red-dark {
    background-color: #c00505;
    border-color: #c00505;
    color: #fff;
}

.button.pink {
    background-color: #f7699d;
    border-color: #f7699d;
    color: #fff;
}

.button.pink-dark {
    background-color: #eb085f;
    border-color: #eb085f;
    color: #fff;
}

.button.green {
    background-color: #9bd800;
    border-color: #94cf00;
    color: #fff;
}

.button.yellow {
    background-color: #134074;
    border-color: #134074;
    color: #353535;
}

.button.yellow-dark {
    background-color: #f0de00;
    border-color: #f0de00;
    color: #353535;
}

.button.brown {
    background-color: #935d3f;
    border-color: #935d3f;
    color: #fff;
}

.button.brown-dark {
    background-color: #774e37;
    border-color: #774e37;
    color: #fff;
}

.button.black {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

.button.black-light {
    background-color: #444444;
    border-color: #444444;
    color: #fff;
}

.button.white {
    background-color: #ffffff;
}

.button.transparent {
    border-color: #ffffff;
    color: #ffffff;
}

.button.transparent.fill:hover {
    background-color: #ffffff;
    color: #333333;
}

.button.transparent.left-fill:after,
.button.transparent.middle-fill:after {
    background-color: #ffffff;
}

.button.transparent.left-fill:hover,
.button.transparent.middle-fill:hover {
    color: #333333;
}

.button.small {
    padding: 10px 25px;
}

.button.big {
    padding: 22px 40px;
    font-size: 15px;
    line-height: 20px;
}

/*********************************************************
						Typography
**********************************************************/

mark {
    background: #134074;
    color: #ffffff;
}

ol {
    padding: 0px;
    margin: 0px;
}

ol li {
    list-style: decimal inside;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

ol.alpha li {
    list-style: decimal-leading-zero inside;
    padding: 0px;
    margin: 0px;
}

ol.roman li {
    list-style: lower-roman;
    padding: 0px;
    margin: 0px;
}

ul {
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

ul.disc li {
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

ul.list-style-1 li {
    list-style: none;
}

ul.list-unstyled li {
    list-style: none;
}

blockquote {
    display: block;
    background: #f9f9f9;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    padding-left: 65px;
    border-left: 5px solid #134074;
    padding-top: 20px;
    padding-bottom: 15px;
}

blockquote cite {
    font-size: 16px;
    margin-top: 15px;
    display: block;
    font-weight: 600;
    color: #134074;
}

blockquote .quote-author,
blockquote .quote-author a {
    font-size: 16px;
    font-weight: 500;
    color: #252525;
}

.theme_color {
    color: #134074;
}

.theme-btn {
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "Roboto", sans-serif;
}

.btn-style-one {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 15px 40px;
    font-weight: 500;
    background-color: #424141;
    overflow: hidden;
}

.btn-style-one .btn-title {
    position: relative;
}

.btn-style-one:hover {
    color: #ffffff;
}

.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    border-color: #134074;
    background-color: #134074;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-one:hover:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.section-title {
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
}

.section-title h3 {
    position: relative;
    font-size: 40px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 42px;
    font-family: 'Oswald', sans-serif;
}

.section-title h3:after {
    content: '';
    background: #134074;
    height: 2px;
    width: 60px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -30px;
}

.section-title h3 span {
    color: #134074;
    font-weight: 400;
}

.section-title p {
    max-width: 800px;
    margin: auto;
    line-height: 22px;
	margin-bottom: 15px;
}

.main_menu>section.menu-list-items {
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 5;
    background: #424141;
}

.main_menu>section.menu-list-items:before {
    content: '';
    width: 55%;
    height: 100%;
    background: #134074;
    position: absolute;
    top: 0;
    left: -338px;
}

.main_menu>section.menu-list-items:after {
    content: '';
    position: absolute;
    top: 0;
    left: 55%;
    width: 0;
    height: 0;
    margin-left: -375px;
    height: 100%;
    width: 70px;
    background: #134074;
    transform: skewX(24deg);
}

/*********************************************************
						Back to Top
**********************************************************/

#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: #134074;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: fixed;
    bottom: 15px;
    right: 25px;
    z-index: 999;
    font-size: 20px;
    background: #fff;
    border: 2px solid #353535;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    border-radius: 15px;
}

#back-to-top .top:hover {
    color: #fff;
    background: #134074;
    border: 2px solid #134074;
}

/*********************************************************
						top bar
**********************************************************/

.user-wrap {
    padding-top: 9px;
}

.login-btn {
    float: left;
    /* width: 80px; */
	margin-right: 15px;
}

.login-btn a{
    font-size: 14px;
    color: #d6d6d6;
    text-decoration: none;
    padding: 0px;
    background-color: transparent;
    border-color: transparent;
    border: 0px;
}

.login-btn .btn:hover,
.login-btn .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

.login-btn:before {
    content: "\f098";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
}

.register-btn {
    float: left;
}

.register-btn a{
    font-size: 14px;
    color: #d6d6d6;
    text-decoration: none;
    padding: 0px;
    background-color: transparent;
    border-color: transparent;
    border: 0px;
}

.register-btn .btn:hover,
.register-btn .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

.register-btn .btn:active,
.login-btn .btn:active {
    box-shadow: none;
}

.register-btn:before {
    content: "\f003";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
}

.register-links {
    list-style: none;
    margin-bottom: 0px;
    padding-top: 4px;
}

.register-links li {
    display: inline-block;
    margin: 0px 20px 0px 0px;
    color: #fff;
}

.register-links li a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
}

.register-links li a i {
    margin-right: 5px;
}

.top-social-icons {
    list-style: none;
    text-align: center;
    margin-top: 6px;
    float: left;
    margin-left: 200px;
}

.top-social-icons li {
    display: inline-block;  
    padding: 0 1px;
}

.top-social-icons li a {
    text-decoration: none;
    font-size: 22px;
}

.top-social-icons li:nth-child(1) a {
    color: #3a7ae6;
}

.top-social-icons li:nth-child(2) a {
    color: #33ccff;
}

.top-social-icons li:nth-child(3) a {
    color: #dc4a38;
}

.top-social-icons li:nth-child(4) a {
    color: #0274b3;
}

.top-social-icons li:nth-child(5) a {
    color: #41b2dc;
}

.btn-box {
    float: right;
    line-height: 10px;
}

.btn-box .btn-style-one {
    background-color: #fff;
    font-size: 14px;
    color: #000;
    padding: 12px 35px;
}

.btn-box .btn-style-one:hover {
    color: #fff;
}

.btn-box .btn-style-one:before {
    border-color: #134074;
    color: #fff;
    background-color: #134074;
}

.top-left {
    text-align: center;
    padding: 9px 0px 0px;
    font-size: 14px;
    color: #d6d6d6;
}


/*********************************************************
						Header
**********************************************************/

#header {
    position: absolute;
    width: 100%;
    z-index: 99;
}

#header.defualt {
    background: transparent;
    z-index: 999;
    margin: 0px;
    position: absolute;
    width: 100%;
}

#header.defualt .desktopTopFixed .cart_btn {
    top: 21px;
}

#header.defualt .desktopTopFixed .search-box-btn {
    top: 21px;
}

#header.defualt .cart_btn a .carticon {
    color: #fff;
}

#header.defualt .search-box-btn span i {
    color: #fff;
}

#header.defualt .topbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-fancy .padding_tp {
    padding-top: 30px;
}

/*********************************************************
						Search css
**********************************************************/

.search-box-btn {
    position: relative;
    top: 35px;
}

.search-box-btn span i {
    color: #fff;
}

.search-box-btn .toggle-search button {
    background: none;
    border: none;
    padding: 0;
    color: #252525;
    font-size: 15px;
    width: 30px;
    height: 30px;
}

@media (max-width:991px) {
    .search-holder {
        border: none!important;
    }
    .search-button i {
        padding: 17px 0;
        cursor: pointer;
    }
    .search-button i:after {
        content: 'Search';
        font-family: Montserrat, sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        padding-left: 10px;
    }
    .search-overlay-content form input {
        margin: 30px;
        max-width: 80%;
    }
    .search-overlay-content {
        position: relative;
        top: 15%!important;
        text-align: center;
    }
}

.search-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
    overflow-x: hidden;
    transition: .5s;
}

.search-overlay-content {
    position: relative;
    top: 35%;
    width: 40%;
    text-align: center;
    margin: 0 auto;
}

.search-overlay-content input {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #fff;
    opacity: .5;
    padding: 15px;
}

.search-overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: .3s;
}

.search-overlay a:focus,
.search-overlay a:hover {
    color: #f1f1f1;
}

.search-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 60px;
}

@media screen and (max-height:450px) {
    .search-overlay a {
        font-size: 20px;
    }
    .search-overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

/*********************************************************
						Cart Btn css
**********************************************************/

.cart_btn {
    position: relative;
    top: 35px;
}

.cart_btn a {
    height: 35px;
    position: relative;
    width: 35px;
    display: block;
    text-align: center;
}

.cart_btn a .carticon {
    color: #fff;
    font-size: 20px;
}

.cart_btn a .item-count {
    background: #134074 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -3px;
    width: 16px;
}

.topbar .top-right .language .flag-icon {
    margin-right: 8px;
}

.topbar .top-right .language .dropdown-menu {
    top: 100%;
    right: 0px;
    left: auto;
    width: 105px;
    min-width: 105px;
    border-radius: 0px;
    margin-top: 0px;
    background-color: #222222;
    border: none;
    padding: 0px;
    border-bottom: 3px solid #134074;
    border-top: 3px solid #134074;
}

.top-social-links {
    position: absolute;
    right: 0;
    top: 2px;
}

.top-social-links ul li {
    display: inline-block;
    margin-left: 15px;
    padding: 0;
    border-right: 0px;
}

.top-social-links ul li a {
    padding: 0;
    border-right: 0px;
}

.top-social-links ul li a i {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease 0s;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 20px;
}

.top-social-links ul li a:hover i {
    color: #134074;
}

.topbar .top-right .language>a {
    color: #fff;
    padding: 14px 10px;
    background: none !important;
    text-transform: capitalize;
    display: inline-block;
    border: 0px;
    top: -1px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1em;
    border-radius: 0px;
}

.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #fff
}

.topbar .top-right .language>a:after {
    display: none;
}

.topbar .top-right language a:hover {
    background: none;
}

.topbar .top-right .language .dropdown-menu>li {
    padding: 0px !important;
    margin: 0px !important;
    float: none;
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    border-right: none;
}

.topbar .top-right .language .dropdown-menu>li:last-child {
    border-bottom: none;
}

.topbar .top-right .language .dropdown-menu>li>a {
    padding: 12px 10px !important;
    border-right: none;
    color: #ffffff;
    display: block;
    text-align: left;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.topbar .top-right .language .dropdown-menu>li>a:hover {
    color: #ffffff !important;
    background-color: #134074;
}

.topbar .top-right .navbar-form {
    float: right;
    margin: 0;
}

.topbar .top-right .navbar-form .input-group .form-control {
    padding: 4px 7px;
    font-size: 13px;
    margin-top: 4px;
    line-height: 23px;
    color: #fff;
    background-color: #4e4e4e;
    background-clip: padding-box;
    border: 1px solid #343434;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.topbar .top-right .navbar-form .input-group-btn .btn {
    padding: 8px 7px;
    margin-top: 3px;
    margin-right: 10px;
    border-radius: 0;
    font-size: 13px;
}

#header.dark-fancy .menu-icon-right li i {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

#header.dark-fancy .cart_btn a .carticon,
#header.dark-fancy .search-box-btn span i {
    color: #000;
}

#header.dark-fancy .main_menu>section.menu-list-items:before,
#header.dark-fancy .main_menu>section.menu-list-items:after {
    display: none;
}

.dark-fancy .padding_tp .list-inline li {
    font-size: 16px;
    border-right: 1px solid #fff;
    color: #fff;
    padding: 0 15px;
    line-height: 15px;
}

.dark-fancy .padding_tp .list-inline li:nth-child(3) {
    border-right: 0px;
}

.dark-fancy .padding_tp .list-inline li i {
    padding-right: 8px;
    font-size: 15px;
    color: #134074;
}

.dark-fancy .menu-logo {
    margin-top: 15px;
}

.dark-fancy .list-inline ul {
    margin: 0px;
}

#header.dark-fancy .menu-icon-right li i:hover {
    color: #ffffff;
}

.main_menu .menu-logo {
    padding: 20px 0px;
}

.main_menu .menu-logo img {
    height: 49px;
}

.main_menu .menu-links>li>a {
    line-height: 100px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.main_menu .drop-down-multilevel.right-menu {}

.main_menu .menu-links>li.active .drop-down-multilevel a {
    color: #ffffff;
}

.main_menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #ffffff;
}

.main_menu .menu-links>li.active .drop-down a {
    color: #fff;
}

.main_menu .menu-links>li.active .drop-down li.active a {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down a:hover {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down li.active a i {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down a i:hover {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active a {
    color: #fff;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
    color: #ffffff;
    background: transparent;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
    color: #323232;
    background: transparent;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
    color: #134074;
    background: #eceff7;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active i {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a i {
    color: #323232;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i {
    color: #134074;
}

.main_menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
    color: #134074;
}

.main_menu .row {
    margin-left: 0px;
    margin-right: 0px;
}

.main_menu .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.main_menu.desktopTopFixed .menu-list-items {
    background: rgba(21, 21, 21, 0.9);
    padding: 0px;
}

.main_menu.desktopTopFixed .menu-logo {
    padding: 10px 0px;
}

/*********************************************************
						Header White
**********************************************************/

#header.clean {
    z-index: 999;
    padding: 0px;
    margin: 0px;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

#header.defualt .main_menu>section.menu-list-items {
    background-color: transparent;
}

#header.defualt .main_menu>section.menu-list-items:before,
#header.defualt .main_menu>section.menu-list-items:after {
    display: none;
}

#header.clean .desktopTopFixed .cart_btn,
#header.clean .desktopTopFixed .search-box-btn {
    top: 18px;
}

#header.clean .topbar {
    border-bottom: 0;
}

#header.clean .topbar-left li i,
#header.clean .topbar-right li i {
    color: #134074;
}

#header.clean .main_menu .menu-links>li>a {
    color: #fff;
}

#header.clean .main_menu .menu-links>li.active>a {
    color: #134074;
}

#header.clean .main_menu .menu-links>li:hover>a {
    color: #134074;
}

#header.clean .main_menu.desktopTopFixed .menu-list-items,
#header.defualt .main_menu.desktopTopFixed .menu-list-items {
    background: #424141;
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
}

#header .topbar.dark {
    background: #1b1b1b;
}

/*********************************************************
						Header Dark
**********************************************************/

#header.dark {
    background: rgba(21, 21, 21, 0.9);
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    position: relative;
}

#header.dark .desktopTopFixed .cart_btn,
#header.dark .desktopTopFixed .search-box-btn {
    top: 18px;
}

#header.dark .cart_btn {
    position: relative;
    top: 35px;
}

#header.dark .search-box-btn {
    position: relative;
    top: 35px;
}

#header.dark .cart_btn a .carticon {
    color: #fff;
}

#header.dark .search-box-btn span i {
    color: #fff;
}

#header.dark .phnumber i::before {
    color: #fff;
}

#header.dark .phnumber p {
    color: #353535;
}

#header.dark .topbar-left li i {
    color: #fff !important;
}

#header.dark .topbar {
    border-bottom: 0;
    background: #134074;
}

#header.dark .topbar-left li,
#header.dark .topbar-left li a,
#header.dark .topbar-left li i,
#header.dark .topbar-right li,
#header.dark .topbar-right li a,
#header.dark .topbar-right li i {
    color: #353535;
}

/*********************************************************
						Header Fancy
**********************************************************/

#header {
    z-index: 1000 !important;
}

#header.fancy {
    background: transparent;
    position: relative;
}

#header.fancy .desktopTopFixed .cart_btn,
#header.fancy .desktopTopFixed .search-box-btn {
    top: 18px;
}

#header.fancy .topbar {
    background: #1b1b1b;
    border-bottom: none;
}

#header.fancy .top-left,
#header.fancy .register-btn .btn,
#header.fancy .login-btn .btn {
    color: #fff;
}

#header.dark .top-left,
#header.dark .register-btn .btn,
#header.dark .login-btn .btn {
    color: #fff;
}

#header.fancy .cart_btn a .carticon,
#header.fancy .search-box-btn span i {
    color: #000;
}

#header.fancy .topbar .topbar-right li a:hover {
    color: #323232;
}

#header.fancy .topbar-left li,
#header.fancy .topbar-left li a,
#header.fancy .topbar-left li i,
#header.fancy .topbar-right li,
#header.fancy .topbar-right li a,
#header.fancy .topbar-right li i {
    color: #353535;
}

#header.fancy .phnumber p {
    color: #353535;
}

#header.fancy .phnumber i::before {
    color: #fff;
}

#header.fancy .topbar-left li i {
    color: #fff;
}

#header.fancy .menu {
    position: absolute;
    width: 100%;
    top: 44px;
}

#header.fancy .main_menu>section.menu-list-items {
    background: #ffffff;
    padding: 0px 25px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

#header.fancy .main_menu .menu-links>li>a {
    color: #222222;
}

#header.fancy .main_menu .menu-links>li.active>a {
    color: #134074;
}

/*********************************************************
						Header Dark-Fancy
**********************************************************/

#header.dark-fancy {
    background: transparent;
    position: relative;
}

#header.dark-fancy .cart_btn a .item-count {
    background: #fff none repeat scroll 0 0;
    color: #000;
}

#header.dark-fancy .topbar {
    background: #111111;
    border-bottom: none;
    padding: 10px 0px 60px;
}

#header.dark-fancy .topbar .topbar-right li a:hover {
    color: #323232;
}

#header.dark-fancy .topbar-right li i {
    color: #134074;
    font-size: 26px;
    margin-right: 2px;
}

#header.dark-fancy .cart_btn {
    position: relative;
    top: 20px;
}

#header.dark-fancy .search-box-btn {
    position: relative;
    top: 20px;
}

#header.dark-fancy .menu {
    position: absolute;
    width: 100%;
    top: 105px;
}

#header.dark-fancy .main_menu>section.menu-list-items {
    background: #134074;
    padding: 0px 25px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

#header.dark-fancy .main_menu .menu-links>li>a {
    color: #222222;
    line-height: 70px;
}

#header.dark-fancy .main_menu .menu-links>li.active>a {
    color: #fff;
}

#header.dark-fancy .main_menu .menu-links {
    float: left;
}

#header.dark-fancy .menu-icon-right {
    float: right;
    margin-top: 23px;
}

#header.dark-fancy .menu-icon-right li {
    margin: 0 2px;
}

#header.dark-fancy .menu-icon-right li i {
    color: #353535;
}

/*********************************************************
						Banner Section
**********************************************************/

.rev-slider {
    position: relative;
}

.img_slider_bg {
    background-color: #134074;
}

#video-background {
    width: 100%;
    height: 100vh;
    z-index: -1;
}

.slider-text {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 0;
    z-index: 99;
    color: #ffffff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-text h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 66px;
    margin-bottom: 10px;
}

.slider-text .title {
    margin-bottom: 15px;
}

.slider-text p {
    font-size: 15px;
    line-height: 26px;
}

.slider-text .button {
    margin-bottom: 0;
}

.tp-caption.button.animated.middle-fill:hover {
    color: #000000 !important;
}

.rev_slider_wrapper [class*='bg-overlay-']:before {
    z-index: 1;
}

/*index 1*/

#rev_slider_2_1_wrapper .tp-loader.spinner2 {
    background-color: #FFFFFF !important;
}

#rev_slider_2_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0);
}

#rev_slider_2_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#rev_slider_2_1 .uranus.tparrows:hover:before {
    opacity: 0.75;
}

/*index 2*/

.hermes.tparrows {
    cursor: pointer;
    background: #134074;
    width: 30px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100;
}

.hermes.tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: rgb(255, 255, 255);
    display: block;
    line-height: 110px;
    text-align: center;
    transform: translatex(0px);
    -webkit-transform: translatex(0px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.hermes.tparrows.tp-leftarrow:before {
    content: "\e824";
}

.hermes.tparrows.tp-rightarrow:before {
    content: "\e825";
}

.hermes.tparrows.tp-leftarrow:hover:before {
    transform: translatex(-20px);
    -webkit-transform: translatex(-20px);
    opacity: 0;
}

.hermes.tparrows.tp-rightarrow:hover:before {
    transform: translatex(20px);
    -webkit-transform: translatex(20px);
    opacity: 0;
}

.hermes .tp-arr-allwrapper {
    overflow: hidden;
    position: absolute;
    width: 180px;
    height: 140px;
    top: 0px;
    left: 0px;
    visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.hermes.tp-rightarrow .tp-arr-allwrapper {
    right: 0px;
    left: auto;
}

.hermes.tparrows:hover .tp-arr-allwrapper {
    visibility: visible;
}

.hermes .tp-arr-imgholder {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 110px;
    transform: translatex(-180px);
    -webkit-transform: translatex(-180px);
    transition: all 0.3s;
    transition-delay: 0.3s;
}

.hermes.tp-rightarrow .tp-arr-imgholder {
    transform: translatex(180px);
    -webkit-transform: translatex(180px);
}

.hermes.tparrows:hover .tp-arr-imgholder {
    transform: translatex(0px);
    -webkit-transform: translatex(0px);
}

.hermes .tp-arr-titleholder {
    top: 110px;
    width: 180px;
    text-align: left;
    display: block;
    padding: 0px 10px;
    line-height: 30px;
    background: #134074;
    color: rgb(255, 255, 255);
    font-weight: 600;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotatex(-90deg);
    transform: rotatex(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-sizing: border-box;
}

.hermes.tparrows:hover .tp-arr-titleholder {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

#rev_slider_10_1_forcefullwidth .fullwidthbanner-container {
    overflow: hidden !important;
}

/*index 3*/

#rev_slider_11_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0);
}

#rev_slider_11_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#rev_slider_11_1 .uranus.tparrows:hover:before {
    opacity: 0.75;
}

/*index 5*/

.hermes.tparrows {
    cursor: pointer;
    background: #134074;
    width: 30px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100;
}

.hermes.tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: rgb(255, 255, 255);
    display: block;
    line-height: 110px;
    text-align: center;
    transform: translatex(0px);
    -webkit-transform: translatex(0px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.hermes.tparrows.tp-leftarrow:before {
    content: "\e824";
}

.hermes.tparrows.tp-rightarrow:before {
    content: "\e825";
}

.hermes.tparrows.tp-leftarrow:hover:before {
    transform: translatex(-20px);
    -webkit-transform: translatex(-20px);
    opacity: 0;
}

.hermes.tparrows.tp-rightarrow:hover:before {
    transform: translatex(20px);
    -webkit-transform: translatex(20px);
    opacity: 0;
}

.hermes .tp-arr-allwrapper {
    overflow: hidden;
    position: absolute;
    width: 180px;
    height: 140px;
    top: 0px;
    left: 0px;
    visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.hermes.tp-rightarrow .tp-arr-allwrapper {
    right: 0px;
    left: auto;
}

.hermes.tparrows:hover .tp-arr-allwrapper {
    visibility: visible;
}

.hermes .tp-arr-imgholder {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 110px;
    transform: translatex(-180px);
    -webkit-transform: translatex(-180px);
    transition: all 0.3s;
    transition-delay: 0.3s;
}

.hermes.tp-rightarrow .tp-arr-imgholder {
    transform: translatex(180px);
    -webkit-transform: translatex(180px);
}

.hermes.tparrows:hover .tp-arr-imgholder {
    transform: translatex(0px);
    -webkit-transform: translatex(0px);
}

.hermes .tp-arr-titleholder {
    top: 110px;
    width: 180px;
    text-align: left;
    display: block;
    padding: 0px 10px;
    line-height: 30px;
    background: #134074;
    color: rgb(255, 255, 255);
    font-weight: 600;
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotatex(-90deg);
    transform: rotatex(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-sizing: border-box;
}

.hermes.tparrows:hover .tp-arr-titleholder {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

/*********************************************************
						inner-intro
**********************************************************/

.inner-intro {
    height: 280px;
    display: block;
    position: relative;
}

.inner-intro .container {
    display: table;
    height: 100%;
    position: relative;
}

.inner-intro span {
    text-transform: capitalize;
}

.intro-title {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0px;
}

.intro-title>div {
    padding: 0;
    width: 100%;
    text-align: center;
}

.intro-title .section-title {
    margin-bottom: 10px;
}

.intro-title .section-title .title {
    font-size: 44px;
    font-weight: 600;
    line-height: 46px;
}

ul.page-breadcrumb li span {
    color: #134074;
    font-size: 14px;
    text-transform: capitalize;
}

ul.page-breadcrumb {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
}

ul.page-breadcrumb li {
    color: #fff;
    display: inline-block;
    list-style: none;
    padding-left: 0;
}

ul.page-breadcrumb li i {
    font-size: 14px;
    padding: 0 7px;
}

ul.page-breadcrumb li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}

ul.page-breadcrumb li a:hover {
    color: #134074;
}

/*********************************************************
						quote-modal
**********************************************************/

.bs-example-modal-md-2 h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #134074;
    text-align: center;
}

.bs-example-modal-md-2 .login-form {
    padding: 30px;
    overflow: hidden;
}

.bs-example-modal-md-2 .login-form fieldset {
    overflow: hidden;
}

.bs-example-modal-md-2 .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.bs-example-modal-md-2 .login-form .form-group i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #272727;
    text-align: center;
    border-right: 1px solid #ebebeb;
}

.bs-example-modal-md-2 .login-form .form-group input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-2 .login-form .form-group input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-2 .login-form .form-group input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-2 .login-form .form-group textarea {
    min-height: 100px;
    max-height: 100px;
}

.bs-example-modal-md-2 .login-form .form-group label {
    float: left;
}

.bs-example-modal-md-2 .login-form .form-group label input[type="checkbox"],
form .form-group label em {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-style: normal;
    line-height: 16px;
}

.bs-example-modal-md-2 .login-form .forgetpassword {
    float: right;
    color: #272727;
}

.bs-example-modal-md-2 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-2 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-2 .tg-theme-btn-lg {
    width: 100%;
}

.bs-example-modal-md-2 .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
    border: none;
}

.bs-example-modal-md-2 p {
    line-height: 50px;
    background: #272727;
    text-align: center;
    color: #fff;
    margin: 0;
}

.bs-example-modal-md-2 p .btn {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bs-example-modal-md-2 p .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

/*********************************************************
						login-modal
 **********************************************************/

.top_links {
    font-size: 14px;
    text-align: right;
    padding: 10px;
}

.bs-example-modal-md-1 h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #134074;
    text-align: center;
}

.bs-example-modal-md-1 .login-form {
    padding: 30px;
    overflow: hidden;
}

.bs-example-modal-md-1 .login-form fieldset {
    overflow: hidden;
}

.bs-example-modal-md-1 .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.bs-example-modal-md-1 .login-form .form-group i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #272727;
    text-align: center;
    border-right: 1px solid #ebebeb;
}

.bs-example-modal-md-1 .login-form .form-group input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px 4px 46px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-1 .login-form .form-group input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px 4px 46px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-1 .login-form .form-group label {
    float: left;
}

.bs-example-modal-md-1 .login-form .form-group label input[type="checkbox"],
form .form-group label em {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-style: normal;
    line-height: 16px;
}

.bs-example-modal-md-1 .login-form .forgetpassword {
    float: right;
    color: #272727;
}

.bs-example-modal-md-1 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-1 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-1 .tg-theme-btn-lg {
    width: 100%;
}

.bs-example-modal-md-1 .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
    border: none;
}

.bs-example-modal-md-1 p {
    line-height: 50px;
    background: #272727;
    text-align: center;
    color: #fff;
    margin: 0;
}

.bs-example-modal-md-1 p .btn {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bs-example-modal-md-1 p .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

/*********************************************************
						registration-modal
 **********************************************************/

.bs-example-modal-md h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #134074;
    text-align: center;
}

.bs-example-modal-md .login-form {
    padding: 30px;
    overflow: hidden;
}

.bs-example-modal-md .login-form fieldset {
    overflow: hidden;
}

.bs-example-modal-md .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.bs-example-modal-md .login-form .form-group i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #272727;
    text-align: center;
    border-right: 1px solid #ebebeb;
}

.bs-example-modal-md .login-form .form-group input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md .login-form .form-group input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md .login-form .form-group input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md .login-form .form-group label {
    float: left;
}

.bs-example-modal-md .login-form .form-group label input[type="checkbox"],
form .form-group label em {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-style: normal;
    line-height: 16px;
}

.bs-example-modal-md .login-form .forgetpassword {
    float: right;
    color: #272727;
}

.bs-example-modal-md .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md .tg-theme-btn-lg {
    width: 100%;
}

.bs-example-modal-md .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
    border: none;
}

.bs-example-modal-md p {
    line-height: 50px;
    background: #272727;
    text-align: center;
    color: #fff;
    margin: 0;
}

.bs-example-modal-md p .btn {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bs-example-modal-md p .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

/*********************************************************
						search-button
 **********************************************************/

.search-button {
    border: 0;
    font-size: 1.5rem;
    margin: 0;
    padding: 0 .5rem;
    background: transparent;
    color: #134074;
}

.search-button i {
    font-size: 20px;
}

.search-button:focus {
    outline: 0;
}

.search-button {
    color: #fff;
    margin-left: auto;
    margin-right: .8rem;
}

#bloq-search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.bloq-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    margin: 1.3rem 0;
    z-index: 1;
}

.bloq-search input[type="text"] {
    border: 1px solid #134074;
    border-radius: 5px 0 0 5px;
    padding: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.bloq-search input[type="submit"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 0;
    border-radius: 0 5px 5px 0;
    background: #134074;
    color: #fff;
    cursor: pointer;
    line-height: 0px;
    padding: 21px 15px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.sticky-header .btn-box {
    float: right;
    margin-top: 25px;
}

.sticky-header .search-button i {
    font-size: 28px;
}

/*********************************************************
						quick-quote
 **********************************************************/

.quick-quote {
    padding: 30px 0;
    position: relative;
    background: url(../image/footer-pattern.jpg) repeat;
    z-index: 99;
}

.quick-quote h2 {
    color: #fff;
    margin: 0px;
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding-top: 5px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.36);
}

.quick-quote p {
    color: #FFF;
    font-size: 16px;
    margin-top: 10px;
}

.quick-quote .quote-btn {
    text-align: center;
    line-height: 0px;
}

.quick-quote .quote-btn .btn-style-one {
    background-color: #134074;
}

.quick-quote .quote-btn .btn-style-one:before {
    border-color: #fff;
    background-color: #fff;
}

.quick-quote .quote-btn .btn-style-one:hover {
    color: #000;
}

/*********************************************************
						about-info
 **********************************************************/

.about-info {
    position: relative;
}

.about-img-pro {
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 48%;
}

.about-info .section-title h3:after {
    left: 0;
    margin-left: 0;
}

.about-info .section-title {
    text-align: left;
    padding-top: 70px;
    padding-left: 25px;
    padding-bottom: 10px;
}

.about-info .section-title h3 {
    font-size: 24px;
    font-weight: 600;
}

.about-info .section-title h3 span {
    font-size: 30px;
}

.about-info .section-title h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
}

.about-description {
    padding-bottom: 70px;
    padding-left: 25px;
}

.about-description li {
    font-size: 14px;
    line-height: 24px;
    color: #757575;
    margin-top: 2px;
    position: relative;
    padding-left: 28px;
}

.about-description li:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #134074;
}

.readmore {
    margin-top: 30px;
    position: relative;
    z-index: 1;
    line-height: 0px;
}

.about-img {
    position: relative;
    z-index: 999;
    overflow: hidden;
    padding-top: 80px;
}

.about-img figure img {
    width: 100%;
}

.about-img figure:hover:before {
    background-color: rgba(0, 0, 0, 0.6);
}

/*********************************************************
						contactWrap
 **********************************************************/

.services {
    padding: 70px 0px;
    position: relative;
}

.services .col-md-4:nth-child(4) {
    margin-top: 30px;
}

.services .col-md-4:nth-child(5) {
    margin-top: 30px;
}

.services .col-md-4:nth-child(6) {
    margin-top: 30px;
}

.services .col-md-4:nth-child(7) {
    margin-top: 30px;
}

.services .col-md-4:nth-child(8) {
    margin-top: 30px;
}

.services .col-md-4:nth-child(9) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(3) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(4) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(5) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(6) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(7) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(8) {
    margin-top: 30px;
}

.services-two .col-md-6:nth-child(9) {
    margin-top: 30px;
}

.single-item {
    background: #fff;
    padding: 20px 20px 20px 20px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    z-index: 99;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.09);
}

.single-item:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.09);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.09);
}

.single-item:hover .icon {
    color: #222222;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.single-item:hover .details h3 a {
    color: #134074;
    text-decoration: none;
}

.single-item:hover .details p {
    color: #777777;
}

.single-item .icon {
    font-size: 34px;
    color: #134074;
    text-align: center;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.single-item .icon a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1111;
}
.single-item .details {
    text-align: center;
}

.single-item .details h3 {
    font-size: 24px !important;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2rem;
    margin: 0 0 0.7em;
    color: #051429;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 999;
}

.single-item .details h3 a {
    color: #051429;
	position: relative;
	z-index: 1111;
}

.single-item .details p {
    font-size: 14px;
    margin: 0;
    line-height: 22px;
    min-height: 90px;
}

.single-item .fig_caption::before,
.single-item .fig_caption::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.single-item .fig_caption::before {
    border-top: 2px solid #134074;
    border-bottom: 2px solid #134074;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.single-item .fig_caption::after {
    border-right: 2px solid #134074;
    border-left: 2px solid #134074;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.single-item:hover .fig_caption::before,
.single-item:hover .fig_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*********************************************************
						whyWeChoose
 **********************************************************/

.whychoose-wrap {
    background: #f8fafe;
    background-size: cover;
    padding: 70px 0;
}

.whychoose-wrap .section-title h3:after {
    left: 0;
    margin-left: 0;
}

.whychoose-wrap .section-title {
    text-align: left;
    padding-bottom: 15px;
}

.whychoose-wrap .section-title h3 {
    font-size: 24px;
    font-weight: 600;
}

.whychoose-wrap .section-title h3 span {
    font-size: 40px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 42px;
}

.whychoose-description {}

.whychoose-description li {
    font-size: 14px;
    color: #000;
    margin-top: 12px;
    position: relative;
    padding-left: 28px;
}

.whychoose-description li:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #134074;
}

.whychoose-wrap .about-video-item {
    margin-left: 40px;
}

.whychoose-wrap .about-video-item .about-video-img {
    position: relative;
    width: 92%;
}

.whychoose-wrap .about-video-item .about-video-img img {
    width: 100%;
    box-shadow: 20px 20px 0px 0px #134074;
    margin-bottom: 20px;
}

.whychoose-wrap .about-video-item .about-video-img a.xs-video {
    display: block;
    width: 73px;
    height: 73px;
    position: absolute;
    left: 0;
    padding: 24px 0px;
    bottom: 0;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #900000;
        -webkit-box-shadow: 0 0 3px #900000;
    }
    50% {
        background-color: #134074;
        -webkit-box-shadow: 0 0 40px #134074;
    }
    100% {
        background-color: #900000;
        -webkit-box-shadow: 0 0 3px #900000;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #db9e02;
        -moz-box-shadow: 0 0 3px #db9e02;
    }
    50% {
        background-color: #134074;
        -moz-box-shadow: 0 0 40px #134074;
    }
    100% {
        background-color: #db9e02;
        -moz-box-shadow: 0 0 3px #db9e02;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #db9e02;
        box-shadow: 0 0 3px #db9e02;
    }
    50% {
        background-color: #134074;
        box-shadow: 0 0 40px #134074;
    }
    100% {
        background-color: #db9e02;
        box-shadow: 0 0 3px #db9e02;
    }
}

@keyframes glowing {
    0% {
        background-color: #db9e02;
        box-shadow: 0 0 3px #db9e02;
    }
    50% {
        background-color: #134074;
        box-shadow: 0 0 40px #134074;
    }
    100% {
        background-color: #db9e02;
        box-shadow: 0 0 3px #db9e02;
    }
}

.whychoose-wrap .about-video-item .about-video-img a.xs-video:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color: #fff;
    bottom: 0;
    margin: auto;
    content: '';
    -webkit-animation: move 3s infinite ease-in-out;
    animation: move 3s infinite ease-in-out;
}

.whychoose-wrap .about-video-item .about-img2 {
    width: 90%;
    display: block;
    margin-right: 0;
    margin-left: auto;
    margin-top: -282px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
}

/*********************************************************
						Note Style1 Section
**********************************************************/

.tc-note-style1 {
    vertical-align: middle;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    display: table;
    width: 100%;
}

.tc-note-style1 .note-icon {
    color: #aaa;
    width: 58px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
}

.tc-note-style1 .note-desc {
    vertical-align: middle;
    padding-left: 15px;
}

.tc-note-style1 .note-desc h3 {
    margin: 0 0 7px 0;
    font-size: 20px;
}

.tc-note-style1.tc-note-info {
    border-color: #3dc0f1;
}

.tc-note-style1.tc-note-info .note-icon {
    color: #3dc0f1;
}

.tc-note-style1.tc-note-success {
    border-color: #4CAF50;
}

.tc-note-style1.tc-note-success .note-icon {
    color: #4CAF50;
}

.tc-note-style1.tc-note-warning {
    border-color: #FF9800;
}

.tc-note-style1.tc-note-warning .note-icon {
    color: #FF9800;
}

.tc-note-style1.tc-note-danger {
    border-color: #ff5252;
}

.tc-note-style1.tc-note-danger .note-icon {
    color: #ff5252;
}

div[class*="tc-note-"]+div[class*="tc-note-"] {
    margin-top: 20px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.columns-section .col-bg {
    padding: 12px;
    border-radius: 3px;
    background: #f2f2f2;
}

.col-bg h5 {
    font-size: 15px;
    font-weight: 400;
}

/*********************************************************
						List Style
**********************************************************/

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

ul.list-unstyled li {
    list-style: none;
    margin: 5px 0;
    padding-left: 5px;
    padding: 0px;
    line-height: 30px;
}

.list-style-page ul.list-unstyled li a {
    color: #757575;
}

.list-style-page ul.list-unstyled li a:hover {
    color: #134074;
}

/*********************************************************
		           Social
**********************************************************/

.social-icons ul {
    padding: 0;
}

.text-center.social-icons ul {
    display: inline-block;
}

.social-icons li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 8px 8px 0;
}

.social-icons li a {
    float: left;
    height: 32px;
    width: 32px;
    line-height: 33px;
    font-size: 16px;
    text-align: center;
    margin: 0;
    border-radius: 4px;
    border: 0;
    background: transparent;
    color: #333;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.text-white .social-icons li a {
    color: #ffffff;
}

/*********************************************************
						Colored
**********************************************************/

.social-icons.color a,
.social-icons.color-hover a:hover {
    color: #fff;
    border: 0;
}

.social-icons.color .social-rss a,
.social-icons.color-hover .social-rss a:hover {
    background-color: #faa33d;
}

.social-icons.color .social-facebook a,
.social-icons.color-hover .social-facebook a:hover {
    background-color: #5d82d1;
}

.social-icons.color .social-twitter a,
.social-icons.color-hover .social-twitter a:hover {
    background-color: #40bff5;
}

.social-icons.color .social-vimeo a,
.social-icons.color-hover .social-vimeo a:hover {
    background-color: #35c6ea;
}

.social-icons.color .social-myspace a,
.social-icons.color-hover .social-myspace a:hover {
    background-color: #008dde;
}

.social-icons.color .social-youtube a,
.social-icons.color-hover .social-youtube a:hover {
    background-color: #ef4e41;
}

.social-icons.color .social-instagram a,
.social-icons.color-hover .social-instagram a:hover {
    background-color: #548bb6;
}

.social-icons.color .social-gplus a,
.social-icons.color-hover .social-gplus a:hover {
    background-color: #d68400;
}

.social-icons.color .social-stumbleupon a,
.social-icons.color-hover .social-stumbleupon a:hover {
    background-color: #ff5c30;
}

.social-icons.color .social-lastfm a,
.social-icons.color-hover .social-lastfm a:hover {
    background-color: #f34320;
}

.social-icons.color .social-pinterest a,
.social-icons.color-hover .social-pinterest a:hover {
    background-color: #e13138;
}

.social-icons.color .social-google a,
.social-icons.color-hover .social-google a:hover {
    background-color: #eb5e4c;
}

.social-icons.color .social-evernote a,
.social-icons.color-hover .social-evernote a:hover {
    background-color: #9acf4f;
}

.social-icons.color .social-dribbble a,
.social-icons.color-hover .social-dribbble a:hover {
    background-color: #f7659c;
}

.social-icons.color .social-skype a,
.social-icons.color-hover .social-skype a:hover {
    background-color: #13c1f3;
}

.social-icons.color .social-forrst a,
.social-icons.color-hover .social-forrst a:hover {
    background-color: #45ad76;
}

.social-icons.color .social-linkedin a,
.social-icons.color-hover .social-linkedin a:hover {
    background-color: #238cc8;
}

.social-icons.color .social-wordpress a,
.social-icons.color-hover .social-wordpress a:hover {
    background-color: #2592c3;
}

.social-icons.color .social-grooveshark a,
.social-icons.color-hover .social-grooveshark a:hover {
    background-color: #ffb21d;
}

.social-icons.color .social-delicious a,
.social-icons.color-hover .social-delicious a:hover {
    background-color: #377bda;
}

.social-icons.color .social-behance a,
.social-icons.color-hover .social-behance a:hover {
    background-color: #1879fd;
}

.social-icons.color .social-dropbox a,
.social-icons.color-hover .social-dropbox a:hover {
    background-color: #17a3eb;
}

.social-icons.color .social-soundcloud a,
.social-icons.color-hover .social-soundcloud a:hover {
    background-color: #ff7e30;
}

.social-icons.color .social-deviantart a,
.social-icons.color-hover .social-deviantart a:hover {
    background-color: #6a8a7b;
}

.social-icons.color .social-yahoo a,
.social-icons.color-hover .social-yahoo a:hover {
    background-color: #ab47ac;
}

.social-icons.color .social-flickr a,
.social-icons.color-hover .social-flickr a:hover {
    background-color: #ff48a3;
}

.social-icons.color .social-digg a,
.social-icons.color-hover .social-digg a:hover {
    background-color: #75788d;
}

.social-icons.color .social-blogger a,
.social-icons.color-hover .social-blogger a:hover {
    background-color: #ff9233;
}

.social-icons.color .social-tumblr a,
.social-icons.color-hover .social-tumblr a:hover {
    background-color: #426d9b;
}

.social-icons.color .social-quora a,
.social-icons.color-hover .social-quora a:hover {
    background-color: #ea3d23;
}

.social-icons.color .social-github a,
.social-icons.color-hover .social-github a:hover {
    background-color: #3f91cb;
}

.social-icons.color .social-amazon a,
.social-icons.color-hover .social-amazon a:hover {
    background-color: #ff8e2e;
}

.social-icons.color .social-xing a,
.social-icons.color-hover .social-xing a:hover {
    background-color: #1a8e8c;
}

.social-icons.color .social-wikipedia a,
.social-icons.color-hover .social-wikipedia a:hover {
    background-color: #b3b5b8;
}

.social-icons.color .social-android a,
.social-icons.color-hover .social-android a:hover {
    background-color: #A4C639;
}

.social-icons.color .social-apple a,
.social-icons.color-hover .social-apple a:hover {
    background-color: #999999;
}

/* Border */

.social-icons.border li a {
    border: 1px solid #eee;
    background: transparent;
}

/* Dark */

.social-icons.social-icons-dark li a {
    background: #888;
    color: #fff;
}

/* Light */

.social-icons.light li a {
    background: #fff;
    color: #333;
    border: 1px solid #eee;
}

/* Rounded */

.social-icons.rounded li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Medium Size */

.social-icons.medium li a {
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 18px;
}

/* Large Size */

.social-icons.social-icons-large li a {
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 18px;
    margin: 0 10px 10px 0;
}

.social-icons:not(.color):not(.color-hover) li a:hover {
    background-color: #eee;
}

.social-icons li:hover i {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

/*********************************************************
						portfolio
 **********************************************************/

.portfolio-area {
    padding: 70px 0 0 0;
    margin-bottom: -1px;
}

.portfolio-area .container-filter {
    padding-bottom: 30px;
    text-align: center;
}

.portfolio-area .container-filter li {
    list-style: none;
    display: inline-block;
    line-height: 0px;
}

.portfolio-area .container-filter li .btn-style-one {
    font-size: 15px;
    padding: 14px 25px;
}

.portfolio-area .container-filter li a {
    cursor: pointer
}

.portfolio-area .container-filter li a.active {
    color: #fff;
    background-color: #134074;
}

.portfolio-area .portfolio-posts li {
    display: inline-block;
}

.portfolio-area .portfolio-inner .col-md-2 {
    padding: 0px;
}

.portfolio-area .portfolio-inner .col-md-3 {
    padding: 5px 5px;
}

.portfolio-area .portfolio-inner .col-md-4 {
    padding: 0px;
}

.serviceWrap:hover img,
.image-hover-effect img,
.image-hover-effect-1 img,
.image-hover-effect-2 img,
.image-hover-effect-3 img,
.image-hover-effect-4 img,
.image-hover-effect-5 img,
.image-hover-effect-6 img {
    width: 100%;
}

.serviceWrap {
    position: relative;
    overflow: hidden;
    background: #000;
    margin: 0 auto;
    width: 100%;
}

.serviceWrap img {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0.7;
    margin: 0 auto;
    width: 100%;
}

.serviceWrap:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    filter: blur(4px);
}

.serviceWrap .caption {
    position: absolute;
    bottom: calc(50% - 30px);
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

.serviceWrap:before,
.serviceWrap:after {
    position: absolute;
    content: '';
    height: 0px;
    width: 0px;
    background-color: transparent;
    -webkit-transition: all .25s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}

.serviceWrap:before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.serviceWrap:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    bottom: 20px;
    right: 20px;
}

.serviceWrap:hover:before,
.serviceWrap:hover:after {
    height: 40px;
    width: 40px;
    opacity: 1;
}

.serviceWrap .caption h3 {
    color: #fff;
    margin-top: 35px;
    margin-bottom: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    font-family: 'Oswald', sans-serif;
}

.serviceWrap .caption p {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.serviceWrap:hover .caption h3,
.serviceWrap:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    color: #fff;
}

.serviceWrap .link-wrap {
    position: absolute;
    top: calc(50% - 25px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.serviceWrap .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.56);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.serviceWrap .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 5px;
}

.serviceWrap .link-wrap a:last-child {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.serviceWrap:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.serviceWrap .link-wrap a:hover {
    background-color: rgba(0, 0, 0, 0.76);
}

.image-hover-effect {
    position: relative;
    overflow: hidden;
}

.image-hover-effect:before {
    position: absolute;
    content: "";
    right: 15px;
    bottom: 15px;
    border: 1px solid rgba(255, 255, 255, 0.64);
    opacity: 0;
    top: 15px;
    left: 15px;
    z-index: 1;
    transition: all .4s ease;
}

.image-hover-effect:hover:before {
    opacity: 1;
}

.image-hover-effect img {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
}

.image-hover-effect .caption {
    position: absolute;
    bottom: 30px;
    right: 0px;
    z-index: 10;
    /*text-align: left;*/
    width: 100%;
}

.image-hover-effect:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    /*background-color: rgba(0, 0, 0, 0.6);*/
    background-color: #fff;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.image-hover-effect:hover:after {
    opacity: 1;
}

.image-hover-effect .caption h3 {
    color: #fff;
	padding-left: 30px;
	padding-right: 30px;
    margin-bottom: 10px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.image-hover-effect .caption p {
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 13px;
}

.image-hover-effect:hover .caption h3,
.image-hover-effect:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect .link-wrap {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 10;
}

.image-hover-effect .link-wrap a {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 34px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 5px;
}

.image-hover-effect .link-wrap a:last-child {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.image-hover-effect:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.image-hover-effect-1 {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-1:before {
    position: absolute;
    content: "";
    right: 20px;
    bottom: 20px;
    border: 2px solid rgba(255, 255, 255, 0.64);
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);
    opacity: 0;
    top: 20px;
    left: 20px;
    z-index: 1;
    transition: all .4s ease;
}

.image-hover-effect-1:hover:before {
    opacity: 1;
}

.image-hover-effect-1 img {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-1:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
}

.image-hover-effect-1 .caption {
    position: absolute;
    bottom: calc(50% - 30px);
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

.image-hover-effect-1:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.image-hover-effect-1:hover:after {
    opacity: 1;
}

.image-hover-effect-1 .caption h3 {
    color: #fff;
    margin-bottom: 10px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.image-hover-effect-1 .caption p {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 13px;
}

.image-hover-effect-1:hover .caption h3,
.image-hover-effect-1:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-1 .link-wrap {
    position: absolute;
    top: calc(50% - 30px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-1 .link-wrap a {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 34px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-1 .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 5px;
}

.image-hover-effect-1 .link-wrap a:last-child {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.image-hover-effect-1:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-1 .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.image-hover-effect-2 {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-2 img {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-2:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
}

.image-hover-effect-2 .caption {
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

.image-hover-effect-2:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.image-hover-effect-2:hover:after {
    opacity: 1;
}

.image-hover-effect-2 .caption p {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-2:hover .caption h3,
.image-hover-effect-2:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-2 .link-wrap {
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translateX(50%) translateY(-40%);
    z-index: 10;
}

.image-hover-effect-2 .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-2 .link-wrap a:first-child {
    margin-right: 6px;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-2 .link-wrap a:last-child {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transition-duration: .7s;
}

.image-hover-effect-2:hover .link-wrap a {
    opacity1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-2 .link-wrap a:hover {
    background-color: rgb(0, 0, 0);
}

.image-hover-effect-2 .caption p,
.image-hover-effect-2:hover .caption h3 {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-2 .caption h3 {
    color: #fff;
    font-size: 18px;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: inline-block;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform-style: flat;
    transform-style: flat;
}

.image-hover-effect-3 {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-3 img {
    -webkit-transform: scale(1.5) translateX(0);
    transform: scale(1.5) translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-3:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
    filter: blur(3px);
}

.image-hover-effect-3:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    /* opacity:0; */
    top: 0;
}

.image-hover-effect-3:hover:after {
    opacity: 1;
}

.image-hover-effect-3 .caption h3 {
    color: #fff;
    margin-bottom: 0px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 10;
    font-size: 18px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.84);
    padding-bottom: 5px;
}

.image-hover-effect-3 .caption p {
    color: rgb(255, 255, 255);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding-bottom: 0;
    display: inline-block;
    opacity: 0;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.image-hover-effect-3:hover .caption h3,
.image-hover-effect-3:hover .caption p {
    opacity: 1;
}

.image-hover-effect-3 .link-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-3 .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 42px;
    background: transparent;
    line-height: 36px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-3 .link-wrap a:first-child {
    margin-right: 10px;
    transition-delay: .2s;
}

.image-hover-effect-3 .link-wrap a:last-child {
    transition-delay: .3s;
}

.image-hover-effect-3:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-3 .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.image-hover-effect-3:hover .caption h3 {
    color: #fff;
    border-bottom-color: #fff;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-4 {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-4:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(68, 68, 68, 0.8);
    transform: scale(0);
    transition: all .6s ease-in-out;
}

.image-hover-effect-4:hover:before {
    transform: scale(1);
}

.image-hover-effect-4 .caption {
    position: absolute;
    content: '';
    top: calc(50% + 22px);
    left: 50%;
    width: calc(100% - 40px);
    text-align: center;
    transform: translateX(-50%);
}

.image-hover-effect-4 .caption h3 {
    transform: translateY(30px);
    transition: all .6s ease-in-out;
    opacity: 0;
    color: #fff;
    margin: 0;
}

.image-hover-effect-4:hover .caption h3 {
    transform: translateY(0px);
    opacity: 1;
}

.image-hover-effect-4 .caption p {
    color: #eee;
    transition: all .35s cubic-bezier(0.43, 0.32, 0.9, 0.98);
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    margin-top: 12px;
}

.image-hover-effect-4:hover .caption p {
    transform: translate(0);
}

.image-hover-effect-4 .link-wrap {
    position: absolute;
    top: calc(50% - 22px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-4 .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    line-height: 40px;
    background-color: #fff;
    text-align: center;
    color: #444;
    font-size: 15px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-4 .link-wrap a:first-child {
    margin-right: 6px;
    transition-delay: .2s;
}

.image-hover-effect-4 .link-wrap a:last-child {
    transition-delay: .3s;
}

.image-hover-effect-4:hover .link-wrap a {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-4 .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.image-hover-effect-5 {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-5 img {
    -webkit-transform: scale(1.5) translateX(0);
    transform: scale(1.5) translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-5:hover img {
    -webkit-transform: scale(1.5) translateX(20px);
    transform: scale(1.5) translateX(20px);
    filter: blur(4px);
}

.image-hover-effect-5:after {
    position: absolute;
    content: '';
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: rgba(175, 175, 175, 0.4);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.image-hover-effect-5:hover:after {
    opacity: 1;
}

.image-hover-effect-5 .caption h3 {
    color: #444;
    font-size: 18px;
    margin-bottom: 0px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    bottom: 25px;
    z-index: 10;
    right: 50%;
    background: rgb(255, 255, 255);
    padding: 5px;
    width: calc(100% - 50px);
    text-align: center;
    margin-top: 0;
    transform: translateX(50%);
}

.image-hover-effect-5 .caption p {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    color: #fff;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 25px;
    z-index: 1;
    left: 25px;
    display: block;
    width: 55%;
    text-align: right;
    padding-right: 15px;
}

.image-hover-effect-5:hover .caption p {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-5 .link-wrap {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
}

.image-hover-effect-5 .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    color: #777;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-5 .link-wrap a:first-child {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    margin-right: 6px;
}

.image-hover-effect-5 .link-wrap a:last-child {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
}

.image-hover-effect-5:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-6 {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-6 img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-6:hover img {
    -webkit-transform: scale(1.2) translateX(-12px);
    transform: scale(1.2) translateX(-12px);
}

.image-hover-effect-6:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    top: 0;
    transform: translateY(100%);
}

.image-hover-effect-6:hover:after {
    transform: translateY(0);
}

.image-hover-effect-6 .caption h3 {
    color: #fff;
    margin-bottom: 0px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: -10px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    z-index: 10;
    width: 100%;
    padding: 0 15px;
}

.image-hover-effect-6 .caption p {
    -webkit-transform: translateX(-40px) translateY(40px);
    transform: translateX(-40px) translateY(40px);
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .9s ease-in-out;
    transition: all .5s ease-in-out;
    padding-bottom: 5px;
    display: inline-block;
    opacity: 0;
}

.image-hover-effect-6:hover .caption p {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(40px);
    transform: translateX(0px) translateY(40px);
}

.image-hover-effect-6 .link-wrap {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%) translateY(-35%);
    z-index: 10;
}

.image-hover-effect-6 .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 36px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-6 .link-wrap a:first-child {
    margin-right: 7px;
    transition-delay: .2s;
}

.image-hover-effect-6 .link-wrap a:last-child {
    transition-delay: .3s;
}

.image-hover-effect-6:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-6 .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.image-hover-effect-6:hover .caption h3 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
}

.image-hover-effect-6 .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

/*********************************************************
						Timeline Style Section
**********************************************************/

.tc-timeline {
    position: relative;
}

.tc-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 1px;
    background: #f5f5f5;
}

.tc-timeline .tc-timeline-block {
    position: relative;
    margin: 2em 0;
}

.tc-timeline .tc-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.tc-timeline .tc-timeline-block:first-child {
    margin-top: 0;
}

.tc-timeline .tc-timeline-block:last-child {
    margin-bottom: 0;
}

.tc-timeline .tc-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #f5f5f5;
    border-radius: 0.25em;
    padding: 1em;
}

.tc-timeline .tc-timeline-content blockquote {
    border-left: 0px;
}

.tc-timeline .tc-timeline-content img,
.tc-timeline .tc-timeline-content video,
.tc-timeline .tc-timeline-content iframe {
    margin-bottom: 25px;
    width: 100%;
}

.tc-timeline .tc-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.tc-timeline .tc-timeline-content h2,
.tc-timeline .tc-timeline-content h2 a {
    font-size: 24px;
    margin-top: 0px;
    color: #303e49;
}

.tc-timeline .tc-timeline-content .tc-read-more,
.tc-timeline .tc-timeline-content .tc-date {
    display: inline-block;
}

.tc-timeline .tc-timeline-content p {
    text-align: justify;
    margin: 1em 0;
}

.tc-timeline .tc-timeline-content .tc-read-more {
    float: right;
    padding: 3px 15px;
    border: 1px solid #444;
    color: #444;
    font-size: 12px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.tc-timeline .tc-timeline-content .tc-read-more:hover {
    background: #444;
    color: #fff;
}

.tc-timeline .tc-timeline-content .tc-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.tc-timeline .tc-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-right: 10px solid #f5f5f5;
}

@media only screen and (min-width:1170px) {
    .tc-timeline {}
    .tc-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

@media only screen and (min-width:1170px) {
    .tc-timeline .tc-timeline-block {}
    .tc-timeline .tc-timeline-block:first-child {
        margin-top: 0;
    }
    .tc-timeline .tc-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.tc-timeline .tc-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.tc-timeline .tc-timeline-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
}

@media only screen and (min-width:1170px) {
    .tc-timeline .tc-timeline-icon {
        width: 70px;
        height: 70px;
        left: 50%;
        margin-left: -35px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }
    .tc-timeline .tc-timeline-icon:hover {
        color: #fff;
        background: #134074;
    }
    .tc-timeline .tc-timeline-icon i {
        font-size: 24px;
    }
}

@media only screen and (min-width:1170px) {
    .tc-timeline .tc-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }
    .tc-timeline .tc-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #f5f5f5;
    }
    .tc-timeline .tc-timeline-content .tc-read-more {
        float: left;
    }
    .tc-timeline .tc-timeline-content .tc-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
    }
    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content {
        float: right;
    }
    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #f5f5f5;
    }
    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content .tc-read-more {
        float: right;
    }
    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content .tc-date {
        left: auto;
        right: 122%;
        text-align: right;
    }
}

/*********************************************************
						freelance-section
 **********************************************************/

.freelance-section {
    position: relative;
    padding: 60px 0;
    background-size: cover;
}

.freelance-section .freelance-content {
    position: relative;
    padding: 0px 50px;
}

.freelance-section li {
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 0 5px;
}

.freelance-section .owl-controls {
    display: none !important;
}

.teamWrap {
    position: relative;
    overflow: hidden;
    margin: 20px 0 0 0;
    height: 100%;
    display: inline-block;
}

.teamWrap:after {
    position: absolute;
    content: '';
    height: calc(100% - 22px);
    width: calc(100% - 22px);
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.teamWrap:hover:after {
    opacity: 1;
}

.teamWrap .caption h3 {
    color: #fff;
    font-size: 18px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    bottom: 55px;
    position: absolute;
    left: 0;
    z-index: 10;
    text-align: center;
    margin: 0;
    padding: 0 25px;
    width: 100%;
    font-family: 'Oswald', sans-serif;
}

.teamWrap .caption p {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 20px;
    z-index: 1;
    padding-bottom: 5px;
    line-height: 20px;
    text-align: center;
    padding: 0 25px;
}

.teamWrap:hover .caption h3,
.teamWrap:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.teamWrap .link-wrap {
    position: absolute;
    bottom: 75px;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.teamWrap .link-wrap li {
    display: inline-block;
}

.teamWrap .link-wrap a {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    color: #444;
    font-size: 13px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.teamWrap .link-wrap a:first-child {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    margin-right: 7px;
    background-color: #3a6bb1;
    color: #fff;
}

.teamWrap .link-wrap a:last-child {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #0ec8f5;
    color: #fff;
}

.teamWrap:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.teamWrap .link-wrap a:first-child:hover {
    background-color: #222;
    color: #3a6bb1;
}

.teamWrap .link-wrap a:last-child:hover {
    background-color: #222;
    color: #3a6bb1;
}

/*********************************************************
						Static Slider
 **********************************************************/

.staticSlider {
    background: url(../image/banner.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 75vh;
    position: relative;
}

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

.slidewrap h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-transform: none !important;
    text-align: center;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
}

.slidewrap h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    text-transform: none !important;
    text-align: center;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
    font-family: 'Oswald', sans-serif;
    padding-bottom: 25px;
}

.slidewrap h1 span {
    color: #134074;
}

.slidewrap p {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    text-transform: none !important;
    padding-bottom: 20px;
}

.slidewrap a {
    margin: 0 5px;
}

.span_color {
    margin-left: 15px;
    background: #134074 !important;
}

/*********************************************************
						particles-js
**********************************************************/

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

/*********************************************************
						Home paralell    
**********************************************************/

#home_typer {
    background: url(../image/banner.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100vh;
    position: relative;
}

#home_particle {
    background: url(../image/banner.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100vh;
    position: relative;
}

#home_static {
    background: url(../image/banner.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100vh;
    position: relative;
}

.parallax-section {
    padding: 20px 0 70px 0px;
    position: relative;
    background-attachment: fixed !important;
    background-size: cover !important;
}

#home h3 {
    color: #f0f0f0;
}

#home .overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#js-rotating {
    border: 1px solid #fff;
    padding: 10px 20px;
    display: inline-block;
}

/*********************************************************/

/*********************************************************
						testimonial
 **********************************************************/

.testimonials-wrap {
    background: url(../image/testimonial.jpg) no-repeat;
    padding: 70px 0px;
    background-size: cover;
}

.testimonials-wrap ul li {
    padding: 0px 10px;
}

.testiWrp p {
    border: 1px solid #a2a2a2;
    padding: 20px 20px 60px 100px;
    font-size: 14px;
    color: #fff;
    font-style: italic;
    position: relative;
    background: rgba(0, 0, 0, 0.28);
    line-height: 22px;
}

.testiWrp p:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: 35px;
    left: 30px;
    font-size: 46px;
    font-style: normal;
    color: #134074;
}

.clientInfo {
    margin-top: -50px;
    margin-left: 100px;
    position: relative;
}

.clientImg {
    float: left;
    margin-right: 15px;
}

.clientImg img {
    border: 1px solid #fff;
}

.name {
    font-size: 16px;
    text-transform: uppercase;
    color: #134074;
    font-weight: bold;
    margin-top: 50px;
    float: left;
    line-height: 22px;
}

.name span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    color: #fff;
    line-height: 20px;
}

.owl-controls {
    display: none;
}

.owl-nav {
    display: none;
}

/*********************************************************
						counter
 **********************************************************/

.counter {
    padding: 70px 0;
    background: url(../image/choose-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    background-position: center;
}

.counter:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .50);
}

.counter .counter-number {
    display: block;
    color: #fff;
    font-weight: 700;
    padding: 20px 0 10px 0;
    font-size: 30px;
}

.counter span {
    color: #fff;
    font-size: 14px;
}

.counter_area {
    text-align: center;
}

.counter_area_1 {
    text-align: center;
}

.counter-icon {
    font-size: 60px;
    text-align: center;
    color: #fff;
    line-height: 36px;
}

.counterbox {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.counterbox:hover {
    border-radius: 10px 100px;
}

/*********************************************************
						brand-section
 **********************************************************/

.brand-section {
    position: relative;
    padding: 52px 0px 45px 0px;
    background-color: #f5f5f5;
}

.brand-section .brand-content {
    position: relative;
    padding: 0px 50px;
}

.brand-section li {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.owl-carousel .owl-item img {
    max-width: 100% !important;
    width: auto;
}

.brand-section .owl-controls {
    display: none !important;
}

.logo-grey-style {
    color: #fff;
    position: relative;
    overflow: hidden;
    color: #000000;
    text-align: center;
}

.logo-grey-style * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.logo-grey-style img {
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.logo-grey-style figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 80%;
    overflow: hidden;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.logo-grey-style h5 {
    margin: 0;
    position: absolute;
    width: 70%;
    text-align: center;
    left: 0;
    opacity: 0;
    font-weight: 400;
    text-transform: uppercase;
    bottom: 0;
    -webkit-transform: translate3d(0%, 150%, 0);
    transform: translate3d(0%, 150%, 0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.logo-grey-style a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.logo-grey-style:hover img,
.logo-grey-style.hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logo-grey-style:hover figcaption,
.logo-grey-style.hover figcaption {
    height: 60%;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.logo-grey-style:hover figcaption h5,
.logo-grey-style.hover figcaption h5 {
    opacity: 0.9;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
}

/*********************************************************
						footer-sec
 **********************************************************/

.footer-sec {
    position: relative;
    background: url(../image/footer-pattern.jpg) repeat;
    padding-top: 70px;
}

.footer-sec .footer-top-item .footer-logo {
    padding-top: 60px;
    position: relative;
}

.footer-sec .footer-img img {
    max-width: 254px;
}

.footer-sec .footer-info {
    margin-bottom: 30px;
}

.footer-sec .footer-info p {
    line-height: 22px;
    font-size: 14px;
    color: #dfdfdf;
}

.footer-sec .footer-info .footer-logo {
    margin-bottom: 30px;
}

.footer-sec .footer-info .footer-social {}

.footer-sec .footer-info .footer-social li {
    display: inline-block;
    padding-right: 8px;
}

.footer-sec .footer-info .footer-social li a {
    text-decoration: none;
    font-size: 22px;
}

.footer-sec .footer-info .footer-social li:nth-child(1) a {
    color: #3a7ae6;
}

.footer-sec .footer-info .footer-social li:nth-child(2) a {
    color: #33ccff;
}

.footer-sec .footer-info .footer-social li:nth-child(3) a {
    color: #dc4a38;
}

.footer-sec .footer-info .footer-social li:nth-child(4) a {
    color: #0274b3;
}

.footer-sec .footer-info .footer-social li:nth-child(5) a {
    color: #41b2dc;
}

.footer-sec .footer-info .footer-title {
    color: #fff;
    position: relative;
    border-bottom: 1px solid #4b4b4b;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 21px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.footer-sec .footer-info .service-link {}

.footer-sec .footer-info .service-link li {
    line-height: 22px;
    padding-bottom: 9px;
}

.footer-sec .footer-info .service-link li a {
    display: block;
    color: #d7d7d7;
    margin-left: 15px;
    position: relative;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.footer-sec .footer-info .service-link li a:before {
    content: "\f101";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: -15px;
    font-size: 16px;
    font-style: normal;
    color: #134074;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.footer-sec .footer-info .service-link li a:hover {
    color: #134074;
    padding-left: 15px;
}

.footer-sec .footer-info .service-link li:hover a:before {
    color: #134074;
    padding-left: 15px;
}

.footer-sec .footer-info .footer-adress {
    list-style: none;
    margin: 0px;
}

.footer-sec .footer-info .footer-adress li {
    float: left;
    width: 100%;
    margin: 0;
    display: table;
}

.footer-sec .footer-info .footer-adress li:nth-child(1) {
    padding-bottom: 15px;
}

.footer-sec .footer-info .footer-adress li:nth-child(2) {
    padding-bottom: 15px;
}

.footer-sec .footer-info .footer-adress li>i {
    display: table-cell;
    vertical-align: top;
    font-size: 20px;
    position: relative;
    color: #134074;
    width: 35px;
    top: 2px;
}

.footer-sec .footer-info .footer-adress li span {
    display: table-cell;
    vertical-align: middle;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
}

.footer-sec .copyright-content {
    padding: 11px 0;
    margin-top: 20px;
    border-top: 1px solid #4d4d4d;
    position: relative;
}

.footer-sec .copyright-content p {
    color: #adadad;
    margin-bottom: 0;
}

.footer-sec .copyright-content p a {
    color: #134074;
}

.footer-sec .copyright-content .footer-bottom-menu {
    text-align: right;
}

.footer-sec .copyright-content .footer-bottom-menu li {
    display: inline-block;
}

.footer-sec .copyright-content .footer-bottom-menu li a {
    display: block;
    font-size: 14px;
    color: #c7c7c7;
    margin-left: 15px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.footer-sec .copyright-content .footer-bottom-menu li a:hover {
    color: #134074;
}

/*********************************************
						inner-heading
 *********************************************/

.inner-heading {
    background: url(../image/heading-bg.jpg) 0 36% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #f7f7f7;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 70px 0 40px 0;
    text-align: center;
}

.inner-heading h1 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    font-family: 'Oswald', sans-serif;
}
.inner-heading h2 {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    font-family: 'Oswald', sans-serif;
}
.xs-breadcumb li {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.xs-breadcumb li a {
    color: #134074;
}

.inner-wrap {
    padding: 70px 0;
    background: #f0f0f0;
}

/*********************************************************
						contactWrap
 **********************************************************/

.contactWrap {
    padding: 70px 0px;
    background: #f9f9f9;
}

.contactWrap .serviceList {
    margin-bottom: 25px;
}

.contact-item {
    background: #fff;
    padding: 40px 30px;
    position: relative;
    margin: 15px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    z-index: 999;
    box-shadow: 2px 6px 29px -6px #e0e0e0;
}

.contact-item:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-item:hover .icon {
    color: #222222;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-item:hover .details h3 {
    color: #134074;
    text-decoration: none;
}

.contact-item:hover .details p {
    color: #777777;
}

.contact-item .details p a {
    color: #777777;
}

.contact-item .icon {
    font-size: 34px;
    color: #134074;
    text-align: center;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-item .fig_caption {
    min-height: 180px;
}

.contact-item .details {
    text-align: center;
}

.contact-item .details h3 {
    font-size: 24px !important;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2rem;
    margin: 0 0 0.9em;
    color: #051429;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-item .details p {
    font-size: 14px;
    margin: 0;
    z-index: 999;
}

.contact-item .fig_caption::before,
.contact-item .fig_caption::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.contact-item .fig_caption::before {
    border-top: 2px solid #134074;
    border-bottom: 2px solid #134074;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.contact-item .fig_caption::after {
    border-right: 2px solid #134074;
    border-left: 2px solid #134074;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.contact-item:hover .fig_caption::before,
.contact-item:hover .fig_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.xs-form .form-control {
    font-family: "Open Sans", sans-serif;
    border: 1px solid #ddd;
    ;
    border-radius: 0;
    margin-bottom: 25px;
    height: 50px;
    padding: 10px 20px;
    font-size: 13px;
}

.xs-form-group .form-control {
    border: 1px solid #eeeeee;
}

.xs-form-group .form-control {
    border: none;
}

.form-control.message-box {
    resize: none;
    height: 133px;
    margin-bottom: 35px;
}

.xs-btn {
    width: auto;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background: #134074;
    line-height: 54px;
    padding: 0 40px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    cursor: pointer;
}

.xs-btn:hover {
    background: #222;
}

/*********************************************************
						map
 **********************************************************/

.xs-map-sec {
    overflow: hidden;
    position: relative;
}

.xs-maps-wraper .map {
    height: 400px;
    width: 100%;
}

.xs-maps-wraper .map iframe {
    width: 100%;
    height: 100%;
    border: 0px;
}

/*********************************************************
						aboutUs
 **********************************************************/

.aboutUs-description {}

.single-about {
    margin-top: 42px;
    position: relative;
}

.aboutUs-description .single-about:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    content: '';
    background: #eee;
}

.aboutUs-description .single-about i {
    font-size: 40px;
    color: #134074;
    display: block;
    margin-bottom: 20px;
}

.aboutUs-description .single-about .counter_number {
    font-weight: 700;
    color: #134074;
    margin-bottom: 8px;
    font-size: 24px;
}

.aboutUs-description [class*='col-']:last-of-type .single-about:before {
    display: none;
}

.get_qoute {
    background: url(https://www.861ppt.com/previews/1/2022-12-09/lofty/images/get_qoute.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
    height: 100%;
    width: 100%;
    position: relative;
    padding: 60px 0;
}

.get_qoute h2 {
    font-size: 36px;
    font-weight: 700;
    color: #FFFFFF;
}

.get_qoute h4 {
    color: #FFFFFF;
}

.get_qoute p {
    padding: 10px 0px;
}

.get_qoute .xs-btn {
    margin-top: 15px;
}

.get_qoute .xs-btn:hover {
    color: #FFFFFF;
    background: #134074;
}

.why_choose_us_sec {
    padding: 60px 0;
    position: relative;
}

.why_choose_us_sec_img {
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
}

.why_choose_us_sec .single-why-choose-list {
    margin-top: 0px;
    margin-bottom: 46px;
    padding-left: 100px;
    position: relative;
    padding-right: 10px;
}

.why_choose_us_sec .single-why-choose-list i {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 36px;
    background: #008435;
    color: #FFFFFF;
    width: 70px;
    height: 70px;
    line-height: 40px;
    display: block;
    text-align: center;
    padding: 16px 0;
}

.why_choose_us_sec .single-why-choose-list h3 {
    padding-left: 0;
    font-size: 20px;
    color: #282828;
    font-weight: 600;
}

.why_choose_us_sec .single-why-choose-list p {
    color: #6d6d6d;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 15px;
    font-family: "Open Sans", sans-serif;
}

.why_choose_us_sec .single-why-choose-list i {
    background: #134074;
}

/*********************************************************
						blogWrap
 **********************************************************/

.blogWrap {
    padding: 70px 0;
}

.blog-grid {}

.blog-grid li {
    margin-bottom: 30px;
}

.blog-grid .blog-inter {
    background: #fff;
    padding: 20px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.blog-grid .blog-inter:hover {
    -webkit-box-shadow: 0 4px 61px rgba(0, 0, 0, 0.09);
    box-shadow: 0 4px 61px rgba(0, 0, 0, 0.09);
}

.blog-grid li:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.blog-grid li .itemHover {
    content: "";
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: scale(0);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.blog-grid li:hover .itemHover {
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.blog-grid .photo-thumb {
    padding: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.blog-grid .photo-thumb:hover {
    background: #ffffff;
}

.blog-grid .photo-thumb img {
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.blog-grid .photo-thumb .date {
    font-size: 16px;
    z-index: 1;
    position: absolute;
    left: 80px;
    right: 80px;
    text-align: center;
    bottom: 10px;
    color: #fff;
    background: #134074;
    padding: 6px 12px;
}

.proitem{
	margin-bottom: 50px;
}
.proitem h1{
	font-size: 36px;
	color: #000;
	line-height: 45px;
	font-family: 'Oswald', sans-serif;
}
.proitem p{
	font-size: 18px;
	line-height: 30px;
	margin: 20px 0;
}
.proitem .probtn{
	font-size: 18px;
	display: inline-block;
	padding: 15px 55px;
	border-radius: 10px;
	background: #134074;
	color: #fff;
}
.proitem .probtn:hover{
	background: #000;
}

.blog-grid h1 {
    position: relative;
    font-weight: 500;
    font-size: 32px;
    color: #000;
    line-height: 45px;
    margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
}

.blog-grid h2 {
    position: relative;
    font-weight: 500;
    font-size: 24px;
    color: #000;
    line-height: 30px;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
}

.blog-grid h3 {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: 30px;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
}
.blog-grid h4 {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    line-height: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
}
.blog-grid .post-tittle h1:hover {
    color: #051429;
}

.blog-grid .blog-inter p {
    font-size: 16px;
    line-height: 26px;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.blog-grid .blog-inter table{
	max-width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}
.blog-grid .blog-inter th{
	background: #134074;
	color: #fff;
	padding: 10px;
	text-align: center;
	border-right: 1px solid #eee;
}
.blog-grid .blog-inter td{
	padding: 10px;
	text-align: center;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.blog-grid .blog-inter .readmore {
    margin-top: 15px;
}

.blog-grid .blogDate {
    list-style: none;
    display: block;
}

.blog-grid .blogDate li {
    display: inline-block;
    padding-right: 8px;
    margin-bottom: 2px;
}

.blog-grid .blogDate li i {
    color: #134074;
}

.blog-grid .blogDate li span {
    margin-left: 5px;
}

.blog-grid .blog-inter p a {
    color: #134074;
    font-style: italic;
}

.blog-grid .blog-inter p a:hover {
    color: #134074;
}

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

.side-bar {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
}

.side-bar .side-barBox {}

.side-bar .side-barTitle {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    margin-bottom: 20px;
}

.side-bar .search {
    position: relative;
    margin-bottom: 15px;
}

.side-bar .search .form-control {
    border-radius: 0;
    height: auto;
    padding: 10px 12px;
    border-color: #ddd;
}

.side-bar .search .btn {
    position: absolute;
    right: 0;
    top: 0px;
    border-radius: 0;
    background: none;
    font-size: 20px;
}

.side-bar .categories {
    list-style: none;
    margin-bottom: 10px;
}

.side-bar .categories li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 16px;
}

.categories li {
    margin: 18px 0;
}

.side-bar .categories li:before {
    content: "\f0da ";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #000;
    font-size: 12px;
    top: 0;
}

.side-bar .categories li a {
    margin-top: 0;
    color: #888888;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.side-bar .papimg-post {}

.side-bar .papimg-post li {
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
    margin: 0px;
}

.side-bar .papimg-post li:last-child {
    border-bottom: 0;
}

.side-bar .papimg-post .media-left {
    margin-right: 0px;
}

.side-bar .papimg-post .media-left a {
    width: 80px;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.side-bar .papimg-post .media-left img {
    max-width: 100%;
    -webkit-transform: scale(0) !important;
    transform: scale(1) !important;
}

.side-bar .papimg-post .media-heading {
    display: inline-block;
    width: 100%;
    color: #777777;
    margin-top: 0px;
    font-size: 14px;
    line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.side-bar .papimg-post span {
    color: #000;
    letter-spacing: 0px;
    font-size: 11px;
}

/*********************************************
						Archive
 *********************************************/

.side-bar .archive {}

.side-bar .archive li {
    line-height: 45px;
    margin-bottom: 10px !important;
}

.side-bar .archive li a {
    margin-top: 0;
    color: #888;
    font-size: 14px;
    font-weight: 600;
}

.side-bar .archive li span {
    float: left;
    height: 30px;
    width: 30px;
    text-align: center;
    background: #051429;
    border: 1px solid #fff;
    outline: 3px solid #051429;
    margin-right: 20px;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.side-bar .archive li a:hover span {
    color: #fff;
}

/*********************************************
						Photo Bar
 *********************************************/

.side-bar .photo-bar {
    margin: 0 -5px;
}

.side-bar .photo-bar li {
    float: left;
    width: 25%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.side-bar .photo-bar li a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.side-bar .photo-bar li a img {
    max-width: 100%;
    -webkit-transform: scale(0) !important;
    transform: scale(1) !important;
}

/*********************************************
						Tags
 *********************************************/

.side-bar .tags-bar {}

.side-bar .tags-bar li {
    display: inline-block;
    float: left;
    margin-bottom: 0px;
}

.side-bar .tags-bar li a {
    font-size: 13px;
    padding: 10px 14px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.pagination-area {
    margin-top: 10px;
    text-align: center;
    line-height: 0px;
}

.pagination-area .showreslt {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.pagination-area .pagination {
    text-align: center;
    margin: 0;
}

.pagination-area .pagination>li {
    display: inline;
}

.pagination-area .pagination li a:hover,
.pagination li.active a {
    background: #134074;
    border: 1px solid #134074;
    color: #fff;
}

.pagination-area .pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {}

.pagination-area .pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.pagination-area .pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0px!important;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
}

/*********************************************
						commentArea
 *********************************************/

.commentArea {
    position: relative;
    margin-bottom: 50px;
}

.commentArea h3 {
    font-weight: 500;
    color: #000;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    margin-top: 20px;
}

.commentArea h3:before {
    top: 40px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 60px;
    background: #134074;
}

.commentArea .formSec {
    margin-top: 25px;
}

.commentArea .form-group .form-control {
    height: 45px;
    padding: 6px 5px;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #fff;
}

.commentArea .form-group textarea {
    width: 100% !important;
    height: 3rem!important;
}

.commentArea .button {
    margin-top: 10px;
    padding: 11px 55px;
    text-decoration: none;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #fff;
    background: #134074;
    border: 0px solid #051429;
    font-family: 'Oswald', sans-serif;
}

.commentArea .form-group .button:hover {
    background: #134074;
}

.blog-comments {
    margin-top: 50px;
}

.blog-comments-ml {
    margin-left: 70px;
}

.blog-comments img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    max-width: 100%;
    -webkit-transform: scale(0) !important;
    transform: scale(1) !important;
}

.blog-comments .comment {
    background: #fff;
    padding: 20px 30px;
    position: relative;
}

.blog-comments .comment:before {
    width: 0;
    height: 0;
    top: 20px;
    left: -17px;
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 15px 17px 15px 0;
    border-color: transparent #fff transparent transparent;
}

.blog-comments .comment h5 {
    color: #111111;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-comments .comment h3 {
    margin: 0 0 10px;
}

.blog-comments .comment span {
    color: #555;
    float: right;
    font-size: 13px;
}

.blog-comments .comment span a {
    color: #134074;
}

.blog-comments .comment span a:hover {
    color: #134074;
}

.blog-comments .comment p {
    color: #555;
}

/*********************************************
						Error page
 *********************************************/

.error-page {
    text-align: center;
}

.error-page h2 {
    font-size: 110px;
    color: #134074;
    font-weight: 800;
    font-family: 'Oswald', sans-serif;
}

.error-page h3 {
    color: #111111;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 10px;
}

.error-page p {
    letter-spacing: 2px;
    padding: 0 250px;
}

.error-link {
    margin-top: 15px;
}

.error-link p {
    color: #999;
}

.error-link h2 {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 600;
}

.error-link ul {
    list-style: none;
}

.error-link li {
    list-style: none;
    display: block;
    color: #f34f3e;
}

.error-link li a {
    color: #f34f3e;
}

.error-link li::before {
    position: relative;
    z-index: 1;
    top: 0;
    display: inline-block;
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    margin-right: 5px;
    font-weight: 900;
    vertical-align: baseline;
    opacity: .3;
    color: #f34f3e;
}

.error-link .search-form .form-control {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    border: none;
    height: 52px;
    border-radius: 0;
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.error-link .search-form .input-group-btn .btn {
    margin: 0;
    padding: 15px 20px;
    border-radius: 0;
    background-color: #134074;
    color: #fff;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.error-link .search-form .input-group-btn .btn i {
    line-height: 13px;
}

/*********************************************
						ComingSoon
 *********************************************/

.comingSoon {}

.comingSoon h2 {
    font-size: 60px;
    color: #134074;
    margin: 0px;
    font-weight: 800;
    font-family: 'Oswald', sans-serif;
    text-align: center;
}

.comingSoon h3 {
    color: #111111;
    font-weight: 600;
    font-size: 30px;
    text-align: center;
}

.comingSoon p {
    text-align: center;
    font-size: 90px;
    font-family: 'Oswald', sans-serif;
}

/*********************************************
						FAQS
 *********************************************/

.faqs-wrap {}

.faqs-wrap h2 {
    margin-top: 0px !important;
    margin-bottom: 30px;
    font-weight: 600;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
}

.faqs-wrap h2 span {
    color: #f34f3e;
}

.faqs-wrap .fq_wrapper {
    padding-top: 75px;
}

.faqs-wrap .fq_wrapper img {
    width: 100%;
}

.faqs-wrap .fq_wrapper .fq-quest {
    padding-top: 20px;
}

.faqs-wrap .fq_wrapper h5 {
    margin-top: 0px !important;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
}

.faqs-wrap .fq_wrapper p {
    margin-top: 0px !important;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

.faqs-wrap .fq_wrapper .btn {
    padding: 8px 22px;
    background: #f34f3e;
    color: #fff !important;
    font-size: 16px;
    margin: 10px 0;
}

.faqs-wrap .fq_wrapper .btn:hover {
    background: #565656;
}

.faqs {
    margin-bottom: 30px;
}

.faqs .panel-default>.panel-heading {
    background: none;
    border: none;
    padding: 0;
}

.faqs h4 a {
    padding: 15px 55px 15px 15px;
    display: block;
    background: #f34f3e;
    color: #fff;
    font-size: 18px;
    position: relative;
}

.panel-group h3 {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.panel-group .panel {
    border-radius: 0;
    border: 1px solid #eeeeee;
    margin-bottom: 25px;
}

.panel-group .panel-body {
    line-height: 24px;
    color: #555;
    padding: 15px;
}

.faqs h4 .collapsed:hover,
.faqs h4 a:hover,
.faqs h4 a:active {
    text-decoration: none;
    background: #f34f3e;
    color: #fff;
}

.faqs h4 a:before {
    content: "\f068";
    background: #fff;
    font-family: 'FontAwesome';
    width: 30px;
    padding: 6px 0;
    color: #f34f3e;
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    line-height: 18px;
    border-radius: 50%;
}

.faqs h4 .collapsed:before {
    content: "\f067";
    font-family: 'FontAwesome';
    background: #666;
    width: 30px;
    padding: 6px 0;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    text-decoration: none;
}

.faqs h4 a.collapsed {
    background: #fff;
    color: #666;
    text-decoration: none
}

/*faqs Box*/

.faqs-box {
    position: relative;
    z-index: 10;
}

.faqs-box .block {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #f3f3f3;
}

.faqs-box .block:last-child {
    margin-bottom: 0px;
}

.faqs-box .block:last-child .faqs-btn {
    border: 0px;
}

.faqs-box .block .faqs-btn {
    position: relative;
    font-size: 18px;
    margin-bottom: 0px;
    cursor: pointer;
    background: none;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    color: #333333;
    background-color: #fafafa;
    padding: 15px 30px 15px 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.faqs-box .block .faqs-btn .icon-outer {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 26px;
    height: 26px;
    font-size: 14px;
    color: #bababa;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    font-weight: 500;
    margin-top: -13px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.faqs-box .block .faqs-btn .icon-outer .icon {
    position: relative;
    left: 1px;
    top: 50%;
    color: #134074;
    margin-top: -9px;
    font-size: 20px;
    line-height: 18px;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.faqs-box .block .faqs-btn.active {
    background-color: #134074;
    color: #ffffff;
}

.faqs-box .block .faqs-btn.active .icon-outer {
    background-color: #fff;
    border-color: #fff;
}

.faqs-box .block .faqs-btn.active .icon-outer .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faqs-box .block .faqs-content {
    position: relative;
    display: none;
    background-color: #ffffff;
}

.faqs-box .block .faqs-content.current {
    display: block;
}

.faqs-box .block .content {
    position: relative;
    font-size: 15px;
    padding: 21px 30px 21px;
}

.faqs-box .block .content p {
    margin-bottom: 10px;
    line-height: 1.6em;
    font-size: 16px;
    color: #666666;
}

.faqs-box .block .content p:last-child {
    margin-bottom: 0px;
}

.faqs-wrap .side-bar .search .form-control {
    margin-bottom: 30px;
}

.faqsWrap .section-title h3:after {
    left: 0;
    margin-left: 0;
}

.faqsWrap .section-title {
    text-align: left;
    padding-bottom: 15px;
}

.faqsWrap .section-title h3 {
    font-size: 24px;
    font-weight: 600;
}

.faqsWrap .section-title h3 span {
    font-size: 36px;
}

/*********************************************************
						service-single
 **********************************************************/

.serviceSingle .flexslider {
    margin: 0 0 20px;
}

.serviceSingle h3 {
    position: relative;
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 42px;
    font-family: 'Oswald', sans-serif;
}

.single-service {
    margin-bottom: 30px;
}

.special-links ul {
    list-style: none;
    padding-left: 0;
}

.special-links li a {
    background: #f9f9f9;
    color: #323232;
    border: 1px solid #e9e9e9;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.special-links li:hover a,
.special-links li a.active {
    background: #fff;
    color: #134074;
}

.special-links li a:hover:before,
.special-links li a.active:before {
    opacity: 1;
}

.special-links li a:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: -1px;
    color: #222;
    font-size: 0px;
    line-height: 50px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-left: 4px solid;
    border-color: #134074;
}

.single-service:last-child {
    margin-bottom: 0;
}

.single-service:last-child .sec-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
}

.single-service:last-child .sec-title h2 {
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
}

.single-service:last-child .sec-title h2 span {
    color: #134074;
}

.brochure-btns {
    list-style: none;
    padding-left: 0;
}

.brochure-btns li {
    display: block;
    margin-bottom: 10px;
}

.brochure-btns li a {
    font-family: 'Open Sans', sans-serif;
    color: #404040;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: block;
    background: #FBFBFB;
    border: 1px solid #EDEDED;
    padding: 12px 20px;
}

.brochure-btns li a i {
    color: #e94429;
    margin: 0 10px 0;
    font-size: 1.2em;
}

.featureLinks {}

.featureLinks li {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
}

.featureLinks li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    color: #134074;
}

.serviceSingle .flex-direction-nav {
    display: none;
}

/*********************************************************
						Shop
 **********************************************************/

.single-product-item {
    margin-bottom: 30px;
    transition: all 0.7s ease;
    border: 1px solid #eeeeee;
}

.single-product-item:hover {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.24);
    background-color: #fff;
}

.single-product-item .serviceWrap {
    background: #fff;
}

.single-product-item .serviceWrap .link-wrap {
    position: absolute;
    top: calc(65% - 25px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.single-product-item .serviceWrap .overlay-shop {}

.single-product-item .serviceWrap:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    filter: blur(2px);
}

.single-product-item .serviceWrap:hover .overlay-shop {
    background: #000;
}

.single-product-item .title-holder {
    padding: 13px 15px 15px;
    background: #fafafa;
    text-align: center;
    border-top: 1px solid #ccc;
}

.single-product-item .title-holder .product-title a h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0 0;
    text-transform: capitalize;
    transition: all 500ms ease;
}

.single-product-item .title-holder .rate {
    color: #134074;
    font-size: 16px;
    font-weight: 400;
}

/*********************************************************
						videoWrp
 **********************************************************/

.videoWrp {
    background: none;
    position: relative;
    padding: 0;
    height: 600px;
}

.hero-wrapper {
    height: 600px;
    min-width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}

.video {
    position: relative;
}

.hero-wrapper:before {
    content: '';
    position: absolute;
    top: -60px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.hero-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    top: 0;
    background-position: center center;
    background-size: cover;
}

.hero-image #bgvid {
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: inherit;
}

.videohover {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.banner-info {
    margin-top: 80px;
    z-index: 999;
}

.banner-info a {
    z-index: 999;
}

.slider-wrap h5 {
    color: #fff;
    font-size: 30px !important;
    text-transform: none !important;
    text-align: center;
    z-index: 999;
}

.slider-wrap h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    text-transform: none !important;
    text-align: center;
    z-index: 999;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
    font-family: 'Oswald', sans-serif;
}

.slider-wrap h2 span {
    color: #f6ba18;
}

.slider-wrap h4 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-transform: none !important;
    text-align: center;
    z-index: 999;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
}

.slider-wrap h4 span {
    color: #f6ba18;
}

.slider-wrap p {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-transform: none !important;
    text-align: center;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
    z-index: 999;
    padding: 25px 0;
}

.slider-wrap .readmore {
    margin-top: 18px;
    text-align: center;
}

.slider-wrap .readmore a {
    color: #fff !important;
    margin: 0 3px;
}

/*********************************************************
						single-shop
 **********************************************************/

.single-shop-content .img-holder {
    margin-right: 50px;
    text-align: center;
    background: #fafafa;
    padding: 113px 0;
}

.single-shop-content .img-holder img {
    display: inline-block;
}

.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
    text-transform: capitalize;
}

.single-shop-content .content-box .review-box {
    margin: 0 0 10px;
}

.single-shop-content .content-box .review-box ul {}

.single-shop-content .content-box .review-box ul li {}

.single-shop-content .content-box .review-box ul li i {
    color: #c6c6c6;
}

.single-shop-content .content-box span.price {
    color: #134074;
    font-size: 22px;
    font-weight: 400;
}

.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 25px 0 9px;
}

.single-shop-content .content-box .location-box p {
    color: #222222;
    font-size: 16px;
    margin: 0 0 12px;
}

.single-shop-content .content-box .location-box form input {
    border: 1px solid #cccccc;
    height: 40px;
    padding-left: 10px;
    padding: 0 10px 3px;
    padding-right: 10px;
    width: 170px;
    transition: all 500ms ease;
    margin: 0 0 10px;
}

.single-shop-content .content-box .location-box form input:focus {
    border-color: #fdc716;
}

.single-shop-content .content-box .location-box form button {
    background: #dddddd none repeat scroll 0 0;
    border: medium none;
    color: #777777;
    font-size: 14px;
    height: 40px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 95px;
    position: relative;
    top: 0px;
}

.single-shop-content .content-box .location-box form button:hover {
    color: #fff;
}

.single-shop-content .content-box .location-box form span {
    color: #134074;
}

.single-shop-content .content-box .addto-cart-box {
    margin-bottom: 30px;
}

.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
    float: left;
    width: 70px;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    margin-left: -1px;
    max-width: 100%;
    padding: 11px 14px 12px;
    position: relative;
    width: 100%;
}

.single-shop-content .content-box .addto-cart-box .btn-default {
    background-color: #fff;
    border-color: #efefef;
    color: #9e9e9e;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
    color: #9e9e9e;
    font-weight: normal;
    left: 8px;
    position: absolute;
    top: 7px;
}

.single-shop-content .content-box .addto-cart-box button .addtocart {
    margin-left: 25px;
}

.input-group input {
    padding: 23px 12px;
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    margin-left: -1px;
    position: relative;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    border-bottom-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
    font-weight: normal;
}

.product-tab-box {
    border: 1px solid #ececec;
    border-top: none;
    border-right: none;
    border-left: none;
    overflow: hidden;
    margin-top: 80px;
}

.product-tab-box .tab-menu {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}

.product-tab-box .tab-menu li {
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    margin-right: 3px;
}

.product-tab-box .tab-menu li a {
    background: #f7f7f7;
    border-radius: 0;
    display: block;
    margin-right: 1px;
    padding: 15px 30px 13px;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: #f7f7f7;
    transition: all 500ms ease;
}

.product-tab-box .tab-menu li.active a,
.product-tab-box .tab-menu li:hover a {
    background: #ffffff;
    color: #134074;
}

.product-tab-box .tab-content {
    margin-top: -30px;
    padding: 30px 30px 40px;
}

.product-tab-box .tab-content .blog-comments-ml {
    margin-left: 35px;
}

.product-tab-box .tab-content .blog-comments {
    margin-top: 25px;
}

.content-box .color-and-size {
    position: relative;
    margin-bottom: 30px;
}

.content-box .color-and-size h5 {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    color: #232323;
    font-weight: 400;
    top: -3px;
}

.content-box .color-list-two span:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 0;
    border-radius: 50%;
    border: 3px solid #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.content-box .size-option {
    position: relative;
    margin-left: 40px;
    margin-top: 7px;
}

.content-box .size-option h5 {
    top: 0;
}

.content-box .size-option span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    width: 30px;
    text-align: center;
    color: #777777;
    font-weight: 300;
    border: 1px solid #cecece;
    margin-right: 4px;
}

.content-box .size-option span.active {
    color: #232323;
    border-color: #232323;
}

.content-box .other-options {
    position: relative;
    margin-bottom: 10px;
}

.content-box .other-options .theme-btn {
    padding: 12px 25px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.item-quantity .quantity-spinner {
    position: relative;
    display: block;
    width: 100px;
    border: 1px solid #cecece;
}

.item-quantity .quantity-spinner {
    float: left;
    margin-right: 10px;
}

.item-quantity .quantity-spinner input {
    position: relative;
    display: block;
    border: 0px;
    font-size: 18px;
    color: #232323;
    line-height: 1px;
    width: 35px;
    padding: 10px 0px;
    margin: 0px 32px 0px;
    font-weight: 400;
    text-align: center;
}

.color-option select {
    border: 1px solid #e0e0e0;
    height: 45px;
    border-radius: 3px;
    text-align: center;
    padding: 0 10px;
}

.item-quantity .quantity-spinner .minus {
    position: absolute;
    border: 0px;
    left: 0px;
    top: 0px;
    width: 22px;
    line-height: 20px;
    font-size: 24px;
    padding: 10px 0;
    text-align: right;
    background: #ffffff;
    font-weight: 400;
    color: #888888;
    z-index: 1;
}

.item-quantity .quantity-spinner .plus {
    position: absolute;
    border: 0px;
    right: 0px;
    top: 0px;
    width: 22px;
    line-height: 20px;
    font-size: 24px;
    padding: 10px 0;
    text-align: left;
    z-index: 1;
    background: #ffffff;
    font-weight: 400;
    color: #888888;
}

.content-box .like {
    position: relative;
}

.content-box .like a {
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    color: #cecece;
    padding: 10px 0;
    width: 50px;
    text-align: center;
    border: 1px solid #cecece;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.content-box .like a:hover {
    background-color: #424141;
    color: #ffffff;
}

.content-box .info-list {
    position: relative;
}

.content-box .info-list>li {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 27px;
    color: #777;
    font-weight: 300;
    margin-bottom: 8px;
}

.content-box .info-list>li>a {
    color: #777777;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.content-box .info-list>li>a:hover {
    color: #134074;
}

.content-box .info-list>li span {
    color: #232323;
    font-weight: 400;
}

.content-box .social-links-one {
    display: inline-block;
}

.content-box .social-links-one li {
    position: relative;
    display: inline-block;
}

.content-box .social-links-one li a {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0px 6px;
    font-size: 14px;
    color: #a6a6a6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.content-box .social-links-one li:hover a {
    color: #134074;
}

/*********************************************************
						reviews
 **********************************************************/

.reviews-container {
    position: relative;
    max-width: 820px;
}

.reviews-container .review-box {
    position: relative;
    margin-bottom: 30px;
    min-height: 100px;
}

.reviews-container .rev-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    background: #ffffff;
}

.reviews-container .rev-thumb img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.reviews-container .rev-content {
    position: relative;
    padding-left: 90px;
}

.reviews-container .rev-info {
    margin-top: -5px;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    font-weight: 500;
    margin-bottom: 8px;
}

.reviews-container .rev-info span {
    display: inline-block;
    color: #222222;
    font-size: 16px;
    margin-right: 25px;
    font-weight: 500;
}

.reviews-container .rating {
    color: #134074;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 8px;
}

.reviews-container .rating .fa {
    display: inline-block;
}

.reviews-container .rev-text {
    position: relative;
}

.reviews-container .rev-text p {
    font-size: 13px;
    color: #666666;
    line-height: 24px;
    margin: 0;
}

.shop-comment-form {
    position: relative;
    margin-top: 50px;
    max-width: 820px;
}

.shop-comment-form h2 {
    position: relative;
    color: #222222;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.shop-comment-form .mail-text {
    position: relative;
    color: #777777;
    font-size: 16px;
    margin-bottom: 15px;
}

.themee_color {
    color: #134074;
}

.shop-comment-form .rating-box {
    position: relative;
    margin-bottom: 20px;
}

.shop-comment-form .rating-box .text {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #222222;
    margin-bottom: 15px;
}

.shop-comment-form .rating-box .rating {
    position: relative;
    display: inline-block;
}

.shop-comment-form .rating-box .rating a {
    position: relative;
    color: #333333;
    font-size: 14px;
    display: inline-block;
    margin-right: 15px;
}

.shop-comment-form .rating-box .rating a:hover {
    color: #134074;
}

.shop-comment-form .rating-box .rating .fa {
    position: relative;
    display: inline-block;
}

.shop-comment-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.shop-comment-form .form-group label {
    position: relative;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}

.shop-comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 15px;
    color: #848484;
    border: 1px solid #dddddd;
    height: 120px;
    font-weight: 300;
    background: #ffffff;
    resize: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.shop-comment-form .form-group:last-child {
    margin-bottom: 0px;
}

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

.btn-style-three {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    background-color: #232323;
    text-align: center;
    padding: 15px 35px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    height: 50px;
    color: #848484;
    font-weight: 300;
    background: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*********************************************************
						cart
**********************************************************/

.shop_tab_outter {
    overflow-x: auto;
    width: 100%;
    position: relative;
}

.shop_table {
    min-width: 1024px;
    width: 100%;
    margin: 0 0 50px 0;
}

.shop_table thead tr {
    border-bottom: 2px solid #eeeeee;
}

.shop_table tr {
    border-bottom: 1px solid #eeeeee;
}

.shop_table .product-remove {
    width: 6%;
    text-align: center;
}

.shop_table tr th {
    font-size: 19px;
    font-weight: 700;
    padding: 15px 0;
}

.shop_table .product-thumbnail {
    width: 100px;
}

.shop_table .product-price {
    width: 16%;
}

.shop_table .product-quantity {
    width: 16%;
}

.shop_table .product_quantity {}

.shop_table .product-subtotal {
    width: 167px;
}

.shop_table tr td {
    padding: 20px 0;
}

.shop_table .product-remove .remove {
    background: url(../image/delete.png) center center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.shop_table .product-thumbnail a {
    display: block;
    max-width: 80px;
    border: 1px solid #eeeeee;
}

.shop_table .product-name .color {}

.shop_table .color h5 {
    display: inline-block;
}

.shop_table .color h6 {
    border: 1px solid #e0e0e0;
    display: inline-block;
    width: 60px;
    border-radius: 3px;
    text-align: center;
    padding: 12px 0px;
    font-size: 15px;
    line-height: 22px;
}

.shop_table .product-price {
    width: 16%;
}

.shop_table .product-price span {
    color: #f44336;
    font-weight: 400;
}

.shop_table .product-quantity {
    width: 16%;
}

.shop_table .product-subtotal {
    width: 140px;
}

.shop_table .product-subtotal span {
    color: #f44336;
    font-weight: 400;
}

.shop_table tbody tr:last-child {
    border: 0;
}

.cart_totals {
    background: #f5f5f5;
    padding: 32px 70px 35px;
}

.cart_totals a {
    width: 100%;
}

.cart_totals .totals-table {
    position: relative;
    margin-bottom: 20px;
}

.totals-table li {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.totals-table .col-title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #232323;
}

.totals-table .col {
    position: relative;
    display: block;
    float: left;
    padding: 18px 27px;
    line-height: 30px;
    font-size: 18px;
    color: #888888;
    font-weight: 400;
    width: 50%;
}

.totals-table .shopping-option label {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    color: #888888;
    font-weight: 300;
}

.checkout-btn {
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 300;
    background-color: #424141;
    border: 0px;
    text-align: center;
    padding: 15px 35px;
}

/*********************************************************
						checkout
**********************************************************/

.checkoutWrap {
    position: relative;
    margin-bottom: 50px;
}

.checkout-page .sec-title {
    margin-bottom: 25px;
}

.sec-title {
    position: relative;
    margin-bottom: 15px;
}

.checkout-page .sec-title h3 {
    font-size: 24px;
    line-height: 1.2em;
    color: #444444;
    font-weight: 600;
}

.checkoutWrap .form-group {
    position: relative;
    margin-bottom: 25px;
}

.checkoutWrap .form-group .field-label {
    display: block;
    line-height: 24px;
    text-transform: capitalize;
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
}

.checkoutWrap .form-group .field-label sup {
    top: -1px;
    font-size: 15px;
    color: #009fe9;
}

.checkoutWrap input[type="text"],
.checkoutWrap input[type="email"],
.checkoutWrap input[type="password"],
.checkoutWrap input[type="tel"],
.checkoutWrap input[type="number"],
.checkoutWrap input[type="url"],
.checkoutWrap select,
.checkoutWrap textarea {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    font-size: 16px;
    line-height: 26px;
    color: #777777;
    padding: 12px 22px;
    height: 50px;
    border: 1px solid #e0e0e0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.checkoutWrap .form-group .field-label {
    display: block;
    line-height: 24px;
    text-transform: capitalize;
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
}

.checkoutWrap textarea {
    resize: none;
    height: 140px !important;
    padding-left: 30px;
}

.checkoutWrap .info-column .inner-column {
    position: relative;
    background-color: #fafafa;
    border: 1px solid #e9e9e9;
    padding: 40px 40px 50px;
}

.checkout-page .info-column .inner-column {
    position: relative;
    margin-left: 30px;
}

.order-box {
    position: relative;
    margin-bottom: 50px;
}

.order-box .title-box {
    position: relative;
    padding-bottom: 25px;
    color: #ffffff;
    color: #444444;
    font-weight: 600;
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.order-box .title-box span {
    position: relative;
    width: 35%;
    float: right;
    line-height: 1.2em;
}

.order-box .qty {
    position: relative;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
}

.order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px;
}

.order-box .qty li span {
    float: right;
    font-size: 18px;
    line-height: 20px;
    color: #232323;
    font-weight: 400;
    width: 35%;
}

.order-box .sub-total {
    position: relative;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
}

.order-box .sub-total li {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}

.order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #134074;
    font-weight: 400;
    width: 35%;
    float: right;
}

.order-box .sub-total li .col {
    float: right;
    font-size: 15px;
    line-height: 20px;
    color: #444444;
    font-weight: 400;
    width: 35%;
    display: block;
}

.order-box .sub-total .shopping-option label {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    color: #888888;
    font-weight: 300;
}

.order-box .total {
    position: relative;
    margin-bottom: 40px;
}

.order-box .total li {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
}

.order-box .total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #134074;
    font-weight: 400;
}

.paymentWrap {
    position: relative;
}

.paymentWrap .upper-box {
    position: relative;
}

.payment-options {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
}

.paymentWrap .payment-options li {
    position: relative;
    margin-bottom: 15px;
}

.paymentWrap .payment-options li .radio-option {
    position: relative;
}

.paymentWrap .payment-options li .radio-option label {
    position: relative;
    display: block;
    padding-left: 30px;
    text-transform: capitalize;
    line-height: 20px;
    color: #333333;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Oswald', sans-serif;
}

.paymentWrap .payment-options li .radio-option label strong {
    font-weight: 600;
}

.paymentWrap .payment-options li .radio-option input[type="radio"] {
    position: absolute;
    left: 0px;
    top: 0px;
}

.paymentWrap .payment-options li .radio-option label .small-text {
    position: relative;
    display: none;
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: #666666;
    margin-top: 10px;
}

.paymentWrap .payment-options li .radio-option input:checked+label .small-text {
    display: block;
}

.paymentWrap .payment-options li .radio-option label img {
    position: relative;
    display: block;
    max-width: 100%;
    margin-left: -30px;
    margin-top: 5px;
}

.paymentWrap .payment-options li .radio-option .what-paypall {
    position: absolute;
    right: 120px;
    top: 55px;
    color: #134074;
    font-size: 14px;
    font-weight: 300;
    text-decoration: underline;
}

.paymentWrap .lower-box {
    position: relative;
}

.paymentWrap .lower-box .theme-btn {
    display: block;
    width: 100%;
    font-weight: 400;
}

/*********************************************************
						shop-grid
**********************************************************/

.catalog-meta {}

.catalog_top {
    margin: 5px 0 0 5px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    -o-box-shadow: -5px -5px 0px -1px #ffffff, -5px -5px 0 0 #eeeeee;
    -ms-box-shadow: -5px -5px 0px -1px #ffffff, -5px -5px 0 0 #eeeeee;
    -webkit-box-shadow: -5px -5px 0px -1px #ffffff, -5px -5px 0 0 #eeeeee;
    box-shadow: -5px -5px 0px -1px #ffffff, -5px -5px 0 0 #eeeeee;
}

.catalog_top .style-switch {
    float: left;
}

.catalog_top .style-switch a {
    font-size: 16px;
    border-right: 1px solid #eeeeee;
    display: inline-block;
    line-height: 31px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: pointer;
}

.catalog_top .style-switch a.active {
    color: #f44336;
}

.catalog_top .shop-order {
    float: right;
}

.catalog_top .shop-order .form-arrow {
    margin: 0;
    position: relative;
    font-weight: 300;
}

.catalog_top .shop-order select {
    height: 53px;
    color: #9e9e9e;
    border-width: 0 0 0 1px;
    border-color: #eeeeee;
    border-style: solid;
    background: none;
    padding: 0 15px;
}

.catalog_top .shop-order select option {
    padding: 5px 5px 5px 15px;
}

.tab-content>.tab-pane {
    margin-top: 20px;
}

/*********************************************************
						blogWrapper
**********************************************************/

.blogWrapper {
    position: relative;
    padding: 70px 0;
    background-size: cover;
}

.style-greens-two {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000000;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.style-greens-two * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.style-greens-two img {
    max-width: 100%;
}

.style-greens-two div {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    opacity: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #ffffff;
}

.style-greens-two div:before,
.style-greens-two div:after {
    content: '';
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.style-greens-two i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #000000;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.style-greens-two a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.style-greens-two.green {
    background-color: #fff;
}

.style-greens-two.green i {
    color: #fff;
}

.blog-inter:hover .style-greens-two img,
.style-greens-two.hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.blog-inter:hover .style-greens-two div,
.style-greens-two.hover div {
    opacity: 1;
}

.blog-inter:hover .style-greens-two div:after,
.blog-inter:hover .style-greens-two.hover div:after,
.blog-inter:hover .style-greens-two div:before,
.blog-inter:hover .blog-inter:hover .style-greens-two div:before {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.blog-inter:hover .style-greens-two div:before,
.style-greens-two.hover div:before {
    -webkit-transform: scale(1.45);
    transform: scale(1.45);
}

.blog-inter:hover .style-greens-two div:after,
.style-greens-two.hover div:after {
    -webkit-transform: scale(1.88);
    transform: scale(1.88);
}

/*shop_menu_products*/

.shop_menu_products {
    padding: 50px 0px;
    position: relative;
}

.shop_menu_products .nav-tabs {}

.shop_menu_products .nav-tabs>li.active {
    border-bottom: 2px solid #f30000;
}

.shop_menu_products .nav-tabs>li>a {
    margin-right: 0px;
    color: #000;
    border: 0px;
    font-weight: 600;
    font-size: 18px;
}

.shop_menu_products .nav-tabs>li.active>a,
.shop_menu_products .nav-tabs>li.active>a:focus,
.shop_menu_products .nav-tabs>li.active>a:hover {
    color: #f30000;
    cursor: default;
    background-color: #fff;
    border: 0px;
    border-bottom-color: transparent;
}

.shop_menu_products .tab-content h2 {
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
}

.shop_menu_products .tab-content .thumbnail {
    margin-bottom: 25px;
}

.shop_menu_products .tab-content .thumbnail .caption {
    padding: 10px;
}

.shop_menu_products .tab-content .thumbnail h4 {
    line-height: 22px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.shop_menu_products .tab-content .thumbnail p {
    color: #aaa;
    font-size: 16px;
}

@media screen and (max-width:1200px) {
    .shop_menu_products .tab-content .thumbnail p {
        font-size: 14px;
        margin 0 0 0px;
    }
    .shop_menu_products .tab-content .thumbnail h4 {
        padding-bottom: 2px;
        padding-top: 0px;
    }
    .shop_menu_products .tab-content .thumbnail h3 {
        line-height: 30px;
    }
}

@media screen and (max-width:990px) {
    .shop_menu_products .tab-content .thumbnail h4 {
        font-size: 16px;
    }
    .shop_menu_products .tab-content .thumbnail p {
        font-size: 13px;
    }
    .shop_menu_products .tab-content .thumbnail h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:767px) {
    .shop_menu_products .tab-content .thumbnail img {
        text-align: right;
    }
    .shop_menu_products .tab-content .thumbnail .caption {
        padding: 0 10px;
    }
    .bs-example-modal-md .login-form .form-group label {
        font-size: 14px;
    }
}

/*********************************************************
						Responsive
**********************************************************/

@media screen and (max-width:1200px) {
    .history-sec .pall-80 {
        padding: 50px !important;
    }
    #header.clean .main_menu .menu-logo,
    #header.defualt .main_menu .menu-logo,
    #header.fancy .main_menu .menu-logo,
    #header.dark .main_menu .menu-logo {
        padding-top: 20px;
        padding-bottom: 0px;
        float: none;
    }
    #header.clean .main_menu .menu-logo>li,
    #header.defualt .main_menu .menu-logo>li,
    #header.fancy .main_menu .menu-logo>li,
    #header.dark .main_menu .menu-logo>li {
        float: none;
    }
    #header.clean .main_menu .menu-logo>li a,
    #header.defualt .main_menu .menu-logo>li a,
    #header.fancy .main_menu .menu-logo>li a,
    #header.dark .main_menu .menu-logo>li a {
        float: none;
    }
    #header.clean .main_menu .menu-logo>li a img,
    #header.defualt .main_menu .menu-logo>li a img,
    #header.fancy .main_menu .menu-logo>li a img,
    #header.dark .main_menu .menu-logo>li a img {
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    #header.clean .main_menu .menu-links,
    #header.defualt .main_menu .menu-links,
    #header.fancy .main_menu .menu-links,
    #header.dark .main_menu .menu-links {
        float: none;
    }
    .desktopTopFixed .menu-logo {
        display: none;
    }
    #header.clean .cart_btn,
    #header.defualt .cart_btn,
    #header.dark .cart_btn {
        top: 18px;
    }
    #header.clean .search-box-btn,
    #header.defualt .search-box-btn,
    #header.dark .search-box-btn {
        top: 18px;
    }
    #header.fancy .cart_btn,
    #header.fancy .search-box-btn {
        top: 18px;
    }
    #header.clean .main_menu,
    #header.defualt.main_menu,
    #header.fancy.main_menu,
    #header.dark .main_menu {
        min-height: 149px;
    }
    #header.clean .main_menu .menu-links>li>a,
    #header.defualt .main_menu .menu-links>li>a,
    #header.fancy .main_menu .menu-links>li>a,
    #header.dark .main_menu .menu-links>li>a {
        line-height: 66px;
    }
    #header.dark-fancy .topbar {
        padding: 10px 0;
    }
    #header.dark-fancy .menu {
        top: 62px;
    }
    .dark-fancy .menu-logo {
        margin-top: 8px;
    }
    .dark-fancy .padding_tp {
        padding-top: 10px;
    }
    #header.clean .top-social-icons {
		display: none;
        list-style: none;
        text-align: center;
        margin-top: 5px;
        float: left;
        margin-left: 65px;
    }
    #header.clean .main_menu,
    #header.defualt.main_menu,
    #header.fancy.main_menu,
    #header.dark .main_menu {
        min-height: 135px;
    }
    #header.clean .menu-list-items,
    #header.dark .menu-list-items,
    #header.fancy .menu-list-items {
        background: #424141;
    }
    #header.clean .menu-list-items:before,
    #header.dark .menu-list-items:before,
    #header.fancy .menu-list-items:before,
    #header.clean .menu-list-items:after,
    #header.dark .menu-list-items:after,
    #header.fancy .menu-list-items:after {
        display: none;
    }
    #header.clean .menu-list-items:before,
    #header.dark .menu-list-items:before,
    #header.fancy .menu-list-items:before,
    #header.clean .menu-list-items:after,
    #header.dark .menu-list-items:after,
    #header.fancy .menu-list-items:after {
        display: none;
    }
    #header.clean .main_menu .menu-logo,
    #header.defualt .main_menu .menu-logo,
    #header.fancy .main_menu .menu-logo,
    #header.dark .main_menu .menu-logo {
        padding: 10px 0;
        float: none;
        background: #134074;
    }
    #header.clean .main_menu .menu-logo>li,
    #header.defualt .main_menu .menu-logo>li,
    #header.fancy .main_menu .menu-logo>li,
    #header.dark .main_menu .menu-logo>li {
        float: none;
    }
    #header.clean .main_menu .menu-logo>li a,
    #header.defualt .main_menu .menu-logo>li a,
    #header.fancy .main_menu .menu-logo>li a,
    #header.dark .main_menu .menu-logo>li a {
        float: none;
    }
    #header.clean .main_menu .menu-logo>li a img,
    #header.defualt .main_menu .menu-logo>li a img,
    #header.fancy .main_menu .menu-logo>li a img,
    #header.dark .main_menu .menu-logo>li a img {
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    #header.clean .main_menu .menu-links,
    #header.defualt .main_menu .menu-links,
    #header.fancy .main_menu .menu-links,
    #header.dark .main_menu .menu-links {
        float: none;
    }
    #header.clean .main_menu .menu-links>li>a,
    #header.defualt .main_menu .menu-links>li>a,
    #header.fancy .main_menu .menu-links>li>a,
    #header.dark .main_menu .menu-links>li>a {
        line-height: 66px;
    }
    .about-info .section-title h3 span {
        font-size: 25px;
    }
    .about-description li {
        font-size: 14px;
        font-weight: 500;
        margin-top: 2px;
    }
    .whychoose-description li {
        margin-top: 0px;
    }
    .whychoose-wrap .about-video-item {
        margin-top: 45px;
    }
    .footer-sec .footer-info .footer-title {
        font-size: 17px;
    }
    .slidewrap h1 {
        font-size: 55px;
    }
    .single-about {
        font-size: 13px;
        margin-top: 15px;
    }
    .featureLinks li {
        font-size: 14px;
    }
    .about-description .readmore {
        margin-top: 15px;
    }
    .top-social-icons {
        margin-left: 50px;
    }
    .slider-wrap h2 {
        font-size: 55px;
    }
    .quick-quote h2 {
        font-size: 18px;
        padding-top: 10px;
    }
    .single-item .details p {
        min-height: 141px;
    }
    .blog-grid h4 {
        font-size: 18px;
    }
}

@media screen and (max-width:1024px) {
    .dark-fancy .padding_tp {
        padding-top: 10px;
        text-align: left;
    }
    .dark-fancy .padding_tp .list-inline li {
        font-size: 14px;
        padding: 0 10px;
    }
    .why_choose_us_sec .single-why-choose-list p {
        font-size: 13px;
        line-height: 25px;
    }
    .why_choose_us_sec {
        padding: 60px 0 0 0;
    }
    .tp-caption {
        padding: 0px 40px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
    .container {
        width: 96%;
    }
}

@media screen and (max-width:992px) {
    #header.clean .main_menu,
    #header.defualt .main_menu,
    #header.fancy .main_menu,
    #header.dark-fancy .main_menu,
    #header.dark .main_menu {
        min-height: 150px;
        background: #424141;
    }
    #header.dark-fancy .menu-logo {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #header.dark-fancy .menu-logo li {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #header.dark-fancy .menu-logo li a {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #header.dark-fancy .menu-logo li a img {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .btn-box {
        position: absolute;
        top: 143px;
        right: 15px;
        z-index: 99999;
    }
    .main_menu .menu-links {
        left: 0;
        position: absolute;
        top: 150px;
        width: 100%;
    }
    #header.clean .main_menu .menu-logo,
    #header.defualt .main_menu .menu-logo,
    #header.fancy .main_menu .menu-logo,
    #header.dark .main_menu .menu-logo,
    #header.dark-fancy .main_menu .menu-logo {
        padding-top: 1px;
        padding-bottom: 0px;
    }
    #header.clean .main_menu .menu-links>li>a,
    #header.defualt .main_menu .menu-links>li>a,
    #header.fancy .main_menu .menu-links>li>a,
    #header.dark-fancy .main_menu .menu-links>li>a,
    #header.dark .main_menu .menu-links>li>a {
        line-height: 40px;
    }
    #header.clean .cart_btn,
    #header.dark .cart_btn,
    #header.defualt .cart_btn,
    #header.fancy .cart_btn,
    #header.dark-fancy .cart_btn {
        display: none;
    }
    #header.clean .search-box-btn,
    #header.defualt .search-box-btn,
    #header.fancy .search-box-btn,
    #header.dark-fancy .search-box-btn,
    #header.dark .search-box-btn {
        display: none;
    }
    .top-left {
        display: none;
    }
    .headingSpacer {
        margin-top: 0px;
    }
    .testmonial-item p {
        min-height: 200px;
    }
    .text-sm-left {
        text-align: left;
    }
    .pc-price-7,
    .pc-price-5 {
        margin: 20px 0px;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-right {
        text-align: right;
    }
    .row-eq-height {
        display: block;
    }
    .inner-intro {
        height: 250px;
    }
    .intro-title .section-title {
        margin-bottom: 0;
    }
    .intro-title .section-title .title {
        font-size: 34px;
    }
    .page-section-ptb100 {
        padding: 50px 0 0 0;
    }
    .service .service-block {
        margin-top: 40px;
    }
    .service .service-block img {
        margin-top: 30px;
    }
    #header.defualt {
        position: relative;
        background: #323232;
    }
    .welcome-section .about-img {
        display: none;
    }
    .main_menu {
        min-height: 80px;
    }
    .main_menu .menu-logo {
        padding: 01px 0;
    }
    .main_menu .menu-links>li {
        border-bottom-color: rgba(255, 255, 255, 0.25);
        padding: 0;
    }
    .main_menu .menu-links>li>a {
        line-height: 30px;
        color: #ffffff;
        padding: 10px 20px;
    }
    #header.fancy .main_menu .menu-links>li>a,
    #header.dark-fancy .main_menu .menu-links>li>a {
        color: #ffffff;
    }
    .main_menu .menu-links>li:last-child {
        border-bottom: none;
    }
    .main_menu .menu-links>li.active>a {
        color: #134074;
    }
    #header.clean .main_menu .menu-links>li>a {
        color: #ffffff;
    }
    #header.clean .main_menu .menu-links>li>a:hover {
        color: #134074;
    }
    .main_menu .row>[class*='col-']:before,
    .main_menu .row>[class*='col-']:after {
        content: "";
        display: table;
        clear: both;
    }
    #header.fancy .menu {
        position: relative;
        top: 0px;
    }
    #header.fancy .menu .container {
        width: 100%;
    }
    #header.fancy .main_menu>section.menu-list-items {
        padding: 0;
    }
    #header.fancy+.rev-slider .slider-text {
        top: 100px;
        transform: translateY(0%);
    }
    #header.fancy .row>[class*='col-'] {
        padding-left: 0px;
        padding-right: 0px;
    }
    #header.dark-fancy .menu {
        position: relative;
        top: 0px;
    }
    #header.dark-fancy .menu .container {
        width: 100%;
    }
    #header.dark-fancy .main_menu>section.menu-list-items {
        padding: 0 20px;
        padding-right: 10px;
    }
    #header.dark-fancy .main_menu .menu-links>li>a {
        line-height: 30px;
    }
    #header.dark-fancy .row>[class*='col-'] {
        padding-left: 0px;
        padding-right: 0px;
    }
    #header.defualt .btn-box {
        top: 133px;
    }
    .margin_t_50 {
        margin-top: 0px;
    }
    .search-button {
        margin-right: 15px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #bloq-search {
        position: absolute;
        width: 20rem;
        right: 30rem;
        top: 5.5rem;
        z-index: 99999;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
    .slider-wrap h4 {
        font-size: 30px;
    }
    .slidewrap h3 {
        font-size: 22px;
    }
    .main-header .btn-box .brochure-btn {
        padding: 5px 30px 4px 30px;
    }
    .search-button {
        display: none;
    }
    .counter_area:before {
        display: none;
    }
    .counter_area:after {
        display: none;
    }
    .whychoose-wrap {
        padding: 70px 0;
    }
    .about-info .col-sm-push-6 {
        left: 0;
    }
    .about-info .col-sm-pull-6 {
        right: 0;
    }
    .addresss span {
        font-size: 17px;
    }
    .addresss {
        margin-top: 10px;
    }
    .phone {
        margin-top: 10px;
    }
    .top-social-icons {
        float: right;
        margin-left: 0px !important;
    }
    .slidewrap h1 {
        font-size: 42px;
    }
    .slidewrap p {
        font-size: 14px;
    }
    .error-page p {
        padding: 0px;
    }
    .why_choose_us_sec_img {
        display: none;
    }
    .testiWrp {
        margin-bottom: 15px;
    }
    .serviceSingle #main .slider {
        margin-top: 550px;
    }
    .blog-grid .pull-right {
        float: none !important;
    }
    .why_choose_us_sec {
        padding: 60px 0 30px 0;
    }
    .counterbox {
        padding: 25px 0px;
    }
    .quick-quote h2 {
        margin-top: 0px;
        text-align: center;
        padding-top: 5px;
        margin-bottom: 20px;
    }
    .slider-wrap h2 {
        font-size: 40px;
    }
    .slider-wrap h5 {
        font-size: 18px !important;
    }
    .slider-wrap p {
        font-size: 14px;
    }
    #header.clean .top-social-icons {
        float: right;
    }
    .about-info .section-title p,
    .whychoose-wrap .section-title p {
        margin-left: 0px;
    }
    .single-item .details p {
        min-height: 85px;
    }
    .single-item .details h3 {
        margin: 0 0 0.2em;
    }
    .single-item {
        padding: 30px 25px 30px 25px;
    }
    .services .col-sm-6:nth-child(3) {
        margin-top: 30px;
    }
    .services .col-sm-6:nth-child(4) {
        margin-top: 30px;
    }
    .services .col-sm-6:nth-child(5) {
        margin-top: 30px;
    }
    .services .col-sm-6:nth-child(6) {
        margin-top: 30px;
    }
    .footer-sec .footer-info .footer-adress li:nth-child(3) {
        padding-bottom: 25px;
    }
    .about-info .section-title h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .about-info .section-title h3 span {
        font-size: 20px;
    }
    .about-info .section-title,
    .about-description {
        padding-left: 0px;
    }
}

@media screen and (max-width:992px) and (min-width:768px) {}

@media screen and (max-width:767px) {
    .text-xs-center,
    .dark-fancy .padding_tp ul {
        text-align: center;
    }
    .text-xs-right {
        text-align: right;
    }
    h1 {
        font-size: 46px;
        line-height: 50px;
    }
    h2 {
        font-size: 28px;
        line-height: 36px;
    }
    h3 {
        font-size: 25px;
        line-height: 32px;
    }
    h4 {
        font-size: 21px;
        line-height: 28px;
    }
    h5 {
        font-size: 17px;
        line-height: 22px;
    }
    h6 {
        font-size: 16px;
        line-height: 20px;
    }
    h1.title2 {
        font-size: 44px;
        line-height: 50px;
    }
    h2.title2 {
        font-size: 36px;
        line-height: 42px;
    }
    h3.title2 {
        font-size: 32px;
        line-height: 40px;
    }
    h4.title2 {
        font-size: 30px;
        line-height: 36px;
    }
    h5.title2 {
        font-size: 26px;
        line-height: 32px;
    }
    h6.title2 {
        font-size: 22px;
        line-height: 30px;
    }
    .main_menu .menu-logo img {
        height: 40px;
    }
    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
    .main-header .btn-box {
        position: absolute;
        top: 120px;
        right: 6px;
        margin-top: 0px;
        margin-right: 0px;
        z-index: 999;
    }
    .top-social-icons {
        margin-top: 5px;
    }
    .register-btn {
        margin-left: 10px;
    }
    .whychoose-description {
        padding-left: 25px;
    }
    .addresss {
        float: none;
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
    }
    .phone {
        float: none;
        display: inline-block;
        text-align: left;
    }
    .adressWrp {
        text-align: center;
    }
    .slidewrap h1 {
        font-size: 30px;
    }
    .slidewrap h3 {
        font-size: 16px;
    }
    .comingSoon h2 {
        font-size: 50px;
    }
    .comingSoon p {
        font-size: 70px;
    }
    .serviceSingle #main .slider {
        margin-top: 30px;
    }
    .featureLinks li {
        float: none;
        width: 100%;
    }
    .user-wrap {
        text-align: center;
    }
    .footer-sec .copyright-content p {
        text-align: center;
    }
    .footer-sec .copyright-content .footer-bottom-menu {
        text-align: center;
    }
    .single-shop-content .img-holder {
        margin-right: 0px;
    }
    .single-shop-content .content-box {
        margin-left: 0px;
        padding: 10px 5px;
    }
    .slidewrap p {
        display: none;
    }
    .slidewrap {
        text-align: center;
        margin-top: 10px;
    }
    .section-title h3 {
        font-size: 24px;
    }
    .inner-heading h1 {
        font-size: 24px;
    }
    .xs-breadcumb li {
        font-size: 14px;
    }
    .aboutUs-description .single-about:before {
        display: none;
    }
    .single-about {
        text-align: center;
    }
    .user-wrap {
        padding-top: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
    }
    .banner-info a {
        margin-top: 20px;
    }
    .tp-banner-container {
        margin-top: 45px;
    }
    .portfolio-area .container-filter li {
        display: block;
        line-height: 0px;
        border-bottom: 1px solid #eee;
    }
    .portfolio-area .container-filter li a {
        width: 100%;
    }
    .about-img-pro {
        display: none;
    }
    .about-info .section-title,
    .about-description,
    .whychoose-wrap .section-title,
    .whychoose-description {
        /* padding-left: 30px; */
    }
    .services .col-sm-6:nth-child(2) {
        margin-top: 30px;
    }
    .services-two .col-md-6:nth-child(2) {
        margin-top: 30px;
    }
    .single-item .details p {
        min-height: 55px;
    }
    .blog-grid h4 {
        min-height: 45px;
    }
}

@media only screen and (max-width:599px) {
    .banner-info a {
        padding: 5px 20px;
        font-size: 14px;
    }
    .main-header .social-links-one {
        top: 0px;
    }
    .footer-sec .copyright-content {
        text-align: center;
    }
    .footer-sec .copyright-content .footer-bottom-menu {
        text-align: center;
    }
}

@media screen and (max-width:479px) {
    .whychoose-wrap .about-video-item {
        margin-bottom: 15px;
    }
    .whychoose-wrap .about-video-item .about-img2 {
        display: none;
    }
    .comingSoon p {
        text-align: center;
        font-size: 50px;
        font-family: 'Oswald', sans-serif;
    }
}

@media only screen and (max-width:425px) {
    .main-header .btn-box .brochure-btn {
        padding: 5px 15px 4px 15px;
        font-size: 14px;
    }
}

@media only screen and (max-width:400px) {
    .btn-box .btn-style-one {
        padding: 12px 20px;
    }
    .single-about p {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .quick-quote h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .login-btn {
        /* width: 55px; */
    }
}

/*********************************************************
						Animation Keay
**********************************************************/

.bg-effect:before {
    -webkit-animation-name: fadebounce;
    -moz-animation-name: fadebounce;
    -ms-animation-name: fadebounce;
    -o-animation-name: fadebounce;
    animation-name: fadebounce;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

v@-moz-keyframes fadebounce {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        -moz-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 1;
    }
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadebounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes fadebounce {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        -o-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 1;
    }
    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadebounce {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        -ms-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 1;
    }
    100% {
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadebounce {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(25px);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Pulse Effect */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.2);
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    25% {
        -moz-transform: scale(1.2);
    }
    50% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1);
    }
    25% {
        -ms-transform: scale(1.2);
    }
    50% {
        -ms-transform: scale(1);
    }
    100% {
        -ms-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    25% {
        -o-transform: scale(1.2);
    }
    50% {
        -o-transform: scale(1);
    }
    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}



.about-img-pro .carousel,
.about-img-pro .carousel-inner,
.about-img-pro .item {
    padding-top: 20px;
    width: 95%;
    height: 95%;
}

.about-video-item {
    position: relative;
    width: 100%;
    height: 400px; /* 根据实际设计调整 */
    overflow: hidden; /* 防止动画时图片溢出 */
}

.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持背景图覆盖整个容器 */
    z-index: 1;
    transition: transform 0.3s ease; /* 平滑过渡 */
}

.foreground-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%; /* 控制前景图大小 */
    height: auto;
    z-index: 2;
    pointer-events: none; /* 让鼠标事件穿透到容器，避免悬停中断 */
}

/* 鼠标悬停时背景图大幅晃动动画 */
.about-video-item:hover .bg-img {
    animation: bigShake 0.5s infinite;
}

@keyframes bigShake {
    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
    25% { transform: translate(-5px, 1px) rotate(-2deg) scale(1); }
    50% { transform: translate(5px, -1px) rotate(2deg) scale(1); }
    75% { transform: translate(-5px, -1px) rotate(-1deg) scale(1); }
    100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}


.brand-slider figcaption h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.custom-gutter {
    margin-left: -20px;
    margin-right: -20px;
}
.custom-gutter > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
}

/* 2. 图片缩小一点（宽度占列的 90%，居中显示） */
.portfolio-posts .image-hover-effect {
    text-align: center;           /* 水平居中 */
}
.portfolio-posts .image-hover-effect img {
    max-width: 70%;               /* 图片最大宽度为列宽的 90%，周围留出空白 */
    height: auto;                  /* 高度自适应，保持原始比例 */
    display: inline-block;         /* 配合 text-align 居中 */
}

.portfolio-posts.grid > li {
    /*border: 0.01px solid #333;        /* 边框颜色和粗细可调，例如 #eee / 1px / dashed 等 
    box-sizing: border-box;        /* 让边框包含在宽度内部，避免溢出 */
    background: #fff;              /* 可选，为内容添加白色背景 */
    border-radius: 10px;            /* 可选，圆角效果 */
    overflow: hidden;              /* 避免内容溢出圆角边框 */
}