/*-------------------------------------------------
=  Table of Css

1.Isotope
1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT
3.Header
4.General
5.content - home sections
6.Portfolio grid pages
7.Portfolio masonry pages
8.Portfolio black pages
9.Portfolio alternative pages
10.Portfolio vertical style
11.blog one col, standard
12.blog grid
13.blog masonry
14.blog medium
15.blog alternative
16.blog timeline
17.sidebar
18.single post
19.single project pages
20.error page
21.comming soone page
22.faq's page
23.typography page
24.Tabs & accordion page
25.footer
26.Responsive part
-------------------------------------------------*/
/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/

ul{margin:0px; padding:0px;}
li{list-style:none; margin:0px; padding:0px;}
a{transition:0.5s;}
a:hover{transition:0.5s; text-decoration:none;}
.mar-btm-30{margin-bottom:30px}
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }

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

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:    1.0
date:       07/27/11
author:     themepunch
email:      support@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
.boxedcontainer { max-width: 1170px; margin: auto; padding: 0px 30px; }

/*********************************************
-   SETTINGS FOR BANNER CONTAINERS  -
**********************************************/
.tp-banner-container {    margin-top: 110px; width: 100%; position: relative; padding: 0; /* height: 100vh !important; */}
.tp-banner { width: 100%; position: relative; /* height: 100vh !important; */}
.tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; }

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/
.navbar-header { width: 100%; position: relative;   padding-bottom:4px;margin-top: 0px; }
.navbar-header::before,.navbar-header::after{    position: absolute; content: ""; width: 200%; height: 1px; bottom: -1px; left: -100%; background: #e4e4e4;}
 .navbar-header::after{right:-100%;left: auto;}

.navbar-default { background:#fff; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0; }
header.active .navbar-default { background: #fff;    box-shadow: 0px 0px 10px #ddd;}
.navbar-brand { height: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; margin: 0; color: #222222 !important; padding:0px; letter-spacing: 2.5px; }
.navbar-brand span { color: #f27935; }
.navbar-nav { width:100%;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin:0px 0 0; }
.navbar-nav > li > a { color: #000 !important; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:capitalize; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 15px 10px; }
.navbar-nav > li > a i { color:#000; font-size:15px; font-weight:600; text-align:right; padding:0 5px; }
.navbar-nav > li > a:hover,
.navbar-nav > li > a.active { color: #fff !important; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #f8f8f8; }
.navbar-nav a.open-search { padding: 8px 15px 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; margin-top: 17px; margin-left: 10px; }
.navbar-nav a.open-search i { color: #999999; font-size: 16px; display: inline-block; }
.navbar-nav li.drop { position: relative; }
.navbar-nav li.megadrop { position: inherit !important; }
header.active .navbar-brand { color: #222222 !important; padding:0px; }
header.active .navbar-nav > li > a { color: #000 !important; padding: 10px 20px; }
header.active .navbar-nav a.open-search { padding: 8px 15px 25px; }
header.active .navbar-nav a.open-search i { color: #999999; }
header.active .navbar-nav > li > a:hover, header.active .navbar-nav > li > a.active { color: #000 !important; }
header.active .navbar-nav > li > a i { color: #000 !important; }

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: #0090ff;
}

header.active .megadrop-down { box-shadow: 0 0 3px #dddddd; -webkit-box-shadow: 0 0 3px #dddddd; -moz-box-shadow: 0 0 3px #dddddd; -o-box-shadow: 0 0 3px #dddddd; }
header.black-style .navbar-default { background: url('../images/pattern.png'); }
header.black-style .navbar-brand { color: #ffffff !important; }
header.black-style .navbar-brand span { color: #f27935; }
.vertical-header header { width: 220px; position: fixed; top: 0; left: 0; height: 100%; background: #ffffff; z-index: 99; padding-top: 236px; }
.vertical-header header .logo { padding: 0 40px; margin-bottom: 90px; }
.vertical-header header .logo a { height: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; margin: 0; color: #222222 !important; letter-spacing: 2.5px; text-decoration: none; }
.vertical-header header .logo a span { color: #f27935; }
.vertical-header header nav { margin: 0; }
.vertical-header header nav > ul { margin: 0; padding: 0; }
.vertical-header header nav > ul > li { list-style: none; display: block; }
.vertical-header header nav > ul > li > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-decoration: none !important; display: block; padding: 10px 40px; color: #999999; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; position: relative; line-height: 20px; }
.vertical-header header nav > ul > li > a span { float: right; display: inline-block; width: 9px; height: 9px; margin-top: 4px; background: url('../images/plus.png') center center no-repeat; }
.vertical-header header nav > ul > li a.active, .vertical-header header nav > ul > li a:hover { color: #f27935; }
.vertical-header header nav > ul li.drop { position: relative; }
.vertical-header header nav > ul div.ver-megadropdown { position: absolute; top: 0; left: 100%; background: rgba(255, 255, 255, 0.95); border: 1px solid #ebebeb; border-right: none; width: 300px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.vertical-header header nav > ul div.ver-megadropdown ul { margin: 0; padding: 0; overflow: hidden; }
.vertical-header header nav > ul div.ver-megadropdown ul li { list-style: none; float: left; width: 50%; border-right: 1px solid #ebebeb; }
.vertical-header header nav > ul div.ver-megadropdown ul li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; padding: 14px 18px; font-weight: 400; margin: 0; }
.vertical-header header nav > ul div.ver-megadropdown ul li a:hover { color: #f27935; }
.vertical-header header nav > ul div.ver-megadropdown ul li a.comming { color: #fc7e7f; opacity: 0.4; }
.vertical-header header nav > ul ul.dropdown { margin: 0; padding: 0; position: absolute; top: 0; left: 100%; background: rgba(255, 255, 255, 0.95); border: 1px solid #ebebeb; width: 180px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.vertical-header header nav > ul ul.dropdown li { list-style: none; }
.vertical-header header nav > ul ul.dropdown li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; padding: 14px 18px; font-weight: 400; margin: 0; }
.vertical-header header nav > ul ul.dropdown li a:hover { background: #f8f8f8; color: #222222; }
.vertical-header header nav > ul ul.dropdown > li:last-child a { border-bottom: none; }
.vertical-header header nav > ul li.drop:hover div.ver-megadropdown { visibility: visible; opacity: 1; }
.vertical-header header nav > ul li.drop:hover > ul.dropdown { visibility: visible; opacity: 1; }
.vertical-header a.elemadded { display: none; color: #252525; font-size: 13px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px; text-align: center; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.vertical-header header.dark-style { background: url('../images/pattern.png'); }
.vertical-header header.dark-style .logo a { color: #ffffff !important; }
.vertical-header header.dark-style .logo a span { color: #f27935; }
.vertical-header header.dark-style nav ul li a span { background: url('../images/plus2.png') center center no-repeat; }
.navbar-collapse { position: static; }
.megadrop-down { position: absolute; width: 100%; top: 100%; left: 0; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background: #ffffff; padding: 0 20px; box-shadow: 0 0 2px #eeeeee; -webkit-box-shadow: 0 0 2px #eeeeee; -moz-box-shadow: 0 0 2px #eeeeee; -o-box-shadow: 0 0 2px #eeeeee; }
.megadrop-down .dropdown { text-align: left; }
.megadrop-down .dropdown ul { margin: 0; padding: 0; }
.megadrop-down .dropdown ul li { list-style: none; position:relative; }
.megadrop-down .dropdown ul li:hover .sub-panel { opacity:1; visibility:visible; display:block; position:absolute; top:0; right:0; }
.sub-panel { opacity:0; visibility:hidden; }

.megadrop-down .dropdown ul li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #999999; font-size: 12px; padding: 15px 16px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; border-bottom: 1px solid #f3f3f3; }

.megadrop-down .dropdown ul li a:hover { color: #f27935; background: #f8f8f8; }
.megadrop-down .dropdown ul li a.comming { color: #aaaaaa; opacity: 0.4; }
.megadrop-down .dropdown ul li:last-child a { border-bottom: none; }
.megadrop-down .dropdown ul.last-child li { border-right: none; }
.megadrop-down .dropdown h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; font-size: 12px; margin: 0; padding: 17px 16px 15px; padding-bottom: 15px; border-bottom: 1px solid #f27935; text-transform: uppercase; color: #f27935; }
li.megadrop:hover .megadrop-down { visibility: visible; opacity: 1; }
.form-search { position: absolute; top: 100%; right: 0; width: 200px; background: #f27935; padding: 4px; visibility: hidden; opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.form-search input[type="search"] { font-size: 13px; color: #999999; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 20px; margin: 0 0 10px; margin: 0; color: #222222; padding: 8px 10px; border: none; width: 100%; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background: #ffffff; }
.form-search button { background: #ffffff; border: none; float: right; margin-top: -28px; margin-right: 15px; position: relative; z-index: 2; }
.form-search button i { color: #f27935; font-size: 16px; }
.form-search.active { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
/*-------------------------------------------------*/
/* =  General
/*-------------------------------------------------*/
.container { max-width: 1170px; }
p { font-size: 14px; color: #828282; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 22px; margin: 0 0 10px; }
.vertical-header #content { margin-left: 220px; padding-top: 0; background: #f8f8f8; }
/*-------------------------------------------------*/
/* =  content
/*-------------------------------------------------*/
.title-section { margin:0 0 30px 0 ;padding: 0px 15px; }
.title-section h1 { color: #000; font-size: 2.2em; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0px; text-transform:capitalize;  }
.title-section h1 span { color: #f27935; }
.title-section > span { width:61px; display: inline-block; height:2px; border-top: 2px solid #ce1c00; position: relative; margin:0px; }
/* .title-section > span:before { content: ''; position: absolute; width: 47px; height: 7px; left: 50%; margin-left: -24px; top: -4px; background: url('../images/pin2.png') center center no-repeat; } */
.title-section.white h1 { color: #ffffff; }
.title-section.white > span:before { background: url('../images/pin.png') center center no-repeat; }
#home-section .tp-caption br{line-height: auto !important}
#home-section .tp-caption.small_text { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 51px; line-height: 20px; font-family: 'Roboto', sans-serif; margin: 0px; border-width: 0px; border-style: none; text-transform:capitalize; white-space: nowrap; letter-spacing: 1.8px; }
#home-section .tp-caption.small_text p.line { width: 60px !important; height: 1px !important; background: #222222 !important; }
#home-section .tp-caption.small_text p.line.white { background: #ffffff !important; }
#home-section .tp-caption.small_text span { color: #ffffff; }
#home-section .tp-caption.finewide_medium_white { color: #fff; padding:12px 0px 16px; text-shadow: none; font-size: 52px !important; line-height:50px !important; font-weight:700; font-family: 'Roboto', sans-serif; text-decoration: none; text-transform: none; text-align: left; letter-spacing:0;text-align:center;}
#home-section .tp-caption.finewide_medium_white span { color: #ffffff !important; font-size:30px !important;font-family: 'Roboto', sans-serif;clear:both; display:block;    font-weight: 400;    line-height: 40px !important;}
#home-section .tp-caption.finewide_medium_white.center-align { text-align: center !important; }
#home-section .tp-caption a.trans-btn { color: #ffffff; background: transparent; font-size: 12px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; border: 2px solid #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 0.8em 4em; }
#home-section .tp-caption a.trans-btn:hover { color: #f27935; border: 2px solid #f27935; }
#home-section .tp-caption a.trans-btn2 { font-size: 12px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; border: 2px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 0.8em 4em; color: #f27935; background: #ffffff; }
#home-section .tp-caption a.trans-btn2:hover { color: #ffffff; background: #f27935; }
#home-section .tp-bannertimer { display: none !important; }
#home-section .tp-bullets.simplebullets.round .bullet:hover,
#home-section .tp-bullets.simplebullets.round .bullet.selected { background: #fff; border-color: #fff; }
#banner-section { padding: 50px 0; background: #f27935; text-align: center; }
#banner-section h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 2px; color: #ffffff; margin-bottom: 0; }
#banner-section a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-left: 140px; padding: 8px 30px; }
#banner-section a:hover { background: #ffffff; border: 2px solid #ffffff; color: #f27935; }
#about-section { padding-top: 65px; background: #f8f8f8; }
#about-section .title-section { margin-bottom: 100px; }
#about-section .about-box { background: url('../upload/banners/1.jpg') center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; padding-top: 1px; }
#about-section .about-box .inner-about-box { overflow: hidden; margin-top: -51px; }
#about-section .about-box .about-post { text-align: center; float: left; width: 25%; position: relative; padding-bottom: 340px; background: transparent; margin-top: 50px; z-index: 2; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post .about-post-content { background: #ffffff; padding: 0 30px 60px; border-top: 1px solid #ececec; border-right: 1px solid #ececec; position: relative; z-index: 2; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post .about-post-content a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 100px; height: 100px; margin: -50px 0 24px; line-height: 100px; color: #dadfe1; font-size: 30px; text-align: center; background: #ffffff; border: 1px solid #ececec; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#about-section .about-box .about-post .about-post-content a:hover { background: #f27935; color: #ffffff; }
#about-section .about-box .about-post .about-post-content h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 1.8px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post .about-post-content p { margin: 0 auto; max-width: 210px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post .hover-about { position: absolute; top: 50%; width: 100%; left: 0; height: 100%; padding: 0 30px; padding-top: 80px; background: transparent; text-align: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post .hover-about h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; font-size: 13px; color: #ffffff; font-weight: 400; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 6px; }
#about-section .about-box .about-post .hover-about h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; margin-bottom: 40px; }
#about-section .about-box .about-post .hover-about span { display: inline-block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 62px; height: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin: 0 0 40px; opacity: 0; }
#about-section .about-box .about-post .hover-about p { color: #ffffff; max-width: 340px; margin: 0 auto; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post:hover .about-post-content { background: transparent; }
#about-section .about-box .about-post:hover .about-post-content h2,
#about-section .about-box .about-post:hover .about-post-content p { opacity: 0; }
#about-section .about-box .about-post:hover .about-post-content a { background: #f27935; border: 1px solid #f27935; color: #ffffff; }
#about-section .about-box .about-post:hover .hover-about { top: 0; padding-top: 100px; }
#about-section .about-box .about-post:hover .hover-about span,
#about-section .about-box .about-post:hover .hover-about p { opacity: 1; }
#about-section .about-box .about-post:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/pattern.png'); opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#about-section .about-box .about-post:hover:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/pattern.png'); opacity: 0.85; }
#about-section .about-box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); }
#statistic-section { padding: 60px 0 52px; background: url('../images/pattern.png'); }
#statistic-section .statistic-box { text-align: center; }
#statistic-section .statistic-post h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; color: #f27935; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 0px; font-size: 12px; }
#statistic-section .statistic-post p { margin: 0 0 20px; }
#statistic-section .statistic-post span.timer { color: #ffffff; font-size: 48px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0; }
#tools-section { padding:0px; background: #f8f8f8; position: relative; z-index: 99; }
#tools-section .container {position: relative;z-index: 999;padding-top: 80px;padding-bottom: 80px;}
#tools-section .tools-box .tools-post { margin-bottom: 0px; overflow: hidden; }
#tools-section .tools-box .tools-post i { float: left; color: #0073f4; font-size: 26px; margin:0 15px 0 0; }
#tools-section .tools-box .tools-post h2 { color: #000; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0 0 20px; text-transform:capitalize; letter-spacing: 1.8px; }
#tools-section .tools-box .tools-post p { margin: 0px; padding: 0 0 30px; font-size:16px; color:#fff; line-height:30px; font-weight:300; }
#tools-section .tools-image { text-align: left; width:33%; float:left; position:relative; top:0px; }
#tools-section .tools-inner { padding:0 25px; }
#tools-section .tools-box { float:left; width:100%; }
#tools-section .tools-image img { max-width: 100%; }
#tools-section .title-section {margin-top: 0;}
#tools-section .title-section h2 {color: #fff;font-size: 2.2em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0px;
    text-transform: capitalize;}
#why-blue-section .title-section h2{    color: #000;
    font-size: 2.2em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0px;
    text-transform: capitalize;}
#features-section { overflow:hidden; }
#portfolio-section { padding: 30px 0 30px; text-align: center; /* background:#fff url("../images/product-bg-1.jpg") no-repeat scroll top center; background-size:cover; background-attachment:fixed; */ position: relative;}
#portfolio-section .container {position:relative; z-index:999; padding-top: 0px;}
#portfolio-section .title-section { margin-bottom: 30px; }

#portfolio-section .title-section > span { margin-bottom: 0; }
#portfolio-section .portfolio-box { width: 100%; margin: 0 0 20px; }
#portfolio-section .portfolio-box .project-post { width: 340px; margin: 0 10px; padding:0; }

#portfolio-section .portfolio-box .project-post .project-tit-cont { text-align: center; background: transparent; }
#portfolio-section .portfolio-box .project-post .project-tit-cont h2 { letter-spacing: 0px; }
#portfolio-section .portfolio-box .project-post .hover-box { background: rgba(0, 0, 0, 0.7); padding:20px; -webkit-transition: 0.9s; transition: 0.9s;}
#portfolio-section .portfolio-box .project-post .hover-box p { color:#fff; margin-top: -40px; transition: 0.9s; opacity:0; }
#portfolio-section .portfolio-box .project-post:hover .hover-box p { margin-top: 0; opacity:1; }
#portfolio-section .portfolio-box .project-post .hover-box a { width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; }
#portfolio-section .portfolio-box .project-post .hover-box a i { font-size: 18px; line-height: 40px; }
#portfolio-section .portfolio-box .project-post .hover-box a.zoom { margin-left: -45px; }
#portfolio-section ul.filter { margin: 0; padding: 0; margin-bottom: 30px; }
#portfolio-section ul.filter li { display: inline-block; margin: 0; padding:0 15px 0 0; }
#portfolio-section ul.filter li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #000; font-size: 17px; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform:capitalize; border-right: 1px solid #000; padding:0 15px 0 0; border-bottom: 0; }
#portfolio-section ul.filter li:last-child a{ border-right:0; }
#portfolio-section ul.filter li a:hover,
#portfolio-section ul.filter li a.active { color: #0073f4; }
.portfolio-box .project-post { width: 20%; position: relative; }
.portfolio-box .project-post img { width: 100%; }
.portfolio-box .project-post .hover-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.8); text-align: left; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; opacity: 0; overflow: hidden; }

#portfolio-section .portfolio-box .project-post .hover-box a.read-btn { color: #fff; width:auto; height:auto; line-height:18px; left:0; top:100%; background: #1292ff; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform: capitalize; border: 1px solid #1292ff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin:20px 0 0; padding: 12px 20px; position:relative; opacity:0; -webkit-transition: 0.5s; transition: 0.5s;  }
#portfolio-section .portfolio-box .project-post:hover .hover-box a.read-btn {top:0; opacity:1;}

.portfolio-box .project-post .hover-box .inner-hover { position: absolute; width: 100%; bottom: 52px; left: 0; }
.portfolio-box .project-post .hover-box .inner-hover h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; color: #f27935; font-size: 12px; text-transform: uppercase; margin-bottom: 3px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transform: translate3d(0, 400%, 0); -moz-transform: translate3d(0, 400%, 0); -o-transform: translate3d(0, 400%, 0); transform: translate3d(0, 400%, 0); }
.portfolio-box .project-post .hover-box .inner-hover p { color: #999999; margin-bottom: 0; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transform: translate3d(0, 400%, 0); -moz-transform: translate3d(0, 400%, 0); -o-transform: translate3d(0, 400%, 0); transform: translate3d(0, 400%, 0); }
.portfolio-box .project-post .hover-box a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin: 0 5px; -webkit-transform: translate3d(0, -400%, 0); -moz-transform: translate3d(0, -400%, 0); -o-transform: translate3d(0, -400%, 0); transform: translate3d(0, -400%, 0); outline: none; }
.portfolio-box .project-post .hover-box a i { font-size: 24px; color: #ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.portfolio-box .project-post .hover-box a.link { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; margin-left: 10px; }
.portfolio-box .project-post .hover-box a.zoom { transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; margin-left: -30px; }
.portfolio-box .project-post .hover-box a:hover i { color: #f27935; }
.portfolio-box .project-post:hover .hover-box { opacity: 1; }
.portfolio-box .project-post:hover .hover-box .inner-hover h2 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.portfolio-box .project-post:hover .hover-box .inner-hover p { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.portfolio-box .project-post:hover .hover-box a { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
button.mfp-close, button.mfp-arrow { outline: none; }
a.button-one { color: #ffffff; background: transparent; font-size: 12px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; border: 2px solid #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 8px 48px; }
a.button-one:hover { color: #f27935; border: 2px solid #f27935; }
a.button-two { color: #fff; background:#043071 ; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform:capitalize; border: 1px solid #043071; -webkit-border-radius: 4px; -moz-border-radius:4px; -o-border-radius: 4px; border-radius: 4px; padding: 12px 20px;  display: inline-block; }
a.button-two:hover { color: #043071 ; background: #fff;  border: 1px solid #043071 ; text-decoration:none; }
#features-section { padding:0; position: relative; background:#f9f9f9; }
#features-section .container { z-index: 2; position: relative; }
#features-section .feature-title { text-align: center; margin-bottom: 0px; }
#features-section .feature-title h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; color: #f27935; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 35px; }
#features-section .feature-title h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; max-width: 686px; margin: 0 auto 35px; }
#features-section .feature-title a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0 10px 5px; }
#features-section .feature-title a.button-two { background: #f27935; color: #ffffff; }
#features-section .feature-title a:hover { opacity: 0.7; }
#features-section .features-box .feature-img-post { text-align: right; }
#features-section .features-box .feature-img-post img { max-width: 100%; }
#features-section .features-box .feature-posts { margin-top: 0px; padding:0 10px 0 0; }
#features-section .features-box .feature-post { margin-bottom: 45px; overflow: hidden; }
#features-section .features-box .feature-post i { float: left; color: #ffffff; font-size: 24px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 60px; text-align: center; background: #f27935; }
#features-section .features-box .feature-post h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin-left: 80px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 11px; }
#features-section .features-box .feature-post p { margin:0 0 20px; color: #000; font-size:16px; font-weight:300; }
#features-section:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*  background: url('../images/pattern.png'); */ opacity: 0.8; }

#features-section .feature-img-post { float:left; width:50%; position: absolute; right: 0; top: 0; 
background: url('../images/investor-con01.jpg') top center; min-height:650px; background-size: cover; }

/* why us */
#why-blue-section { padding:30px 0 0 0; position: relative; background:#fff; }
#why-blue-section .container { z-index: 2; position: relative; }
#why-blue-section .feature-title { text-align: center; margin-bottom: 0px; }
#why-blue-section .feature-title h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; color: #f27935; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 35px; }
#why-blue-section .feature-title h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; max-width: 686px; margin: 0 auto 35px; }
#why-blue-section .feature-title a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0 10px 5px; }
#why-blue-section .feature-title a.button-two { background: #f27935; color: #ffffff; }
#why-blue-section .feature-title a:hover { opacity: 0.7; }
#why-blue-section .features-box .feature-img-post { text-align: right; }
#why-blue-section .features-box .feature-img-post img { max-width: 100%; }
#why-blue-section .features-box .feature-posts { margin-top: 0px; }
#why-blue-section .features-box .feature-post { margin-bottom: 45px; overflow: hidden; }
#why-blue-section .features-box .feature-post h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin-left: 80px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 11px; }
#why-blue-section .features-box .feature-post p { margin:0 0 20px; color: #818181; }
#why-blue-section:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*  background: url('../images/pattern.png'); */ opacity: 0.8; }
#why-blue-section .feature-img-post { float:left; width:50%; position: absolute; left: 0; top: 0; 
background: url('../images/why-blue-con01.jpg') center top; min-height:580px; }
#why-blue-section .features-box { padding:30px 0 0 20px;}
#why-blue-section .tools-box .tools-post { margin-bottom: 15px; overflow: hidden; }
#why-blue-section .tools-post .pdng-r-no {padding-right:0;}
#why-blue-section .tools-box .tools-post i { float: left; color: #0073f4; font-size: 26px; margin:0 15px 0 0; }
#why-blue-section .tools-box .tools-post h2 { color: #000; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0 0 0px; text-transform:capitalize; letter-spacing:0; position:relative; padding:0 0 0px; line-height:20px; }
#why-blue-section .tools-box .tools-post h2:after { position: absolute; bottom: 0; left:0; content: " "; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ce1c00; display: table-cell; width: 36px; display:none; } 
#why-blue-section .tools-box .tools-post p { margin-left: 0px; margin-bottom: 0; } 
#why-blue-section.blue-bg { background: #f8f8f8; padding: 60px 0 0 0; }

.top-mrgn {margin-top:-35px;}
#subscribe-line-section { padding: 55px 0 45px; background: #f27935; text-align: center; }
#subscribe-line-section form { margin: 0; }
#subscribe-line-section label { display: inline-block; color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; color: #ffffff; font-weight: 900; margin: 0 40px 10px 0; letter-spacing: 1.6px; }
#subscribe-line-section input[type="text"] { display: inline-block; width: 300px; color: #999999; font-size: 13px; font-family: 'Roboto', sans-serif; padding: 10px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; outline: none; margin: 0 0 10px; }
#subscribe-line-section input[type="submit"] { background: transparent; padding: 8px 35px; color: #ffffff; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 700; border: 2px solid #ffffff; text-transform: uppercase; letter-spacing: 1.6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-left: 16px; }
#subscribe-line-section input[type="submit"]:hover { background: #ffffff; color: #f27935; }
#team-section { padding: 55px 0; }
#team-section .team-box .team-post { margin-bottom: 45px; }
#team-section .team-box .team-post .team-member { overflow: hidden; }
#team-section .team-box .team-post .team-member img { width: 100%; }
#team-section .team-box .team-post .team-member .member-content { border: 1px solid #f1f1f1; background: transparent; text-align: center; padding: 15px; margin-bottom: 25px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#team-section .team-box .team-post .team-member .member-content h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin: 0; text-transform: uppercase; letter-spacing: 1.5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#team-section .team-box .team-post .team-member .member-content span { display: inline-block; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 20px; margin: 0 0 10px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #cccccc; color: #999999; }
#team-section .team-box .team-post .team-member .member-content ul.team-social { margin: 0; padding: 0; }
#team-section .team-box .team-post .team-member .member-content ul.team-social li { display: inline-block; margin-left: 6px; }
#team-section .team-box .team-post .team-member .member-content ul.team-social li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 15px; }
#team-section .team-box .team-post .team-member .member-content ul.team-social li a:hover { color: #f27935; }
#team-section .team-box .team-post:hover .member-content h2 { color: #f27935; }
#skills-section { padding: 60px 0 70px; position: relative; text-align: center; background: url('../upload/banners/3.jpg') fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#skills-section .container { position: relative; z-index: 2; }
#skills-section .skills-box p { font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.8px; color: #ffffff; margin-top: 10px; }
#skills-section:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/pattern.png'); opacity: 0.6; }
#news-section { padding-bottom: 70px; }
#news-section .title-section { padding: 60px 0 30px; margin-bottom: 0; background: url('../images/pattern.png'); }
#news-section .news-box { position: relative; }
#news-section .news-box .owl-arrows { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -120px; z-index: 2; }
#news-section .news-box .owl-arrows a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: rgba(51, 51, 51, 0.4); color: #ffffff; font-size: 12px; }
#news-section .news-box .owl-arrows a:hover { background: #f27935; }
#news-section .news-box .owl-arrows a.prev-link { float: left; margin-left: 50px; }
#news-section .news-box .owl-arrows a.next-link { float: right; margin-right: 50px; }
#news-section .item.news-post { margin: 0 0 40px; margin-right: 1px; }
#news-section .item.news-post img { width: 100%; margin-bottom: 26px; }
#news-section .item.news-post .news-content { overflow: hidden; padding: 0 30px 0 10px; }
#news-section .item.news-post .news-content .date-post { width: 60px; float: left; margin-top: -10px; text-align: center; }
#news-section .item.news-post .news-content .date-post span { display: block; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #c0c0c0; }
#news-section .item.news-post .news-content .date-post p { margin: 0; text-transform: uppercase; font-weight: 700; color: #333333; }
#news-section .item.news-post .news-content .news-content-text { margin-left: 80px; }
#news-section .item.news-post .news-content .news-content-text h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 2px; line-height: 20px; }
#news-section .item.news-post .news-content .news-content-text h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; }
#news-section .item.news-post .news-content .news-content-text h2 a:hover { color: #f27935; }
#news-section .item.news-post .news-content .news-content-text p { margin-bottom: 0; }
#contact-section .contact-info { background: #f8f8f8; padding: 55px 0; }
#contact-section .contact-info .title-section { margin-bottom: 40px; }
#contact-section .contact-info .contact-info-box { text-align: center; }
#contact-section .contact-info .contact-info-box span { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; background: #f27935; margin: 0 0 20px; }
#contact-section .contact-info .contact-info-box span i { color: #ffffff; font-size: 30px; line-height: 100px; }
#contact-section .contact-info .contact-info-box h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; color: #f27935; margin-bottom: 16px; }
#contact-section .contact-info .contact-info-box p { margin-bottom: 30px; }
#contact-section .map { height: 418px; }
#contact-section .contact-form { padding: 50px 0 60px; }
#contact-section .contact-form h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-align: center; text-transform: uppercase; margin-bottom: 50px; }
#contact-form input[type="text"],
#contact-form textarea { width: 100%; padding: 10px; border: 1px solid #cccccc; margin-bottom: 30px; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 13px; font-family: 'Roboto', sans-serif; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; }
#contact-form input[type="text"]:focus, #contact-form textarea:focus { border: 1px solid #f27935; }
#contact-form textarea { height: 120px; }
#contact-form input[type="submit"] { padding: 10px 37px; outline: none; border: 2px solid #333333; color: #333333; font-size: 12px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 700; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-bottom: 20px; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#contact-form input[type="submit"]:hover { border: 2px solid #f27935; color: #f27935; }
#contact-form .submit-area { text-align: center; }
#contact-form .message { height: 30px; font-size: 13px; font-family: 'Roboto', sans-serif; }
#contact-form .message.error { color: #e74c3c; }
#contact-form .message.success { color: #f27935; }

#why-blue-section.why-blue-section-2{background:#f8f8f8}
#why-blue-section.why-blue-section-2 .tools-box .tools-post { width: 25%; }

/*-------------------------------------------------*/
/* =  Portfolio grid pages
/*-------------------------------------------------*/
#content { padding-top: 70px; }
.page-banner-section { top: 0;padding: 0; width: 100%; position: fixed; background: url(../upload/banners/ban1.jpg) top center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; min-height: 280px; margin-top:110px; z-index: 1; } 
.page-banner-section .container { position: relative; z-index: 2; }
.page-banner-section h2 { font-family: 'Roboto', sans-serif; font-weight: 300; margin:10px 0 0; font-size: 30px; text-transform:capitalize; color: #ffffff; letter-spacing: 1.8px; }
.page-banner-section h2 span { color: #f27935; }
.page-banner-section.about{background: url(../upload/banners/about.jpg) top center; background-size: cover;}
.page-banner-section.new-projects{background: url(../upload/banners/new-projects.jpg) top center; background-size: cover;}
.page-banner-section.existing-projects{background: url(../upload/banners/existing-projects.jpg) top center; background-size: cover;}
.page-banner-section.sustainibility{background: url(../upload/banners/sustainibility.jpg) top center; background-size: cover;}
.page-banner-section.technology{background: url(../upload/banners/technology.jpg) top center; background-size: cover;}
.page-banner-section.interiors{background: url(../upload/banners/interiors.jpg) top center; background-size: cover;}
.page-banner-section.investors{background: url(../upload/banners/investors.jpg) top center; background-size: cover;}
.page-banner-section.dealers{background: url(../upload/banners/dealers.jpg) top center; background-size: cover;}
.page-banner-section.career{background: url(../upload/banners/career.jpg) top center; background-size: cover;}
.page-banner-section.enquiry{background: url(../upload/banners/enquiry.jpg) top center; background-size: cover;}
.page-banner-section.contact{background: url(../upload/banners/contact.jpg) top center; background-size: cover;}
.page-banner-section.disclaimer{background: url(../upload/banners/disclaimer.jpg) top center; background-size: cover;}
.page-banner-section.passenger-elevators{background: url(../upload/banners/passenger-elevators.jpg) top center; background-size: cover;}
.page-banner-section.stretcher-elevators{background: url(../upload/banners/stretcher-elevators.jpg) top center; background-size: cover;}
.page-banner-section.service-elevators{background: url(../upload/banners/service-elevators.jpg) top center; background-size: cover;}
.page-banner-section.industrial-elevators{background: url(../upload/banners/industrial-elevators.jpg) top center; background-size: cover;}
.page-banner-section.dumbwaiter-elevators{background: url(../upload/banners/dumbwaiter-elevators.jpg) top center; background-size: cover;}
.page-banner-section.home-elevators{background: url(../upload/banners/home-elevators.jpg) top center; background-size: cover;}
.page-banner-section.construction-elevators{background: url(../upload/banners/construction-elevators.jpg) top center; background-size: cover;}
.page-banner-section.special-projects{background: url(../upload/banners/special-projects.jpg) top center; background-size: cover;}
.page-banner-section.escalator{background: url(../upload/banners/escalator.jpg) top center; background-size: cover;}
.page-banner-section.autowalks{background: url(../upload/banners/autowalks.jpg) top center; background-size: cover;}
.page-banner-section.modernisation{background: url(../upload/banners/modernisation.jpg) top center; background-size: cover;}
.page-banner-section.after-sales-services{background: url(../upload/banners/after-sales-services.jpg) top center; background-size: cover;}
.page-banner-section.spares{background: url(../upload/banners/spares.jpg) top center; background-size: cover;}
.page-banner-section.site-map{background: url(../upload/banners/site-map.jpg) top center; background-size: cover;}
.page-banner-section.site{background: url(../upload/banners/site.jpg) top center; background-size: cover;}


ul.page-pagin { margin: 0; padding: 0; text-align: center; margin-bottom: 10px; width:100%;}
ul.page-pagin li { display: inline-block; margin-left: 3px; font-size:14px;    font-family: 'Roboto', sans-serif;}
ul.page-pagin li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #000; font-size: 14px; font-family: 'Roboto', sans-serif; text-transform:capitalize; font-weight:300; line-height: 24px; }
ul.page-pagin li a:hover { color: #000;text-decoration:underline; }
ul.page-pagin li:before { content: '|'; color: #000; font-size: 16px; font-family: 'Roboto', sans-serif; text-transform: uppercase; margin-right: 6px; line-height: 24px; }
ul.page-pagin li:first-child:before { display: none; margin: 0; }
/* .page-banner-section:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(34, 34, 34, 0.6); } */
.portfolio-section.grid-style { padding: 50px 0 60px; }
.portfolio-section.grid-style .portfolio-box { width: 990px; margin-left: -15px; margin-top: -10px; }
.portfolio-section.grid-style .portfolio-box .project-post { margin: 10px; width: 475px; }
.portfolio-section.grid-style .portfolio-box .project-post .hover-box { background: rgba(242, 121, 53, 0.9); }
.portfolio-section.grid-style .portfolio-box .project-post .hover-box .inner-hover h2 { color: #ffffff; font-size: 13px; font-weight: 900; }
.portfolio-section.grid-style .portfolio-box .project-post .hover-box .inner-hover p { color: #ffffff; }
.portfolio-section.grid-style .portfolio-box .project-post .hover-box a:hover i { color: #ffffff; opacity: 0.6; }
.portfolio-section.grid-style .portfolio-box.col3 .project-post { width: 310px; }
.portfolio-section.grid-style .portfolio-box.col3 .project-post .hover-box a { margin-top: -30px; }
.portfolio-section.grid-style .portfolio-box.fullwidth { width: auto; margin: -10px 10px 0; }
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post { padding: 10px; margin: 0; width: 25%; }
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post .hover-box { top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; height: auto; }
ul.filter { margin: 0; padding: 0; text-align: center; margin-bottom: 45px; }
ul.filter li { display: inline-block; margin: 0 14px 4px; }
ul.filter li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; border-bottom: 1px dotted #999999; padding-bottom: 2px; }
ul.filter li a:hover, ul.filter li a.active { color: #f27935; border-bottom: 1px dotted #f27935; }
.show-more { text-align: center; padding-top: 40px; }
.show-more a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
/*-------------------------------------------------*/
/* =  portfolio masonry pages
/*-------------------------------------------------*/
.portfolio-section.masonry-style { padding: 50px 0 60px; }
.portfolio-section.masonry-style .portfolio-box { width: 990px; margin-left: -15px; margin-top: -10px; }
.portfolio-section.masonry-style .portfolio-box .project-post { margin: 0px; width: 350px; }
.portfolio-section.masonry-style .portfolio-box .project-post .project-gal { position: relative; }
.portfolio-section.masonry-style .portfolio-box .project-post .project-gal .hover-box { background: rgba(255, 255, 255, 0.9); }
.portfolio-section.masonry-style .portfolio-box .project-post .project-gal .hover-box a i { color: #f27935; }
.portfolio-section.masonry-style .portfolio-box .project-post .project-gal .hover-box a:hover i { color: #999999; }
.portfolio-section.masonry-style .portfolio-box .project-post .project-tit-cont { background: #f8f8f8; padding:18px 18px; margin:0 0 20px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border:1px solid #d4d4d4; }
.portfolio-section.masonry-style .portfolio-box .project-post .project-tit-cont h2 { color: #000; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-transform: uppercase; }
.portfolio-section.masonry-style .portfolio-box .project-post .project-tit-cont p { margin: 0; color: #999999; }
.portfolio-section.masonry-style .portfolio-box .project-post:hover .project-tit-cont { background: transparent; }
.portfolio-section.masonry-style .portfolio-box .project-post:hover .project-tit-cont h2 { color: #1292ff; }
.portfolio-section.masonry-style .portfolio-box.col4 .project-post { width: 227px; }
.portfolio-section.masonry-style .portfolio-box.fullwidth { width: auto; margin: -10px 10px 0; }
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post { padding: 10px; width: 16.66%; margin: 0; }
/*-------------------------------------------------*/
/* =  portfolio black pages
/*-------------------------------------------------*/
.portfolio-section.black-style { background: url('../images/pattern2.png'); padding: 50px 0 60px; }
.portfolio-section.black-style .portfolio-box .project-post { width: 50%; }
.portfolio-section.black-style .portfolio-box .project-post .hover-box { background: rgba(34, 34, 34, 0.9); }
.portfolio-section.black-style .portfolio-box .project-post .hover-box .inner-hover { bottom: inherit; top: 50%; margin-top: 20px; }
.portfolio-section.black-style .portfolio-box .project-post .hover-box .inner-hover h2 { color: #ffffff; font-size: 13px; font-weight: 900; }
.portfolio-section.black-style .portfolio-box .project-post .hover-box a { margin-top: -40px; }
.portfolio-section.black-style .portfolio-box .project-post .hover-box a i { color: #f27935; }
.portfolio-section.black-style .portfolio-box .project-post .hover-box a:hover { opacity: 0.4; }
.portfolio-section.black-style .portfolio-box.col3 .project-post { width: 33.33%; }
.portfolio-section.black-style .portfolio-box.fullwidth .project-post { width: 20%; }
/*-------------------------------------------------*/
/* =  Portfolio alternative pages
/*-------------------------------------------------*/
.portfolio-section.alt-style { background: url('../images/pattern2.png'); padding: 50px 0 50px; }
.portfolio-section.alt-style .portfolio-box .project-post { width: 20%; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box { background: rgba(34, 34, 34, 0.9); }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover { bottom: inherit; top: 30px; text-align: left; padding: 0 30px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover h2 { color: #ffffff; font-size: 15px; font-weight: 900; letter-spacing: 2px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover p { color: #ffffff; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a { margin-top: -30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 2px solid #ffffff; width: 60px; height: 60px; text-align: center; line-height: 60px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a i { color: #ffffff; font-size: 18px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a:hover { border: 2px solid #f27935; background: #f27935; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a:hover i { color: #333333; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; margin-left: -30px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom { transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; margin-left: -100px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.like { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-left: 40px; }
.portfolio-section.alt-style .portfolio-box .project-post.snd-size { width: 40%; }
.portfolio-section.alt-style.white-style-fullwidth { background: #ffffff; padding: 50px 0 50px; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box { margin: 0 25px; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post { width: 20%; padding: 5px; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box { top: 5px; left: 5px; bottom: 5px; right: 5px; width: auto; height: auto; opacity: 1; visibility: visible; background: transparent; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box .inner-hover h2,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box .inner-hover p { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box a { z-index: 2; opacity: 0; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size { width: 40%; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post:hover .hover-box { background: rgba(34, 34, 34, 0.7); }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post:hover .hover-box a { opacity: 1; }
.portfolio-section.alt-style.white-style { background: #ffffff; padding: 50px 0 50px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post { width: 25%; padding: 5px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box { top: 5px; left: 5px; bottom: 5px; right: 5px; width: auto; height: auto; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a { width: 40px; height: 40px; line-height: 36px; margin-top: -20px; z-index: 2; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a i { font-size: 12px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a.link { margin-left: -20px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a.zoom { margin-left: -70px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a.like { margin-left: 30px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box .inner-hover { top: 20px; padding: 0 15px; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box .inner-hover h2 { font-size: 13px; font-weight: 700; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post.snd-size { width: 50%; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post:hover .hover-box { background: rgba(34, 34, 34, 0.7); }
.portfolio-section.alt-style.white-style .portfolio-box .project-post:hover .hover-box a { opacity: 1; }
/*-------------------------------------------------*/
/* =  portfolio vertical style
/*-------------------------------------------------*/
.vertical-header .page-banner-section { padding: 115px 85px 115px 25px; }
.vertical-header .page-banner-section .container-fluid { position: relative; z-index: 2; }
.page-banner-section.back-two { background: url('../upload/banners/ban2.jpg') fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.portfolio-section.vertical-style { padding: 40px 0; }
.portfolio-section.vertical-style .portfolio-box .project-post { width: 50%; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.portfolio-section.vertical-style .portfolio-box .project-post .hover-box { top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; height: auto; background: rgba(51, 51, 51, 0.7); border: 10px solid rgba(255, 255, 255, 0.7); text-align: center; }
.portfolio-section.vertical-style .portfolio-box .project-post .hover-box a { color: #ffffff; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; left: inherit; display: block; width: 100%; margin-left: 0; margin-top: -10px; }
.portfolio-section.vertical-style .portfolio-box .project-post .hover-box a:hover { opacity: 0.5; }
.portfolio-section.vertical-style ul.filter { text-align: left; }
.portfolio-section.vertical-style ul.filter li { margin: 0; }
.portfolio-section.vertical-style ul.filter li a { border: 2px solid transparent; padding: 8px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.portfolio-section.vertical-style ul.filter li a.active,
.portfolio-section.vertical-style ul.filter li a:hover { border: 2px solid #f27935; }
.portfolio-section.vertical-style.fullwidth ul.filter { padding-left: 40px; }
.portfolio-section.vertical-style .portfolio-box.col3 .project-post { width: 33.33%; }
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post { width: 25%; }
/*-------------------------------------------------*/
/* =  blog one col, standard
/*-------------------------------------------------*/
.page-banner-section.blog-banner { background: url('../upload/banners/ban3.jpg') fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.blog-section { background: #f8f8f8; padding: 40px 0; }
.blog-section .blog-box { max-width: 800px; margin: 0 auto 20px; padding-bottom: 1px; }
.blog-section .blog-box .blog-post { background: #ffffff; padding: 20px; border: 1px solid #f1f1f1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-bottom: 40px; }
.blog-section .blog-box .blog-post img { width: 100%; margin-bottom: 25px; }
.blog-section .blog-box .blog-post iframe { width: 100%; margin-bottom: 25px; height: 300px; }
.blog-section .blog-box .blog-post .flexslider { margin-bottom: 25px !important; }
.blog-section .blog-box .blog-post .flexslider img { margin-bottom: 0; }
.blog-section .blog-box .blog-post .post-content .date-post { width: 60px; float: left; padding-top: 16px; text-align: center; }
.blog-section .blog-box .blog-post .post-content .date-post span { display: block; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #c0c0c0; }
.blog-section .blog-box .blog-post .post-content .date-post p { margin: 0; text-transform: uppercase; font-weight: 700; color: #333333; }
.blog-section .blog-box .blog-post .post-content .post-content-text { margin-left: 80px; }
.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags { margin: 0; padding: 0; }
.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li { display: inline-block; }
.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #cccccc; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; }
.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li a:hover { color: #f27935; }
.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li:before { content: '/'; color: #cccccc; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; margin-right: 3px; }
.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li:first-child:before { display: none; margin-right: 0; }
.blog-section .blog-box .blog-post .post-content .post-content-text h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; font-size: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px; }
.blog-section .blog-box .blog-post .post-content .post-content-text h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; }
.blog-section .blog-box .blog-post .post-content .post-content-text h2 a:hover { color: #f27935; }
.blog-section .blog-box .blog-post .post-content .post-content-text p { margin-bottom: 12px; }
.blog-section .blog-box .blog-post .post-content .post-content-text > a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #cccccc; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; margin-bottom: 15px; }
.blog-section .blog-box .blog-post .post-content .post-content-text > a:hover { text-decoration: underline; color: #222222; }
.blog-section .blog-box .blog-post:hover { background: transparent; }
.blog-section ul.pagination-list { margin: 0; padding: 0; margin-bottom: 40px; text-align: center; }
.blog-section ul.pagination-list li { display: inline-block; }
.blog-section ul.pagination-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 900; padding: 8px 13px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; text-transform: uppercase; }
.blog-section ul.pagination-list li a.prev-pag, .blog-section ul.pagination-list li a.next-pag { color: #999999; font-weight: 700; }
.blog-section ul.pagination-list li a.prev-pag i { margin-right: 7px; }
.blog-section ul.pagination-list li a.next-pag i { margin-left: 7px; }
.blog-section ul.pagination-list li a:hover,
.blog-section ul.pagination-list li a.active { color: #ffffff; background: #f27935; }
.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-prev:hover { background: #f27935; }
.blog-section.standard { padding: 0; position: relative; }
.blog-section.standard .container { position: relative; z-index: 2; }
.blog-section.standard .blog-box { background: #ffffff; padding: 40px 60px 40px 0; }
.blog-section.standard .blog-box .blog-post { background: transparent; border: none; padding: 0; margin-bottom: 65px; }
.blog-section.standard .blog-box .blog-post .date-post { width: 60px; float: left; margin-top: -10px; text-align: center; }
.blog-section.standard .blog-box .blog-post .date-post span { display: block; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #c0c0c0; }
.blog-section.standard .blog-box .blog-post .date-post p { margin: 0; text-transform: uppercase; font-weight: 700; color: #333333; }
.blog-section.standard .blog-box .blog-post .post-content { margin-left: 80px; }
.blog-section.standard .blog-box .blog-post .post-content .post-content-text { margin-left: 0; }
.blog-section.standard .blog-box .blog-post.without-image .date-post { margin-top: 0; padding-top: 10px; }
.blog-section.standard:before { position: absolute; content: ''; width: 50%; height: 100%; top: 0; left: 0; background: #ffffff; }
/*-------------------------------------------------*/
/* =  blog grid
/*-------------------------------------------------*/
.blog-section.grid .blog-box { max-width: 100%; }
.blog-section.grid .blog-box .blog-post { padding: 0 0 15px; margin-bottom: 30px; }
.blog-section.grid .blog-box .blog-post iframe { height: 180px; margin-bottom: 0; }
.blog-section.grid .blog-box .blog-post img { margin-bottom: 0; }
.blog-section.grid .blog-box .blog-post .flexslider { margin-bottom: 0 !important; }
.blog-section.grid .blog-box .blog-post .post-content { padding: 10px; padding-top: 20px; }
.blog-section.grid .blog-box .blog-post .post-content .date-post { padding-top: 0; }
.blog-section.grid .blog-box .blog-post .post-content .post-content-text h2 { font-size: 15px; margin-bottom: 20px; }
/*-------------------------------------------------*/
/* =  blog-masonry
/*-------------------------------------------------*/
.blog-section.masonry .blog-box { margin-left: -10px; width: 980px; max-width: inherit; }
.blog-section.masonry .blog-box .blog-post { margin: 15px 10px; padding: 0; width: 306px; }
.blog-section.masonry .blog-box .blog-post iframe { height: 180px; margin-bottom: 0; }
.blog-section.masonry .blog-box .blog-post img { margin-bottom: 0; }
.blog-section.masonry .blog-box .blog-post .flexslider { margin-bottom: 0 !important; }
.blog-section.masonry .blog-box .blog-post .post-content { padding: 10px; padding-top: 20px; }
.blog-section.masonry .blog-box .blog-post .post-content .date-post { padding-top: 0; }
.blog-section.masonry .blog-box .blog-post .post-content .post-content-text h2 { font-size: 15px; margin-bottom: 20px; }
.blog-section.masonry .show-more { margin-bottom: 40px; }
.blog-section.masonry .blog-box.fullwidth { width: 100%; margin-left: 0; }
.blog-section.masonry .blog-box.fullwidth .blog-post { margin: 0; padding: 15px 10px; width: 20%; background: transparent; border: none; }
.blog-section.masonry .blog-box.fullwidth .blog-post .post-content { padding: 10px; padding-top: 20px; background: #ffffff; border: 1px solid #f1f1f1; }
.page-banner-section.back-two.blog-banner { background: url('../upload/banners/ban4.jpg') fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.vertical-header .blog-section.grid { padding: 0; background: #ffffff; }
.vertical-header .blog-section.grid .blog-box .blog-post { margin-bottom: 0; border: none; padding: 1px; }
.vertical-header .blog-section.grid .blog-box .col-md-3 { padding: 0; }
.vertical-header .blog-section.grid .pagination-list { padding: 60px 80px; margin: 0; background: #f2f2f2; }
/*-------------------------------------------------*/
/* =  blog medium
/*-------------------------------------------------*/
.blog-section.medium .blog-box .blog-post { padding: 0; overflow: hidden; }
.blog-section.medium .blog-box .blog-post img { float: left; width: 48%; margin: 0; }
.blog-section.medium .blog-box .blog-post .flexslider { margin: 0 !important; width: 48%; float: left; }
.blog-section.medium .blog-box .blog-post .flexslider img { width: 100%; }
.blog-section.medium .blog-box .blog-post .post-content { width: 52%; float: right; padding: 20px; padding-right: 30px; }
.blog-section.medium .blog-box .blog-post .post-content .date-post { padding-top: 0; }
.blog-section.medium .blog-box .blog-post .post-content .post-content-text h2 { font-size: 15px; margin-bottom: 20px; }
/*-------------------------------------------------*/
/* =  blog alternative
/*-------------------------------------------------*/
.blog-section.alternative { padding: 0; padding-bottom: 60px; background: transparent; }
.blog-section.alternative .blog-box { margin-bottom: 20px; max-width: 100%; }
.blog-section.alternative .blog-box .blog-post { margin: 0; border: none; background: #ffffff; padding: 1px; }
.blog-section.alternative .blog-box .blog-post.big-size { width: 40%; }
.blog-section.alternative .blog-box .blog-post.small-size { width: 20%; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post { position: relative; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post img { width: 100%; margin: 0; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box { position: absolute; bottom: 30px; left: 30px; right: 30px; overflow: hidden; z-index: 2; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .date-post { width: 60px; float: left; text-align: center; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .date-post span { display: block; color: #ffffff; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #ffffff; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .date-post p { margin: 0; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #ffffff; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title { margin-left: 100px; margin-top: 18px; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; color: #ffffff; margin-bottom: 2px; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title h2 a:hover { color: #f27935; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title p { color: #ffffff; margin-bottom: 0; }
.blog-section.alternative .blog-box .blog-post.big-size.img-post:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.3); }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l { overflow: hidden; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post { position: relative; width: 50%; float: left; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post img,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post img { width: 100%; margin: 0; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post .date-post,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post { position: absolute; top: 30px; right: 30px; z-index: 2; width: 60px; text-align: center; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post .date-post span,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post span { display: block; color: #ffffff; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #ffffff; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post .date-post p,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post p { margin: 0; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #ffffff; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:before,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.3); }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:after,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:after { content: ''; width: 0; height: 0; position: absolute; top: 50%; right: 0px; margin-top: -26px; border: 26px solid #ffffff; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box { width: 50%; float: right; padding: 60px 40px 10px; position: relative; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box h2,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin-bottom: 30px; text-transform: uppercase; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box h2 a,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box h2 a:hover,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box h2 a:hover { color: #f27935; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post { float: right; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post { right: inherit; left: 30px; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:after { right: inherit; left: 0; border-left-color: #ffffff; border-right-color: transparent; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box { float: left; }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post { position: relative; }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post img { width: 100%; margin: 0; }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post .date-post { position: absolute; bottom: 30px; left: 30px; z-index: 2; width: 60px; text-align: center; }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post .date-post span { display: block; color: #ffffff; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #ffffff; }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post .date-post p { margin: 0; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #ffffff; }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.3); }
.blog-section.alternative .blog-box .blog-post.small-size .gal-post:after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: 0px; margin-left: -26px; border: 26px solid #ffffff; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; }
.blog-section.alternative .blog-box .blog-post.small-size .cont-box { padding: 60px 40px 10px; }
.blog-section.alternative .blog-box .blog-post.small-size .cont-box h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin-bottom: 30px; text-transform: uppercase; }
.blog-section.alternative .blog-box .blog-post.small-size .cont-box h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #222222; }
.blog-section.alternative .blog-box .blog-post.small-size .cont-box h2 a:hover { color: #f27935; }

/*-------------------------------------------------*/
/* =  blog timeline
/*-------------------------------------------------*/
.blog-section.grid .blog-box.timeline { overflow: hidden; position: relative; }
.blog-section.grid .blog-box.timeline .blog-post { margin-bottom: 40px; position: relative; z-index: 2; background: transparent; border: none; }
.blog-section.grid .blog-box.timeline .blog-post .post-content { position: relative; background: #ffffff; border: 1px solid #f1f1f1; border-top: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.blog-section.grid .blog-box.timeline .blog-post .post-content span.timeline-point { position: absolute; top: 40px; display: inline-block; width: 26px; height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 3px solid #f1f1f1; background: #ffffff; }
.blog-section.grid .blog-box.timeline .blog-post .post-content span.timeline-point:after { position: absolute; content: ''; top: 3px; left: 3px; bottom: 3px; right: 3px; border: 1px solid #f27935; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-month { width: 100%; text-align: center; clear: both; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-month span { display: inline-block; margin: 0; color: #ffffff; font-size: 13px; font-weight: 900; font-family: 'Roboto', sans-serif; text-transform: uppercase; padding: 14px 32px; background: #f27935; -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left { float: left; width: 50%; padding-right: 90px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point { right: -104px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content:after { position: absolute; content: ''; width: 0; height: 0; border: 9px solid #ffffff; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; top: 40px; right: -18px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right { float: right; width: 50%; padding-left: 90px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point { left: -104px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content:after { position: absolute; content: ''; width: 0; height: 0; border: 9px solid #ffffff; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; top: 40px; left: -18px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.blog-section.grid .blog-box.timeline .blog-post:hover .post-content { background: transparent; }
.blog-section.grid .blog-box.timeline .blog-post:hover .post-content:after { border-color: transparent; }
.blog-section.grid .blog-box.timeline:after { content: ''; position: absolute; width: 5px; height: 100%; background: #f1f1f1; top: 1px; left: 50%; margin-left: -2px; }

/*-------------------------------------------------*/
/* =  sidebar
/*-------------------------------------------------*/
.sidebar { padding: 40px 0; }
.sidebar .widget { margin-bottom: 36px; }
.sidebar .widget h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; font-weight: 900; margin-bottom: 32px; text-transform: uppercase; }
.sidebar .widget ul.category-list { margin: 0; padding: 0; }
.sidebar .widget ul.category-list li { list-style: none; border: 1px solid #f0f0f0; border-top: none; }
.sidebar .widget ul.category-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 700; padding: 8px 20px; background: #ffffff; display: block; text-transform: uppercase; }
.sidebar .widget ul.category-list li a span { float: right; color: #999999; }
.sidebar .widget ul.category-list li a:hover { background: transparent; color: #f27935; }
.sidebar .widget ul.category-list li:first-child { border-top: 1px solid #f1f1f1; }
.sidebar .widget ul.flickr-list { margin: 0; padding: 0; overflow: hidden; }
.sidebar .widget ul.flickr-list li { list-style: none; float: left; margin-right: 4px; margin-bottom: 4px; }
.sidebar .widget ul.flickr-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.sidebar .widget ul.flickr-list li a:hover { opacity: 0.7; }
.sidebar .widget .text-box { padding: 14px 20px 0; background: #ffffff; border: 1px solid #f0f0f0; }
.sidebar .widget .text-box p { margin-bottom: 15px; }
.sidebar .widget ul.tags-list { margin: 0; padding: 0; }
.sidebar .widget ul.tags-list li { display: inline-block; margin-bottom: 3px; }
.sidebar .widget ul.tags-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; font-size: 13px; font-family: 'Roboto', sans-serif; padding: 8px; background: #ffffff; border: 1px solid #f0f0f0; }
.sidebar .widget ul.tags-list li a:hover { color: #ffffff; background: #222222; border: 1px solid #222222; }
.sidebar .tab-posts-box { background: #ffffff; border: 1px solid #f0f0f0; }
.sidebar .tab-posts-box ul.nav-tabs { text-align: center; border: none; }
.sidebar .tab-posts-box ul.nav-tabs li { float: left; width: 33.33%; border: none; }
.sidebar .tab-posts-box ul.nav-tabs li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; padding: 8px 3px; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #999999; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; border: none; margin: 0; }
.sidebar .tab-posts-box ul.nav-tabs li a:hover { border: none; color: #f27935; }
.sidebar .tab-posts-box ul.nav-tabs li.active a { border: none; background: #f27935; color: #ffffff; }
.sidebar .tab-posts-box .tab-pane { padding: 20px 0 0; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list { margin: 0; padding: 0; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li { list-style: none; padding: 0 20px 20px; overflow: hidden; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li img { float: left; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content { margin-left: 60px; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content span { display: block; margin: 0 0 5px; color: #aaaaaa; font-size: 11px; line-height: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 400; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; margin: 0 0 15px; color: #999999; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 14px; margin: 0; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content h2 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #999999; }
.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content h2 a:hover { color: #f27935; }

/*-------------------------------------------------*/
/* =  single post
/*-------------------------------------------------*/
.blog-post.single-post h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; letter-spacing: 2px; }
.blog-post.single-post p { margin-bottom: 30px !important; }
.blog-post.single-post blockquote { background: #f8f8f8; border-left: 2px solid #f27935; padding: 22px 26px 22px 48px; margin-bottom: 30px !important; }
.blog-post.single-post blockquote p { margin: 0 !important; color: #222222; font-style: italic; font-size: 15px; }.blog-post.single-post blockquote p { margin: 0 !important; color: #222222; font-style: italic; font-size: 15px; }
.blog-post.single-post .share-box { border-top: 1px solid #e0e0e0; padding-top: 30px; margin-bottom: 30px; }
.blog-post.single-post .share-box span { display: inline-block; margin: 4px 0; font-family: 'Roboto', sans-serif; color: #999999; text-transform: uppercase; font-size: 13px; font-weight: 700; }
.blog-post.single-post .share-box ul.social-share { margin: 0; padding: 0; text-align: right; }
.blog-post.single-post .share-box ul.social-share li { display: inline-block; margin: 0 1px; text-align: center; }
.blog-post.single-post .share-box ul.social-share li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; background: #222222; }
.blog-post.single-post .share-box ul.social-share li a:hover { background: #f27935; }
.blog-post.single-post .autor-post { overflow: hidden; background: #f8f8f8; margin-bottom: 40px; }
.blog-post.single-post .autor-post img { width: auto; float: left; margin-bottom: 0; }
.blog-post.single-post .autor-post .autor-content { padding: 30px; margin-left: 148px; }
.blog-post.single-post .autor-post .autor-content h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin-bottom: 14px; text-transform: uppercase; }
.blog-post.single-post .autor-post .autor-content p { margin-bottom: 0 !important; }
.blog-post.single-post .comment-section { padding-left: 80px; }
.blog-post.single-post .comment-section h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; padding-bottom: 35px; border-bottom: 1px solid #e0e0e0; margin-bottom: 40px; }
.blog-post.single-post .comment-section ul { margin: 0; padding: 0; }
.blog-post.single-post .comment-section ul li { list-style: none; }
.blog-post.single-post .comment-section ul li .comment-box { overflow: hidden; padding-bottom: 35px; border-bottom: 1px solid #f3f3f3; margin-bottom: 40px; }
.blog-post.single-post .comment-section ul li .comment-box img { width: auto; float: left; } 
.blog-post.single-post .comment-section ul li .comment-box .comment-content { margin-left: 100px; }
.blog-post.single-post .comment-section ul li .comment-box .comment-content h4 { color: #222222; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; margin: 0; }
.blog-post.single-post .comment-section ul li .comment-box .comment-content h4 a { color: #222222; display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; float: right; font-size: 11px; font-weight: 400; }
.blog-post.single-post .comment-section ul li .comment-box .comment-content h4 a:hover { color: #f27935; }
.blog-post.single-post .comment-section ul li .comment-box .comment-content span { font-size: 13px; color: #999999; font-family: 'Roboto', sans-serif; line-height: 20px; margin: 0 0 10px; font-size: 11px; display: inline-block; font-weight: 400; margin-bottom: 16px; text-transform: uppercase; }
.blog-post.single-post .comment-section ul li .comment-box .comment-content p { margin: 0 !important; }
.blog-post.single-post .comment-section ul.depth .comment-box { padding-left: 100px; }
.blog-post.single-post .comment-section .comment-form { margin-bottom: 40px; }
.blog-post.single-post .comment-section .comment-form h2 { padding-bottom: 0; border-bottom: none; margin-bottom: 30px; }
.blog-post.single-post .comment-section .comment-form input[type="text"],
.blog-post.single-post .comment-section .comment-form textarea { width: 100%; display: block; padding: 12px; background: #f8f8f8; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #999999; font-size: 13px; font-family: 'Roboto', sans-serif; border: 1px solid #f1f1f1; outline: none; margin: 0 0 20px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.blog-post.single-post .comment-section .comment-form input[type="text"]:focus,
.blog-post.single-post .comment-section .comment-form textarea:focus { border: 1px solid #f27935; }
.blog-post.single-post .comment-section .comment-form textarea { min-height: 125px; margin-bottom: 40px; }
.blog-post.single-post .comment-section .comment-form input[type="submit"] { display: inline-block; outline: none; padding: 10px 34px; color: #f27935; font-size: 12px; font-family: 'Roboto', sans-serif; background: transparent; text-transform: uppercase; font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 2px solid #f27935; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.blog-post.single-post .comment-section .comment-form input[type="submit"]:hover { background: #f27935; color: #ffffff; }
.blog-post.single-post .comment-section .comment-form .submit-area { text-align: center; }
.blog-post.single-post .comment-section .comment-form .message { height: 30px; font-size: 13px; font-family: 'Roboto', sans-serif; }
.blog-post.single-post .comment-section .comment-form .message.error { color: #e74c3c; }
.blog-post.single-post .comment-section .comment-form .message.success { color: #f27935; }
.page-banner-section.blog-banner2 { background: url('../images/pattern.png'); }
.page-banner-section.blog-banner2:after { display: none; }
.blog-section.single2 { background: #ffffff; padding-top: 0; }
.blog-section.single2 .blog-post.single-post .post-gal { position: relative; margin-bottom: 45px; }
.blog-section.single2 .blog-post.single-post .post-gal img { width: 100%; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single { position: absolute; width: 100%; bottom: 40px; left: 0; z-index: 2; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container { position: relative; overflow: hidden; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post { width: 60px; float: left; padding-top: 16px; text-align: center; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post span { display: block; color: #ffffff; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 1px dotted #fff; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post p { margin: 0; text-transform: uppercase; font-weight: 700; color: #ffffff; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post { margin-left: 80px; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0; color: #ffffff; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags { margin: 0; padding: 0; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li { display: inline-block; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #ffffff; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li a:hover { color: #f27935; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li:before { content: '/'; color: #ffffff; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; margin-right: 3px; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li:first-child:before { display: none; margin-right: 0; }
.blog-section.single2 .blog-post.single-post .post-gal:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(34, 34, 34, 0.5); }
.blog-section.single2 .blog-post.single-post .post-content { margin-left: 80px; }
/*-------------------------------------------------*/
/* =  single project pages
/*-------------------------------------------------*/
.single-project-section { padding: 50px 0 70px; }
.single-project-section .title-project h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 40px; }
.single-project-section .title-project h1 a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; float: right; width: 40px; height: 40px; border: 2px solid #f27935; text-align: center; line-height: 38px; color: #f27935; font-size: 14px; padding: 0; padding-left: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.single-project-section .title-project h1 a:hover { background: #f27935; color: #ffffff; }
.single-project-section .project-gallery { position: relative; }
.single-project-section .project-gallery a.likes { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: absolute; top: 20px; right: 20px; width: 60px; height: 40px; background: rgba(255, 255, 255, 0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 40px; }
.single-project-section .project-gallery a.likes i { color: #222222; font-size: 14px; margin-right: 10px; }
.single-project-section .project-gallery a.likes span { display: inline-block; color: #222222; font-size: 13px; font-family: 'Roboto', sans-serif; margin: 0; font-weight: 900; }
.single-project-section .project-gallery a:hover { opacity: 0.7; }
.single-project-section .flexslider { margin-bottom: 40px !important; }
.single-project-section .project-content h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; margin-bottom: 20px; }
.single-project-section .project-content p { margin-bottom: 8px; }
.single-project-section .project-content p > a { color: #222222; }
.single-project-section .project-content p a.url-link { color: #f27935; text-decoration: underline; }
.single-project-section .project-content ul.share-project { margin: 0; padding: 0; display: inline-block; }
.single-project-section .project-content ul.share-project li { display: inline-block; margin: 0 1px; }
.single-project-section .project-content ul.share-project li span { display: inline-block; font-size: 13px; color: #999999; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 20px; margin: 0 0 10px; margin: 0; margin-right: 10px; }
.single-project-section .project-content ul.share-project li a { text-align: center; display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; background: #222222; }
.single-project-section .project-content ul.share-project li a:hover { background: #f27935; }
.related-project-section { padding: 45px 0 65px; background: #f8f8f8; }
.related-project-section .title-section { margin-bottom: 30px; }
.related-project-section #owl-demo .project-post { width: 100%; }
.related-project-section #owl-demo .project-post .hover-box { left: 10px; right: 10px; width: auto; }
.related-project-section #owl-demo .item { padding: 0 10px; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background: #f27935; border: 1px solid #f27935; }
.single-project-section.single-project2 { padding-top: 0; }
.single-project-section.single-project2 .title-project { padding-bottom: 30px; border-bottom: 1px solid #c2c2c2; margin-bottom: 30px; }
.single-project-section.single-project2 .title-project h1 { margin-bottom: 0; }
.related-project-section.alternative { background: url('../images/pattern.png'); border-bottom: 1px solid #414143; padding-bottom: 30px; }
.related-project-section.alternative #owl-demo2 .project-post { width: 100%; }
.related-project-section.alternative #owl-demo2 .project-post .hover-box { left: 10px; right: 10px; width: auto; }
.related-project-section.alternative #owl-demo2 .item { padding: 0 10px; }
/*-------------------------------------------------*/
/* =  error page
/*-------------------------------------------------*/
.error-section { padding: 20px 0; position: relative; background: url('../upload/banners/error.jpg') center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; text-align: center; }
.error-section span { display: inline-block; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; font-size: 48px; color: #f27935; margin-bottom: 25px; letter-spacing: 4px; }
.error-section h1 { color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; max-width: 460px; margin: 0 auto 20px; line-height: 52px; }
.error-section p { margin-bottom: 25px; }
.error-section a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-color: #f27935; color: #f27935; }
.error-section a:hover { color: #ffffff; background: #f27935; }
.error-section .error-content { position: absolute; width: 100%; top: 50%; left: 0; margin-top: -130px; z-index: 2; }
.error-section:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(34, 34, 34, 0.8); }
/*-------------------------------------------------*/
/* =  comming soone page
/*-------------------------------------------------*/
.comming-soon-section { padding: 80px 0; padding-top: 160px; position: relative; background: url('../upload/banners/coming-soon.jpg') center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; text-align: center; }
.comming-soon-section .comming-soon-content { position: relative; z-index: 2; }
.comming-soon-section .comming-soon-content h1 { color: #222222; font-size: 30px; font-family: 'Lato', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; margin-bottom: 8px; letter-spacing: 3px; }
.comming-soon-section .comming-soon-content h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; color: #ffffff; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 2px; }
.comming-soon-section .comming-soon-content p { margin-bottom: 60px; }
.comming-soon-section .comming-soon-content form.subscribe input[type="text"] { width: 300px; padding: 10px; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #ffffff; font-size: 13px; font-family: 'Roboto', sans-serif; border: 1px solid #ffffff; outline: none; margin: 0 10px 20px 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.comming-soon-section .comming-soon-content form.subscribe input[type="submit"] { display: inline-block; outline: none; padding: 10px 35px; color: #f27935; font-size: 12px; font-family: 'Roboto', sans-serif; background: transparent; text-transform: uppercase; font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 2px solid #f27935; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; letter-spacing: 1.7px; }
.comming-soon-section .comming-soon-content form.subscribe input[type="submit"]:hover { background: #f27935; color: #ffffff; }
.comming-soon-section:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/pattern.png'); opacity: 0.8; }
#clock { margin-bottom: 40px; }
#clock .comming-part { text-align: center; padding: 50px 20px 50px; border: 1px solid #999999; margin-bottom: 20px; }
#clock .comming-part span { display: block; color: #222222; font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0 0 30px; text-transform: uppercase; color: #f27935; font-size: 48px; margin-bottom: 0px; }
#clock .comming-part p { text-transform: uppercase; color: #ffffff; font-weight: 700; margin-bottom: 0; }
/*-------------------------------------------------*/
/* =  faq's page
/*-------------------------------------------------*/
.faqs-section { padding: 40px 0 60px; overflow: hidden; }
.accord-elem { margin-top: 8px; }
.accord-elem:first-child { margin-top: 0px; }
.accord-title { position: relative; }
.accord-title h2 { padding: 16px 20px; background: #f7f7f7; color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; margin-bottom: 0; margin-left: 52px; border: 1px solid #eeeeee; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.accord-title a.accord-link { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: absolute; width: 52px; height: 50px; top: 0; left: 0; text-align: center; background: #ffffff; border: 1px solid #eeeeee; border-right: none; }
.accord-title a.accord-link:after { font-family: 'FontAwesome'; content: '\f0a9'; font-size: 18px; color: #333333; line-height: 49px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.accord-title p { font-size: 13px; color: #999999; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 20px; margin: 0 0 10px; margin: 12px 0 12px 72px; }
.accord-elem.active .accord-title h2 { color: #ffffff; border: 1px solid #f27935; background: #f27935; }
.accord-elem.active a.accord-link { background: #333333; border: 1px solid #333333; border-right: none; }
.accord-elem.active a.accord-link:after { content: '\f0ab'; color: #ffffff; }
.accord-content { display: none; padding-left: 72px; overflow: hidden; }
.accord-content p { font-size: 13px; color: #999999; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 20px; margin: 0 0 10px; margin: 12px 0; }
.accord-elem.active .accord-content { display: block; }
/*-------------------------------------------------*/
/* =  typography page
/*-------------------------------------------------*/
.typography-section { padding: 30px 0 0 0; position: relative; z-index: 999; margin-top: 395px; background: #FFF; }
.typography-section h2 { color: #000; font-size:26px; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; text-transform:capitalize; }
.typography-section .mar-bottom { margin-bottom: 50px; }
.typography-section .main-title { margin-bottom: 20px; }

.main-title > span { width: 61px; display: inline-block; height: 2px; border-top: 2px solid #ce1c00; position: relative; margin: 0px; }
.main-title h1 {color: #000; font-size: 26px; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0px; text-transform: uppercase; letter-spacing: 0px; }
.main-title h2 {color: #fff; font-size: 26px; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0px; text-transform: capitalize; letter-spacing: 0px; }
.typography-section h3 { color: #093174; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0 0 25px; padding:0 0 20px; text-transform:capitalize; position:relative; }
.typography-section h3:after{ position:absolute; bottom:0; left:42%; content: " "; border-bottom-style: solid; border-bottom-width:1px; border-bottom-color:#ce1c00; display:table-cell; width:61px; }
.contentarea p { font-size:16px; color:#000; line-height:25px; font-weight:300; }
.row-centered { text-align:center; }
.col-centered { display:inline-block; float:none; text-align: center; vertical-align:top;  }
blockquote.quote { background: #f8f8f8; border-left: 2px solid #f27935; padding: 22px 26px 22px 48px; margin-bottom: 30px !important; }
blockquote.quote p { margin: 0 !important; color: #222222; font-style: italic; font-size: 15px; }
blockquote.quote2 { background: #f8f8f8; border-top: 2px solid #f27935; border-left: none; padding: 22px 26px 22px 48px; margin-bottom: 30px !important; }
blockquote.quote2 p { margin: 0 !important; color: #222222; font-style: italic; font-size: 15px; }
blockquote.quote3 { background: #f8f8f8; border-left: none; padding: 22px 26px 22px 48px; margin-bottom: 30px !important; }
blockquote.quote3 p { margin: 0 !important; color: #222222; font-style: italic; font-size: 15px; }
blockquote.quote4 { border-left: none; padding: 22px 26px 22px 48px; margin-bottom: 30px !important; }
blockquote.quote4 p { margin: 0 !important; color: #222222; font-style: italic; font-size: 15px; }
/*-------------------------------------------------*/
/* =  Tabs & accordion page
/*-------------------------------------------------*/
.tabs-accord-section { padding: 60px 0; }
.tabs-accord-section .tab-posts-box { background: #ffffff; margin-bottom: 40px; }
.tabs-accord-section .tab-posts-box ul.nav-tabs { text-align: center; border: none; }
.tabs-accord-section .tab-posts-box ul.nav-tabs li { float: left; border: none; }
.tabs-accord-section .tab-posts-box ul.nav-tabs li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; padding: 8px 20px; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #999999; font-size: 11px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 900; border: none; margin: 0; }
.tabs-accord-section .tab-posts-box ul.nav-tabs li a:hover { border: none; color: #f27935; }
.tabs-accord-section .tab-posts-box ul.nav-tabs li.active a { border: none; background: #f27935; color: #ffffff; }
.tabs-accord-section .tab-posts-box .tab-pane { padding: 20px; border: 1px solid #f1f1f1; overflow: hidden; }
.tabs-accord-section .tab-posts-box .tab-pane h2 { color: #222222; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; text-transform: uppercase; }
.tabs-accord-section .tab-posts-box .tab-pane img { float: right; margin-left: 20px; max-width: 400px; }
.tabs-accord-section .tab-posts-box .tab-pane img.left-order { float: left; margin-left: 0; margin-right: 20px; }
/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/
footer {clear: both;background: #fff; padding-top: 50px; font-family: 'Roboto', sans-serif; border-top: 1px solid #eee; z-index: 999;position: relative;}
footer h2 { color: #222222; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 500; margin: 0 0 10px; text-transform:capitalize;  letter-spacing: 0px; position:relative; padding:0 0 10px; line-height: 1; }
footer h2.services { margin-top:20px }
footer h2:after { position: absolute; bottom: 0; left: 0; content: " "; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ce1c00; display: table-cell; width: 40px; } 
footer h2 a { color: #222222;}
footer h2 a:hover { color: #043071; text-decoration:none; }
footer h3 { color: #222222; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0 0 15px; letter-spacing: 1px; }
footer ul.social-list { margin: 0; padding: 0; margin-bottom: 35px; }
footer ul.social-list li { display: inline-block; margin: 0 4px; text-align: center; }
footer ul.social-list li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; font-size: 18px; }
footer ul.social-list li a:hover { color: #fff; opacity:0.8; }
footer ul.social-list li a.facebook { background:#4867aa; }
footer ul.social-list li a.twitter { background:#1da1f2; }
footer ul.social-list li a.tube { background:#ff0000; }
footer ul.social-list li a.linkedin { background:#0077b5; }
footer ul.social-list li:last-child{display:none;}

footer p.copyright { padding: 20px 0; border-top: 1px dotted #eee; text-transform:capitalize; font-size: 13px; margin: 20px 0 0; text-align: center; color:#222; }
footer p.copyright a { color:#222; text-decoration:underline }
footer ul.foot-list { margin:0 0 10px; padding:0;     float: left;    width: 100%; }
footer ul.foot-list li { list-style:none; padding:0 0 3px; }
footer ul.foot-list li a { color:#222; font-weight: 400; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5;}
footer ul.foot-list li a:hover { padding-left:10px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5;}
.foot-info { margin:0 0 15px; }
.foot-info p {color:#222; }
.foot-info p a { color:#222; }
#client-section { padding: 20px 0 20px; background:#fff; overflow: hidden; border-top:1px solid #ececec;}
.full-panel { position:relative; }
.full-content { width:50%; float:left; }
.full-panel .full-profile { float: left; width: 50%; background: url(../images/dumbwaiter-con01.jpg) center top; min-height: 529px; }
.grey-patch { background:#f9f9f9; padding:45px; }
.grey-patch p { font-size:16px; font-weight:300; line-height:25px; color:#000; margin:0 0 20px; }
.blue-patch	{ background:#093174; padding:45px; }
.blue-patch p { font-size:18px; font-weight:600; color:#fff; margin:0 0 20px; }
.blue-patch .tab-info { font-size:17px; font-weight:600; color:#fff; }
.blue-patch .tab-info span { font-weight:300; }
.contentarea { padding:60px 0px; }
.dl-wrap { display:none; }

.resp-tabs-list li.resp-tab-active:after {content:'';position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto;width: 0; height: 0;border-top: solid 10px #0b558e;border-left: solid 10px transparent;border-right: solid 10px transparent; display: none;}
.sub-level-tab li.resp-tab-active:after{display:none;}
.navbar-nav > li:hover > a i{color:#fff;}

.parallax-window { min-height: 400px; background: transparent; }
#particle-canvas { width: 100%; height: 100%; position:absolute !important; }

.tools-box.why-icon-part { float: left; width: 100%;margin-bottom: 20px;}
#why-blue-section .tools-box .tools-post {width: 33.33%; float: left; min-height: 70px;}
.img-123 { height: 40px; display: table-cell; vertical-align: middle; }
#why-blue-section .tools-box .tools-post h2 {height: 40px; vertical-align: middle; display: table-cell;}

.mainmenu .collapse ul ul li .tabbing ul.second-level li{font-weight:normal;position:relative;background:url(../images/bullet.png) no-repeat 0 center!important;padding-top: 15px !important;padding-bottom: 15px !important;}
.mainmenu .collapse ul ul li .tabbing ul.second-level li a{font-weight:normal;}
.mainmenu .collapse ul ul li .tabbing ul.second-level li:before{content:'';content:'';width:54px;height:2px;background:#1292ff;position:absolute;bottom:0;left:0;}
.mainmenu .collapse ul ul li .tabbing ul.second-level li:after{}
.page-banner-section .main-title{padding: 170px 0 0;}
img {max-width:100%;}
.content p {font-size:17px;color:#000;line-height:29px;margin:0 0 25px;}
.blue-bg {background:#f8f8f8; margin-bottom: 0; }
.content-bullet{margin:0;padding:0;list-style:none;}
.content-bullet li{margin:0;padding:0;list-style:none;float:left;width:48%;font-size:15px;border-top:1px solid #e1e1e1;padding:15px 0 15px 20px;background:url(../images/bullet2.png) no-repeat 0 21px;text-align: justify;}
.content-bullet li:nth-child(2),.content-bullet li:first-child{border-top:none;}
.content-bullet li:nth-child(2n){float:right;}
.content-bullet li:nth-child(odd){clear: both;}
.content-bullet li.last,.content-bullet li:last-child{border-bottom:0;    padding-bottom: 0;}
.content-bullet.li-3 li { width: 33%; float: left; }
.content-bullet.li-3 li:nth-child(odd){clear: none;}
.content-bullet.li-3 li:first-child,.content-bullet.li-3 li:nth-child(2),.content-bullet.li-3 li:nth-child(3){border-top:none;}

.content-bullet.full-li li{width:100%;}
.content-bullet.font-20 li{font-size:20px;background: url(../images/bullet2.png) no-repeat 0 23px;}
ul.features {float:left;width:100%;margin:0;padding:0;list-style:none;font-size:20px;color:#093174;text-align:left;}
ul.features li{display: inline-block;width: 24%;padding: 0 15px;margin:0 0 30px;vertical-align: top;text-align:center;}
ul.features li.width{margin:0;}
ul.features li span{float:left;width:100%;}
ul.features li span.feature-text{position:relative;margin: 35px 0 0;}
ul.features li span.feature-text:before{position:absolute;content:'';width:30px;height:1px;background:#ce1c00;top:-14px;left:0;right:0;margin:0 auto;}
.navbar-nav > li:hover > a i {color: #000;transform: rotate(180deg);}
#loader{width: 100%; height: 100%; position:fixed; z-index: 9999999; background: #fff; text-align:center;top: 0;}
.loader-img{display:table; width:100%; height: 100%; vertical-align:middle}
.loader-img1{display:table-cell; width:100%; height: 100%; vertical-align:middle}
#particle-canvas > div{background-attachment:fixed !important}
#portfolio-section .portfolio-box .project-post .hover-box p.arrow-bt{background: transparent;margin: 10px 0 0;position: static;}
#portfolio-section .portfolio-box .project-post .hover-box p.arrow-bt img{width:auto;}
.mainmenu .collapse ul li.pro-drop ul.dropdown-menu{border-top: 1px solid #eee;z-index: 999;transform:translateY(-2em);z-index:-1;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;visibility:hidden;opacity:0;    -webkit-box-shadow: 0px 10px 28px -6px rgba(0,0,0,0.30)!important;-moz-box-shadow: 0px 10px 28px -6px rgba(0,0,0,0.30)!important;box-shadow: 0px 10px 28px -6px rgba(0,0,0,0.30) !important;
}
.mainmenu .collapse ul li.pro-drop:hover ul.dropdown-menu{visibility:visible;opacity:1;transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}
.mobile-menu{display:none;}
.title-section.no-margin{margin:0 0 25px;}
.typography-section .no-margin h2{margin:0;}
.content-bullet.no-bullet li{background:none;padding-left:0;width:48%;}
.comming-soon{min-height:250px;}
.google-map iframe{width:100%;height:570px;border:none;margin-bottom:40px;}
.contact-col1{margin-bottom:40px;font-size:16px;line-height:28px;padding-left:25px;}
.contact-col2{font-size:16px;line-height:28px;margin-bottom:30px;}
.contact-col2 .colon-dot1{color:#000;font-weight:600;padding-left:25px;float:left;}
span.phone{background:url(../images/phone.png) no-repeat 0px 5px;background-size:14px;}
.contact-col1.location{background:url(../images/location.png) no-repeat 0px 5px;background-size:17px;}
span.fax{background:url(../images/fax.png) no-repeat 0px 5px;background-size:17px;}
span.email{background:url(../images/email.png) no-repeat 0px 8px;background-size:17px;}
span.enquiry{background:url(../images/enquiry.png) no-repeat 0px 5px;background-size:17px;}
.colon-dot3 a:hover{text-decoration:underline;color:#000;}
span.colon-dot2{margin:0px 10px;}
span.colon-dot3{font-size:15px;}

ul.features.li-5 li{width:19.5%;}

/* .enq-email {
margin-left:95px;
} */

.FL{float:left !important}
.FR{float:right !important}
.fl-width{width:100%;}
.clear{clear:both}
.spacer{height:20px}
.no-paading{padding:0px;}
.contact-text-form,.contact-text-divder,.form-border,.contect-divider{display:none;}
.contact-row { margin-bottom:15px; color: #828282; width:48%; float:left;min-height: 70px;}
.contact-textfield {font-family: 'Roboto', sans-serif;  width: 100%; border: 0; border-bottom: 2px solid #ababab; position: relative; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; height: 45px; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; padding-left: 5px; outline: none; -moz-appearance: textfield; color:#000;padding-right: 20px;}
.contact-row.fl-width{width:100%;}
.contact-textfield.captcha { width: 70%; }
.captcha-img { width: 29%; height: 43px; } 
.checkbox-panel { width: 100%; float: left; }
.check-box { width: 50%; float: left; margin-bottom: 10px; }
.checkbox-panel.fl-width{width:100%;}
.checkbox-button { width: auto; float: left; margin-right: 8px; }
.bt-submit { color: #fff; background: #043071; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform: capitalize; border: 1px solid #043071; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 12px 20px; display: inline-block; transition: 0.5s;}
.bt-submit:hover { color: #043071; background: #fff;  border: 1px solid #043071; text-decoration:none; transition: 0.5s; } 
.gray-text2 { margin-bottom: 12px;font-family: 'Roboto', sans-serif;color:#5f5f5f;font-size: 15px;}
.gray-text3 { margin-bottom: 12px;font-family: 'Roboto', sans-serif;color:#093174;font-size: 15px;}
.checkbox-button-text { font-family: 'Roboto', sans-serif;color: #000; } 
.contact-text-form-1 { color: #000; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 0 0 10px; text-transform: capitalize; letter-spacing: 0px; position: relative; padding: 0 0 10px; line-height: 1; }
.contact-text-form-1:before { position: absolute; bottom: 0; left: 0; content: " "; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ce1c00; display: table-cell; width: 40px; }
textarea#frmcomments { padding-top: 10px; }
.checkbox-button-text2 { color: #000; }
.checkbox-button-title { margin-bottom: 10px; font-weight: 600; color: #5f5f5f; }
.check-box-wrap { width: 48%; float: left; display: inline-block; } 
.form .contact-row  label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; font-size: 13px; color: #ff0000;} 



select::placeholder{color:#000;}
input::placeholder{color:#000;}
textarea::placeholder{color:#000;}
.site-map-list ul{width:100%;padding: 0px;}
.site-map-list ul li { width: 100%; float: left; margin-bottom:10px;       list-style: none; } 
.site-map-list ul li a { width: 100%; float: left;background: #e9e9e9;  font-size: 16px; line-height: 16px; display: block; padding: 10px;  text-transform: uppercase;
font-weight: 600;     color: #043071;}
.site-map-list ul li ul li a{background:none; font-size:14px; line-height: 18px; text-transform:capitalize;}
.site-map-list ul li ul{width:100%; float:left; background:#FFF;    margin-top: 8px;}
.site-map-list ul li ul li ul li{width:30%; margin-bottom:5px;}

.site-map-list .level-1 li a{background: #f3f3f3;}
.site-map-list .level-1 li:hover{background:#f3f3f3;}
.site-map-list .level-1 li a:hover { color: #337ab7; background:#f3f3f3;} 
.site-map-list .level-2{background:#FFF;}
.site-map-list .level-2 li{width:30%; float:left; background:#FFF;}
.site-map-list .level-2 li a {padding: 10px 10px 10px 20px; border-bottom: solid 1px #d6d6d6; position: relative;    color: #000;    background: none;}   
/* .site-map-list .level-2 li:nth-child(3n) { margin-right: 0px; } */
.site-map-list .level-2 li{width: 48%; float: left; margin: 0; min-height: 40px;  }
.site-map-list .level-2 li:last-child a ,.site-map-list .level-2 li.last-li a{border-bottom:none;}
.site-map-list ul li a:hover { color:#000; background: #dad9d9; }
.site-map-list .level-2 li:hover,.site-map-list .level-2 li a:hover{background:#FFF; color:#337ab7;}
.site-map-list .level-2 li a:hover::before{/* background:#043071; */}

.product-list .level-2 li {width: 48%; margin-right: 0px; }
.product-list .level-2 li .level-3 li { width: 100%; min-height: 0px;}
.site-map-list .level-2 li a::before {position: absolute; /* background: #c32324;  */width: 8px; height: 8px; content: ""; left: 0; top: 15px;border: solid #0098ff;
border-width: 0px 2px 2px 0px;transform: rotate(-45deg);}  
.site-map-list .level-3 li{min-height:0px;}
.site-map-list .level-3 li a { padding: 7px 40px; font-size: 13px; border: 0; color:#000; font-weight: normal;border-bottom:none; }
.site-map-list .level-3 li a:hover{color:#337ab7;}
.site-map-list .level-3 li a::before {     content: ""; display: inline-block; width: 7px; height: 7px; top: 13px; left: 20px; background: none; border: solid #7c868f; border-width: 0px 1.5px 1.5px 0px; /* transform: none; */ }
.site-map-list .level-3 li a:hover::before{/*   background: none; */}
.level-1.li-3 li { width: 32%; margin-right: 2%; }
.level-1.li-3 li:nth-child(3n){margin-right:0px;}
.site-map-list .level-2 li:nth-child(2n) { float: right; }
.product-list .level-2 li:last-child a{border-bottom: solid 1px #d6d6d6;}
.level-3 li a{border-bottom:none !important;}
.product-list .level-2 li.last-li a{border-bottom: none !important;}

.buttons ul{margin:0;padding:0;margin-bottom:30px;text-align:center;}
.buttons ul li{display:inline-block;margin:0;padding:0 15px 0 0;}
.buttons ul li a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;color:#000;font-size:17px;font-weight:400;font-family:'Roboto', sans-serif;text-transform:capitalize;border-right:1px solid #000;padding:0 15px 0 0;border-bottom:0;text-decoration:none;cursor:pointer;}
.buttons ul li:last-child a{border-right:0px;}
.buttons ul li.active a ,.buttons ul li a:hover{color:#043071;border-bottom:0px;}
.carousel-inner { position: relative; width: 100%; overflow: hidden; margin: 0px auto; }
.targetDiv .project-post{width:31.4%;margin:0 30px 0 0;padding:0;float:left;position:relative;overflow:hidden;}
.targetDiv .project-post.margin-rt{margin-right:0px;}
.targetDiv .project-post:hover .hover-box{opacity:1;}
.targetDiv .project-post .hover-box{background:rgba(0, 0, 0, 0.7);-webkit-transition:0.5s;transition:0.5s;}
.targetDiv .hover-box{position:absolute;top:0px;left:0;width:100%;height:100%;background:rgba(34, 34, 34, 0.8);text-align:left;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;opacity:0;overflow:hidden;padding:10px;}
.targetDiv .project-gal{position:relative;}
.targetDiv .project-gal img{width:100%;}
.targetDiv .project-tit-cont{padding:14px 7px;margin:0 0 20px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;border:1px solid #d4d4d4;text-align:center;background:transparent;display: table;width: 100%; vertical-align:middle;}
.targetDiv .project-tit-cont h3{color:#000;font-size:13px;font-family:'Roboto', sans-serif;font-weight:600;margin:0;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;text-transform:uppercase;    display: table-cell;}
.targetDiv .project-post .hover-box p{color:#fff;margin-top:-40px;transition:0.9s;opacity:0;}
.targetDiv .project-post:hover .hover-box p{margin-top:0;opacity:1;text-align: justify;}
.targetDiv .hover-box p.arrow-bt{background: transparent; margin: 10px 0 0; position: absolute; bottom: 5px; left: 10px;} 
.targetDiv .project-post:hover .hover-box p.arrow-bt{margin:10px 0 0;}
.targetDiv .project-post:hover .project-tit-cont h2{color:#043071;}
.targetDiv .hover-box p.arrow-bt img { width: auto; }

 

/* carousel */
.media-carousel {margin-bottom: 0; padding: 0; margin-top:0px; }
/* Previous button  */
.media-carousel .carousel-control.left { left: -45px; background-image: none; background: none repeat scroll 0 0 #043071; border: 4px solid #FFFFFF; height: 80px; width: 40px; margin-top: 0px; position: absolute; display: inline-block; font-size: 34px; line-height: 65px; border-radius: 7px; }
 /* Next button  */
.media-carousel .carousel-control.right { right: -38px !important; background-image: none; background: none repeat scroll 0 0 #043071; border: 4px solid #FFFFFF; height: 80px; width: 40px; margin-top: 0px; position: absolute; display: inline-block; font-size: 34px; line-height: 65px; border-radius: 7px; }
/* Changes the position of the indicators */
.media-carousel .carousel-indicators  { right: 50%; top: auto; bottom: 0px; margin-right: -19px;}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {background: #c0c0c0; }
.media-carousel .carousel-indicators .active {background: #333333;}
.prev-next {position: absolute;width: 100%; top: 42%; }
.rated-list li {width: 48%; text-align: center; float: left; list-style: none; margin: 40px 0px; position: relative; font-size: 22px; }
.rated-list li:nth-child(2n){float:right;}
.rated-list li:nth-child(2n)::before{display:none;}
.rated-list li:nth-child(odd) { clear: both; }
.rated-list { float: left; width: 100%; padding: 0px; }
.rated-list li span { font-size: 26px; font-weight: 600; display: inline-block; margin-bottom: 10px; }
.rated-list li:last-child{margin-right:0px;}
.rated-list li:last-child::before{display:none}
.rated-list li::before { position: absolute; top: 0px; right: -4%; width: 1px; height: 100%; background: #e1e1e1; content: ""; }
.footer-menu-li {display:none; float: left; width: 100%; padding: 0px; list-style: none; z-index: 1; position: relative; margin-bottom: 10px; }
.footer-menu-li li { float: left; width: 100%; }
.footer-menu-li li a { padding-left: 12px; color: #000; cursor: pointer; background: url(../images/rowp2.png) no-repeat 0 3px; }
.read-more { width: 100%; float: left; }
.read-more a { padding: 10px; background: #043071; color: #FFF; border: solid 1px #043071;     display: inline-block;}
.read-more a:hover{color:#043071; background:#FFF;}
.contentarea.content p { margin-bottom: 15px; font-size: 15px; line-height: 22px; text-align: justify;}
.contentarea.content .text-content p { text-align: center; }
.full-li { margin:0; float: left; width: 100%; }
.full-li ul { width: 100%; float: left; margin-bottom: 0px;padding: 0px; } 
.full-li ul li{ width: 100%; float: left; margin-bottom: 10px;padding: 0 0 0 25px; position:relative; } 
.full-li ul li a { font-weight: 600; color: #000; }
.full-li ul li a:hover { color: #337ab7; }
.full-li ul li::before { position: absolute; content: ""; background: none; width: 8px; height: 8px; border: solid black;border-width: 0 2px 2px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);left:0px; top: 6px; }
.full-li.half-li ul li{width:48%;} 
.full-li.half-li ul li:nth-child(2n){float:right}
.full-li ul li:last-child{margin-bottom:0px;} 
.full-li.half-li ul li:nth-child(odd) { clear: left; }

.box-li { width: 100%; float: left; margin: 20px 0px; }
.box-li ul { width: 100%; float: left; margin-bottom: 0px;padding: 0px; text-align:center; } 
/* .box-li ul li { width: 100%; float: left; text-align: center; margin: 0 0 20px; background: #FFF; border: solid 1px #cfcfcf; box-shadow: 0px 0px 10px #ddd; padding: 10px; } */
.box-li ul li a { font-weight: 600; color: #000; }
.box-li ul li a:hover { color: #337ab7; }
.contentarea.content .box-li li p { width: 100%; float: left; font-size: 15px; line-height: 25px;margin-bottom: 15px;    min-height:90px;    text-align: center;} 
.box-li ul li .read-more a {color: #fff; background: #043071; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform: capitalize; border: 1px solid #043071; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 12px 20px; display: inline-block; }
.box-li ul li .read-more a:hover{    color: #043071; background: #fff; border: 1px solid #043071; text-decoration: none;}
.box-li ul li:last-child{margin: 0px;}
.last-li {margin-bottom: 0px;}
.box-li ul li:nth-child(3n){margin-right:0px;}
.box-li ul li { width: 30%; float: left; text-align: center; border: solid 1px #cfcfcf; box-shadow: 0px 0px 10px #ddd; padding: 50px 15px; margin: 0 5% 4% 0; background: #FFF; display: inline-block; max-width: 30%; vertical-align: top; }
.box-li.li-4 ul li { width: 23%; padding: 50px 10px; margin: 0 2% 0% 0; }
.box-li.li-2 ul li { width: 48%; margin: 0px; max-width: 48%; }
.contentarea.content .box-li.li-2 li p{min-height:0px;}	
.box-li.li-2 ul li:nth-child(2n) { float: right; }
 
 .link-title { font-size:15px; line-height:24px; margin-bottom: 24px; display: inline-block; position:relative}
.link-title::before { position: absolute; content: ""; width: 50px; height: 1px; background: #ce1c00; bottom: -6px; left: 50%; margin-left: -25px; }
.text-content{ text-align:center; margin-bottom:30px;}
.contentarea.content .box-li.li-4 li p{    min-height: 100px;}
.box-li.li-4 ul li { width: 23%; padding: 50px 10px; margin: 0 2% 0% 0; }
.parallax-effect{height:400px; width:100%; float:left;margin-bottom: 40px;}
.parallax-effect.safety{background:url(../images/safety.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;}
.parallax-effect.quality{background:url(../images/quality.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;}
.parallax-effect.energy-efficiency{background:url(../images/energy-efficiency.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;}
.parallax-effect.product-packaging{background:url(../images/product-packaging.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;}
.parallax-effect.services{background:url(../images/services.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.smart-cities{background:url(../images/smart-cities.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.methods{background:url(../images/methods.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.resource-efficiency{background:url(../images/resource-efficiency.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.manufacturing-process{background:url(../images/manufacturing-process.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.efficiency-in-general{background:url(../images/efficiency-in-general.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.energy-efficiency{background:url(../images/energy-efficiency.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.energy-efficiency-2{background:url(../images/energy-efficiency-2.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.repairability{background:url(../images/repairability.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.life-of-the-product{background:url(../images/life-of-the-product.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.recycle-possibility{background:url(../images/recycle-possibility.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.supply-chain-management{background:url(../images/supply-chain-management.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.method-manufacturing-packaging{background:url(../images/method-manufacturing-packaging.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.financial-growth-risk-mitigation{background:url(../images/financial-growth-risk-mitigation.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.high-end-control-system{background:url(../images/high-end-control-system.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.infra-red-door-sensors{background:url(../images/infra-red-door-sensors.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.roller-guide-system{background:url(../images/roller-guide-system.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.air-conditioning{background:url(../images/air-conditioning.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.gearless-traction-machine{background:url(../images/gearless-traction-machine.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.geared-traction-machine{background:url(../images/geared-traction-machine.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.hydraulic-units{background:url(../images/hydraulic-units.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.blue-drive{background:url(../images/blue-drive.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.blue-energy-drive{background:url(../images/blue-energy-drive.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.controller{background:url(../images/controller.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.duplex-system{background:url(../images/duplex-system.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.group-control-system{background:url(../images/group-control-system.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.destination-system{background:url(../images/destination-system.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.access-control-system{background:url(../images/access-control-system.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.building-management-connect{background:url(../images/building-management-connect.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.earthquake-detectors{background:url(../images/earthquake-detectors.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.about-us{background:url(../images/about-us.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.modernisation-1{background:url(../images/modernisation-1.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.modernisation-2{background:url(../images/modernisation-2.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.modernisation-3{background:url(../images/modernisation-3.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.spares-2{background:url(../images/spares-2.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.non-comprehensive{background:url(../images/non-comprehensive.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.comprehensive{background:url(../images/comprehensive.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.fitting-cop{background:url(../images/fitting-cop.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.fitting-lop{background:url(../images/fitting-lop.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.fitting-push-btn{background:url(../images/fitting-push-btn.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.fitting-car-display{background:url(../images/fitting-car-display.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.parallax-effect.fitting-landing-display{background:url(../images/fitting-landing-display.jpg) no-repeat center; background-attachment:fixed;    background-size: cover;} 
.contact-wrap .fa.fa-globe { font-size: 34px; }
.contact-wrap .fa { width: 60px; text-align: center; line-height: 60px; border: solid 1px #002964; font-size:26px; border-radius: 100px; color: #002964; margin-right: 15px; display: inline-block; vertical-align: top; }
span.colon-dot3 { font-size: 15px; display: table-cell; line-height: 27px; text-align: left; float: none; vertical-align: middle; width: 100%; }
.contact-wrap { display: table; width: 100%; margin-bottom:30px; vertical-align: middle; }
.contact-wrap.last{margin-bottom:0px;}
.contentarea.content p:last-child { margin-bottom: 0; }
.text-1{width:180px; display:inline-block; font-weight:700;}
.text-2{width:15px; display:inline-block; text-align:center; font-weight:700;}
.text-3 { display: inline-block; width: calc(100% - 200px); float: right; }
.text-5{margin-top:8px; float:left;} 
#country {
	 background: transparent url(../images/list-arrow.png) no-repeat scroll right 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
textarea#frmaddress {
    padding-top: 10px;
}

span.radio-btn {
    display: inline-block;
    width: 20%;
}
input[type="radio"] {
    margin-right: 10px;
}

.country2 {
	 background: transparent url(../images/list-arrow.png) no-repeat scroll right 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact-row.dealership .contact-row {
    width: 30%;
    float: left;
    margin-right: 2%;
}

.addmore {
    width: auto;
    float: right;
    height: auto;
    padding-top: 10px;
}

.project-memu-ul { width: 100% !important; display: block !important; float: left; }
.project-memu-ul li { width: 100%; margin: 0px 0px 15px 0px !important; float: left;border-bottom: solid 1px #efefef;padding-bottom:10px;}
.project-memu-ul li:last-child{margin:0px !important; border-bottom:none; padding-bottom:0px; }
.project-memu-ul li span { width: 100%; display: block; font-weight: 600;margin-bottom:5px; }
.project-memu-ul li .page-name{text-transform:uppercase; }
.menu-info p.page-name { font-size: 16px; text-transform: uppercase; color:#043071;}
 
.landing-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#FFF;
text-align: center;
padding-top: -50px;
}

.landing {
position: relative;
height: 500px;
}

.landing h1 {
font-size: 50px;
font-family: 'Roboto', sans-serif;
margin-bottom: 35px;
}

.landing p {
font-size: 20px;
}

.countdown {
font-size: 70px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #FFF;
background: #FFF;
}

.countdown div {
padding: 20px;
border: 1px #fff solid;
border-radius: 10px;
background: #043071;
opacity: 0.8;
margin: 5px;
}

.countdown div:first-child {
background: #043071;
}

.countdown span {
display: block;
font-size: 25px;
}

span.flag-africa {
    padding-left: 33px;
    background: url(../images/south-africa-flag.jpg) no-repeat left 0px center;
    background-size: 24px;
}
/* .south-america{display:none !important} */
@media (max-width: 480px) {
.landing img {
width: 70%;

}
.landing-inner{padding:0px;}
.landing{
height: 620px;
}
.landing h1 {
font-size: 40px;
}

.countdown {
font-size: 30px;
flex-direction: column;
}

.countdown div { 
width:48%; 
}

.countdown div:first-child {
display: inline-block;
width: 48%;
padding: 10px;
}
} 
.contact-textfield.country-code{ width: 30%; float: left;margin-right: 2%;}
.contact-textfield.mobile-no { width: 68%; float: left; }
.contact-row.one-third{width:32%;margin-right:2%;}
.contact-row.one-third.last { margin-right: 0px; }
.contact-row.company-name{width:100%;}
.remove_html { width: 37px; height: 36px; text-align: center; float: none; line-height: 30px; padding: 3px 0 0 0; display: inline-block; background: #373737; border-radius: 50px; color: #f00; }
.remove_html:hover{color:#e69898;}

.type-of-building { position: relative; }
.type-of-building label.error { position: absolute; bottom: -15px; left: 0px; } 

.contact-row.company-name { width: 66%;margin-right:2%; }
.enquiry-project .dealership .contact-row { width: 17%; }
option.bold,optgroup.bold  {font-weight: 600; color: #000000; }
   
.inside-tab-list{margin-bottom: 30px; width:100%; float:left;}
.inside-tab-list ul { width: 100%; margin: 0px auto; display: table; text-align: center; }
.inside-tab-list ul li { display: inline-block; width: 120px; float: none; vertical-align: middle; margin: 0px auto; position:relative; }
.inside-tab-list ul li::before { position: absolute; content: ""; right: 0px; top: 50%; width: 1px; height: 15px; background: #cfcfcfcf; margin-top: -7.5px; }
.inside-tab-list ul li:last-child::before{display:none;}
.inside-tab-list ul li a { padding: 10px 0px 5px 0px; font-size: 16px; line-height: 16px; position: relative; display: inline-block; }
.inside-tab-list ul li a::before{ position: absolute; content:""; left:0px; bottom:0px; width:100%; height:2px; background:#ce1c00; opacity:0; visibility:hidden; transition:0.5s; }
.inside-tab-list ul li a:hover::before,.inside-tab-list ul li.active a::before{ opacity:1; visibility:visible; transition:0.5s;    }
.inside-tab-list select { background: transparent url(../images/select-bg.gif) no-repeat scroll right top; width: 100%; height: 28px; color: #002967; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px 30px 0px 10px;  }
 
.sub-menu-list.content-bullet{display:block !important;width: 100% !important; }
.sub-menu-list.content-bullet li{ width: 100%;padding: 5px 15px;    background: url(../images/bullet2.png) no-repeat 0 10px;}
ul.menu-list-3 li { width: 32%; float: left; }
ul.menu-list-3 { display: block !important; width: 100% !important; float: left; }
ul.menu-list-3 .sub-menu-list.content-bullet li{font-size: 13px; line-height: 18px; text-align: left;} 

.menu-list-3 li span{font-size:16px; font-weight:600; color:#000;}
.sub-menu-list.content-bullet.hidden-class{display:none !important;}
.inside-tab-list.inside-tab-list-2 ul li { width: 200px; }
img.new-add-img {
    border: 1px solid #e5e5e5;
    margin-top: 30px;
}


input::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
   color: #000 !important;
   opacity: 1;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #000 !important; 
   opacity: 1;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
   opacity: 1;
}

input:-ms-input-placeholder {  /* IE */
    color: #000 !important;
   opacity: 1;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
   color: #000 !important;
   opacity: 1;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #000 !important; 
   opacity: 1;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
   opacity: 1;
}

textarea:-ms-input-placeholder {  /* IE */
    color: #000 !important;
   opacity: 1;
}

select::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
   color: #000 !important;
   opacity: 1;
}

select:-moz-placeholder { /* Firefox 18- */
    color: #000 !important; 
   opacity: 1;
}

select::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
   opacity: 1;
}

select:-ms-input-placeholder {  /* IE */
    color: #000 !important;
   opacity: 1;
}


input[type=number]::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
   color: #000 !important;
   opacity: 1;
}

input[type=number]:-moz-placeholder { /* Firefox 18- */
    color: #000 !important; 
   opacity: 1;
}

input[type=number]::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
   opacity: 1;
}

input[type=number]:-ms-input-placeholder {  /* IE */
    color: #000 !important;
   opacity: 1;
}

.hover-box .project-memu-ul li {
    margin: 0 0 0px 0 !important;
    padding-bottom: 3px;
    color: #fff;
    border-bottom: solid 1px #9b9b9b;
}
.hover-box .project-memu-ul li:last-child {
border-bottom: 0;
}

.hover-box .project-memu-ul li span {
    margin-bottom: 0;
}

.hover-box .sub-menu-list.content-bullet li
{color:#fff;
font-size:13px;
background: url(../images/bullet2_1.png) no-repeat 0 10px;
border-top:0;
}

.jumpmenu
{
width: auto;
    float: right;
    margin-top: 26px;
    text-transform: uppercase;
}
.jumpmenu p
{
width: auto;
    float: left;
    margin-right: 10px;
    color: #000;
    margni-top: 8px;
}
.jumpmenu select
{
min-width: 130px;
    background: transparent url(../images/list-arrow.png) no-repeat scroll right 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #000;
    position: relative;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    height: 30px;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    padding-left: 5px;
    outline: none;
    -moz-appearance: textfield;
    color: #000;
    padding-right: 20px;
    margin-top: -5px;
    border-radius: 0;
    text-transform: uppercase;
}

.contact-wrap span.flag-uganda, .contact-wrap span.flag-brazil, .contact-wrap span.flag-africa {
    background-size: 30px;
    padding-left: 40px;
    font-weight: 700;
    /* font-size: 20px; */
    font-size: 15px;
    line-height: 27px;
    text-align: left;
}
span.flag-uganda {
    padding-left: 33px;
    background: url(../images/flag-uganda.png) no-repeat left center;
    background-size: 24px;
}
span.flag-brazil {
    padding-left: 33px;
    background: url(../images/flag-brazil.png) no-repeat left center;
    background-size: 24px;
}
.contact-address-2 .contact-wrap {
    margin-bottom: 15px;
}

.contact-address-2 .contact-wrap .fa {
    border: none;
    width: 30px;
    line-height: normal;
    margin-right: 10px;
    text-align: center;
}

div#contact-tabs .resp-tabs-list li {
    width: auto;
    display: inline-block;
    float: none;
    background: transparent !important;
    border: 1px solid #002964;
    color: #002964;
	border-bottom: 0;
}

div#contact-tabs ul.resp-tabs-list {
    text-align: left;
    width: 100%;
    height: auto;
    float: left;
}



div#contact-tabs .resp-tabs-list li.resp-tab-active {
    /* position: relative; */
    background: transparent !important;
    background-color: #002964 !important;
    color: #fff;
}
div#contact-tabs h2.resp-accordion.resp-tab-active {
    background-color: #002964 !important;
    color: #fff;
}
div#contact-tabs h2.resp-accordion
{border: 1px solid #002964;
border-top: 0px solid #c1c1c1;}
div#contact-tabs h2.resp-accordion:first-child
{border-top: 1px solid #002964;}
div#contact-tabs .resp-tab-content-active
{padding:20px 10px; border:1px solid #002964; }

div#contact-tabs .resp-tabs-container
{padding: 0px 0 0px;
    clear: left;}

.contact-wrap span.whatsapp {
    font-size: 15px;
    line-height: 27px;
    text-align: left;
    font-weight: 700;
}
div#contact-tabs .contact-address-2 {
    padding-left: 25px;
}
div#contact-tabs .contact-address-2 .contact-address {
    min-height: 250px;
}
div#contact-tabs span.resp-arrow {
    float: right;
    margin-top: 3px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #ffcb05;
    background: transparent url(../images/list-arrow.png) no-repeat center;
    width: 12px;
    height: 10px;
    transition: 0.5s;
}

div#contact-tabs h2.resp-tab-active span.resp-arrow {
    background: transparent url(../images/list-arrow2.png) no-repeat center;
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}



  /*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1900px) {
.vertical-header header { padding-top: 100px; }
.vertical-header header .logo { margin-bottom: 40px; }
.vertical-header .page-banner-section { padding: 70px 85px 70px 25px; }
}

@media (max-width: 1500px) {
.portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post,
/* #portfolio-section .portfolio-box .project-post { width: 330px; } */
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post,
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post { width: 33.33%; }
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post { width: 20%; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover { top: 15px; padding: 0 15px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a { margin-top: -20px; width: 40px; height: 40px; text-align: center; line-height: 40px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a i { font-size: 15px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom { margin-left: -70px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link { margin-left: -20px; }
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.like { margin-left: 30px; }
.blog-section.alternative .blog-box .blog-post.small-size { width: 25%; }
.blog-section.alternative .blog-box .blog-post.big-size { width: 50%; }
#news-section .news-box .owl-arrows { margin-top: -150px; }

}

@media (max-width: 1199px) {
.portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post,
#portfolio-section .portfolio-box .project-post { width: 270px; }
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post { width: 50%; }
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post { width: 25%; }
.portfolio-section.alt-style .portfolio-box .project-post,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post { width: 25%; }
.portfolio-section.alt-style .portfolio-box .project-post.snd-size,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size,
.portfolio-section.vertical-style .portfolio-box.col3 .project-post,
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post { width: 50%; }
.vertical-header .container { max-width: 100%; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box,
.blog-section.alternative .blog-box .blog-post.small-size .cont-box { padding: 10px 10px; }
.error-section,
.comming-soon-section { min-height: inherit !important; padding: 100px 0; }
.error-section .error-content { position: relative; top: inherit; left: inherit; margin-top: 0; }
#about-section .about-box .about-post { width: 50%; }
.targetDiv .project-post {margin: 0px 20px 0 0; }
.rated-list li { margin: 20px 0px;}  
.navbar-default .container{  width: 100%;}
.parallax-effect {
height: 350px;
}
.link-title {
font-size: 19px;
}
  .targetDiv .project-tit-cont{ min-height: 55px;}
 
}

@media (max-width: 1100px) {
#about-section .about-box .about-post { width: 50%; }
#about-section .about-box { padding-top: 0; }
#about-section .about-box .about-post .about-post-content a { margin-top: 20px; }
#about-section .about-box .about-post,
#about-section .about-box .inner-about-box { margin-top: 0; }
#about-section .about-box .about-post:hover .hover-about { padding-top: 150px; }
#news-section .news-box .owl-arrows { display: none; }
.grey-patch , .blue-patch { padding:25px; }
.full-panel .full-profile { min-height: 496px; background-size: cover; }
ul.features li{width: 24%;}
ul.features{font-size:15px;}
.navbar-brand > img {max-width: 240px;}
.page-banner-section{min-height: 280px;margin-top: 110px;}
.typography-section{margin-top:390px;}
.contentarea.content .box-li li p{min-height: 100px;}
.tp-banner-container{margin-top: 115px;}
/*.tp-banner{    height:450px !important}*/
#home-section .tp-caption.finewide_medium_white{font-size: 42px !important;line-height: 40px !important;}
#home-section .tp-caption.finewide_medium_white span{font-size: 20px !important;line-height: 20px !important;}
.slider-1{left:290px !important;}
.slider-2{left:110px !important;}
/* .slider-3{left:140px !important;}
.slider-4{left:140px !important;} */
.slider-5{left:135px !important;}
/* .slider-6{left:140px !important;} */
.slider-7{left:125px !important;}
.slider-8{left:140px !important;}
.box-li.li-4 ul li {
    width: 48%;
    max-width: 50%;
    margin: 0px 0 3% 0;
}
.box-li.li-4 ul li:nth-child(2n){float:right;}
.box-li.li-4 ul li:nth-child(3),.box-li.li-4 ul li:nth-child(4){margin-bottom:0px;}
.sub-menu-list.content-bullet.hidden-class{display:block !important;}
.menu-list-3.hidden-class{display:none !important;}
}




@media (max-width: 991px) {
.navbar-default .navbar-brand{margin-top: -60px;}
header .navbar-nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }
.portfolio-box .project-post,
#portfolio-section .portfolio-box .project-post { width: 320px; }
#statistic-section .statistic-post { margin-bottom: 36px; }
.page-banner-section { text-align: center; }
.page-banner-section ul { text-align: center; }
.portfolio-section.grid-style .portfolio-box,
.portfolio-section.masonry-style .portfolio-box { width: 740px; margin-left: -10px; }
.portfolio-section.grid-style .portfolio-box .project-post,
.portfolio-section.masonry-style .portfolio-box .project-post { width: 350px; }
.portfolio-section.grid-style .portfolio-box.col3 .project-post { width: 350px; }
.portfolio-section.masonry-style .portfolio-box.col4 .project-post { width: 226px; }
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post { width: 33.33%; }
.portfolio-section.alt-style .portfolio-box .project-post,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.col3 .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post { width: 50%; }
.portfolio-section.alt-style .portfolio-box .project-post.snd-size,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size,
.portfolio-section.alt-style.white-style .portfolio-box .project-post.snd-size { width: 100%; }
.portfolio-section.alt-style.white-style .portfolio-box .project-post { width: 50%; }
.vertical-header header { position: relative; width: 100%; max-width: 100%; height: auto !important; padding-top: 0; }
.vertical-header header .logo { text-align: center; padding: 10px 5px 0px; margin-bottom: 0; }
.vertical-header nav.menu { max-height: 250px; overflow-y: scroll; overflow-x: hidden; display: none; text-align: center; }
.vertical-header nav.menu > li > a { margin-bottom: 10px; padding: 0; }
.vertical-header header nav ul li.drop ul.dropdown,
.vertical-header header nav ul li.drop div.ver-megadropdown { position: relative; text-align: center; top: 0; left: 0; width: 100%; visibility: visible; opacity: 1; border: none; padding: 0; }
.vertical-header header nav ul li.drop ul.dropdown li a,
.vertical-header header nav ul li.drop div.ver-megadropdown li a { background: transparent; text-align: center; border: none; padding: 8px 25px; }
.vertical-header header nav ul li.drop div.ver-megadropdown ul { width: 100%; }
.vertical-header header nav ul li.drop div.ver-megadropdown li { float: none; display: block; margin: 0; width: 100%; }
.vertical-header header nav ul li.drop div.ver-megadropdown li a { padding: 0; }
.vertical-header a.elemadded { display: block; }
.vertical-header #content { margin-left: 0; }
.vertical-header .page-banner-section { padding: 40px 15px 40px 15px; }
.blog-section.standard:before { display: none; }
.blog-section.standard .blog-box { background: transparent; padding-right: 0; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left { padding-right: 40px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right { padding-left: 40px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point { right: -54px; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point { left: -54px; }
.blog-section.masonry .blog-box { width: 740px; }
.blog-section.masonry .blog-box .blog-post { width: 350px; }
.vertical-header .blog-section.masonry .blog-box .blog-post { width: 340px; }
.blog-section.alternative .blog-box .blog-post.small-size { width: 100%; }
.blog-section.alternative .blog-box .blog-post.big-size { width: 100%; }
.blog-section.alternative .blog-post .cont-box { min-height: inherit !important; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single { bottom: 10px; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post h1 { font-size: 15px; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post,
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags { display: none; }
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post,
.blog-section.single2 .blog-post.single-post .post-content { margin-left: 0; }
.error-section, .comming-soon-section { padding: 50px 0; }
#features-section .features-box .feature-img-post { text-align: center; }
#subscribe-line-section label { display: block; margin-right: 0; }
.grey-patch , .blue-patch { padding:25px; }
.blue-patch .tab-info { font-size:13px; }
.full-panel .full-profile { min-height: 592px; background-size: cover; }
.title-section h1 { font-size:20px; }
.nav-menu { display:none; }
/* .mobile-menu .nav-menu { display:block; } */
.dl-wrap,.mobile-menu { display:block; }

.navbar-header { float: left; padding: 20px 0 0 0; margin-top: 0;}
#why-blue-section .tools-box .tools-post{width: 49.33%;min-height: auto;}
.tools-post .col-sm-3 { padding: 0 5px;}
#why-blue-section .tools-box .tools-post h2{font-size:13px}
.content-bullet.no-bullet li{width: 100%;}
.content-bullet li{width: 100%;padding: 7px 0 7px 15px;font-size: 15px;    background: url(../images/bullet2.png) no-repeat 0 12px;}
.content-bullet li.last{border-top: 1px solid #e1e1e1;}
.content-bullet li:nth-child(2){border-top: 1px solid #e1e1e1!important;}
.content-bullet.li-3 li:first-child, .content-bullet.li-3 li:nth-child(2), .content-bullet.li-3 li:nth-child(3) { border-top: none; }
.content-bullet.font-20 li{background: url(../images/bullet2.png) no-repeat 0 13px;}
.main-title h1,.typography-section h2{font-size: 20px;}

.checkbox-panel { width: 100%; margin-bottom: 10px; }
.contact-textfield.captcha { width: 69%; }
.contact-row.fl-width { margin-bottom: 0px; }
.page-banner-section{margin-top: 70px;}
.typography-section { margin-top: 350px; }
.product-list .level-2 li { width: 100%; }

/* .targetDiv .project-post.margin-rt,.targetDiv .project-post { width: 46%; margin: 0px 10px;} */
header.active .navbar-default {   box-shadow:none;}
.rated-list li{width: 100%; margin: 0px 0 15px; font-size: 14px; padding-bottom: 15px; border-bottom: solid 1px #e1e1e1;}
.rated-list li span { font-size: 18px; }
.rated-list li:before{display:none;	}
.rated-list li:last-child{border-bottom:0px;}
.navbar-default .container {width: 750px;}
.box-li ul li { width: 48%; max-width: 48%;float:left; margin-right: 0;  }
.box-li ul li:nth-child(2n){float:right;margin-bottom: 4%;margin-right: 0;} 
.contentarea.content .box-li li p { min-height:100px; }
.parallax-effect { height: 250px; }
span.colon-dot3 {font-size: 14px;}
.contact-wrap .fa {width: 50px; line-height: 50px;}
.google-map iframe{height: 525px;}
.contact-row.dealership .contact-row {
   width: 28%;
    float: left;
    margin-right: 3%;
}
.enquiry-project .dealership .contact-row {
    width: 17%;
    margin-right: 1.5%;
	
}
.enquiry-project .dealership .contact-row  .contact-textfield
{padding-right: 0;}

/*.tp-banner { height: 300px !important; }*/
.tp-banner-container { margin-top: 70px; }


.prev-next { position: relative; width: 100%; top: 0;margin-bottom: 40px; }
.media-carousel .carousel-control.left { left: 50%; margin-left: -60px; height: 50px; width: 50px; line-height: 37px; }
.media-carousel .carousel-control.right { right: 50% !important; margin-right: -60px; width: 50px; height: 50px; line-height: 37px; } 
#home-section .tp-caption.finewide_medium_white{font-size: 32px !important;line-height: 34px !important;}
#home-section .tp-caption.finewide_medium_white span{font-size:16px !important;line-height:24px !important;}
.slider-1{left:200px !important;}
.slider-2{left:70px !important;}
.slider-3{left:190px !important;}
.slider-4{left:180px !important;} 
.slider-5{left:100px !important;}
.slider-6{left:150px !important;}  
.slider-7{left:95px !important;}
.slider-8{left:100px !important;}

.inside-tab-list ul li { width: 100px;}
.top-mrgn { margin-top: 0; }
#why-blue-section .features-box .feature-post{margin-bottom:0px;}
.jumpmenu {
    position: fixed;
    right: 69px;
    top: 0px;
}

   }



@media (max-width: 767px) {
.navbar-default .container {width: auto;}
.navbar-default .navbar-toggle { margin-top: 19px; display:none; }
header.active .navbar-default .navbar-toggle { margin-top: 19px; }
header .navbar-nav > li > a { padding: 4px 15px !important; color: #222222 !important; }
header.trans .navbar-default { background: rgba(255, 255, 255, 0.95); }
header.trans .navbar-brand { color: #222222 !important; padding: 25px 15px; }
header.trans .navbar-nav > li > a { color: #999999 !important; }
header.trans .navbar-nav a.open-search { display: none; }
header.trans .navbar-nav > li > a:hover, header.trans .navbar-nav > li > a.active { color: #f27935 !important; }
.megadrop-down { position: relative; visibility: visible; opacity: 1; top: inherit; left: inherit; background: transparent; padding: 5px 25px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } 
.megadrop-down .dropdown h2 { display: none; }
.megadrop-down .dropdown ul li { padding-bottom: 0px; }
.megadrop-down .dropdown ul li a { padding-bottom: 9px; }
.megadrop-down .dropdown a.comming { display: none; }
#portfolio-section ul.filter li { margin: 0 2px 4px; }
#clients-section .clients-box ul.client-list li { width: 33.33%; }
.portfolio-section.grid-style .portfolio-box,
.portfolio-section.masonry-style .portfolio-box { width: 100%; margin-left: 0; }
.portfolio-section.grid-style .portfolio-box .project-post,
.portfolio-section.masonry-style .portfolio-box .project-post { width: 100%; margin: 10px 0; }
.portfolio-section.grid-style .portfolio-box.col3 .project-post, #portfolio-section .portfolio-box .project-post { width: 100%; }
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post { width: 100%; }
.portfolio-section.masonry-style .portfolio-box.col4 .project-post { width: 100%; }
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post { width: 50%; }
.portfolio-section.alt-style .portfolio-box .project-post,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post,
.portfolio-section.alt-style.white-style .portfolio-box .project-post { width: 100%; }
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box { margin-left: 5px; margin-right: 5px; }
.portfolio-section.black-style .portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.col3 .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.portfolio-section.vertical-style .portfolio-box .project-post,
.portfolio-section.vertical-style .portfolio-box.col3 .project-post,
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post { width: 100%; }
.blog-section .blog-box .blog-post .post-content .date-post { display: none; }
.blog-section .blog-box .blog-post .post-content .post-content-text, .blog-section.standard .blog-box .blog-post .post-content { margin-left: 0; }
.blog-section .blog-box .blog-post .post-content .post-content-text h2 { font-size: 16px; margin-bottom: 15px; }
.blog-section.standard .blog-box .blog-post .date-post { display: none; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left { padding-right: 0px; width: 100%; float: none; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right { padding-left: 0px; width: 100%; float: none; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point { display: none; }
.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point { display: none; }
.blog-section.grid .blog-box.timeline:after { display: none; }
.blog-section.masonry .blog-box { width: 100%; margin-left: 0; }
.blog-section.masonry .blog-box .blog-post { width: 100%; margin: 10px 0; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box { float: none; width: 100%; }
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:before,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:before { display: none; }
.blog-section.medium .blog-box .blog-post img,
.blog-section.medium .blog-box .blog-post .post-content,
.blog-section.medium .blog-box .blog-post .flexslider { float: none; width: 100%; }
.vertical-header .blog-section.masonry .blog-box .blog-post { width: 100%; }
.blog-post.single-post .comment-section { padding-left: 0; }
.blog-post.single-post .comment-section ul.depth .comment-box { padding-left: 0; }
.blog-post.single-post h1 { font-size: 16px; }
.blog-section.single2 .blog-post.single-post .post-gal img { min-height: 150px; }
.accord-content { padding-left: 0; }
.accord-title p { margin-left: 0; }
.tabs-accord-section .tab-posts-box .tab-pane img { float: none; margin: 0 0 20px; max-width: 100%; }
.tp-caption.small_text p.line { display: none; }
.tp-banner-container { margin-top:104px; }
#banner-section a { margin: 5px 10px; }
#about-section .about-box .about-post .about-post-content { padding: 0 10px 30px; }
#subscribe-line-section input[type="text"] { display: block; max-width: 100%; margin: 0 auto 10px; }
#news-section .item.news-post .news-content .date-post { display: none; }
#news-section .item.news-post .news-content .news-content-text { margin-left: 0; }
#tools-section .tools-box { width: 100%; padding-top: 20px;}
#tools-section .tools-image { width: 100%; }
#why-blue-section .feature-img-post { width:100%; position:relative;  }
#features-section .feature-img-post { width:100%; position:relative; min-height: 244px; }
.full-panel .full-profile { width: 100%; }
.full-content { width: 100%; }
#tools-section .tools-image { top:0; padding:25px 0 0; }
#tools-section .tools-inner {  padding: 0; }
#why-blue-section .features-box { padding: 0; }
.navbar-default .navbar-brand { color: #777; margin:-38px auto 10px; width: 78%; }
.navbar-brand > img { display: block; max-width: 100%; }
.grey-patch , .blue-patch { padding: 15px;}
.mr20 { margin-bottom:20px; }
.typography-section .mar-bottom { margin-bottom: 20px; }
.title-section h1 { font-size:20px; }
#portfolio-section ul.filter li { padding:0; }
#portfolio-section ul.filter li a { font-size:14px;padding: 0 7px 0 0;}
footer ul.foot-list { margin: 0 0 20px; } 

.page-banner-section { min-height: 200px; margin-top: 90px; }

.blue-patch .tab-info { margin-bottom: 10px; }
.colon { display:none; }
.main-title h1{font-size:22px;}
.typography-section h2{font-size: 20px;margin: 0px 0 5px;}
.typography-section {margin-top:290px;padding-top: 20px;}
.typography-section .main-title {margin-bottom: 10px;}
.title-section {margin: 20px 0 20px;}
#why-blue-section .tools-box .tools-post { width: 100%; float: left;min-height: auto; }
#why-blue-section.why-blue-section-2 .tools-box .tools-post { width: 100%; }
ul.features li,ul.features.li-5 li{width: 48%;padding: 0 10px;}
ul.features li.width{width: 100%;margin-bottom: 30px;}
ul.features li:last-child{margin-bottom:0px;}
ul.features{font-size: 18px;}
.content-bullet li,.content-bullet.font-20 li{ width: 100%; padding: 7px 0 7px 15px; font-size: 15px; background: url(../images/bullet2.png) no-repeat 0 12px; }
.content-bullet.li-3 li{ width: 100%;border-top: solid 1px #e1e1e1 !important;}
.content-bullet.li-3 li:first-child{border-top:none !important;}
.content-bullet li:nth-child(2){border-top: 1px solid #e1e1e1!important;}
.content-img {margin-bottom:35px;    text-align: center;}
.page-banner-section .main-title {padding: 95px 0 25px;}
.main-title h2{font-size: 27px;}
.navbar-header {float: left; padding: 0 0 0 0;}
#portfolio-section .portfolio-box .project-post{margin:0}
.tp-bullets.hidebullets{opacity:1}
.tools-post .col-sm-3 {padding: 0 5px;width: 50px;}
#home-section .tp-caption.finewide_medium_white{white-space: normal !important;}
.rated-list li {width: 48%;border-bottom: none;margin-bottom:30px;}
.rated-list li::before{display:block;}
.rated-list li:last-child,.rated-list li:nth-last-child(2){margin-bottom:0px;}
.contact-address { margin-bottom: 40px; }
span.colon-dot3 {font-size: 15px;}
.contact-wrap .fa {width:60px; line-height: 60px;}
.text-1,.text-2,.text-3 { width: auto; float: left;}
.text-2{margin:0px 5px;}
.contact-row.dealership .contact-row{margin-right: 2.8%;}
.contact-row.dealership { margin-bottom:30px !important; }
/*.tp-banner { height: 220px !important; }*/
.prev-next { position: relative; width: 100%; top: 0;margin-bottom: 40px; }
.media-carousel .carousel-control.left { left: 50%; margin-left: -60px; height: 50px; width: 50px; line-height: 37px; }
.media-carousel .carousel-control.right { right: 50% !important; margin-right: -60px; width: 50px; height: 50px; line-height: 37px; } 

.parallax-effect {
    height:300px;
    background-attachment: unset !important;
}
#home-section .tp-caption.finewide_medium_white{font-size:20px !important;line-height:22px !important;width:100%;}
#home-section .tp-caption.finewide_medium_white span{font-size:12px !important;line-height:20px !important;}
.slider-1{left:0 !important;}
.slider-2{left:0 !important;}
.slider-3{left:0 !important;}
.slider-4{left:0 !important;} 
.slider-5{left:0 !important;top:70px !important;}
.slider-6{left:0 !important;top:70px !important;}  
.slider-7{left:0 !important;top:70px !important;}
.slider-8{left:0 !important;}
.contentarea { padding: 40px 0px; } 
.jumpmenu {
    display: none;
}
 
      }

@media (max-width: 640px) {
.slider-8{ left: 110px !important; width: auto !important; }
#why-blue-section .tools-box .tools-post,#why-blue-section.why-blue-section-2 .tools-box .tools-post{width:100%;}
.contentarea.content .box-li.li-2 li p {
    min-height: 50px;
}
.box-li.li-2 ul li{margin-bottom:0px;}
}
@media (max-width: 500px) {
#team-section .team-box .team-post .team-member img { float: none !important; width: 100%; }
#team-section .team-box .team-post .team-member { margin-bottom: 30px; }
#team-section .team-box .team-post .team-member .member-content { margin: 0 !important; }
.portfolio-box .project-post { width: 100%; }
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post { width: 100%; }
.blog-post.single-post .autor-post img { float: none; width: 100%; }
.blog-post.single-post .autor-post .autor-content { margin-left: 0; }
#about-section .about-box .about-post { width: 100%; }
.contact-row{    width: 100%;}
.checkbox-panel { width: 100%; margin-bottom:10px; }
.contact-textfield.captcha { width: 69%; }
.check-box {width: 100%;}
.contact-row.fl-width{    margin-bottom: 0px;}
.site-map-list .level-2 li { width: 100%; }
.site-map-list .level-2 li.last-li a{border-bottom: solid 1px #d6d6d6;}
.targetDiv .project-post.margin-rt, .targetDiv .project-post {width: 100%;margin: 0px;}
.targetDiv .hover-box{padding: 10px;}
.rated-list li { width: 100%; margin-right: 0; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
.rated-list li:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.rated-list li:nth-last-child(2){margin-bottom:30px;}
.box-li ul li ,.box-li ul li:nth-child(2n){ width: 100%; max-width: 100%;float:left; margin:0 0 10% 0  } 
.contentarea.content .box-li li p { min-height: 0; }
.full-li.half-li ul li { width: 100%; }
.last-li{margin-bottom:10px;}
.google-map iframe{height:340px;}
.contact-row.dealership .contact-row { width: 100%; margin-right: 0; }
.addmore { width: auto; float: left;    padding: 0px;}
.targetDiv .project-gal { position: relative; }
.check-box-wrap { width: 100%; }
.check-box-wrap .check-box { width: 50%; }
.contact-row.one-third{width:100%;margin-right:0px;}
.contact-row.company-name{width:100%; margin-right:0px;}
.parallax-effect {
    height: 190px;
    background-attachment: unset !important;
}
.slider-8{left:0 !important; width:100% !important;}
.box-li.li-4 ul li { width: 100%; max-width: 100%;    margin: 0 0 10% 0 !important; }
.box-li.li-4 ul li:last-child{margin-bottom:0px !important;} 
.contentarea.content .box-li.li-4 li p {
    min-height: 0px;
}
.box-li.li-2 ul li {
    width: 100%;
    margin-bottom: 10%;
}
.box-li.li-2 ul li:last-child{margin-bottom:0px;}
   }
  @media (max-width:479px) {
/*.tp-banner { height: 180px !important; }*/
.tp-banner-container { margin-top:80px; } 
.page-banner-section { min-height:180px;margin-top: 80px; }
.typography-section { margin-top: 260px; padding-top: 20px; }
div#portfolio-section .buttons ul li:last-child {
    padding: 0;
}
   }
/* 
.targetDiv .project-post { transform: scale(1);transition: 0.5s; opacity:1;}
.targetDiv[style="display: none;"] .project-post { transform: scale(0);transition: 0.5s; opacity:0;}
.targetDiv[style="display: block;"] .project-post { transform: scale(1);transition: 0.5s; opacity:1;}  
.targetDiv[style="display: none;"] .project-post { transform: scale(0);transition: 0.5s; opacity:0;}  */
.targetDiv{-webkit-transition: all 200ms ease-out; -webkit-transform: scale(0); -ms-transition: all 100ms ease-out; -ms-transform: scale(0); -moz-transition: all 100ms ease-out; -moz-transform: scale(0); transition: all 100ms ease-out; transform: scale(0); position:absolute;} 
.targetDiv.active{z-index: 2; transform: scale(1); position: relative;}
.targetDiv .project-post {  -webkit-transition: all 200ms ease-in; -webkit-transform: scale(0); -ms-transition: all 200ms ease-in; -ms-transform: scale(0); -moz-transition: all 200ms ease-in; -moz-transform: scale(0); transition: all 200ms ease-in; transform: scale(0); }
.targetDiv.active .project-post {  z-index: 2; -webkit-transition: all 300ms ease-in; -webkit-transform: scale(1); -ms-transition: all 300ms ease-in; -ms-transform: scale(1);   -moz-transition: all 300ms ease-in; -moz-transform: scale(1); transition: all 300ms ease-in; transform: scale(1);}  

div#add_html {
    clear: both;
	}
.notfound .notfound-404 h1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 180px;
    font-weight: 500;
    margin: 0px;
    text-transform: uppercase;
    /* background: url(../img/text.png); */
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    background-size: cover;
    background-position: center;
}

.notfound .notfound-404 {position: relative;height: 208px;line-height: 150px;margin-bottom: 25px;}

.notfound {
    text-align: center;
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
}

.notfound h2 {
    font-size: 26px;
    font-weight: 400;
    margin: 0;
}

.notfound p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0px;
    /* text-transform: uppercase; */
    margin-top: 20px;
}

a.go-to-home {
    display: inline-block; 
    text-decoration: none;  
    margin-top: 15px;
    margin-bottom: 60px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    color: #fff;
    background: #043071;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    border: 1px solid #043071;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 12px 20px;
    display: inline-block;
    transition: 0.5s;
}
/* .oceania { display:none !important} */