div#preloader { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background: #051046 url(../images/bars-loader.gif) no-repeat center center; background-size: 35px 20px; }

/* select::-ms-expand {
 display:none;
}

select { background-image: url(../images/select-arrow.png); background-position: right; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
 input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;

}*/


::selection { background: rgba(14, 120, 174, 0.6); color: #fff; }

::-moz-selection {
 background:rgba(14, 120, 174, 0.6);
 color:#fff;
}

/*****/

::-webkit-scrollbar {
 width:5px;
}

::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
 background:#171719;
}

::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb {
 background:rgba(255,255,255,0.6);
}

input, textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }

.error, .wpcf7-not-valid { border-color: red !important; }

label.error, span.wpcf7-not-valid-tip, div.wpcf7-validation-errors { display: none !important; }

a { text-decoration: none !important; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

*:focus { outline: none !important; }

img { max-width: 100% }

table, td, th { border: 0; }

strong, b { font-weight: 700; }

i, em { font-style: italic; }

.clr { border: 0; clear: both; height: 0; }

html, body { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; }

body { background: #fff; color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; -webkit-text-stroke: rgba(255,255,255,0.01) 0.1px; }
 @media only screen and (min-width:1280px) {

.container { padding-left: 0; padding-right: 0; }
}

.header {background: #f7f7f7; border-top: 4px solid #789fad; box-shadow: 0 0 5px #bec185; -webkit-box-shadow: 0 0 5px #bec185; padding: 13px 0 20px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }

.header.stick { left: 0; padding:8px 0 10px; position: fixed; right: 0; top: 0; z-index: 99;}

.header .container-fluid { padding-left: 70px; padding-right: 70px; }

.logo { display: block; float: left; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width:86px; }

.header.stick .logo { width: 86px;}
.u-section-2 {
    background-image: linear-gradient(0deg, rgba(201, 201, 201,201), rgba(0,0,0,0.6)), url(../images/bne.jpeg);
}
.u-section-2 .u-sheet-1 {
    min-height: 547px;
}
.u-section-2 .u-text-1 {
    width: 357px;
    margin: 60px auto 0;
}
div#topnav {
    margin-top: 33px;
}

.sec-title {
    border: none;
    color: #ffffff;
}
.sec-title {
    position: relative;
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}
.sec-title h2 {
    color: #9F9996;
}
.sec-title h2 {
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #253d4a;
    line-height: 1.4em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.sec-title .separator {
    position: relative;
    width: 100%;
    height: 20px;
}
 
.sec-title .text {
    color: #50575e;
    font-family: 'Bitter', serif;
    font-size: 14px;
   
}`
li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}
ul.sub-menu li:hover>ul {
    opacity: 1;
    visibility: visible;
}

ul.sub-menu {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    margin: 0;
    background-color: #fff;
    text-align: left;
    width: 100%;
    display: none;
}
ul.sub-menu li {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
ul.sub-menu li a {
    color: #2a2a2a;
    padding: 11px 15px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #2a2a2a;
    font-size: 14px;
    line-height: 20px;
}
nav li {
    position: relative;
    float: left;
}
nav a {
    color: #fff;
    display: block;
    font-size: 18px;
   
    text-transform: uppercase;
    position: relative;
    z-index: 0;
}
nav a:before {
    position: absolute;
    z-index: -1;
    background-color: #bd1a29;
    height: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: "";
    top: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.menu-item-has-children>a:after {
    position: absolute;
    content: "\f107";
    right: -18px;
	color:#980722;
    top: 49%;
    transform: translateY(-50%)rotate(0deg);
    -webkit-transform: translateY(-50%)rotate(0deg);
    font-family: 'fontawesome';
    font-size: 16px;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}  
#topnav { margin: 55px 0 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.header.stick #topnav { margin: 30px 0 0;}

.navbar-collapse { padding-left: 0; padding-right: 0; }

.navbar-header { margin-left:0; margin-right:0;}

.topnav { display: block;
    float: left;
    margin: 0px 192px;}

.topnav ul { margin: 0; padding: 0; }

.topnav ul li { display: block; float: left; font-size: 16px; list-style: none; margin: 0 0 0 40px; text-transform: uppercase; }

.topnav ul li:first-child { margin-left: 0; }

.topnav ul li a { color: #56544e; }

.topnav ul li:hover>a, .topnav ul li.current-menu-item>a { color: #789fad; }

#home-slider { position: relative; }

#home-slider .item:before { border: 1px solid #fff; bottom: 15px; content: ""; left: 15px; margin: auto; position: absolute; right: 15px; top: 15px; z-index: 1; }

#home-slider .item { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 862px;position: relative;z-index: -999999; }
.logo img {
    position: absolute;
    z-index: 9;
   
}
#home-slider .carousel-indicators { bottom: auto; left: auto; margin-left: 0; padding-left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 37px; width: 14px; }

#home-slider .carousel-indicators li { display: block; width: 13px; height: 13px; margin: 8px 0px; border: 1px solid #e9e5cf; border-radius: 50%; background-color: #e9e5cf; }

#home-slider .carousel-indicators .active { background-color: #fff; }

.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control { z-index: 2; }

.welcome-wrap { display: block; padding: 50px 0 45px; position: relative; }

.welcome-wrap * { position: relative; z-index: 1; }

.welcome-wrap h1 { color: #bec185; font-size: 70px; font-weight: 300; letter-spacing: 5px; line-height: 1; margin: 0 0 8px; text-transform: uppercase; }

.welcome-wrap h3 { color: #fff; font-family: 'Rochester', cursive; font-size: 43px; margin: 0 0 10px; }

.welcome-wrap h4 { color: #7b7556; font-size: 24px; line-height: 1; }

.welcome-wrap p { color: #fff; font-size: 17px; line-height: 28px; margin: 0; }

.welcome-wrap:after { background: #bec185; bottom: 9px; content: ""; display: block; left: 29.80%; position: absolute; right: 0; top: 9px; z-index: 0; }

.welcome-left { float: left; padding: 5px 0 0 60px; width: 29.5%; }

.welcome-right { float: left; padding: 0 60px 10px 50px; width: 70.5%; }

.portfolio-wrap { display: block; float: left; padding: 0; width: 100%; }

.portfolio-wrap aside { margin: 0 -5px; overflow: hidden; }

.portfolio-wrap figure { border-left: 5px solid #fff; border-right: 5px solid #fff; display: block; float: left; margin: 0 0 10px; overflow: hidden; padding: 0; position: relative; width: 50%; }

.portfolio-wrap figure img { display: block; max-width: none; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.portfolio-wrap figure:hover img { transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); }

.portfolio-wrap figure figcaption { background: rgba(0,0,0,0.2); bottom: 0; content: ""; display: block; height: 100%; left: 0px; position: absolute; right: 0px; top: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 2; }

.portfolio-wrap figure:hover figcaption { background: rgba(0,0,0,0.6); transform: scale(1.3) }

.portfolio-wrap figure figcaption h3 { font-size: 25px; font-weight: bold; letter-spacing: 0.07em; line-height: 1.4; margin: 0; padding: 0 0 7px; position: relative; text-align: center; text-transform: uppercase; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.portfolio-wrap figure figcaption h3:after { background: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 0; margin: auto; position: absolute; right: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 72px; }

.portfolio-wrap figure figcaption h3:hover:after { width: 90px; }

.portfolio-wrap figure figcaption h3 a { color: #fff; }

.portfolio-wrap .one-third-section figure { width: 33.33%; }

.portfolio-title { background: #9cbece; border-left: 5px solid #fff; border-right: 5px solid #fff; display: block; float: left; padding: 0 6%; width: 33.33%; }

.portfolio-title h2 { color: #fff; font-size: 40px; font-weight: 300; margin: 0 0 20px; padding: 0 0 10px; position: relative; text-transform: uppercase; }

.portfolio-title h2:after { background: #fff; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 46px; }

.portfolio-title p { color: #fff; font-size: 18px; font-weight: 300; line-height: 24px; }

.display-table { display: table; table-layout: fixed; width: 100%; }

.display-table-cell { display: table-cell; vertical-align: middle; }

.footer-wrap { display: block; float: left; margin: 40px 0 0; overflow: hidden; width: 100%; }

.browse { display: block; }

.browse h2 { color: #000; display: block; font-size: 20px; font-weight: 300; margin: 0; position: relative; text-align: center; text-transform: uppercase; }

.browse h2:before { background: #afafaf; bottom: 0; content: ""; display: block; height: 1px; margin: auto; position: absolute; top: 0; width: 100%; z-index: 0; }

.browse h2 strong { background: #fff; display: inline-block; font-weight: 300; padding: 0 10px; position: relative; z-index: 1; }

.footnav { display: block; margin: 30px 0 40px; text-align: left; }

.footnav ul { margin: 0; padding: 0; }

.footnav ul li { display: inline-block; font-size: 14px; list-style: none; margin: 0 23px; }

.footnav ul li a { color: #7b7b7b; display: block; }

.footnav ul li:hover a { color: #000; }

.bottom-info { border-top: 1px solid #f0f0f0; padding: 0 0 30px; }

.bottom-info h3 { color: #4a4741; font-size: 20px; font-weight: 300; margin: 0 0 20px; text-transform: uppercase; }

.bottom-info p { color: #4a4741; font-size: 14px; font-weight: normal; line-height: 25px; }

.bottom-info a { color: #980722; }

.bottom-info a:hover { color: #000; }

.top-div { display: block; float: left; padding: 45px 0 12px; position: relative; width: 100%; }

.top-div:after { background: #f0f0f0; bottom: 0; content: ""; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; }

.top-div .left-section { display: block; float: left; padding: 0 50px 0 0; text-align: right; width: 50%; }

.top-div .right-section { display: block; float: left; padding: 0 0 0 50px; width: 50%; }

.social-media { display: block; float: left; padding: 35px 0 0; text-align: center; width: 100%; }

.social-media p { margin: 0; }

.social-media a { background: #fff; border: 1px solid #9cbece; border-radius: 50%; color: #980722; display: inline-block; font-size: 20px; height: 35px; line-height: 35px; margin: 0 2px; position: relative; text-align: center; width: 35px; }

.social-media a:hover { background: #ff9800; color: #fff; }

.copyright-pk { background: #980722; padding: 10px 0; }

.copyright-pk p { color: #fff; font-size: 13px; line-height: 1; margin: 0; padding: 5px 0; }

.copyright-pk a { color: #fff; }

.copyright-pk a:hover { color: rgba(255,255,255,0.6); }

.procuced-by { border-right: 1px solid #9d9988; float: left; padding: 0 15px 0 0; text-align: right; width: 50%; }

.copy-by { float: left; padding: 0 0 0 15px; text-align: left; width: 50%; }

.about-wrap { display: block;
 overflow: hidden;
 position: relative;
    z-index: -999999;
    display: block;
    overflow: hidden;
    position: relative;
} }

.about-wrap:before { background: #f3f3f3; bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 50%; }

.about-img { display: block; float: left; position: absolute; width: 50%; height:100% }

.about-img figure { display: block; min-height: 636px; overflow: hidden; position: relative; }

.about-img img { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }

.about-img:after { background: #516683; bottom: 0; content: ""; left: 0; position: absolute; right: -100000px; top: 0; z-index: 0; }

.about-left { background: #f3f3f3; display: block; float: left; margin: 636px 0 0; padding: 61px 50px 35px 0; position: relative; width: 50%; }

.about-left * { position: relative; z-index: 3; }

.about-left:before { background: #f3f3f3; bottom: 0; content: ""; left: -100000px; position: absolute; right: 0; top: 0; z-index: 0; }

.about-left p { color: #6a665d; font-size: 18px; font-weight: 300; line-height: 27px; margin: 0 0 25px; }

.about-right { color: #fff; display: block; float: right; margin: 115px 0 0; position: relative; width: 44.6%; z-index: 4; }

.about-right h1 { font-size: 70px; font-weight: 300; letter-spacing: 5px; line-height: 1; margin: 0 0 20px; text-transform: uppercase; }

.about-right p { font-size: 21px; font-weight: 300; line-height: 32px; margin: 0 0 40px; }

.about-right h3 { font-size: 30px; font-weight: 300; margin: 0 0 20px; }

.about-right-img { display: block; }

.design-for-all { background: #9cbece; padding: 45px 25px 20px 35px; }

.design-for-all p { font-size: 19px; line-height: 26px; margin: 0 0 20px; }

.design-for-all p + h3 { margin-top: 60px; }

.contact-us-wrap { display: block; }

.contact-left { background: #980722; float: left; padding: 98px 0 0; width: 50%; }

.contact-info { display: block; float: right; margin: 0 50px 15px 0; max-width: 536px; width: 67%; }

.contact-info table { margin: 0 0 30px; }

.contact-info table td:first-child { border-right: 1px solid #d9dcaa; width: 42%; }

.contact-info table td:last-child { padding: 0 0 0 28px; }

table.phone-mail td { font-size: 19px; font-weight: 300; vertical-align: top; }

table.phone-mail td a { color: #fff; }

table.phone-mail td a:hover { color: #6d7117; }

table.phone-mail td h4 { color: #fff; font-size: 15px; font-weight: bold; margin: 20px 0 10px; text-transform: uppercase; }

table.phone-mail td p { color: #fff; font-size: 16px; font-weight: 300; line-height: 25px; margin: 0 0 10px; }

table.phone-mail td p:last-of-type { margin: 0; }

.contact-us-wrap h1 { color: #fff; font-size: 70px; font-weight: 300; letter-spacing: 5px; line-height: 1; margin: 0 0 56px; text-transform: uppercase; }

.contact-map { display: block; float: left; width: 100%; }

.contact-map iframe, .contact-map .acf-map { display: block; height: 400px; margin: 0; width: 100%; }

.contact-right { background: url(../images/contact-form-bg.jpg) no-repeat center; background-size: cover; float: right; padding: 120px 0 180px 63px; position: relative; width: 50%; }

.contact-right:after { background: rgba(34,29,1,0.25); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }

.contact-form { display: block; max-width: 522px; padding: 0; position: relative; width: 65.25%; z-index: 1; }
 .contact-form ::-webkit-input-placeholder {
 color:#6c6c6c;
 opacity:1 !important;
}
 .contact-form ::-moz-placeholder {
 color:#6c6c6c;
 opacity:1 !important;
}
 .contact-form :-ms-input-placeholder {
 color:#6c6c6c;
 opacity:1 !important;
}
 .contact-form :-moz-placeholder {
 color:#6c6c6c;
 opacity:1 !important;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form input[type="tel"], .contact-form input[type="number"], .contact-form textarea { background: rgba(255,255,255,0.85); border: 1px solid #fff; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; color: #6c6c6c; display: block; font-size: 14px; height: 55px; margin: 0 0 2px; padding: 0 16px; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }

.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="password"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="number"]:focus, .contact-form textarea:focus { background: #fff; }

.contact-form textarea { height: 110px; margin: 0 0 18px; padding: 10px 16px; resize: none; }

.captcha-div { display: block; margin: 0 0 20px; }

.contact-form input[type="submit"] { background: #980722; border: 2px solid #980722; color: #fff; display: inline-block; font-family: 'Open Sans', serif; font-size: 14px; font-weight: bold; height: 45px; margin: 0; text-transform: uppercase; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 154px; }

.contact-form input[type="submit"]:hover { background: #fff; color: #9cbece; }

.contact-form div.wpcf7 img.ajax-loader { background: #fff; border-radius: 50%; margin-left: 10px; padding: 2px; }

.captcha-div .wpcf7-form-control-wrap { position: static !important; }

.captcha-div .wpcf7-not-valid-tip { background: rgba(245, 223, 223, 0.89); border: 1px solid red; bottom: -35px; color: red; display: block !important; font-size: 13px; padding: 2px 10px; position: absolute; width: 100%; }

.contact-form div.wpcf7-response-output { bottom: -40px; left: 0; margin: 0; padding: 3px 10px; position: absolute; right: 0; }

.contact-form div.wpcf7-mail-sent-ok { background: #e9ffdc; border: 1px solid #398f14; color: #035403; }

.outer-wrap { display: block; overflow: hidden; position: relative;position: relative;
    z-index: -999999; }

.left-img { display: block; float: left; position: absolute; width: 50%; }

.left-img figure { display: block; min-height: 636px; overflow: hidden; position: relative; }

.left-img img { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }

.left-img:after { background: #516683; bottom: 0; content: ""; left: 0; position: absolute; right: -100000px; top: 0; z-index: 0; }

.right-text { color: #fff; display: block; float: right; margin: 98px 0 70px; min-height: 420px; position: relative; width: 44.6%; z-index: 4; }

.right-text h1 { font-size: 70px; font-weight: 300; letter-spacing: 5px; line-height: 1; margin: 0 0 30px; text-transform: uppercase; }

.right-text p { font-size: 17px; font-weight: 300; line-height: 26px; margin: 0 0 20px; }

.right-text h4 { font-size: 21px; font-weight: 300; line-height: 34px; margin: 0 0 30px; }

.blog-wrap { background: #f3f3f3; display: block; padding: 55px 0 60px; }

.blog-main { display: block; float: left; width: 67.7%; }

.blog-post { background: #fff; display: block; float: left; margin: 0 0 46px; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }

.blog-post:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); }

.blog-post figure { display: block; margin: 0 0 38px; }

.blog-post figure img { display: block; width: 100%; }

.blog-post figcaption { display: block; float: left; padding: 0 42px 40px 32px; width: 100%; }

.blog-post h2 { color: #6a665d; font-size: 30px; font-weight: 300; line-height: 36px; }

.blog-post h2 a { color: #6a665d; }

.blog-post h2 a:hover { color: #000; }

.blog-post p { color: #6a665d; font-size: 16px; line-height: 27px; margin: 0 0 30px; }

.blog-post p:last-of-type { margin: 0; }

.blog-title { float: left; width: 44%; }

.blog-desc { float: left; width: 56%; }

a.continue-btn { background: #fff; border: 1px solid #d4d4d4; color: #484744; display: inline-block; font-size: 14px; font-weight: bold; padding: 12px 24px; text-transform: uppercase; }

a.continue-btn:hover { background: #484744; color: #fff; }

.blog-sidebar { display: block; float: right; width: 28.2%; }

.blog-sidebar h3 { color: #56544e; font-size: 20px; font-weight: bold; margin: 0 0 18px; text-transform: uppercase; }

.blog-sidebar ul { margin: 0; padding: 0; }

.blog-sidebar ul li { display: block; font-size: 16px; font-weight: 300; list-style: none; margin: 0 0 8px; padding: 0 0 0 19px; position: relative; }

.blog-sidebar ul li:before { background: #8a8476; border-radius: 50%; color: #6a665d; content: ""; display: block; height: 6px; left: 0; position: absolute; top: 8px; width: 6px; }

.blog-sidebar a { color: #6a665d; display: inline-block; }

.blog-sidebar a:hover { color: #000; }

.categories-div, .archives-div, .tags-div { float: left; margin: 0 0 30px; width: 100%; }

.archives-div ul { float: left; width: 50%; }

.tags-div ul li { border: 1px solid #cccccc; display: inline-block; font-size: 13px; margin: 0 4px 7px 0; padding: 0; }

.tags-div ul li:before { display: none; }

.tags-div ul li a { color: #789fad; display: block; padding: 5px 14px; }

.tags-div ul li:hover a { background: #fff; }

.store-wrap { display: block; padding: 10px 0 0; }

.store-wrap h2 { color: #56544e; font-size: 23px; font-weight: bold; margin: 0 0 65px; text-align: center; text-transform: uppercase; }

.store-categs { margin: 0 -5px; overflow: hidden; }

.store-categs figure { border: 5px solid #fff; display: block; float: left; overflow: hidden; position: relative; width: 33.33%;height: 250px; }

.store-categs figure img { display: block; max-width: none; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.store-categs figure:hover img { transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); }

.store-categs figure figcaption { background: rgba(0,0,0,0.3); bottom: 0; content: ""; display: block; height: 100%; left: 0px; position: absolute; right: 0px; top: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 2; }

.store-categs figure:hover figcaption { background: rgba(0,0,0,0.7); transform: scale(1.3) }

.store-categs figure figcaption h3 { color: #fff; font-size: 25px; font-weight: bold; letter-spacing: 0.07em; line-height: 1.4; margin: 0; padding: 0 0 7px; position: relative; text-align: center; text-transform: uppercase; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.store-categs figure figcaption h3:after { background: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 0; margin: auto; position: absolute; right: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 72px; }

.store-categs figure figcaption h3:hover:after { width: 90px; }

.store-categs figure figcaption h3 a { color: #fff; }

.blog-wrap div#loader { display: inline-block; margin: 0 0 0 10px; vertical-align: middle; }

.privacy-wrap { display: block; overflow: hidden; position: relative; }

.privacy-wrap:before { background: #f3f3f3; bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 54%; }

.privacy-img { display: block; float: left; }

.privacy-img figure { display: block; min-height: 556px; overflow: hidden; position: relative; }

.privacy-img img { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }

.privacy-img:after { background: #516683; bottom: 0; content: ""; left: 0; position: absolute; right: -100000px; top: 0; z-index: 0; }

.privacy-left { background: #f3f3f3; display: block; float: left; margin: 636px 0 0; padding: 61px 50px 0 0; position: relative; width: 50%; }

.privacy-left * { position: relative; z-index: 3; }

.privacy-left:before { background: #f3f3f3;
    display: block;
    float: left;
    margin: 636px 0 0;
    padding: 61px 50px 0 0;
    position: relative;
    width: 54%; }

.privacy-left h3 { color: #56544e; font-size: 20px; font-weight: 700; letter-spacing: 0.02em; margin: 0 0 20px; text-transform: uppercase; }

.privacy-left p { color: #6a665d; font-size: 16px; font-weight: 300; line-height: 27px; margin: 0 0 25px; }

.privacy-wrap ul { margin: 0 0 20px; padding: 0; }

.privacy-wrap ul li { display: block; font-size: 16px; font-weight: 300; line-height: 27px; list-style: none; margin: 0 0 10px; padding: 0 0 0 20px; position: relative; }

.privacy-wrap ul li:before { background: #56544e; border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; height: 6px; left: 0; position: absolute; top: 10px; width: 6px; }

.privacy-right { color: #fff; display: block; float: right; margin: 115px 0 0; position: relative; width: 45.6%; z-index: 4; }

.privacy-right h1 { font-size: 70px; font-weight: 300; letter-spacing: 5px; line-height: 1; margin: 0 0 20px; text-transform: uppercase; }

.privacy-right p { font-size: 17px; font-weight: 300; line-height: 26px; margin: 0 0 40px; }
h1.page-title.serch {
    font-size: 20;
    font-size: 30px;
    margin: 20px 20px 20px 20px;
    text-align: center;
    font-weight: 700;
}
.privacy-right-img { display: block; }

.privacy-right-img figure { display: block; margin: 0 0 32px; }

.privacy-right-img figure:last-of-type { margin: 0; }

.spaces-wrap { background: #fff; display: block; padding: 55px 0 20px; }

.spaces-post { display: block; margin: 0 0 40px; max-width: 522px; width: 100%; }

.spaces-post .carousel { margin: 0 0 27px; }

.spaces-post .carousel-indicators { bottom: 12px; line-height: 1; margin-bottom: 0; padding: 0; }

.spaces-post .carousel-indicators li { background: #fff; height: 9px; margin: 0px 2px; width: 9px; }

.spaces-post .carousel-indicators .active { background: #e9e5cf; height: 9px; margin: 0px 2px; width: 9px; }

.spaces-post h3 { color: #6a665d; font-size: 23px; font-weight: bold; letter-spacing: 0.02em; margin: 0 0 18px; padding: 0 0 20px; position: relative; text-transform: uppercase; }

.spaces-post h3:after { background: #d1d1d1; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 33px; }

.spaces-post h4 { color: #9f9e9e; font-size: 19px; font-weight: 300; line-height: 28px; margin: 0 0 25px; }

.spaces-post p { color: #9f9e9e; font-size: 15px; line-height: 26px; margin: 0 0 20px; }

.mosaicflow-column { float: left; }

.mosaicflow-column:last-of-type .spaces-post { float: right; }

.press-main { display: block; margin: 0 auto; padding: 65px 0 0; max-width: 830px; }

.press-post { display: block; margin: 0 0 70px; position: relative; text-align: center; }

.press-post h3 { color: #56544e; font-size: 30px; font-weight: 600; margin: 0 0 25px; }

.press-post h3 a { color: #56544e; display: inline-block; }

.press-post h3 a:hover { color: #000; }

.press-post p { color: #a5a5a5; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0 0 28px; }

.time-comments { display: block; margin: 0 0 30px; text-transform: uppercase; }

.time-comments time { display: inline-block; margin: 0; padding: 0; position: relative; }

.press-post figure { display: block; margin: 0 0 40px; }

a.read-more-btn { background: #bec185; border: 1px solid #bec185; color: #fff; display: inline-block; font-size: 13px; padding: 9px 18px; position: relative; text-transform: uppercase; }

a.read-more-btn:before { background: #ebebeb; bottom: 0; content: ""; display: block; height: 1px; left: -333px; margin: auto; position: absolute; right: 110%; top: 0; }

a.read-more-btn:after { background: #ebebeb; bottom: 0; content: ""; display: block; height: 1px; left: 110%; margin: auto; position: absolute; right: -333px; top: 0; }

a.read-more-btn:hover { background: #fff; color: #bec185; }

.portfolio-wrapper { background: #f3f3f3; display: block; overflow: hidden; position: relative; }

.portfolio-img { display: block; float: left; position: absolute; width: 50%; }

.portfolio-img figure { display: block; margin: 0 !important; min-height: 636px; overflow: hidden; position: relative; }

.portfolio-img img { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }

.portfolio-img:after { background: #bec185; bottom: 0; content: ""; left: 0; position: absolute; right: -100000px; top: 0; z-index: 0; }

.portfolio-main { display: block; float: left; padding: 0 0 30px; width: 100%; }

.portfolio-left { background: #f3f3f3; display: block; float: left; margin: 20px 0 0; padding: 0; position: relative; width: 50%; }

.portfolio-wrapper figure { display: block; margin: 0 0 20px; }

.portfolio-wrapper .right-text { margin-bottom: 0; min-height: 538px; }

.portfolio-right-img { display: block; float: right; margin: -182px 0 0; padding: 0 0 0 20px; position: relative; width: 50%; z-index: 1; }

.blog_pagination { border-top: 1px solid #DCDCDC; display: block; float: left; margin: 0; padding: 30px 0 0; width: 100%; }

.blog_pagination ul { margin: 0; padding: 0; }

.blog_pagination ul li { display: inline-block; vertical-align: top; }

.blog_pagination ul li a { background: #bec185; border: 1px solid #8c8e5f; color: #fff; display: block; float: left; font-family: 'Open Sans', sans-serif; line-height: 1; margin: 0 5px 0 0; padding: 5px 10px; }

.blog_pagination ul li:hover a, .blog_pagination ul li a.active { background: #fff; color: #bec185; }

.comments-area { margin-bottom: 0; }

.comments-title, .comment-reply-title { border-top: 1px solid #d6d6d6; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; padding-top: 20px; }

.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { font-size: 14px; margin-bottom: 20px; }

.comments-area a { box-shadow: none; -webkit-box-shadow: none; color: #bec185; text-decoration: none; }

.comments-area a:hover { color: #000; }

.comment-form label { font-family: 'Open Sans', sans-serif; font-size: 13px; margin-bottom: 5px; }

.comment-form textarea { display: block; height: 100px; margin: 0 0 20px; resize: none; width: 100%; }

.comment-form input.submit { background: #bec185; border: 1px solid #bec185; color: #fff; display: inline-block; font-size: 13px; margin: 20px 0 0; padding: 9px 18px; position: relative; text-transform: uppercase; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.comment-form input.submit:hover { background: #fff; color: #bec185; }

.blog-wrap.single .blog-title { float: left; margin: 0 0 20px; width: 100%; }

.blog-wrap.single .blog-desc { float: left; width: 100%; }

.page-404 { display: block; padding: 50px 0; text-align: center; }

.page-404 img { display: block; margin: 0 auto 30px; }

.page-404 h2 { font-size: 50px; font-weight: bold; margin: 0 0 10px; }

.page-404 h3 { font-size: 20px; margin: 0; }
 @media only screen and (max-width:1800px) {

.about-img figure { min-height: 580px; }

.about-left { margin: 580px 0 0; }
}
 @media only screen and (max-width:1500px) {

.header .container-fluid { padding-left: 15px; padding-right: 15px; }

#home-slider .item { min-height: 600px; }

.welcome-wrap h1 { font-size: 50px; }

.welcome-wrap h4 { font-size: 20px; }

.welcome-wrap h3 { font-size: 36px; margin: 0 0 5px; }

.welcome-wrap p { font-size: 15px; line-height: 24px; margin: 0; }

.about-img figure { min-height: 500px; }

.about-left { margin: 500px 0 0; }

.about-right { margin: 65px 0 0; }

.contact-info { width: 78%; }

.contact-form { width: 85%; }

.left-img figure { min-height: 536px; }

.right-text { margin: 48px 0 38px; }

.portfolio-img figure { min-height: 534px; }

.portfolio-wrapper .right-text { min-height: 486px; }
}

@media only screen and (max-width:1199px) {
.logo { width: 150px;}	
#topnav { margin: 35px 0 0;}
.header.stick #topnav { margin: 25px 0 0;}
.topnav ul li { font-size: 15px; margin: 0 0 0 35px;}
#home-slider .item { min-height: 490px;}
.welcome-wrap { padding: 30px 0 25px;}
.welcome-left { padding: 5px 0 0 0; width: 29.3%;}
.welcome-wrap h1 { font-size: 44px;}
.welcome-wrap h4 { font-size: 18px;}
.welcome-right { padding: 0 20px 10px 30px;}
.footer-wrap { margin: 30px 0 0;}
.about-img figure { min-height: 400px;}
.about-left { margin: 400px 0 0; padding: 40px 30px 35px 0;}
.about-left p { font-size: 16px; line-height: 26px; margin: 0 0 20px;}
.about-right h1, .right-text h1 { font-size: 40px; letter-spacing:2px; margin: 0 0 16px;}
.about-right p { font-size: 16px; line-height: 22px; margin: 0 0 30px;}
.design-for-all p { font-size: 16px; line-height: 26px;}
.about-right h3 { font-size: 26px; margin: 0 0 15px;}
.design-for-all p + h3 { margin-top: 30px;}
.left-img figure { min-height: 400px;}
.right-text { margin: 35px 0 20px; min-height: 345px; width:47%;}
.right-text h4 { font-size: 17px; line-height: 22px; margin: 0 0 20px;}
.right-text p { font-size: 14px; line-height: 22px; margin: 0 0 30px;}
.spaces-post { padding: 0 15px 0 0;}
.mosaicflow-column:last-of-type .spaces-post { padding: 0 0 0 15px;}
.store-wrap { padding: 45px 0 0;}
.store-wrap h2 { font-size: 22px; margin: 0 0 30px;}
.store-categs figure figcaption h3 { font-size: 22px; letter-spacing: 0.02em;}
.portfolio-left { width: 48.42%;}
.portfolio-wrapper .right-text { min-height: 375px;}
.blog-sidebar ul li { font-size: 14px; padding: 0 0 0 15px;}
.blog-post { margin: 0 0 30px;}
.blog-post figure { margin: 0 0 25px;}
.blog-post figcaption { padding: 0 20px 30px 20px;}
.blog-title { margin: 0 0 10px; width: 100%;}
.blog-desc { width: 100%;}
.contact-left { padding: 75px 0 0;}
.contact-us-wrap h1 { font-size: 40px; letter-spacing: 2px; margin: 0 0 30px;}
.contact-info { margin: 0 30px 15px 0; max-width:100%; width: 86%;}
.contact-info table td:first-child { width: 45%;}
table.phone-mail td p br { display:none;}
.contact-right { padding: 120px 0 106px 60px;}
}

@media only screen and (max-width:991px) {
.logo { width: 125px;}
.header.stick .logo { width: 86px;} 
.topnav ul li { font-size: 13px; margin: 0px 0 0 18px;}
#home-slider .item { min-height: 390px;}
.welcome-left { padding: 0 0 20px; width: 100%;}
.welcome-wrap h1 { font-size: 40px; color: #fff;}
.welcome-wrap:after { left: 0;}
.welcome-right { padding: 0; width: 100%;}	
.portfolio-title { padding: 0 2.5%;}
.portfolio-title h2 { font-size: 28px; margin: 0 0 15px;}
.portfolio-title p { font-size: 16px; line-height: 20px;}
.footnav ul li { font-size: 13px; margin: 0px 13px;}
.about-img figure { min-height: 300px;}
.about-left { margin: 300px 0 0;}
.design-for-all { padding: 25px 20px 20px;}
.left-img, .portfolio-img, .privacy-img { position: static; width: 100%;}
.left-img figure, .portfolio-img figure, .privacy-img figure { min-height: 280px; overflow:hidden;}
.right-text { background:#bec185; margin:0; padding: 30px 0 20px; min-height: 100%; width: 100%;}
.right-text:before, .privacy-right:before { background:#bec185; bottom:0; content:""; display:block; left:-100px; position:absolute; right:-100px; top:0px; z-index:0;}
.right-text *, .privacy-right * { position:relative; z-index:1;}
.spaces-post h4 { font-size: 18px; line-height:24px; margin: 0 0 20px;}
.portfolio-wrapper .right-text { min-height: 100%;}
.portfolio-img:after { display:none;}
.portfolio-left { width: 52.5%;}
.portfolio-right-img { margin: 20px 0 0; width: 47%;}
.blog-main { width: 64.7%;}
.blog-post figure { margin: 0 0 20px;}
.blog-post h2 { font-size: 26px;}
.blog-post p { font-size: 14px; line-height: 24px; margin: 0 0 20px;}
.blog-sidebar { width: 32%;}
.blog-sidebar h3 { font-size: 18px; margin: 0 0 17px;}
.blog-sidebar ul li { font-size: 13px; padding: 0 0 0 13px;}
.tags-div ul li { display: inline-block; font-size: 13px; margin: 0 4px 7px 0; padding: 0;}
.about-right h1, .right-text h1 { font-size: 34px;}
.contact-left { padding: 40px 0 0; width: 100%;}
.contact-info { float: none; margin: 0 auto; width: 96%; }
.contact-us-wrap h1 { font-size: 34px; margin: 0 0 25px;}
.contact-right { padding:40px 20px; width:100%;}
.contact-right:after { background: rgba(34, 29, 1, 0.47);}
.contact-form { max-width: 100%; width: 100%;}
.privacy-wrap:before, .privacy-img:after { display:none;}
.privacy-left { margin: 0; padding:20px 0 0; width: 100%;}
.privacy-left:before { right: -500px;}
.privacy-left p { font-size: 15px; line-height: 24px; margin: 0px 0 20px;}
.privacy-right { background: #bec185; margin: 0; padding:20px 0 30px; width: 100%;}
.privacy-right h1 { font-size: 34px; letter-spacing: 2px;}
.privacy-right p { font-size: 15px; line-height: 24px; margin: 0 0 20px;}
.privacy-right-img { background: #bec185; float: left; margin: 20px 0 0; padding: 20px 10px; width: 100%;}
.privacy-right-img figure { float: left; margin: 0; padding: 0 10px; width: 33%;}
}

@media only screen and (max-width:767px) {
	nav.topnav {
    margin-left: 147px !important;
}
.inteco-main-menu-right-wrap {
    display: inline-block;
    line-height: 1.7;
    margin-left: 120px !important;
    vertical-align: top;
    margin-bottom: 10px;
}
section.slider-wrap {
    margin-top: 65px;
}
#home-slider .item {
    min-height: 620px !important;
}    
.header.stick .logo {width: 90px;}
.navbar-toggle { background-color: transparent; background-image: none; border: 0; display: block; margin: 30px 0 0; padding: 0; position: absolute; right: 15px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; width: 30px; z-index: 10; }
.header.stick .navbar-toggle { margin: 18px 0 0;}
.header.sticky .navbar-toggle { margin: 6px 0 0; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 7px; }
.navbar-toggle .icon-bar { background-color: #bec185; border-radius: 2px; -webkit-border-radius: 2px; display: block; height: 3px; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; width: 30px; }
.navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 1% 0%; -webkit-transform: rotate(45deg); -webkit-transform-origin: 1% 0%; }
.navbar-toggle .middle-bar { background-color: #bec185; opacity: 0; }
.navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 1% 100%; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 1% 100%; }
.navbar-toggle.collapsed .top-bar, .navbar-toggle.collapsed .bottom-bar { background-color: #bec185; transform: rotate(0); -webkit-transform: rotate(0); }
.navbar-toggle.collapsed .middle-bar { opacity: 1; }
.topnav { margin: 0; width: 100%;}
.topnav ul li { font-size: 14px; float: none; margin: 0 0 5px;}
#home-slider .item { min-height: 230px;}
.welcome-wrap h1 { font-size: 34px;}
.welcome-wrap h3 { font-size: 28px;}
.welcome-wrap p { font-size: 14px; line-height: 20px;}
.portfolio-wrap figure figcaption h3 { font-size: 22px;}
.portfolio-title h2 { font-size: 20px; margin: 0 0 10px;}
.portfolio-title p { font-size: 14px; line-height: 18px;}
.browse h2 { font-size: 18px;}
.footnav ul li { font-size: 12px; margin: 0px 10px 5px;}
.top-div .left-section { padding: 0 30px 0 0;}
.top-div .right-section { padding: 0 0 0 30px;}
}

.portfolio-wrap {
    display: flex;
    justify-content: space-between;
}
.left_section_gl {
    background-size: cover;
    display: flex;
    min-height: 352px;
    align-items: center;
    justify-content: left;
    width: calc( 33.33% - 7px );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0px -1px;
    position: relative;
}
.section_text {
    position: relative;
    z-index: 99;
    text-align: center;
    width: 100%;
}
.section_text h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.section_text h1 a {
    color: #fff;
}
.section_text h1 a::after {
    content: "";
    width: 50px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 10px auto;
}
.testimonials-section {
    position: relative;
    padding: 90px 0px 60px;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    text-align: center;
}
.testimonials-section .auto-container {
    position: relative;
    z-index: 5;
}
.testimonials-section .sec-title {
    border: none;
    color: #ffffff;
}
.sec-title {
    position: relative;
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}
.testimonials-section .sec-title h2 {
    color: #878380;
}
.sec-title h2 {
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #253d4a;
    line-height: 1.4em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.small-separator {
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/seprateer.png);
}
.sec-title .text {
    color: #9B9A96;
    font-family: Arial;
    font-size: 18px;
    font-weight: 900;
}
.testimonial-slider {
    position: relative;
}
.testimonials-section {
    position: relative;
    padding: 90px 0px 60px;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    text-align: center;
}
.testimonial-slider .slide-content {
    position: relative;
    padding: 25px 30px;
    background: #ffffff;
	
    font-style: italic;
    border: 1px solid #f1f1f1;
    color: #3a4145;
    margin-bottom: 30px;
    font-family: 'Avenue T.';
    font-size: 18px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
}
.author-info {
  
    text-align: center;
    margin-top: 12px;
}
.testimonial-slider .slide-content:after {
    content: '';
    position: absolute;
    left: 35px;
    bottom: -19px;
    width: 25px;
    height: 20px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none repeat scroll 0 0 #d6d6d6;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none repeat scroll 0 0 #d6d6d6;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
}  
.blog-section {
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    display: block;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none repeat scroll 0 0 #d6d6d6;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none repeat scroll 0 0 #d6d6d6;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
}
/*testmoanils*/


#content {
    padding: 112px 0 0;
}
.testimonial_banner {
    background-image: url(new_testimonial_banner.jpg);
    background-position: center center;
}
.testimonial_user_image{float:left;width:165px}.testimonial_content_2{padding:0}.testimonial_banner{background-image:url(new_testimonial_banner.jpg);background-position:center center}.testimonial_user_content,.testimonial_delivered{float:left;color:#1a1a1a;width:100%}.testimonial_content p{line-height:21px;margin:0 0 9px}.testimonial_user_content strong{display:inline-block;background:url(testimonial_name_icon.png) no-repeat right 5px;padding:9px 49px 15px 0;font-size:16px;min-height:39px}.testimonial_row{padding:40px 0 40px;border-bottom:1px solid #E2E2E2}.testimonial_row:last-child{border-bottom:none;padding-bottom:30px}.testimonial_user_content span{display:block;color:#909090;font-size:13px;font-weight:600;line-height:1}.testimonial_content p a,.testimonial_delivered span a{color:#ed1c24}.testimonial_content p a:hover,.testimonial_delivered span a:hover{border-bottom:1px solid}.testimonial_content p a:hover{border:none !important}.testimonial_delivered{margin:19px 0 0}.testimonial_delivered label{float:left}.testimonial_delivered span{float:left;margin:0 0 0 10px;background:url(we_delivered_icon.png) no-repeat left center;padding:0 0 0 26px}.testimonial-filter{margin:0}.testimonial-filter li{float:right}.testimonial-filter li a{margin:0 0 0 20px}.testimonial_content .hand_testimonial{float:right;line-height:30px;margin:0;padding:20px 5px}
.webdesign_artwork {
    height: 216px;
    width: 100%;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    text-align: left;
    color: #fff;
}
.pages-banner {
    padding: 189px 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.pages-banner h2 {
    font-size: 55px;
    line-height: 60px;
    letter-spacing: -1px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.testimonial_user_image img {
    height: auto;
    width: 100%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

li.term-north-america.testimonial_row.portfolio-item.isotope-item.client-australia {
    list-style: none;
}

/**** New Css ****/
@import url('https://fonts.googleapis.com/css2?family=Caladea:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.banner-content {
    position: absolute;
    top: 30px;
    right: 30px;
    max-width: 400px;
    bottom: 30px;
    background: rgba(255,255,255,.8);
    padding:60px 40px;
    border-radius: 10px;
	z-index:2;
	display:flex;
	align-items:center;
}
.btn-red {
    background: #a32038;
    color: #fff;
}
.inner-banner-content h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
	font-family: 'Caladea', serif;
	font-family: 'Montserrat Alternates', sans-serif;
}
.inner-banner-content p{
	font-size:16px;
	line-height:24px;
	margin-bottom:30px;
	font-weight:500;
	font-family: 'Caladea', serif;
	font-family: 'Montserrat Alternates', sans-serif;
}
h2.footer-title {
    font-weight: 800;
    font-size: 27px;
    text-align: left;
    text-transform: unset;
    display: inline-block;
    margin-left: 0;
	margin-bottom:10px;
}
h2.footer-title:before {
    background: #FF9800;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    margin: auto;
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: -5px;
    border-radius: 4px;
	top:unset
}
ul.footer-contact-option {
    display: flex;
    width: 100%;
    justify-content: space-between;
	margin:50px 0;
}
ul.footer-contact-option li {
    position: relative;
    margin: 0px;
    padding: 0px 15px 0px 45px;
	text-align:left;
}
ul.footer-contact-option li h2{
	text-align: left;
    font-size: 17px;
    font-weight: 600;
    color: #ff9800;
}
ul.footer-contact-option li h2:before{
	display:none;
}
ul.footer-contact-option li i {
    font-size: 20px;
    position: absolute;
    top: 1px;
    left: 15px;
    color: #929292;
}
ul.footer-contact-option li p {
    font-size: 14px;
    font-weight: 600;
    color: #929292;
	margin-bottom:10px;
}
ul.footer-contact-option li p a{
	    font-size: 14px;
    display: inline-block;
}
form.search-form input {
    border: 1px solid #ccc;
    padding: 0px 15px 0px 45px;
    border-radius: 4px !important;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
}
form.search-form label{
	margin-bottom:0px;
}
.search-submit{
	bottom:0;
	left:0px;
	right:unset;
	background:none;
	border:0;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 30%;
    background: #6f6f6f;
    padding: 4px 10px;
    font-size: 20px;
    color: #fff;
}
.owl-next{
	right:0;
}

.outer-wrap .left-img{
	height:100%;
}
.left-img figure{
	min-height:100%;
}
.left-img img{
	max-width:200%;
	width:auto;
	height:100%;
}
.contact-content{
	float:right;
	border-top:1px solid #fff;
	padding:30px;
}
.contact-content h2 {
    font-size: 27px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
.contact-content p{
	font-size:15px;
	color:#fff;
	line-height:24px;
	margin-bottom:15px;
	color:#fff;
}
.contact-content p a{
font-weight:600;
font-style:italic;
color:#fff}
.contact-us-wrap {
    display: block;
    background: #980722;
}
.u-section-2{
	background:url(https://bradfordfoxbuilders.com/wp-content/uploads/2016/08/Front-door.jpg);
	position:relative; 
} 
.u-section-2:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,.9);
    left: 0px;
    top: 0px;
}
.store-categs figure{width:100%;}
.store-categs figure .fb3d-thumbnail-lightbox-mode{width:100%;}
.store-categs figure .fb3d-thumbnail-lightbox-mode .book-thumbnail{
	width:100%;
}
.store-categs figure .fb3d-thumbnail-lightbox-mode .book-thumbnail img{width:100%;}
.store-wrap h2 {
    margin: 0px;
    margin-top: 100px;
    text-align: left;
}
.store-categs{
	margin:50px 0 ;
	padding:30px 0;
	border-bottom:1px solid #ececec;
	border-top:1px solid #ececec;
}
.footer-iso{
	float:right;
	margin:0px;
}
.footer-t{
float:left;	
}
.footer-iso > img {
    width: unset !important;
    height: 80px !important;
    width: auto !important;
    margin-right: 0px !important;
    max-width: 100% !important;
}
.footer-iso > a{
	margin-left:15px;
}
.footer-iso > a img {
    width: unset !important;
    height: 80px !important;
    width: auto !important;
    margin-right: 0px !important;
    max-width: 100% !important;
}
.inteco-main-menu-search{
	margin-left:0px !important;
}
form.search-form input{
	width:100% !important
}
.store-categs{
	display:flex;
	flex-wrap:wrap;
}
.store-categs figure img{
	height:100%;
}
@media(max-width:1250px){
	.topnav ul li a{
		font-size:14px !important
	}
	.topnav ul li{
		margin-left:15px !important;
	}
}
@media(max-width:1200px){
	.topnav ul li a{
		font-size:14px !important
	}
	.topnav ul li{
		margin-left:15px !important;
	}
	.topnav{
		margin:0px 10px !important;
	}
}
@media(max-width:992px){
	ul.footer-contact-option{
		flex-wrap:wrap
	}
	ul.footer-contact-option li{
		width:50%;
		margin-bottom:30px;
	}
	.inteco-header-right-social{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.topnav{
		margin:0px !important;
	}
	.inteco-main-menu-right-wrap{
		width:150px;
	}
	.inteco-header-right-social a{
		font-size:14px;
		padding:4px !important;
	}
}
@media(max-width:575px){
	ul.footer-contact-option li{
		width:100%;
	}
}