*, .job_filters .search_jobs div, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
body, html {
  overflow-x: hidden
}
.latest, .site {
  position: relative
}
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent
}



.popupi {
  -webkit-animation-name: example;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 3;
  animation-name: example;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  position: fixed;
  right: 0px;
  bottom: 10px;
  z-index: 9999999;
padding-right: 10px;
color: orangered;
  /* width: 135px; */
}
.popupi a {
  background: #fa6742;
  display: inline-block;
  color: #fff;
  padding: 12px 18px;
  border-radius: 5px;
}
.popupi a h3 {
  color: #fff;
  font-size: 18px!important;
  margin-bottom: 0px;
  text-align: center;
  text-transform: uppercase;
}
.popupi a h3 span {
  display: block;
}
.popupi .icon span {
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 6px;
}


.popupi1{
bottom:88px !important;
-webkit-animation-name: example; /* Chrome, Safari, Opera */
-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
animation-name: example;
animation-duration: 2s;
animation-iteration-count: infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes example {
 0%   {right:0px; bottom:58px;}
50%  {right:0px; bottom:78px;}
100% {right:0px; bottom:58px;}
}

/* Standard syntax */
@keyframes example {
 0%   {right:0px; bottom:58px;}
50%  {right:0px; bottom:78px;}
100% {right:0px; bottom:58px;}
}




a, abbr, acronym, address, applet, big, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}
dl, table {
  margin-bottom: 20px
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.boxed, .get-quote, .site, .top-search {
  overflow: hidden
}
*, :after, :before {
  box-sizing: border-box
}
body {
    line-height: 1.6;
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    color: #999;
    letter-spacing: 0.7px;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block
}
table {
  border-collapse: separate;
  border-spacing: 0
}
caption, td, th {
  font-weight: 400;
  text-align: left;
  padding: 10px 0
}
blockquote:after, blockquote:before, q:after, q:before {
  content: ""
}
blockquote, q {
  quotes: """"
}
a:focus, input:focus, textarea:focus {
  outline: 0
}
a:active, a:hover {
  outline: 0;
  text-decoration: none
}
a:hover {
  color: #868686
}
a img {
  border: 0
}
@media screen and (min-width:38.75em) {
  ol, ul {
    margin-left: 0
  }
  blockquote > ol, blockquote > ul, li > ol, li > ul {
    margin-left: 1.3333em
  }
}
a {
  text-decoration: none;
  color: #003164
}
figure, img, video {
  max-width: 100%;
  vertical-align: top;
  height: auto
}
audio, canvas, video {
  display: inline;
  zoom: 1
}
h1, h2, h3, h4, h5, h6 {
  margin: 0
}
p {
  margin-bottom: 1.5em
}
.top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
.middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start
}
.center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}
.end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end
}
.around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.between {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.first {
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1
}
.last {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1
}
@media (max-width:767px) {
  .hidden-xs {
    display: none
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none
  }
}
@media (min-width:1200) {
  .hidden-lg {
    display: none
  }
}
.row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
#comments .comment > div:after, #comments .comment > div:before, .clr:after, .clr:before, .page .comment > div:after, .page .comment > div:before, .recent-posts__item:after, .recent-posts__item:before {
  content: " ";
  display: table
}
#comments .comment > div:after, .clr:after, .mini-cart .widget_shopping_cart_content .cart_list li:after, .page .comment > div:after, .recent-posts__item:after {
  clear: both
}
#blog-archive .eg-blog-archive-element-31:before, #blog-archive .eg-blog-archive-element-32:before, #blog-archive .eg-home-blog-element-31:before, #blog-archive .eg-home-blog-element-32:before, #blog-archive-2c .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-32:before, #home-blog .eg-home-blog-element-31:before, #home-blog .eg-home-blog-element-32:before, #site-navigation .menu li:hover > .children li.menu-item-has-children:after, #site-navigation .menu li:hover > .children li.page_item_has_children:after, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .menu li:hover > .sub-menu li.page_item_has_children:after, #site-navigation .menu > li.menu-item-has-children > a:after, #site-navigation .menu > ul > li.page_item_has_children > a:after, .aboutus_list ul li:before, .clients_btn .clients_btn_left > i:before, .clients_btn .clients_btn_right > i:before, .icf, .mini-cart .mini-cart__button .mini-cart-icon:before, .next-project a:after, .ourservices_btn .ourservices_btn_left > i:before, .ourservices_btn .ourservices_btn_right > i:before, .page .eg-home-blog-element-31:before, .page .eg-home-blog-element-32:before, .prev-project a:before, .projects_btn .projects_btn_left > i:before, .projects_btn .projects_btn_right > i:before, .quote2:before, .quote:before, .sidebar .better-menu-widget ul li.menu-item-has-children:after, .sidebar .recent-posts-list:hover > .recent-posts-thumb:before, .single-post .single-post-nav .next-post .next-post-text:after, .single-post .single-post-nav .prev-post .prev-post-text:before, .site-footer .menu li a:before, .social-menu .menu li a:before, .testimonials_wrapper blockquote:before, .tm_bread_crumb li a:after, .top-search form:before, ul.style1 li:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
#home-our-projects .filter-wrapper .filterbutton, #our-projects .filter-wrapper .filterbutton, #site-navigation .menu > li, #site-navigation .menu > ul > li, .clients_btn .clients_btn_left, .clients_btn .clients_btn_right, .header01 #site-navigation, .header07 #site-navigation, .header08 #site-navigation, .header11 #site-navigation, .header12 #site-navigation, .home_news .home_news_btn a, .home_news .home_news_btn button, .home_whatweare .consulting img, .home_whatweare .home_whatweare_btn > button, .home_whatweare a, .mini-cart .mini-cart__button, .mini-cart .mini-cart__button .mini-cart-icon, .ourservices_btn .ourservices_btn_left, .ourservices_btn .ourservices_btn_right, .projects_btn .projects_btn_left, .projects_btn .projects_btn_right, .recent-posts__item .recent-posts__thumb a:before, .recent-posts__item .recent-posts__thumb:after, .recent-posts__item .recent-posts__thumb:before, .search-box .search-form, .search-box i, .search-box i:after, .search-box i:before, .search-box input[type=search], .services-consultation .consulting p img, .sidebar .better-menu-widget ul li, .sidebar .better-menu-widget ul li ul.sub-menu, .sidebar .better-menu-widget ul li ul.sub-menu li a, .sidebar .better-menu-widget ul li.current-menu-item ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-parent ul.sub-menu, .sidebar .better-menu-widget ul li:hover ul.sub-menu, .sidebar .recent-posts-list .recent-posts-thumb img, .site-footer .menu li, .tran, a, button, input, input[type=button], input[type=reset], input[type=submit], select, textarea {
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.boxed {
  max-width: 1200px;
  margin: auto
}
.site {
  background-color: #fff;
  z-index: 2
}
.align-center {
  text-align: center
}
.align-left {
  text-align: left
}
.align-right {
  text-align: right
}
.gray {
  color: #858585
}
.container:after, .container:before, .row:after, .row:before {
  display: none
}
.latest:before, .tp-caption.t2:before {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}
.latest:before {
  display: block;
  z-index: 1;
  opacity: .9
}
.tp-caption.icon {
  padding: 40px;
  display: block
}
.tp-caption.t2:before {
  -webkit-transform: skew(30deg, 0);
  -moz-transform: skew(30deg, 0);
  -ms-transform: skew(30deg, 0);
  -o-transform: skew(30deg, 0);
  z-index: -1
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.scrollup, .text-center {
  text-align: center
}
.search-btn {
  cursor: pointer
}
.top-search {
  background: #282828;
  display: none
}
.top-search form {
  position: relative
}
.top-search form input {
  margin: 0;
  background: 0 0;
  border: none;
  padding: 15px 0 15px 24px;
  font-size: 16px
}
.top-search form input:focus {
  border: none
}
.top-search form:before {
  content: "\f002";
  position: absolute;
  top: 17px;
  font-size: 14px
}
.comment-content, .entry-content, .entry-summary, .page-content {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word
}
.comment-content ol, .comment-content ul, .entry-content ol, .entry-content ul, .entry-summary ol, .entry-summary ul, .page-content ol, .page-content ul {
  margin-left: 20px
}
.post-thumb {
  margin-bottom: 20px
}
.single .post-thumb {
  margin-bottom: 0
}
.entry-meta {
  margin: 10px 0
}
.entry-meta span {
  margin-right: 15px
}
.entry-meta span i {
  margin-right: 5px
}
.entry-meta .share span {
  margin-left: 10px;
  margin-right: 0
}
.entry-meta .col-sm-4, .entry-meta .col-sm-8 {
  padding: 0
}
.entry-footer {
  margin-top: 20px
}
.entry-footer .share span {
  margin-left: 10px
}
.hentry {
  margin-bottom: 40px
}
.scrollup {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #222;
  position: fixed;
  bottom: -60px;
  right: 30px;
  z-index: 9999;
  cursor: pointer
}
.scrollup:hover {
  background: #003164
}
.scrollup.show {
  bottom: 30px
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700
}
h1, h2, h3, h4 {
  color: #111
}
.quote2:before, .quote:before {
  content: "\f10d";
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #999;
  text-align: center
}
h1 {
  font-size: 28px
}
h2 {
  font-size: 24px
}
h3 {
  font-size: 20px
}
h4 {
  font-size: 16px
}
.quote:before {
  font-size: 30px;
  position: absolute;
  bottom: 40px;
  right: 10px
}
.quote2 {
  position: relative
}
.quote2:before {
  font-size: 30px;
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #fff
}
.quote2:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 30px 0 0;
  border-color: #FFF transparent transparent;
  position: absolute;
  top: -1px;
  left: 60px
}
.quote3 .sub {
  font-style: italic
}
@media (min-width:992px) {
  .get-quote .btn {
    margin-top: 50px
  }
}
.home_whatweare .home_whatweare_btn > button, .home_whatweare a {
  background: 0 0;
  padding: 4px 0;
  border: none;
  border-bottom: 1px solid #002E66;
  color: #002E66;
  font-size: 13px;
  font-weight: 400;
  font-family: Roboto
}
.home_whatweare .home_whatweare_btn > button:hover, .home_whatweare a:hover {
  border-bottom: 1px solid #999;
  color: #999
}
.home_whatweare h3 {
  margin-bottom: 1.3em;
  font-weight: 700
}
.home_whatweare p {
  margin-bottom: 1.2em
}
.home_whatweare .home_consulting {
  margin-bottom: 10px
}
.home_whatweare .consulting {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px
}
.home_whatweare .consulting p {
  margin-bottom: 0
}
.home_whatweare .consulting:hover img {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5)
}
.home_whatweare .consulting .info:before {
  background: #000;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: .7
}
.home_whatweare .consulting .info div {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase
}
.home_whatweare .consulting .info div h4 {
  color: #FFF;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400
}
.home_whatweare .consulting .info div h5 {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0
}
.home_whatweare .consulting .info div a {
  padding: 4px 0;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 1px;
  font-size: 12px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #fff;
  outline: 0
}
.home_whatweare .consulting .info div a:hover {
  color: #999;
  border-bottom: 1px solid #999
}
.projects_btn {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  position: relative
}
.projects_btn p {
  font-size: 26px;
  color: #111;
  padding: 0;
  margin: 0
}
.projects_btn .projects_btn_left, .projects_btn .projects_btn_right {
  position: absolute;
  margin: 0 4px 0 0;
  padding: 8px 10px;
  background: #FFF;
  color: #AEAEAE;
  display: inline-block;
  cursor: pointer
}
.projects_btn .projects_btn_left:hover, .projects_btn .projects_btn_right:hover {
  background: #003164;
  color: #FFF
}
.projects_btn .projects_btn_left {
  top: 0;
  right: 50px
}
.projects_btn .projects_btn_left > i:before {
  content: "\f104"
}
.projects_btn .projects_btn_right {
  top: 0;
  right: 0
}
.projects_btn .projects_btn_right > i:before {
  content: "\f105"
}
.project-template-9 .big-title, .project-template-9 .big-title--single {
  margin: 0
}
#home-our-projects .filter-wrapper .filterbutton, #our-projects .filter-wrapper .filterbutton {
  background: 0 0;
  border: none;
  box-shadow: none;
  color: #868686;
  padding: 6px;
  font-size: 16px;
  margin-right: 20px;
  font-weight: 400;
  border-radius: 0;
  line-height: normal;
  font-family: Roboto;
  display: inline-block;
  cursor: pointer
}
#home-our-projects .filter-wrapper .current, #home-our-projects .filter-wrapper .filterbutton:hover, #home-our-projects .filter-wrapper .selected, #our-projects .filter-wrapper .current, #our-projects .filter-wrapper .filterbutton:hover, #our-projects .filter-wrapper .selected {
  color: #002D66;
  border-bottom: 1px solid #002D66
}
#home-our-projects .filter-wrapper .filterbutton:focus, #our-projects .filter-wrapper .filterbutton:focus {
  outline: 0;
  text-decoration: none
}
.project-nav {
  color: #999;
  font-size: 16px;
  padding: 20px 0;
  margin: 50px 0 0;
  border-top: 1px solid #DDD
}
.next-project a, .prev-project a {
  font-size: 16px;
  color: #002E66
}
.project-nav .left {
  text-align: left;
  padding: 0
}
.project-nav .right {
  text-align: right;
  padding: 0
}
.project-nav .center {
  text-align: center;
  padding: 0
}
.prev-project a:before {
  content: '\f104';
  margin-right: 20px
}
.next-project a:after {
  content: '\f105';
  margin-left: 20px
}
.clients_btn .clients_btn_left > i:before, .ourservices_btn .ourservices_btn_left > i:before {
  content: "\f104"
}
.project-title {
  font-size: 26px;
  font-weight: 700;
  color: #111;
  padding-bottom: 30px;
  margin-bottom: 30px;
  width: 100%;
  border-bottom: 1px solid #DDD;
  display: inline-block
}
.project-desc {
  color: #999;
  font-size: 15px
}
.single-project-description {
  color: #999;
  margin-bottom: 20px;
  font-size: 15px
}
.single-project-description .heading-title {
  font-size: 26px;
  font-weight: 400;
  padding: 0 0 20px;
  margin: 0 0 20px;
  color: #000;
  border-bottom: 1px solid #ddd
}
.project-meta {
  margin-bottom: 20px;
  font-size: 15px
}
.project-meta .heading-title {
  font-size: 26px;
  font-weight: 400;
  padding: 0 0 20px;
  margin: 0 0 20px;
  color: #000;
  border-bottom: 1px solid #ddd
}
.project-meta .meta-title {
  color: #000
}
.project-meta .meta-value {
  color: #999
}
.project-gallery img {
  margin-bottom: 30px
}
.single-project .gallery {
  width: 100%;
  float: none
}
.single-project .gallery img {
  width: 100%;
  height: auto
}
.single-project .owl-controls {
  display: none
}
.single-project .tm-gallery {
  position: relative
}
.single-project .tm-gallery .tm-nav {
  position: absolute;
  width: 100%;
  height: 36px;
  top: 48%;
  left: 0;
  z-index: 9;
  display: table-cell;
  vertical-align: middle
}
.single-project .tm-gallery .tm-nav .tm-next, .single-project .tm-gallery .tm-nav .tm-prev {
  display: inline-block;
  background: #fff;
  color: #AAA;
  text-align: center;
  line-height: 36px;
  width: 36px;
  height: 36px;
  z-index: 9;
  cursor: pointer
}
.single-project .tm-gallery .tm-nav .tm-next:hover, .single-project .tm-gallery .tm-nav .tm-prev:hover {
  background: #003164;
  color: #fff
}
.single-project .tm-gallery .tm-nav .tm-prev {
  float: left;
  margin-left: 30px
}
.single-project .tm-gallery .tm-nav .tm-next {
  float: right;
  margin-right: 30px
}
.project-grid, .project-list, .project-masonry {
  list-style: none
}
.project-list .owl-item li {
  width: 100%
}
.project-entry-media img {
  width: 100%;
  height: auto
}
.project-entry-cover .project-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: transparent solid 0
}
.project-entry-cover:hover .project-overlay {
  opacity: 1
}
.project-list .owl-item li img {
  min-height: 280px;
  width: auto;
  max-width: 100%
}
.our-projects-categories a {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
  font-family: Roboto;
  border: none
}
.our-projects-popup a, .our-projects-title a {
  padding: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
  display: block;
  color: #fff
}
.our-projects-title a {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  font-family: Roboto
}
.our-projects-popup a {
  font-size: 17px;
  line-height: 22px;
  font-weight: 200;
  border: none
}
.our-projects-title {
  display: inline-block;
  float: none;
  clear: both;
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -283, 0, -.002, 1)
}
.our-projects-categories, .our-projects-popup {
  float: none;
  margin: 0;
  text-align: center;
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  width: 100%;
  display: inline-block
}
.project-list li:hover .our-projects-title, .project-masonry li:hover .our-projects-title {
  opacity: 1;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(0, 0)
}
.our-projects-popup {
  clear: none;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -317, 0, 1)
}
.project-list li:hover .our-projects-popup, .project-masonry li:hover .our-projects-popup {
  opacity: 1;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(0, 0)
}
.our-projects-categories, .our-services-readmore {
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.our-projects-categories {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: Roboto;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  clear: both;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: matrix3d(1, 0, 0, 0, 0, 0, -1, .000833333, 0, 1, 0, 0, 0, 0, 0, 1)
}
.our-services-readmore, .our-services-url {
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.home-blog-popup, .our-services-readmore, .our-services-url {
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.our-projects-categories a {
  border-bottom: 1px solid #fff;
  padding-bottom: 1px
}
.project-list li:hover .our-projects-categories, .project-masonry li:hover .our-projects-categories {
  opacity: 1;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(0, 0)
}
.our-projects-container {
  background-color: rgba(0, 47, 102, .9)
}
.our-projects-content {
  background-color: #000;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  border-color: transparent;
  border-style: none;
  text-align: left
}
.our-projects-wrapper .project-content {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center
}
.project-grid .project-entry-media {
  width: 120px;
  height: 135px;
  margin-right: 10px;
  display: inline-block;
  float: left
}
.project-grid li:hover .our-projects-popup, .project-grid li:hover .project-entry-cover .project-overlay, .project-list li:hover .project-entry-cover .project-overlay {
  opacity: 1
}
.project-grid li:hover .our-projects-popup {
  opacity: 1;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(0, -345%)
}
.project-grid .project-entry-media img {
  height: 135px;
  width: 100%
}
.project-grid .our-projects-wrapper .project-content {
  position: static;
  text-align: left
}
.project-grid .our-projects-categories {
  width: auto;
  opacity: 1;
  transform: inherit;
  margin-bottom: 5px
}
.project-grid .our-projects-categories a {
  padding-bottom: 0;
  border-bottom: 1px solid #003164;
  color: #003164;
  font-size: 13px
}
.project-grid .our-projects-title {
  width: auto;
  opacity: 1;
  transform: inherit;
  display: inline;
  text-align: left
}
.project-grid .our-projects-title a {
  color: #003164;
  font-size: 16px;
  margin-bottom: 5px
}
.project-grid .our-projects-title:hover a {
  color: #999
}
.project-grid .project-desc {
  text-align: left;
  font-size: 13px;
  line-height: 24px;
  color: #777;
  font-weight: 400
}
.ourservices_btn .ourservices_btn_left, .ourservices_btn .ourservices_btn_right {
  margin: 0 4px 0 0;
  padding: 8px 10px;
  background: #EEE;
  color: #AEAEAE;
  display: inline-block;
  cursor: pointer
}
.ourservices_btn .ourservices_btn_left:hover, .ourservices_btn .ourservices_btn_right:hover {
  background: #003164;
  color: #FFF
}
.ourservices_btn .ourservices_btn_right > i:before {
  content: "\f105"
}
#services-projects .esg-entry-cover, #services-projects .esg-entry-media-wrapper {
  width: 120px;
  height: 135px;
  float: left;
  margin-right: 10px
}
#services-projects .esg-entry-content {
  overflow: auto
}
#services-projects .esg-entry-content .esg-content:first-child a {
  padding-bottom: 0;
  border-bottom: 1px solid #003164
}
#services-projects .esg-entry-media-wrapper img {
  width: 120px;
  height: 135px
}
.services-brochure {
  border: 1px solid #DDD;
  height: 70px;
  line-height: 70px;
  color: #002E66;
  font-size: 15px;
  text-transform: uppercase;
  position: relative;
  padding-left: 90px;
  margin-bottom: 15px
}
.services-brochure span {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background: #002E66;
  color: #fff;
  text-align: center;
  font-size: 24px;
  display: inline-block
}
.services-brochure a {
  color: #002E66
}
.services-consultation .consulting {
  position: relative;
  margin-bottom: 20px
}
.services-consultation .consulting p {
  margin-bottom: 0;
  overflow: hidden
}
.services-consultation .consulting p img {
  width: 100%;
  height: auto
}
.services-consultation .consulting:hover img {
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2)
}
.services-consultation .consulting .info:before {
  background: #003164;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: .9
}
.services-consultation .consulting .info div {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase
}
.services-consultation .consulting .info div h4 {
  color: #FFF;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400
}
.services-consultation .consulting .info div h5 {
  color: #FFF;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0
}
.services-consultation .consulting .info div a {
  padding: 4px 0;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 1px;
  font-size: 15px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #fff;
  outline: 0
}
.services-consultation .consulting .info div a:hover {
  color: #999
}
.our_services_heading1 {
  position: relative;
  text-align: center
}
.our_services_heading1 div {
  display: inline-block;
  position: relative;
  padding-bottom: 10px
}
.our_services_heading1 div:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #DDD;
  position: absolute;
  bottom: 0;
  left: 0
}
.our_services_heading2 div {
  font-size: 36px;
  color: #111
}
.our_services_heading3 div {
  font-size: 30px;
  color: #111; font-weight: 600;
}
.our_services_heading4 div {
  font-size: 18px;
  color: #111
}
.our-services-readmore-link, .our-services-url-link {
  color: #fff;
  background-color: rgba(0, 0, 0, .15);
  z-index: 2;
  font-weight: 400;
  border-radius: 0
}
.service-list {
  list-style: none
}
.service-list .owl-item li, .service-list-2 .owl-item li {
  width: 100%
}
.our-services-readmore-link {
  font-size: 13px;
  line-height: 20px;
  padding: 5px 10px;
  font-family: Roboto;
  text-transform: uppercase
}
.our-services-url-link {
  font-size: 16px;
  line-height: 22px;
  padding: 13px;
  display: block;
  border: none
}
.our-services-title-link {
  font-size: 18px;
  line-height: 24px;
  color: #003164;    font-family: Roboto;
  font-weight: 600;
  padding: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
  z-index: 2;
  display: block;
  text-transform: capitalize
}
.our-services-desc, .our-services-readmore-link-2 {
  font-weight: 400;
  border-radius: 0;
  background-color: #fff;
  display: block;
  padding: 0;
  z-index: 2
}
.our-services-desc {
  font-size: 15px;
  line-height: 22px;
  color: #999;
  text-align: left;
  clear: none;
  margin: 0;
  position: relative;
  font-family: Roboto
}
.our-services-readmore-link-2, .our-services-readmore-link:hover {
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: Roboto
}
.our-services-readmore-link-2 {
  color: #003164;
  border: none;
  border-bottom: 1px solid #003164
}
.our-services-readmore-link:hover, .our-services-url-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .15);
  font-weight: 400
}
.our-services-best-title, .our-services-readmore {
  display: inline-block;
  float: none;
  clear: both;
  top: 45%;
  text-align: center;
  margin: 0;
  position: absolute;
  left: 0;
  width: 100%
}
.our-services-readmore-link:hover {
  border-radius: 0
}
.our-services-url-link:hover {
  font-size: 16px;
  line-height: 22px;
  border-radius: 0;
  border: none
}
.our-services-readmore-link-2:hover {
  font-size: 13px;
  line-height: 20px;
  color: #999;
  font-weight: 400;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  text-transform: uppercase;
  border: none;
  border-bottom: 1px solid #999
}
.our-services-readmore {
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: matrix3d(.8, 0, 0, 0, 0, 0, .8, -.000666667, 0, -1, 0, 0, 0, 0, .001, .999999)
}
.service-grid li:hover .our-services-readmore, .service-list li:hover .our-services-readmore, .service-list-2 li:hover .our-services-readmore {
  opacity: 1;
  transform-origin: 50% 100% 0;
  transform-style: flat;
  transform: inherit
}
.our-services-best-title a {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
  display: block
}
.our-services-url {
  display: inline-block;
  float: left;
  clear: right;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(50%, 0) matrix3d(0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
.service-grid li:hover .our-services-container, .service-list li:hover .our-services-container, .service-list-2 .service-entry-cover .service-overlay, .service-list-2 li:hover .our-services-container {
  opacity: 1
}
.service-grid li:hover .our-services-url, .service-list li:hover .our-services-url, .service-list-2 li:hover .our-services-url {
  opacity: 1;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(0, 0)
}
.our-services-title {
  display: block;
  text-align: left;
  clear: both;
  margin: 0 0 10px;
  position: relative
}
.our-services-readmore-2 {
  display: inline-block;
  float: none;
  clear: both;
  margin: 10px 0 0;
  position: relative
}
.our-services-container {
  background-color: rgba(0, 47, 102, .5)
}
.our-services-content {
  background-color: #fff;
  padding: 20px 0;
  border: none;
  text-align: left
}
.service-list-2 li:hover .our-services-container {
  opacity: 0
}
.service-list-2 .our-services-container {
  background-color: rgba(10, 10, 10, .5)
}
.service-list-2 .our-services-url-link {
  background-color: rgba(0, 0, 0, .15);
  color: #fff
}
.service-list-2 .our-services-url-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, .4)
}
.clients_btn {
  padding-bottom: 20px;
  position: relative
}
.clients_btn p {
  font-size: 26px;
  color: #111;
  padding: 0;
  margin: 0
}
.clients_btn .clients_btn_left, .clients_btn .clients_btn_right {
  position: absolute;
  margin: 0 4px 0 0;
  padding: 8px 10px;
  background: #EEE;
  color: #AEAEAE;
  display: inline-block;
  cursor: pointer
}
.clients_btn .clients_btn_left:hover, .clients_btn .clients_btn_right:hover {
  background: #003164;
  color: #FFF
}
.home-blog-popup a, .home-clients-title {
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
  display: block
}
.clients_btn .clients_btn_left {
  top: 0;
  right: 50px
}
.clients_btn .clients_btn_right {
  top: 0;
  right: 0
}
.clients_btn .clients_btn_right > i:before {
  content: "\f105"
}
.client-list {
  list-style: none
}
.client-list li {
  width: 100%
}
.client-list li .client-media-cover-wrapper {
  border: 1px solid #ddd
}
.home-clients-title {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  clear: both;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: absolute;
  top: 40%;
  font-family: Roboto;
  text-transform: uppercase;
  width: 100%;
  opacity: 0;
  -webkit-transition: all .1s ease 0s;
  -o-transition: all .1s ease 0s;
  transition: all .1s ease 0s
}
.client-entry-cover:hover .client-overlay, .client-list li:hover .home-clients-title {
  opacity: 1
}
.home-clients-container {
  background-color: rgba(0, 47, 102, .75)
}
.home_news .home_news_btn a, .home_news .home_news_btn button {
  font-size: 14px;
  color: #002D68;
  border: 1px solid #002D68;
  background: 0 0;
  padding: 11px 15px;
  text-transform: uppercase;
  letter-spacing: .05em
}
.home_news .home_news_btn a:hover, .home_news .home_news_btn button:hover {
  background: #002D68;
  color: #fff
}
#blog-archive .eg-home-blog-element-31:before, #home-blog .eg-home-blog-element-31:before, .page .eg-home-blog-element-31:before {
  content: '\f017';
  margin-right: 8px
}
#blog-archive .eg-home-blog-element-32:before, #home-blog .eg-home-blog-element-32:before, .page .eg-home-blog-element-32:before {
  content: '\f086';
  margin-right: 8px
}
#blog-archive .eg-home-blog-element-32:after, #home-blog .eg-home-blog-element-32:after, .page .eg-home-blog-element-32:after {
  content: ' Comment'
}
#blog-archive .eg-blog-archive-element-31:before, #blog-archive-2c .eg-blog-archive-element-31:before {
  content: '\f017';
  margin-right: 8px
}
#blog-archive .eg-blog-archive-element-32:before, #blog-archive-2c .eg-blog-archive-element-32:before {
  content: '\f086';
  margin-right: 8px
}
#blog-archive .eg-blog-archive-element-32:after, #blog-archive-2c .eg-blog-archive-element-32:after {
  content: ' Comment'
}
.home_quote_btn {
  line-height: 40px
}
.home_quote_btn a, .home_quote_btn button {
  color: #003164;
  background: #fff;
  font-size: 15px;
  border: 1px solid #fff;
  padding: 12px 15px;
  font-family: Roboto
}
.home_quote_btn a:hover, .home_quote_btn button:hover {
  background: 0 0;
  color: #fff
}
@media screen and (max-width:1199px) {
  .home_quote_txt > div {
    text-align: center
  }
  .home_quote_btn, .ourservices_btn {
    text-align: center;
    margin-top: 20px
  }
  #home_our_projects {
    background-image: none
  }
}
.recent-posts__item {
  margin-bottom: 20px
}
.recent-posts__item .recent-posts__thumb {
  float: left;
  margin-right: 20px;
  position: relative
}
.recent-posts__item .recent-posts__thumb a:before, .recent-posts__item .recent-posts__thumb:after, .recent-posts__item .recent-posts__thumb:before {
  content: '';
  opacity: 0;
  margin: auto;
  position: absolute
}
.recent-posts__item .recent-posts__thumb:before {
  width: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 2px;
  background-color: #fff;
  z-index: 2
}
.recent-posts__item .recent-posts__thumb:after {
  width: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 30px;
  background-color: #fff
}


.section-contact h2 {
    font-size: 30px;
}

.news-list .owl-item li, .news-list-2 .owl-item li, .site-top {
  width: 100%
}
.recent-posts__item .recent-posts__thumb a:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.recent-posts__item:hover .recent-posts__thumb:after, .recent-posts__item:hover .recent-posts__thumb:before {
  opacity: 1
}
.recent-posts__item:hover .recent-posts__thumb a:before {
  opacity: .8
}
.recent-posts__item a {
  font-size: 15px;
  letter-spacing: .05em
}
.recent-posts__item .post-meta {
  margin-top: 10px;
  color: #878787
}
.recent-posts__item .post-meta span {
  margin-right: 10px
}
.recent-posts.type_2 h3 {
  letter-spacing: normal;
  font-weight: 400;
  margin-bottom: 20px
}
.recent-posts.type_2 .entry-meta {
  margin-bottom: 20px
}
.recent-posts.type_2 .entry-meta span {
  padding-right: 10px
}
.recent-posts.type_2 .entry-meta i {
  margin-right: 5px
}
.recent-posts.type_2 .entry-excerpt {
  color: #858585
}
.news-list {
  list-style: none
}
.news-list .home-blog-comment:before, .news-list .home-blog-date:before, .news-list-2 .home-blog-comment:before, .news-list-2 .home-blog-date:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.news-list .home-blog-date:before, .news-list-2 .home-blog-date:before {
  content: '\f017';
  margin-right: 8px
}
.news-list .home-blog-comment:before, .news-list-2 .home-blog-comment:before {
  content: '\f086';
  margin-right: 8px
}
.home-blog-title a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding: 0;
    border-radius: 0;
    z-index: 2;
    display: block;
    font-family: Roboto;
}
.home-blog-popup a {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 17px;
  border-radius: 60px;
  border: 2px solid #fff
}
.home-blog-comment, .home-blog-date {
  font-size: 13px;
  line-height: 20px;
  color: #888;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0);
  font-weight: 400;
  z-index: 2;
  font-family: Roboto;
  clear: both;
  position: relative;
  float: none
}
.home-blog-comment, .home-blog-content, .home-blog-date, .home-blog-desc, .home-blog-readmore a {
  padding: 0;
  border-radius: 0
}
.home-blog-popup .fa-search:before {
  margin: 0 4px
}
.home-blog-date {
  margin: 0 20px 0 0
}
.home-blog-comment {
  margin: 0
}
.home-blog-desc {
  font-size: 15px;
  line-height: 24px;
  color: #777;
  font-weight: 400;
  display: block;
  text-align: left;
  clear: both;
  margin: 10px 0;
  position: relative;
  z-index: 2;
  font-family: Roboto
}
.home-blog-readmore a {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  background-color: rgba(0, 10, 0, 0);
  z-index: 2;
  display: block;
  font-family: Roboto;
  text-transform: uppercase;
  border-bottom: 1px solid #003164
}
.home-blog-title {
  display: block;
  text-align: left;
  clear: both;
  margin: 20px 0 10px;
  position: relative
}
.home-blog-popup {
  display: inline-block;
  float: none;
  clear: none;
  margin: 0 10px 0 0;
  text-align: center;
  position: absolute;
  left: 40%;
  top: 35%;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: matrix3d(.8, 0, 0, 0, 0, 0, .8, -.000666667, 0, -1, 0, 0, 0, 0, .001, .999999)
}
.search-box, .search-box i, .site-branding, .site-top {
  position: relative
}
.news-grid li:hover .home-blog-popup, .news-list li:hover .home-blog-popup, .news-list-2 li:hover .home-blog-popup {
  opacity: 1;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transform: translate(0, 0)
}
.home-blog-readmore {
  display: inline-block;
  float: none;
  clear: both;
  margin: 0;
  position: relative
}
.home-blog-container {
  background-color: rgba(0, 49, 100, .65)
}
.news-list li:hover .home-blog-container, .news-list-2 li:hover .home-blog-container {
  opacity: 1
}
.home-blog-content {
  border: none
}
/*
.news-entry-media img {
  width: 100%;
  height: auto
}
*/

.news-entry-media{text-align: left!important;}
.site-branding {
  z-index: 1;
  padding: 15px 0 15px 15px
}

.site-branding img {
    max-width: 100%!important;
}

.extra-info > div {
  padding: 0 15px;
  text-align: left
}
.extra-info i {
  display: inline-block;
  font-size: 30px;
  float: left
}
.extra-info span {
  font-weight: 600;
  color: #777
}
.extra-info h3 {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 400
}
.search-box {
  z-index: 9999
}
.search-box i {
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 20px;
  width: 20px;
  -moz-transition-duration: .1s;
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}
.header01 .home_quote .home_quote_txt h1, .header01 .home_quote .home_quote_txt h2, .header01 .home_quote .home_quote_txt h3, .header01 .home_quote .home_quote_txt h4, .header01 .home_quote .home_quote_txt h5, .header01 .home_quote .home_quote_txt h6, .header02 .home_quote .home_quote_txt h1, .header02 .home_quote .home_quote_txt h2, .header02 .home_quote .home_quote_txt h3, .header02 .home_quote .home_quote_txt h4, .header02 .home_quote .home_quote_txt h5, .header02 .home_quote .home_quote_txt h6, .header04 .home_quote .home_quote_txt h1, .header04 .home_quote .home_quote_txt h2, .header04 .home_quote .home_quote_txt h3, .header04 .home_quote .home_quote_txt h4, .header04 .home_quote .home_quote_txt h5, .header04 .home_quote .home_quote_txt h6, .header05 .home_quote .home_quote_txt h1, .header05 .home_quote .home_quote_txt h2, .header05 .home_quote .home_quote_txt h3, .header05 .home_quote .home_quote_txt h4, .header05 .home_quote .home_quote_txt h5, .header05 .home_quote .home_quote_txt h6, .header06 .home_quote .home_quote_txt h1, .header06 .home_quote .home_quote_txt h2, .header06 .home_quote .home_quote_txt h3, .header06 .home_quote .home_quote_txt h4, .header06 .home_quote .home_quote_txt h5, .header06 .home_quote .home_quote_txt h6, .header07 .home_quote .home_quote_txt h1, .header07 .home_quote .home_quote_txt h2, .header07 .home_quote .home_quote_txt h3, .header07 .home_quote .home_quote_txt h4, .header07 .home_quote .home_quote_txt h5, .header07 .home_quote .home_quote_txt h6, .header08 .home_quote .home_quote_txt h1, .header08 .home_quote .home_quote_txt h2, .header08 .home_quote .home_quote_txt h3, .header08 .home_quote .home_quote_txt h4, .header08 .home_quote .home_quote_txt h5, .header08 .home_quote .home_quote_txt h6, .header09 .home_quote .home_quote_txt h1, .header09 .home_quote .home_quote_txt h2, .header09 .home_quote .home_quote_txt h3, .header09 .home_quote .home_quote_txt h4, .header09 .home_quote .home_quote_txt h5, .header09 .home_quote .home_quote_txt h6 {
  font-size: 24px;
  font-weight: 400
}
.search-box i:after, .search-box i:before {
  position: absolute
}
.search-box i:before {
  top: 0;
  left: 0
}
.search-box i:after {
  content: '\f00d';
  top: 100%;
  left: 0
}
.search-box input[type=submit], .search-box label span {
  display: none
}
.search-box input[type=search] {
  width: 100%;
  z-index: 99;
  border: none;
  padding: 10px;
  background-color: #fff;
  border-top: 3px solid transparent;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2)
}
.header04 .site-logo, .header09 .site-logo, .header10 .site-header {
  border-bottom: 1px solid #DDD
}
.search-box .search-form {
  position: absolute;
  right: 0;
  top: 100%;
  width: 300px;
  height: 100%;
  opacity: 0;
  visibility: hidden
}
.search-box .search-form:before {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.search-box .search-form.open {
  opacity: 1;
  visibility: visible
}
.search-box .search-form.open + i:before {
  top: -100%
}
.search-box .search-form.open + i:after {
  top: 0
}
@media (min-width:992px) {
  .site-top .social-menu {
    display: inline-block;
    position: relative
  }
  .site-top .social-menu ul {
    position: relative;
    z-index: 2
  }
}
.header01 #site-navigation .menu, .header07 #site-navigation .menu, .header08 #site-navigation .menu {
  text-align: right
}
.header01 #site-navigation .menu > li a, .header01 #site-navigation .menu > ul > li a, .header07 #site-navigation .menu > li a, .header07 #site-navigation .menu > ul > li a, .header08 #site-navigation .menu > li a, .header08 #site-navigation .menu > ul > li a {
  padding: 35px 0;
  display: inline-block
}
.header01 #site-navigation .menu > ul > li:hover:after, .header07 #site-navigation .menu > li.current-menu-item:after, .header07 #site-navigation .menu > li:hover:after, .header07 #site-navigation .menu > ul > li.current-menu-item:after, .header07 #site-navigation .menu > ul > li:hover:after, .header08 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > li:hover:after .header01 #site-navigation .menu > ul > li.current-menu-item:after, .header08 #site-navigation .menu > ul > li.current-menu-item:after .header01 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > ul > li:hover:after .header01 #site-navigation .menu > li:hover:after {
  width: 100%;
  opacity: 1
}
.header01 #site-navigation .menu > li:after, .header01 #site-navigation .menu > ul > li:after, .header07 #site-navigation .menu > li:after, .header07 #site-navigation .menu > ul > li:after, .header08 #site-navigation .menu > li:after, .header08 #site-navigation .menu > ul > li:after {
  content: '';
  position: absolute;
  background: #868686;
  width: 0;
  height: 1px;
  bottom: 40px;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.header01 .nav-left, .header07 .nav-left, .header08 .nav-left {
  padding-left: 0;
  padding-right: 0
}
.header01 .nav-right, .header07 .nav-right, .header08 .nav-right {
  text-align: right;
  padding-left: 0
}
.header01 .mini-cart, .header07 .mini-cart, .header08 .mini-cart {
  padding: 0;
  display: inline-block;
  margin: 0
}
.header01 .search-box, .header07 .search-box, .header08 .search-box {
  display: inline-block;
  margin: 0 0 0 20px;
  color: #868686
}
.header01 .search-box i:after, .header01 .search-box i:before, .header07 .search-box i:after, .header07 .search-box i:before, .header08 .search-box i:after, .header08 .search-box i:before {
  left: 1px
}
.header01 .home_quote .home_quote_btn button, .header07 .home_quote .home_quote_btn button, .header08 .home_quote .home_quote_btn button, .header10 .home_quote .home_quote_btn button {
  color: #003164
}
.header10 .main-navigation, .header10 .site-header {
  background: #fff
}
@media (min-width:992px) {
  .header01 .site-branding img, .header07 .site-branding img, .header08 .site-branding img, .header10 .site-branding img {
    position: relative;
    z-index: 1;
    max-width: none
  }
  .header01 .extra-info > div, .header07 .extra-info > div, .header08 .extra-info > div, .header10 .extra-info > div {
    padding: 35px 15px 0
  }
  .header01 .top-menu .menu-item, .header07 .top-menu .menu-item, .header08 .top-menu .menu-item {
    padding: 10px 0 10px 20px
  }
}
@media (min-width:1200px) {
  .header01 #site-navigation.headroom--not-top, .header07 #site-navigation.headroom--not-top, .header08 #site-navigation.headroom--not-top {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    left: 0
  }
  .header01 #site-navigation.headroom--not-top .menu > li:after, .header07 #site-navigation.headroom--not-top .menu > li:after, .header08 #site-navigation.headroom--not-top .menu > li:after {
    bottom: 30px
  }
  .header01 #site-navigation.headroom--not-top .menu > li > a, .header07 #site-navigation.headroom--not-top .menu > li > a, .header08 #site-navigation.headroom--not-top .menu > li > a {
    padding: 35px 0
  }
  .header01 #site-navigation.headroom--not-top .site-branding, .header07 #site-navigation.headroom--not-top .site-branding, .header08 #site-navigation.headroom--not-top .site-branding {
    padding: 20px 0 20px 15px
  }
}
.header02 #site-navigation .menu, .header04 #site-navigation .menu, .header05 #site-navigation .menu, .header06 #site-navigation .menu, .header09 #site-navigation .menu {
  text-align: left
}
.header02 #site-navigation .menu > li, .header02 #site-navigation .menu > ul > li, .header04 #site-navigation .menu > li, .header04 #site-navigation .menu > ul > li, .header05 #site-navigation .menu > li, .header05 #site-navigation .menu > ul > li, .header06 #site-navigation .menu > li, .header06 #site-navigation .menu > ul > li, .header09 #site-navigation .menu > li, .header09 #site-navigation .menu > ul > li {
  float: left
}
.header02 #site-navigation .menu > li a, .header02 #site-navigation .menu > ul > li a, .header04 #site-navigation .menu > li a, .header04 #site-navigation .menu > ul > li a, .header05 #site-navigation .menu > li a, .header05 #site-navigation .menu > ul > li a, .header06 #site-navigation .menu > li a, .header06 #site-navigation .menu > ul > li a, .header09 #site-navigation .menu > li a, .header09 #site-navigation .menu > ul > li a {
  padding: 25px 0;
  display: inline-block
}
.header02 #site-navigation .menu > li.current-menu-item:after, .header02 #site-navigation .menu > li:hover:after, .header02 #site-navigation .menu > ul > li.current-menu-item:after, .header02 #site-navigation .menu > ul > li:hover:after, .header04 #site-navigation .menu > li.current-menu-item:after, .header04 #site-navigation .menu > li:hover:after, .header04 #site-navigation .menu > ul > li.current-menu-item:after, .header04 #site-navigation .menu > ul > li:hover:after, .header05 #site-navigation .menu > li.current-menu-item:after, .header05 #site-navigation .menu > li:hover:after, .header05 #site-navigation .menu > ul > li.current-menu-item:after, .header05 #site-navigation .menu > ul > li:hover:after, .header06 #site-navigation .menu > li.current-menu-item:after, .header06 #site-navigation .menu > li:hover:after, .header06 #site-navigation .menu > ul > li.current-menu-item:after, .header06 #site-navigation .menu > ul > li:hover:after, .header09 #site-navigation .menu > li.current-menu-item:after, .header09 #site-navigation .menu > li:hover:after, .header09 #site-navigation .menu > ul > li.current-menu-item:after, .header09 #site-navigation .menu > ul > li:hover:after {
  width: 100%;
  opacity: 1
}
.header02 #site-navigation .menu > li:after, .header02 #site-navigation .menu > ul > li:after, .header04 #site-navigation .menu > li:after, .header04 #site-navigation .menu > ul > li:after, .header05 #site-navigation .menu > li:after, .header05 #site-navigation .menu > ul > li:after, .header06 #site-navigation .menu > li:after, .header06 #site-navigation .menu > ul > li:after, .header09 #site-navigation .menu > li:after, .header09 #site-navigation .menu > ul > li:after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 18px;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.header02 .mini-cart, .header04 .mini-cart, .header05 .mini-cart, .header06 .mini-cart, .header09 .mini-cart {
  padding: 0;
  color: #ccc;
  display: inline-block;
  margin: 0
}
.header02 .nav-left, .header04 .nav-left, .header05 .nav-left, .header06 .nav-left, .header09 .nav-left {
  padding-left: 15px;
  padding-right: 0
}
.header02 .nav-right, .header04 .nav-right, .header05 .nav-right, .header06 .nav-right, .header09 .nav-right {
  text-align: right;
  padding-left: 0
}
.header02 .search-box, .header04 .search-box, .header05 .search-box, .header06 .search-box, .header09 .search-box {
  display: inline-block;
  margin: 0 0 0 20px;
  position: relative
}
.header02 .search-box i:after, .header02 .search-box i:before, .header04 .search-box i:after, .header04 .search-box i:before, .header05 .search-box i:after, .header05 .search-box i:before, .header06 .search-box i:after, .header06 .search-box i:before, .header09 .search-box i:after, .header09 .search-box i:before {
  left: 1px
}
.header02 .home_quote .home_quote_btn button, .header04 .home_quote .home_quote_btn button, .header05 .home_quote .home_quote_btn button, .header06 .home_quote .home_quote_btn button, .header09 .home_quote .home_quote_btn button {
  color: #003164
}
.header05 .site-top, .header06 .site-top {
  border-bottom: 1px solid #EEE
}
@media (min-width:992px) {
  .header02 .site-branding img, .header04 .site-branding img, .header05 .site-branding img, .header06 .site-branding img, .header09 .site-branding img {
    position: relative;
    z-index: 1;
    max-width: none
  }
  .header02 .extra-info > div, .header04 .extra-info > div, .header05 .extra-info > div, .header06 .extra-info > div, .header09 .extra-info > div {
    padding: 0 15px
  }
  .header02 .extra-info i, .header04 .extra-info i, .header05 .extra-info i, .header06 .extra-info i, .header09 .extra-info i {
    color: #003164;
    margin-top: 6px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd
  }
  .header02 .extra-info span, .header04 .extra-info span, .header05 .extra-info span, .header06 .extra-info span, .header09 .extra-info span {
    font-weight: 400;
    color: #888;
    font-size: 14px
  }
  .header02 .extra-info h3, .header04 .extra-info h3, .header05 .extra-info h3, .header06 .extra-info h3, .header09 .extra-info h3 {
    font-size: 20px;
    color: #003164;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 400
  }
  .header02 .top-menu .menu-item, .header04 .top-menu .menu-item, .header05 .top-menu .menu-item, .header06 .top-menu .menu-item, .header09 .top-menu .menu-item {
    padding: 10px 0 10px 20px
  }
}
@media (min-width:1200px) {
  .header02 #site-navigation.headroom--not-top, .header04 #site-navigation.headroom--not-top, .header05 #site-navigation.headroom--not-top, .header06 #site-navigation.headroom--not-top, .header09 #site-navigation.headroom--not-top {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    left: 0
  }
  .header02 #site-navigation.headroom--not-top .menu > li:after, .header04 #site-navigation.headroom--not-top .menu > li:after, .header05 #site-navigation.headroom--not-top .menu > li:after, .header06 #site-navigation.headroom--not-top .menu > li:after, .header09 #site-navigation.headroom--not-top .menu > li:after {
    bottom: 30px
  }
  .header02 #site-navigation.headroom--not-top .menu > li > a, .header04 #site-navigation.headroom--not-top .menu > li > a, .header05 #site-navigation.headroom--not-top .menu > li > a, .header06 #site-navigation.headroom--not-top .menu > li > a, .header09 #site-navigation.headroom--not-top .menu > li > a {
    padding: 35px 0
  }
}
.header03 #site-navigation {
  box-shadow: none;
  position: absolute;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.header03 #site-navigation #open-left, .header03 #site-navigation .search-btn {
  color: #fff
}
.header03 #site-navigation .menu, .header10 #site-navigation .menu {
  text-align: right
}
.header03 #site-navigation .menu > li a, .header03 #site-navigation .menu > ul > li a, .header10 #site-navigation .menu > li a, .header10 #site-navigation .menu > ul > li a {
  padding: 45px 0;
  display: inline-block
}
.header03 #site-navigation .menu > li.current-menu-item:after, .header03 #site-navigation .menu > li:hover:after, .header03 #site-navigation .menu > ul > li.current-menu-item:after, .header03 #site-navigation .menu > ul > li:hover:after, .header10 #site-navigation .menu > li.current-menu-item:after, .header10 #site-navigation .menu > li:hover:after, .header10 #site-navigation .menu > ul > li.current-menu-item:after, .header10 #site-navigation .menu > ul > li:hover:after {
  width: 100%;
  opacity: 1
}
.header03 #site-navigation .menu > li:after, .header03 #site-navigation .menu > ul > li:after, .header10 #site-navigation .menu > li:after, .header10 #site-navigation .menu > ul > li:after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 40px;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.header03 .nav-left, .header10 .nav-left {
  padding-left: 0;
  padding-right: 0
}
.header03 .nav-right, .header10 .nav-right {
  text-align: right;
  padding-left: 0
}
.header03 .mini-cart, .header10 .mini-cart {
  padding: 0;
  color: #ccc;
  display: inline-block;
  margin: 0
}
.header03 .search-box, .header10 .search-box {
  display: inline-block;
  margin: 0 0 0 20px
}
.header03 .search-box i:after, .header03 .search-box i:before, .header10 .search-box i:after, .header10 .search-box i:before {
  left: 1px
}
.header03 .home_quote .home_quote_txt h1, .header03 .home_quote .home_quote_txt h2, .header03 .home_quote .home_quote_txt h3, .header03 .home_quote .home_quote_txt h4, .header03 .home_quote .home_quote_txt h5, .header03 .home_quote .home_quote_txt h6, .header10 .home_quote .home_quote_txt h1, .header10 .home_quote .home_quote_txt h2, .header10 .home_quote .home_quote_txt h3, .header10 .home_quote .home_quote_txt h4, .header10 .home_quote .home_quote_txt h5, .header10 .home_quote .home_quote_txt h6 {
  font-size: 24px;
  font-weight: 400
}
.header03 .home_quote .home_quote_btn button, .header10 .home_quote .home_quote_btn button {
  color: #003164
}
.header03 #site-navigation .menu > li > a {
  color: #fff
}
@media (min-width:992px) {
  .header03 .site-branding img, .header10 .site-branding img {
    position: relative;
    z-index: 1;
    max-width: none
  }
  .header03 .extra-info > div, .header10 .extra-info > div {
    padding: 0 15px
  }
  .header03 .extra-info i, .header10 .extra-info i {
    color: #003164;
    margin-top: 6px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd
  }
  .header03 .extra-info span, .header10 .extra-info span {
    font-weight: 400;
    color: #888;
    font-size: 14px
  }
  .header03 .extra-info h3, .header10 .extra-info h3 {
    font-size: 20px;
    color: #003164;
    line-height: 1.2;
    letter-spacing: normal;
    font-weight: 400
  }
  .header03 .top-menu .menu-item, .header10 .top-menu .menu-item {
    padding: 10px 0 10px 20px
  }
  .header03 .main-navigation .site-top .social-menu, .header10 .main-navigation .site-top .social-menu {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:1200px) {
  .header03 #site-navigation.headroom--not-top {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    position: fixed;
    background-color: rgba(0, 47, 102, .7);
    border-bottom: none;
    top: 0;
    left: 0
  }
  .header03 #site-navigation.headroom--not-top .menu > li:after {
    bottom: 30px
  }
  .header03 #site-navigation.headroom--not-top .menu > li > a {
    padding: 35px 0
  }
}
.site-footer .widget-title {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400
}
.site-footer .widget-title:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
#site-navigation, .page .container, .single .container, .top-menu {
  position: relative
}
.site-footer, .site-top {
  border-width: 0;
  border-style: solid;
  font-family: Roboto;
  font-weight: 400
}
.site-footer .widget-title span {
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px 0
}
.site-footer .footer-logo {
  display: block
}
.site-footer .col-md-4 {
  margin-bottom: 30px
}
.site-footer .widget img {
  margin: 18px 0 20px
}
.site-footer .widget p {
  margin-bottom: 10px
}
.site-footer .social-menu .menu {
  margin-top: 20px
}
.site-footer .social-menu .menu li {
  margin: 0 15px 0 0
}
.site-footer .social-menu .menu li a:before {
  font-size: 20px
}
.site-footer .menu {
  font-size: 0
}
.site-footer .menu li {
  vertical-align: top;
  margin-bottom: 10px;
  list-style-type: none;
  font-size: 15px;
  display: block
}
.menu-item, .page_item, .top-menu {
  display: inline-block
}
.site-footer .menu li:hover {
  -webkit-transform: translate(6px, 0);
  -moz-transform: translate(6px, 0);
  -ms-transform: translate(6px, 0);
  -o-transform: translate(6px, 0)
}
.site-footer .menu li a:before {
  content: "\f105";
  margin-right: 10px
}
.office p {
  margin-bottom: 10px
}
.office i {
  font-size: 16px;
  width: 35px
}
.copyright {
  overflow: hidden;
  line-height: 1;
  padding: 40px 0
}
#about-pages .esg-entry-content, .snap-content {
  overflow: auto
}
.copyright .center {
  text-align: center
}
@media (min-width:768px) {
  .site-footer .menu li {
    display: inline-block;
    width: 100%
  }
}
@media screen and (max-width:1199px) {
  .site-footer {
    background-image: none
  }
}
.site-footer {
  font-size: 15px;
  padding: 50px 0 20px;
  margin: 0;
  border-color: #000;
  background-color: #222;
  background-image: url(../images/footer_bg.jpg)
}
.copyright .right, .site-footer, .site-footer a {
  color: #878787
}
.site-footer .widget-title, .site-footer a:hover {
  color: #fff
}
.copyright, .copyright a {
  color: #878787
}
.copyright {
  background-color: #111
}
.copyright a:hover {
  color: #002C66
}
.top-menu {
  z-index: 1
}
.top-menu .menu-item {
  padding: 5px
}
.social-menu .menu li {
  display: inline-block;
  margin-left: 10px;
  width: auto
}
.social-menu .menu li:hover {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0)
}
.social-menu .menu li:before {
  display: none
}
.social-menu .menu li a {
  font-size: 0
}
.social-menu .menu li a:before {
  font-size: 16px;
  display: inline-block
}
.social-menu .menu li a[href*=facebook]:before {
  content: "\f09a"
}
.social-menu .menu li a[href*=twitter]:before {
  content: "\f099"
}
.social-menu .menu li a[href*=instagram]:before {
  content: "\f16d"
}
.social-menu .menu li a[href*=youtube]:before {
  content: "\f16a"
}
.social-menu .menu li a[href*="plus.google.com"]:before {
  content: "\f0d5"
}
.social-menu .menu li a[href*=flickr]:before {
  content: "\f16e"
}
.social-menu .menu li a[href*=dribbble]:before {
  content: "\f17d"
}
.social-menu .menu li a[href*=foursquare]:before {
  content: "\f180"
}
.social-menu .menu li a[href*=linkedin]:before {
  content: "\f0e1"
}
.social-menu .menu li a[href*=tumblr]:before {
  content: "\f173"
}
.social-menu .menu li a[href*=feed]:before {
  content: "\f09e"
}
.social-menu .menu li a[href*=vimeo]:before {
  content: "\f194"
}
#site-navigation {
  z-index: 999;
  width: 100%;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px
}
#site-navigation .menu li:hover > .children, #site-navigation .menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
  z-index: 999
}
#site-navigation .menu li:hover > .children > li, #site-navigation .menu li:hover > .sub-menu > li {
  margin-right: 0
}
#site-navigation .menu li:hover > .children li.menu-item-has-children:after, #site-navigation .menu li:hover > .children li.page_item_has_children:after, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .menu li:hover > .sub-menu li.page_item_has_children:after {
  content: '\f105';
  position: absolute;
  right: 15px
}
#site-navigation .menu li:hover > .children .children, #site-navigation .menu li:hover > .children .sub-menu, #site-navigation .menu li:hover > .sub-menu .children, #site-navigation .menu li:hover > .sub-menu .sub-menu {
  left: 100%;
  top: 0
}
#site-navigation .menu li.mega-menu {
  position: static
}
#site-navigation .menu li.mega-menu:after {
  display: none
}
#site-navigation .menu li.mega-menu .sub-menu {
  width: 100%;
  position: absolute;
  bottom: 0
}
#site-navigation .menu li.mega-menu .sub-menu > li {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  padding: 20px
}
#site-navigation .menu li.mega-menu .sub-menu > li:hover {
  background: #fff
}
#site-navigation .menu li.mega-menu .sub-menu > li .wpb_text_column li {
  margin-bottom: 0
}
#site-navigation .menu li.mega-menu .sub-menu > li .wpb_text_column li i {
  width: 20px
}
#site-navigation .menu > li.menu-item-has-children, #site-navigation .menu > ul > li.page_item_has_children {
  margin-right: 20px
}
#site-navigation .menu > li.menu-item-has-children > a, #site-navigation .menu > ul > li.page_item_has_children > a {
  position: relative
}
#site-navigation .menu > li.menu-item-has-children > a:after, #site-navigation .menu > ul > li.page_item_has_children > a:after {
  content: '\f107';
  position: absolute;
  right: -17px
}
#site-navigation .menu > li, #site-navigation .menu > ul > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  line-height: 1
}
#site-navigation .menu > li a, #site-navigation .menu > ul > li a {
  position: relative;
  z-index: 1
}
#site-navigation .children, #site-navigation .sub-menu {
  position: absolute;
  left: 0;
  top: 120px;
  z-index: 2;
  opacity: 0;
  margin: 0;
  width: 240px;
  visibility: hidden;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  font-family: Roboto
}
#site-navigation .children li a, #site-navigation .menu > li > .sub-menu li a {
  padding: 5px
}
@media (min-width:992px) {
  .top-menu .menu-item {
    padding: 15px 30px 15px 0
  }
}
#site-navigation .menu > li > a, #site-navigation .menu > ul > li > a, .search-box i:after, .search-box i:before {
  color: #222
}
.header07 #site-navigation .menu > li > a {
  color: #8496aa
}
.header08 #site-navigation .menu > li > a {
  color: #777
}
.header09 #site-navigation .menu > li > a {
  color: #868686
}
#site-navigation .menu > li.current-menu-item > a, #site-navigation .menu > li > a:hover, .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .search-box:hover i:after, .search-box:hover i:before {
  color: #003164
}
#site-navigation.dark .menu > li.current-menu-item > a, #site-navigation.dark .menu > li > a:hover, #site-navigation.dark .mini-cart .mini-cart__button .mini-cart-icon:hover:before, #site-navigation.dark .search-box:hover i:after, #site-navigation.dark .search-box:hover i:before, .header03 #site-navigation .menu > li.current-menu-item > a, .header03 #site-navigation .menu > li > a:hover, .header03 #site-navigation .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header03 #site-navigation .search-box:hover i:after, .header03 #site-navigation .search-box:hover i:before {
  color: #fff
}
#site-navigation .menu > li.current-menu-item:after, #site-navigation .menu > li:hover:after {
  background-color: #003164
}
#site-navigation.dark .menu > li.current-menu-item:after, #site-navigation.dark .menu > li:hover:after, .header03 #site-navigation .menu > li.current-menu-item:after, .header03 #site-navigation .menu > li:hover:after, .main-navigation {
  background-color: #fff
}
#site-navigation .children li a, #site-navigation .sub-menu li a {
  font-weight: 400;
  font-size: 12px
}
#site-navigation .children li a, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:after, #site-navigation .sub-menu li a {
  color: #868686
}
#site-navigation .children li a:hover, #site-navigation .children li:hover > a, #site-navigation .menu li:hover > .children li.page_item_has_children:hover:after, #site-navigation .menu li:hover > .sub-menu li.menu-item-has-children:hover:after, #site-navigation .sub-menu li a:hover, #site-navigation .sub-menu li:hover > a, .header06 #site-navigation .menu > li.current-menu-item > a, .header06 #site-navigation .menu > li > a:hover, .header06 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header06 .search-box:hover i:before, .header07 #site-navigation .menu > li.current-menu-item > a, .header07 #site-navigation .menu > li > a:hover, .header07 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header07 .search-box:hover i:before, .header08 #site-navigation .menu > li.current-menu-item > a, .header08 #site-navigation .menu > li > a:hover, .header08 .mini-cart .mini-cart__button .mini-cart-icon:hover:before, .header08 .search-box:hover i:before, .search-box:hover i:after {
  color: #fff
}
#site-navigation .menu > li, #site-navigation .menu > ul > li {
  padding: 0 5px;
  margin: 0 10px
}
#site-navigation .children li, #site-navigation .sub-menu li {
  position: relative;
  display: block;
  text-align: left;
  padding: 6px;
  background-color: #fff
}
.site-header, .site-top {
  padding: 0;
  margin: 0
}
.main-navigation.dark {
  background-color: #111
}
.header05 .main-navigation {
  background-color: #EEE
}
.header06 .main-navigation {
  background-color: #003164
}
.header07 .main-navigation {
  background-color: #003164
}
.header08 .main-navigation {
  background-color: #222
}
.header06 #site-navigation .menu > li.current-menu-item:after, .header06 #site-navigation .menu > li:hover:after, .header07 #site-navigation .menu > li.current-menu-item:after, .header07 #site-navigation .menu > li:hover:after, .header08 #site-navigation .menu > li.current-menu-item:after, .header08 #site-navigation .menu > li:hover:after {
  background-color: #fff
}
#site-navigation .children li:hover, #site-navigation .sub-menu li:hover {
  background-color: #003164
}
.site-top {
  font-size: 14px;
  color: #777;
  border-color: #ddd;
  background-color: #F5F5F5
}
.header07 .site-top {
  background-color: #002652;
  color: #8496aa
}
.header08 .site-top {
  background-color: #333;
  color: #888
}
.site-top a {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  color: #777
}
.header07 .site-top a {
  color: #8496aa
}
.header08 .site-top a {
  color: #888
}
.site-top a:hover {
  color: #003164
}
.header07 .site-top a:hover, .header08 .site-top a:hover {
  color: #fff
}
.mini-cart .mini-cart__button .mini-cart-icon:before {
  color: #868686
}
.header07 .mini-cart .mini-cart__button .mini-cart-icon:before, .header07 .search-box i:before, .search-box i:after {
  color: #8496aa
}
.header08 .mini-cart .mini-cart__button .mini-cart-icon:before, .header08 .search-box i:before, .search-box i:after {
  color: #777
}
.header03 .mini-cart .mini-cart__button .mini-cart-icon:before, .header03 .search-box i:after, .header03 .search-box i:before {
  color: #fff
}
.mini-cart .mini-cart__button .mini-cart-icon:after {
  color: #fff;
  background-color: #003164
}
@media (max-width:991px) {
  .site-header {
    background-color: #fff
  }
}
.sidebar .widget {
  margin-bottom: 40px;
  display: block
}
.sidebar .widget-title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 30px;
  color: #111;
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDD;
  font-weight: 400
}
.sidebar .recent-posts__item, .sidebar ul li {
  display: block;
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
  margin-bottom: 10px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word
}
.sidebar .recent-posts__item {
  margin-bottom: 20px;
  padding-bottom: 20px
}
.sidebar .recent-posts > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}
.sidebar .widget_product_search form, .sidebar .widget_search form, .sidebar .widget_thememove_productsearch form {
  position: relative
}
.sidebar .widget_product_search form .screen-reader-text, .sidebar .widget_search form .screen-reader-text, .sidebar .widget_thememove_productsearch form .screen-reader-text {
  display: none
}
.sidebar .widget_product_search form input[type=search], .sidebar .widget_search form input[type=search], .sidebar .widget_thememove_productsearch form input[type=search] {
  border: 1px solid #DDD;
  background-color: #fff;
  padding: 15px 20px;
  margin-bottom: 0
}
.sidebar .widget_product_search form input[type=submit], .sidebar .widget_search form input[type=submit], .sidebar .widget_thememove_productsearch form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 20px;
  font-size: 14px;
  margin: 0;
  background: #003164;
  color: #fff
}
.sidebar .recent-posts-list {
  padding: 0 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EEE;
  display: inline-block;
  width: 100%
}
.sidebar .recent-posts-list:last-child {
  margin-bottom: 0
}
.sidebar .recent-posts-list .recent-posts-thumb {
  float: left;
  margin-right: 20px;
  background: #002E66
}
.sidebar .recent-posts-list .recent-posts-info {
  color: #999;
  font-size: 13px
}
.sidebar .recent-posts-list .recent-posts-info a {
  font-size: 15px;
  font-weight: 400;
  display: block;
  line-height: 1
}
.sidebar .recent-posts-list:hover > .recent-posts-thumb {
  position: relative
}
.sidebar .recent-posts-list:hover > .recent-posts-thumb:before {
  content: '\f105';
  color: #fff;
  position: absolute;
  left: 38px;
  top: 20px;
  z-index: 9
}
.sidebar .recent-posts-list:hover > .recent-posts-thumb img {
  opacity: .5
}
.sidebar .widget_product_categories a {
  font-size: 16px
}
.sidebar .widget_products .product-title {
  font-size: 14px;
  font-weight: 400
}
.sidebar .widget_products del {
  color: #999
}
.sidebar .widget_products del .amount {
  font-size: 16px;
  color: #999
}
.sidebar .widget_products ins .amount {
  font-size: 16px;
  color: #000
}
.sidebar .better-menu-widget ul li {
  position: relative;
  text-transform: uppercase;
  color: #878787;
  font-size: 14px;
  background: #F7F7F7;
  display: block;
  border: 0;
  margin-bottom: 2px;
  padding: 0
}
.sidebar .better-menu-widget ul li a {
  padding: 20px;
  display: block
}
.sidebar .better-menu-widget ul li ul.sub-menu {
  margin: 0;
  padding: 0;
  display: none
}
.sidebar .better-menu-widget ul li ul.sub-menu li {
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #F7F7F7
}
.sidebar .better-menu-widget ul li ul.sub-menu li a {
  color: #878787;
  padding-left: 40px;
  text-transform: none
}
.sidebar .better-menu-widget ul li ul.sub-menu li.current-menu-item, .sidebar .better-menu-widget ul li ul.sub-menu li:hover {
  background: #fff
}
.sidebar .better-menu-widget ul li ul.sub-menu li.current-menu-item a, .sidebar .better-menu-widget ul li ul.sub-menu li:hover a {
  color: #002D66
}
.sidebar .better-menu-widget ul li.current-menu-item, .sidebar .better-menu-widget ul li.current-menu-parent, .sidebar .better-menu-widget ul li:hover {
  background: #003164;
  color: #fff
}
.sidebar .better-menu-widget ul li.current-menu-item a, .sidebar .better-menu-widget ul li.current-menu-parent a, .sidebar .better-menu-widget ul li:hover a {
  color: #fff
}
.sidebar .better-menu-widget ul li.current-menu-item ul.sub-menu, .sidebar .better-menu-widget ul li.current-menu-parent ul.sub-menu, .sidebar .better-menu-widget ul li:hover ul.sub-menu {
  display: block
}
.sidebar .better-menu-widget ul li.menu-item-has-children:after {
  content: '\f105';
  position: absolute;
  right: 20px;
  top: 24px
}
.mini-cart, .mini-cart .mini-cart__button .mini-cart-icon {
  position: relative
}
.mini-cart {
  padding: 0 15px
}
.mini-cart .mini-cart__button {
  cursor: pointer
}
.mini-cart .mini-cart__button .mini-cart-icon:before {
  content: '\f07a';
  float: none;
  width: auto;
  height: auto;
  line-height: normal;
  border: none;
  margin: 0
}
.mini-cart .mini-cart__button .mini-cart-icon:after {
  font-family: inherit;
  content: attr(data-count);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: -16px;
  right: -12px;
  min-width: 20px;
  line-height: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}
.mini-cart .mini-cart__button .mini-cart-icon[data-count="0"]:after {
  display: none
}
.mini-cart .widget_shopping_cart_content {
  position: absolute;
  right: 0;
  top: 140%;
  width: 300px;
  max-height: 700px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  padding-top: 15px;
  z-index: 99999;
  background-color: #fff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.mini-cart .widget_shopping_cart_content .cart_list li {
  padding: 0 15px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #EEE;
  text-align: left
}
.mini-cart .widget_shopping_cart_content .cart_list li.empty {
  text-align: center;
  border-bottom: none;
  margin-bottom: 0
}
.mini-cart .widget_shopping_cart_content .cart_list li img {
  width: 70px;
  margin: 0 10px 0 0;
  float: left
}
.mini-cart .widget_shopping_cart_content .cart_list li .quantity {
  display: block;
  color: #666;
  font-size: 12px
}
.mini-cart .widget_shopping_cart_content .cart_list li .remove {
  font-size: 20px;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 18px;
  float: right;
  position: relative;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}
.mini-cart .widget_shopping_cart_content .cart_list li .remove:hover {
  color: #fff;
  background: #003164
}
.mini-cart .widget_shopping_cart_content .cart_list li .variation {
  display: none
}
.mini-cart .widget_shopping_cart_content .total {
  padding: 5px 15px;
  margin-bottom: 0;
  text-align: center
}
.mini-cart .widget_shopping_cart_content .buttons {
  text-align: center;
  margin-bottom: 0
}
.mini-cart .widget_shopping_cart_content .wc-forward {
  background: 0 0;
  color: #868686;
  font-size: 14px;
  display: inline-block;
  padding: 8px 10px;
  margin: 10px 3px 15px;
  text-transform: uppercase;
  border: 1px solid #ddd
}
.mini-cart .widget_shopping_cart_content .wc-forward:hover {
  color: #fff;
  background: #003164;
  border: 1px solid #003164
}
.mini-cart.open .widget_shopping_cart_content {
  opacity: 1;
  visibility: visible;
  top: 100%
}
.big-title, .big-title--single {
  position: relative
}
.big-title .container, .big-title--single .container {
  position: relative;
  z-index: 1
}
.big-title--single:after, .big-title:after {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.taxonomy-description {
  margin-top: -50px;
  padding-bottom: 50px;
  display: block;
  font-size: 20px
}
.big-title .entry-title, .big-title--single .entry-title {
  font-family: Roboto;
  letter-spacing: 0;
  color: #fff;
  font-size: 26px;
  font-weight: 400
}
@media (min-width:1200px) {
  .big-title, .big-title--single {
    margin: 0 0 50px
  }
}
.big-title {
  padding: 90px 0;
  background-color: #003164;
  background-image: url(../images/background/breadcrumb_bg.jpg)
}
.big-title:after {
  background-color: rgba(0, 47, 102, .8)
}
.big-title--single {
  padding: 90px 0;
  background-color: #003164;
  background-image: url(images/breadcrumb_bg.jpg)
}
.big-title--single:after {
  background-color: rgba(0, 47, 102, .8)
}
.pagination {
  margin: 50px 0;
  display: inline-block;
  text-align: left
}
.pagination a, .pagination span {
  padding: 6px 15px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ddd;
  margin-left: 5px;
  float: left
}
.pagination a:hover, .pagination span.current, .pagination span:hover {
  color: #FFF;
  background: #003164;
  border: 1px solid #003164
}
.aboutus_list ul li {
  color: #999;
  font-size: 15px;
  line-height: 24px;
  list-style: none;
  margin-bottom: 10px
}
.aboutus_list ul li:before {
  content: '\f00c';
  margin-right: 10px;
  color: inherit
}
.our_company_counter {
  margin: 30px 0
}
.our_company_counter .our_company_icon {
  margin-bottom: 0
}
.aboutus_block, .contact_block {
  margin-bottom: 20px;
  display: inline-block
}
.page .nivoSlider {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}
.aboutus_block {
  color: #999;
  font-size: 13px
}
.aboutus_block img {
  float: left;
  margin-right: 20px
}
.aboutus_block a {
  font-size: 16px;
  color: #002D66;
  line-height: 32px
}
#about-pages .esg-entry-cover, #about-pages .esg-entry-media-wrapper {
  width: 150px;
  height: 100px;
  float: left;
  margin-right: 10px
}
#about-pages .esg-entry-media-wrapper img {
  width: 150px;
  height: 100px
}
.contact_block {
  color: #999;
  font-size: 13px;
  width: 100%
}
.contact_block img {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 20px
}
.contact_block a {
  font-size: 16px;
  color: #002D66;
  line-height: 32px
}
.contact_block a:hover {
  color: #999
}
.contact-info {
  margin-top: 20px;
  color: #999
}
.contact-info p {
  margin-bottom: 15px
}
.contact-info p i {
  margin-right: 15px;
  color: #444
}
.location-info {
  margin-top: 20px;
  color: #999
}
.location-info p {
  margin-bottom: 10px
}
.location-info p i {
  margin-right: 15px;
  color: #999
}
.tab-timeline {
  margin: 0;
  border-top: 4px solid #EEE;
  border-bottom: none;
  overflow: visible
}
.breadcrumb, .btn, .post.hentry .entry-footer, .single-post .hentry {
  overflow: hidden
}
.tab-timeline li {
  margin: 5px 0;
  display: inline-block;
  padding: 0;
  position: relative;
  list-style: none
}
.tab-timeline li:before {
  position: absolute;
  content: '\f111';
  color: #EEE;
  top: -15px;
  left: 0;
  z-index: 9;
  font-family: FontAwesome;
  line-height: 1;
  -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
  transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out
}
.tab-timeline li.active:before, .tab-timeline li:hover:before {
  color: #003164
}
.tab-timeline li a {
  background: 0 0;
  border: none !important;
  border-radius: 5px;
  padding: 14px 80px 14px 0;
  position: relative;
  display: inline-block;
  -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
  transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out
}
.tab-timeline li a:hover {
  background: 0 0;
  border: none;
  border-radius: 0
}
.tab-timeline-content {
  border: 1px solid #f0f0f0;
  padding: 14px 20px
}
.post-thumb {
  float: left;
  margin-right: 20px
}
#first-post, .single-post {
  padding: 0;
  margin: 0 0 8px;
  position: relative
}
#first-post .post-thumb, .single-post .post-thumb {
  float: none;
  position: relative;
  width: 100%;
  display: inline-block
}
#first-post .post-thumb img, .single-post .post-thumb img {
  width: 100%;
  height: auto
}
#first-post .entry-content .entry-title, #first-post .entry-content .entry-title a, .single-post .entry-header .entry-title, .single-post .entry-header .entry-title a {
  color: #111;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px
}
.post.hentry {
  padding: 20px;
  margin: 6px 0
}
.post.hentry .entry-header .entry-title, .post.hentry p {
  margin-bottom: 12px
}
.post.hentry .entry-header .entry-title a {
  color: #002E66;
  font-size: 18px;
  font-weight: 400
}
.post.hentry .entry-meta {
  color: #868686;
  margin-bottom: 12px;
  margin-top: 12px
}
.post.hentry .entry-meta span {
  padding-right: 30px
}
.post.hentry .entry-meta i {
  margin-right: 5px
}
.post.hentry .entry-meta .share span {
  padding: 0
}
.post.hentry .entry-content {
  color: #858585;
  box-sizing: border-box
}
.post.hentry .share a {
  margin-left: 10px
}
.post.hentry .read-more {
  text-transform: uppercase
}
.post.hentry .read-more a {
  color: #002E66;
  border-bottom: 1px solid #002E66;
  padding: 4px 0;
  font-size: 13px
}
.page-template .content .hentry:nth-child(2n+0) {
  background: #F9F9F9
}
.single-post .entry-footer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px
}
.single-post .hentry {
  padding: 0;
  margin: 0 0 6px;
  box-sizing: border-box
}
.single-post .single-post-nav {
  padding: 30px 0;
  border-bottom: 1px solid #ddd
}
.single-post .single-post-nav .prev-post .prev-post-text {
  color: #003164;
  text-transform: uppercase;
  display: block;
  text-align: left;
  font-size: 13px;
  margin-bottom: 20px
}
.single-post .single-post-nav .prev-post .prev-post-text:before {
  content: '\f104';
  margin-right: 10px
}
.single-post .single-post-nav .prev-post .prev-post-info img {
  float: left;
  margin-right: 10px
}
.single-post .single-post-nav .prev-post .prev-post-info a {
  font-size: 16px;
  color: #002D66;
  line-height: 1
}
.single-post .single-post-nav .next-post .next-post-text {
  color: #003164;
  text-transform: uppercase;
  display: block;
  text-align: right;
  font-size: 13px;
  margin-bottom: 20px
}
.single-post .single-post-nav .next-post .next-post-text:after {
  content: '\f105';
  margin-left: 10px
}
.single-post .single-post-nav .next-post .next-post-info {
  text-align: right
}
.single-post .single-post-nav .next-post .next-post-info img {
  float: right;
  margin-left: 10px
}
.single-post .single-post-nav .next-post .next-post-info a {
  float: right;
  font-size: 16px;
  color: #002D66;
  line-height: 1
}
.page .comment-form, .single-post .comment-form {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}
.page .comment-form:after, .page .comment-form:before, .single-post .comment-form:after, .single-post .comment-form:before {
  display: none
}
.page .comment-form .form-submit, .page .comment-form .logged-in-as, .single-post .comment-form .form-submit, .single-post .comment-form .logged-in-as {
  padding: 0 15px
}
.page .comment-reply-title, .page .comments-title, .single-post .comment-reply-title, .single-post .comments-title {
  position: relative;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #111
}
.page .comment-reply-title h2, .page .comments-title h2, .single-post .comment-reply-title h2, .single-post .comments-title h2 {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase
}
.page .comments-area, .single-post .comments-area {
  margin-top: 30px
}
#comments .comment, .page .comment {
  position: relative;
  margin-bottom: 20px;
  margin-top: 30px
}
#comments .comment > div, .page .comment > div {
  background-color: transparent;
  border-bottom: 1px solid #eee;
  padding: 20px;
  margin-bottom: 20px
}
#comments .comment .comment-author, .page .comment .comment-author {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 15%;
  padding-right: 20px;
  margin-right: 0
}
#comments .comment .comment-content, .page .comment .comment-content {
  display: inline-block;
  vertical-align: top;
  width: 75%
}
#comments .comment .comment-content cite.fn a, .page .comment .comment-content cite.fn a {
  text-transform: uppercase;
  font-size: 13px;
  color: #003164
}
#comments .comment .comment-content .metadata > a, .page .comment .comment-content .metadata > a {
  font-size: 13px;
  color: #999;
  margin: 10px 0;
  display: inline-block
}
#comments .comment .comment-reply-link, .page .comment .comment-reply-link {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 13px;
  color: #003164;
  padding: 5px 10px
}
@media (min-width:992px) {
  #comments .comment .children, .page .comment .children {
    margin-left: 50px
  }
}
#comments .comment .fn, .page .comment .fn {
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase
}
.comment-list {
  list-style: none
}
.comment-list .children {
  list-style: none;
  margin: 0
}
@media screen and (max-width:1199px) {
  .hentry {
    padding: 0;
    margin-bottom: 30px
  }
  .hentry .post-thumb {
    text-align: center;
    width: 100%;
    margin-bottom: 10px
  }
  .hentry .post-thumb img {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0 auto;
    display: inline-block
  }
  #first-post .author {
    display: none
  }
}
.btn {
  position: relative;
  display: inline-block;
  outline: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  text-shadow: 0 0 1px rgba(255, 255, 255, .3);
  z-index: 1;
  line-height: 1
}
.btn span {
  display: block;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s
}
.btn::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #fff;
  line-height: 1;
  content: attr(data-hover);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  -webkit-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  transform: translateX(-25%)
}
.btn:focus span, .btn:hover span {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%)
}
.btn:focus::before, .btn:hover::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0)
}
ul.style1 li {
  margin-bottom: 10px;
  list-style: none
}
ul.style1 li:before {
  content: "\f061";
  margin-right: 10px
}
.big-title, .big-title--single {
  background-repeat: no-repeat;
  background-size: cover
}
.tm_bread_crumb {
  background: 0 0;
  margin: 0 -15px;
  display: inline-block;
  position: relative
}
.tm_bread_crumb li {
  display: inline-block;
  margin-right: 6px
}
.tm_bread_crumb li a:after {
  content: "\f101";
  margin-left: 10px
}
.tm_bread_crumb li:last-child {
  margin: 0
}
.tm_bread_crumb li:last-child a:after {
  content: ""
}
.tm_bread_crumb, .tm_bread_crumb li a, .tm_bread_crumb li a:hover {
  color: #fff
}
@media screen and (max-width:1199px) {
  .big-title, .big-title--single {
    text-align: center;
    margin-bottom: 20px
  }
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -moz-transition: height .5s ease-in-out;
  -ms-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}
.owl-carousel {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-loaded {
  display: block
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
  display: none
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.no-js .owl-carousel {
  display: block
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -ms-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale .1s ease;
  -moz-transition: scale .1s ease;
  -ms-transition: scale .1s ease;
  -o-transition: scale .1s ease;
  transition: scale .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -ms-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1
}
.owl-controls {
  text-align: center
}
.owl-controls .owl-dot {
  position: relative;
  z-index: 99;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  background-color: rgba(255, 255, 255, .4);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}
.snap-content, .snap-drawer, .snap-drawers {
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0
}
.owl-controls .owl-dot.active {
  background-color: #FFF
}
.snap-content {
  right: 0;
  left: 0;
  width: auto;
  z-index: 2;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.snap-drawers {
  right: 0;
  left: 0;
  width: auto;
  background-color: #fff
}
.snap-drawer {
  right: auto;
  left: auto;
  width: 265px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -ms-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease
}
.snap-drawer-left, .testi:before {
  left: 0;
  z-index: 1
}
.snap-drawer-right {
  right: 0;
  z-index: 1
}
.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
  display: none
}
.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {
  width: 100%
}
#open-left {
  line-height: 1;
  cursor: pointer;
  color: #868686
}
@media (min-width:992px) {
  .snap-drawers {
    display: none
  }
}
.snap-drawers .menu > ul, .snap-drawers .mobile-menu > ul {
  padding: 20px
}
.snap-drawers .menu > ul li, .snap-drawers .mobile-menu > ul li {
  display: block
}
.snap-drawers .menu > ul li a, .snap-drawers .mobile-menu > ul li a {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
  color: #003164
}
.snap-drawers .menu > ul li:last-child, .snap-drawers .mobile-menu > ul li:last-child {
  border: none
}
.snap-drawers .menu > ul li li, .snap-drawers .mobile-menu > ul li li {
  margin-left: 20px
}
input, select, textarea {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
  font-size: 14px;
  max-width: 100%;
  border: 1px solid #ddd;
  font-family: inherit;
  box-shadow: none;
  color: #888;
  padding: 20px 25px;
  width: 100%
}
textarea {
  resize: vertical;
  height: 200px
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #888
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #888
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #888
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #888
}
input:focus, textarea:focus {
  background-color: #FFF;
  border: 1px solid #012E69;
  color: #888
}
.search-box input {
  border: none
}
input[type=checkbox], input[type=image], input[type=radio] {
  width: auto
}
button, input[type=button], input[type=reset], input[type=submit] {
  border: 1px solid #012E69;
  color: #012E69;
  cursor: pointer;
  padding: 15px 20px;
  width: auto;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .05em
}
.button:hover, button:hover, input:hover[type=button], input:hover[type=reset], input:hover[type=submit] {
  color: #fff;
  border: 1px solid #012E69
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  opacity: 1
}
.wpcf7-form .row {
  margin: 0 -5px
}
.wpcf7-form [class*=col-] {
  padding: 0 5px
}
.wpcf7-form textarea {
  height: 110px
}
.form1 input, .form1 select, .form1 textarea {
  background-color: #65656F;
  color: #FFF;
  border: none
}
.form1 input:focus, .form1 select:focus, .form1 textarea:focus {
  background-color: #FFF;
  color: #888
}
.form1 input:-moz-placeholder, .form1 textarea:-moz-placeholder {
  color: #fff
}
.form1 input::-moz-placeholder, .form1 textarea::-moz-placeholder {
  color: #fff
}
.form1 input:-ms-input-placeholder, .form1 textarea:-ms-input-placeholder {
  color: #fff
}
.form1 input::-webkit-input-placeholder, .form1 textarea::-webkit-input-placeholder {
  color: #fff
}
.testi {
  position: relative
}
.testi:before {
  content: '';
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: .95
}
.testimonials_wrapper .quote {
  margin-bottom: 0;
  color: #999;
  width: 100%
}
.testimonials_wrapper .quote:before {
  display: none
}
.testimonials_wrapper blockquote {
    margin: 0 0 30px;
    padding: 20px 30px 20px 120px;
    background: #fff;
    color: #999;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    min-height: 145px;
    border: none;
    position: relative;
}
.testimonials_wrapper blockquote:before {
  content: "\f10d";
  font-size: 48px;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #DDD
}
.testimonials_wrapper blockquote:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid #fff;
  border-bottom: 14px solid transparent;
  position: absolute;
  bottom: -14px;
  left: 45px
}
.testimonials_wrapper .avatar {
  float: left;
  margin-right: 20px
}
.testimonials_wrapper .author {
  display: block;
  background: 0 0;
  padding: 25px 0;
  margin: 0;
  line-height: 1;
  position: relative
}
.testimonials_wrapper .author span:first-child {
  display: block;
  font-size: 18px;
  color: #555;
  margin-bottom: 8px;
  letter-spacing: .05em
}
.testimonials_wrapper .author span:last-child {
    color: #555;
    font-size: 16px;
    font-weight: 500;
}
.testimonials_wrapper .owl-controls {
  margin-top: 40px
}
@media screen and (max-width:1199px) {
  .testimonials_wrapper blockquote {
    margin: 0 0 30px;
    padding: 30px
  }
  .testimonials_wrapper blockquote:before {
    display: none
  }
}
ul.job_listings li.job_listing a {
  font-size: 15px
}
ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.job_listing a div.position h3 {
  color: #002E66;
  font-size: 15px;
  font-weight: 400
}
body .single_job_listing .meta .date-posted:before, body .single_job_listing .meta .location:before {
  font-family: FontAwesome !important;
  font-size: 16px;
  display: inline-block;
  width: 16px;
  height: 16px
}
ul.job_listings li.job_listing a .company strong {
  font-weight: 400
}
body .single_job_listing .meta .location:before {
  content: '\f041'
}
body .single_job_listing .meta .date-posted:before {
  content: '\f073'
}
.job_filters {
  background: #eee;
  zoom: 1
}
.job_filters .job_types, .job_filters .showing_jobs {
  font-size: .83em;
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5
}
.job_filters:after, .job_filters:before {
  content: "";
  display: table
}
.job_filters:after {
  clear: both
}
.job_filters .search_jobs {
  padding: 1em;
  zoom: 1
}
.job_filters .search_jobs div {
  box-sizing: border-box
}
.job_filters .search_jobs div label {
  display: none
}
.job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_keywords {
  float: left;
  padding-right: .5em;
  width: 50%
}
.job_filters .search_jobs div.filter_last, .job_filters .search_jobs div.search_location {
  display: inline-block;
  padding-left: .5em;
  width: 50%
}
.job_filters .job_types {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1
}
.job_filters .job_types:after, .job_filters .job_types:before {
  content: "";
  display: table
}
.job_filters .job_types:after {
  clear: both
}
.job_filters .job_types li {
  margin: 0;
  padding: .5em 1em;
  float: left;
  border-right: 1px solid #eee
}
.job_filters .job_types li:last-child {
  border-right: 0
}
.job_filters .showing_jobs {
  padding: .5em 1em;
  display: none
}
.job_filters .showing_jobs a {
  float: right;
  padding-left: 10px;
  border: 0
}
div.job_listings ul.job_listings {
  margin: 0
}
ul.job_listings {
  padding: 0;
  margin: 0;
  border-top: 1px solid #eee
}
ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee
}
ul.job_listings li.job_listing.job_position_filled a, ul.job_listings li.no_job_listings_found.job_position_filled a {
  opacity: .25
}
ul.job_listings li.job_listing.no_job_listings_found, ul.job_listings li.no_job_listings_found.no_job_listings_found {
  padding: 1em;
  border-bottom: 1px solid #eee
}
ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
  display: block;
  padding: 1em 1em 1em 2em;
  border: 0;
  overflow: hidden;
  zoom: 1;
  position: relative;
  line-height: 1.5em;
  text-decoration: none
}
ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {
  background-color: #fcfcfc
}
ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 1em;
  float: left;
  margin-right: 1em;
  vertical-align: middle;
  box-shadow: none
}
ul.job_listings li.job_listing a div.location, ul.job_listings li.job_listing a div.position, ul.job_listings li.job_listing a ul.meta, ul.job_listings li.no_job_listings_found a div.location, ul.job_listings li.no_job_listings_found a div.position, ul.job_listings li.no_job_listings_found a ul.meta {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
  float: left;
  width: 55%;
  padding: 0 0 0 42px;
  line-height: 1.5em
}
ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit
}
ul.job_listings li.job_listing a div.position .company .tagline, ul.job_listings li.no_job_listings_found a div.position .company .tagline {
  margin-left: .5em
}
ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
  float: left;
  text-align: left;
  width: 25%;
  padding: 0 0 0 1em;
  color: #999;
  line-height: 1.5em
}
ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
  float: right;
  text-align: right;
  width: 20%;
  padding: 0 0 0 1em;
  margin: 0;
  line-height: 1.5em;
  color: #999;
  list-style: none
}
ul.job_listings li.job_listing a .meta li, ul.job_listings li.no_job_listings_found a .meta li {
  list-style: none;
  display: block;
  margin: 0
}
ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type {
  font-weight: 700
}
ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
  background: #fefee5
}
ul.job_listings li.job_listing.job_position_featured a:focus, ul.job_listings li.job_listing.job_position_featured a:hover, ul.job_listings li.no_job_listings_found.job_position_featured a:focus, ul.job_listings li.no_job_listings_found.job_position_featured a:hover {
  background-color: #fefed8
}
ul.job_listings li.job_listing a div.position .company {
  color: #999
}
.single_job_listing .meta {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5em;
  overflow: hidden;
  zoom: 1;
  clear: both
}
.single_job_listing .meta li {
  margin: 0 1em 0 0;
  padding: .5em;
  float: left;
  line-height: 1em;
  color: #999
}
.single_job_listing .meta .date-posted:before, .single_job_listing .meta .listing-expired:before, .single_job_listing .meta .location:before, .single_job_listing .meta .position-filled:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  font-family: job-manager !important;
  font-style: normal;
  vertical-align: top;
  font-size: 16px;
  margin: 0 2px 0 0;
  font-weight: 400;
  text-decoration: none
}
.single_job_listing .meta .job-type {
  color: #fff;
  background-color: #f08d3c
}
.single_job_listing .meta .full-time {
  background-color: #90da36
}
.single_job_listing .meta .part-time {
  background-color: #f08d3c
}
.single_job_listing .meta .temporary {
  background-color: #d93674
}
.single_job_listing .meta .freelance {
  background-color: #39c
}
.single_job_listing .meta .internship {
  background-color: #6033cc
}
.single_job_listing .meta .listing-expired, .single_job_listing .meta .position-filled {
  color: #b81c23
}
.single_job_listing .meta .location:before {
  content: '\e81d'
}
.single_job_listing .meta .date-posted:before {
  content: '\e80f'
}
.single_job_listing .meta .listing-expired:before, .single_job_listing .meta .position-filled:before {
  content: '\e80e'
}
.single_job_listing .job_description {
  margin: 0 0 1.5em
}
.single_job_listing .company {
  position: relative;
  border: 1px solid #eee;
  padding: 1em;
  margin: 0 0 2em;
  display: block;
  clear: both;
  min-height: 3em;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}
.single_job_listing .company img {
  width: 3em;
  height: 3em;
  position: absolute;
  left: 1em;
  float: left;
  vertical-align: middle;
  box-shadow: none
}
.single_job_listing .company .name {
  margin: 0 0 0 3em;
  padding: 0 0 0 1em;
  line-height: 1.5em
}
.single_job_listing .company .name a {
  float: right;
  margin-left: 1em
}
.single_job_listing .application .application_button {
  text-align: center;
  font-size: 1.1em;
  line-height: 1em;
  display: inline-block;
  outline: 0
}
.single_job_listing .application .application_button:focus {
  background-color: #999
}
.single_job_listing .application .application_details {
  clear: both;
  border: 1px solid #eee;
  padding: .75em 1em 0;
  margin: .5em 0 1em;
  line-height: 1.5em;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  display: none
}
.single_job_listing .application .application_details p {
  margin: 0 0 .75em
}
.single_job_listing .application .application_details:before {
  content: "";
  position: absolute;
  margin: -10px 0 0;
  top: 0;
  left: 5em;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eee
}
.single_job_listing .application .application_details:after {
  content: "";
  position: absolute;
  margin: -9px 0 0 1px;
  left: 5em;
  top: 0;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff
}
.commerce ul.products li.product, .commerce-page ul.products li.product {
  width: 30%
}
.commerce input, .commerce select, .commerce textarea {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  font-family: inherit
}
.commerce input, .commerce select {
  padding: 10px 20px
}
.commerce textarea {
  padding: 20px;
  height: 100px
}
.commerce input[type=checkbox], .commerce input[type=image], .commerce input[type=radio] {
  padding: 0 20px;
  margin-bottom: 0;
  vertical-align: middle
}
.commerce input[type=submit] {
  margin-right: 10px;
  float: left;
  color: #003164;
  background: #fff;
  border: 1px solid #003164;
  font-size: 15px;
  letter-spacing: normal
}
.commerce input[type=submit]:hover {
  color: #fff;
  background: #003164
}
.commerce .commerce-billing-fields h3, .commerce .commerce-shipping-fields h3 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 20px;
  padding: 5px 0
}
.commerce .select2-container .select2-choice {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 6px 10px
}
.commerce .place-order {
  padding: 10px 0
}
.commerce .product-quantity {
  font-weight: 400
}
.commerce a.remove:hover {
  background: 0 0;
  color: #003164
}
.commerce .cart_item .product-name a {
  font-size: 15px;
  color: #003164
}
.commerce td.actions {
  padding: 10px 0;
  text-align: left
}
.commerce input#coupon_code {
  margin-right: 10px
}
.commerce input.qty {
  padding: 8px;
  width: 60px;
  text-align: left;
  color: #003164
}
.commerce .cart_totals td, .commerce .cart_totals th {
  text-transform: none;
  font-size: 15px;
  border-top: 1px solid #ddd
}
.commerce a.checkout-button {
  color: #fff;
  font-size: 14px;
  background: #003164
}
.commerce a.checkout-button:hover {
  opacity: .7
}
.commerce h2, .commerce h3 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 20px
}
.commerce p.commerce-result-count {
  color: #999
}
.commerce .loop-product {
  position: relative;
  margin-bottom: 30px
}
.commerce .loop-product img {
  width: 100%;
  height: auto
}
.commerce .loop-product .loop-product-title {
  font-size: 16px;
  color: #003164;
  font-weight: 400;
  margin: 20px 0 0
}
.commerce .loop-product .price {
  margin: 10px 0
}
.commerce .loop-product .price span.amount {
  color: #000;
  font-weight: 400
}
.commerce .loop-product .price del {
  margin-right: 10px;
  color: #999
}
.commerce .loop-product .price del span.amount {
  color: #999;
  font-weight: 400
}
.commerce .loop-product .price ins {
  margin-right: 10px;
  background: 0 0
}
.commerce .loop-product .price ins span.amount {
  color: #000;
  font-weight: 400
}
.commerce .loop-product .add_to_cart_div {
  position: absolute;
  width: 100%;
  top: 100px;
  left: 0;
  z-index: 9;
  display: none;
  text-align: center
}
.commerce .loop-product .add_to_cart_div a.add_to_cart_button {
  background: 0 0;
  font-size: 14px;
  color: #002C67;
  border: 1px solid #002C67
}
.commerce .loop-product .add_to_cart_div a.add_to_cart_button:hover {
  background: #002C67;
  border: 1px solid #002C67;
  color: #fff
}
.commerce .loop-product:hover img {
  opacity: .2
}
.commerce .loop-product:hover .add_to_cart_div {
  display: block
}
.commerce .top-shop {
  margin-bottom: 50px;
  color: #999
}
.commerce .top-shop .icon {
  color: #003164;
  font-size: 40px;
  float: left;
  margin-right: 20px;
  vertical-align: middle
}
.commerce .top-shop .text {
  vertical-align: middle;
  padding-top: 6px
}
.commerce .top-shop .text span {
  font-size: 18px;
  color: #000;
  display: block
}
.commerce .top-shop .top-shop-table {
  border-collapse: collapse
}
.commerce .top-shop .top-shop-table tr td {
  padding: 20px 40px;
  border: 1px solid #ddd
}
.commerce a.button.loading:after {
  vertical-align: bottom;
  margin-top: 5px
}
.commerce span.onsale {
  width: 50px;
  height: 50px;
  background: #FFC40F;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  top: 0;
  right: 15px;
  border-radius: 0;
  z-index: 9;
  font-weight: 400;
  font-size: 13px;
  line-height: 48px;
  margin: 0;
  padding: 0;
  left: auto
}
.commerce ul.cart_list, .commerce ul.product_list_widget {
  list-style: none;
  padding: 0;
  margin: 0
}
.commerce ul.cart_list li, .commerce ul.product_list_widget li {
  margin: 0;
  list-style: none
}
.commerce ul.product_list_widget li {
  float: left
}
.commerce ul.cart_list li:after, .commerce ul.cart_list li:before, .commerce ul.product_list_widget li:after, .commerce ul.product_list_widget li:before {
  content: " ";
  display: table
}
.commerce ul.cart_list li a, .commerce ul.product_list_widget li a {
  display: block;
  font-weight: 700
}
.commerce ul.cart_list li img, .commerce ul.product_list_widget li img {
  float: right;
  margin-left: 4px;
  width: 32px;
  height: auto;
  box-shadow: none
}
.commerce div.product p.price ins, .commerce div.product span.price ins {
  background: inherit;
  font-weight: 700;
  font-size: 19px
}
.commerce div.product p.price del, .commerce div.product span.price del {
  opacity: .5;
  font-size: 19px
}
.commerce div.product form.cart div.quantity {
  float: left;
  margin: 0 4px 0 0
}
.commerce .quantity .qty {
  width: 3.631em;
  text-align: center
}
.commerce div.product form.cart .button {
  vertical-align: middle;
  float: left
}
.commerce div.product form.cart, .commerce div.product p.cart {
  margin-bottom: 2em;
  float: left
}
.commerce div.product .entry-summary form.cart .single_add_to_cart_button {
  line-height: 13px
}
.commerce div.product div.images img {
  width: 100%
}

.enq a {
  padding: 15px 20px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  background-color: #002F66;
  margin-top: 20px;
}
.commerce div.product div.images {
  float: left;
  width: 36%; text-align: center;box-shadow: 0px 0px 35px 0px rgba(208, 208, 208, 0.35);    padding: 25px 0;
}
.commerce div.product div.summary {
  float: right;
  width: 60%
}
.commerce div.product div.images, .commerce div.product div.summary {
  margin-bottom: 2em
}
.commerce div.product .commerce-tabs {
  clear: both
}
.commerce table.shop_attributes {
  border: 0;
  border-top: 1px dotted rgba(0, 0, 0, .1);
  margin-bottom: 1.618em;
  width: 100%
}
.commerce table.shop_attributes td, .commerce table.shop_attributes th {
  line-height: 1.5;
  border-bottom: 1px dotted rgba(0, 0, 0, .1);
  border-top: 0;
  margin: 0
}
.commerce table.shop_attributes th {
  width: 150px;
  font-weight: 700;
  padding: 8px
}
.commerce table.shop_attributes td {
  font-style: italic;
  padding: 0
}
.commerce table.shop_attributes .alt td, .commerce table.shop_attributes .alt th {
  background: rgba(0, 0, 0, .025)
}
.commerce table.shop_attributes td p {
  margin-bottom: 0
}
.commerce a.button.checkout-button {
  max-width: none
}
@media (max-width:441px) {
  .commerce div.product div.images, .commerce div.product div.summary {
    width: 100%
  }
  .commerce div.product div.images {
    margin-bottom: 20px
  }
}
.single-product {
  font-size: 15px
}
.single-product .images {
  position: relative
}
.single-product .images span.onsale {
  right: 0
}
.single-product .product_title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
}
.single-product .price {
  margin-bottom: 10px
}
.single-product div[itemprop=description] {
  color: #999;
  font-size: 15px
}
.single-product .single_add_to_cart_button {
  font-size: 14px;
  color: #003164;
  border: 1px solid #003164;
  background: #fff
}
.single-product .single_add_to_cart_button:hover {
  background: #003164;
  color: #fff
}
.single-product .quantity input.qty {
  padding: 10px 5px 9px
}
.single-product .amount {
  font-weight: 400
}
.single-product .cart {
  margin-bottom: 20px
}
.single-product .product_meta {
  border-top: 1px solid #ddd;
  clear: left
}
.single-product .product_meta > span {
  color: #999;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%
}
.single-product .commerce-tabs ul.tabs li:after, .single-product .commerce-tabs ul.tabs li:first-child:before, .single-product .commerce-tabs ul.tabs:before {
  display: none
}
.single-product .product_meta a {
  color: #002C67
}
.single-product .commerce-tabs ul.tabs {
  background: 0 0;
  border-bottom: 1px solid #ddd;
  padding: 5px 0
}
.single-product .commerce-tabs ul.tabs li {
  background: 0 0;
  border: none;
  padding: 0 5px;
  margin-right: 20px;
  position: relative
}
.single-product .commerce-tabs ul.tabs li a {
  font-size: 18px;
  font-weight: 400
}
.single-product.commerce div.product .commerce-tabs ul.tabs li:before {
  content: '';
  width: 1px;
  height: 20px;
  background: #ddd;
  position: absolute;
  bottom: 12px;
  left: -10px;
  box-shadow: none
}
.single-product .commerce-tabs ul.tabs li.active {
  color: #003164
}
.single-product .commerce-tabs .panel {
  color: #999;
  font-size: 15px
}
.single-product .related h2 {
  font-weight: 400;
  font-size: 18px;
  color: #000;
  text-transform: none;
  padding: 10px 0;
  margin: 20px 0;
  border-bottom: 1px solid #ddd
}
.single-product .comment-text {
  font-size: 15px;
  border-radius: 0
}
.single-product .comment-text p.meta {
  font-size: 15px
}
.commerce .star-rating, .commerce-page .star-rating {
  color: #FFC40F
}
.commerce #reviews #comments ol.commentlist li img.avatar {
  padding: 0
}
.select2-drop, .select2-drop-active {
  border: 1px solid #ddd;
  border-radius: 0
}
.commerce table.shop_table {
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate
}
.commerce table.shop_table th {
  padding: 9px 12px
}
.commerce table.shop_table td {
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 6px 12px;
  vertical-align: middle
}
.commerce table.shop_table td small {
  font-weight: 400
}
.commerce table.shop_table tbody:first-child tr:first-child td, .commerce table.shop_table tbody:first-child tr:first-child th {
  border-top: 0
}
.commerce table.shop_table tbody th, .commerce table.shop_table tfoot td, .commerce table.shop_table tfoot th {
  font-weight: 700;
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.commerce-cart table.cart img {
  width: 100px;
  box-shadow: none
}
.commerce a.remove {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: red;
  text-decoration: none;
  font-weight: 700;
  border: 0
}
.commerce a.remove:hover {
  opacity: .7
}
.commerce table.cart td.actions .coupon label {
  display: none
}
.commerce table.cart td.actions .coupon {
  float: left
}
.commerce .cart-collaterals .cart_totals, .commerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 48%
}
.commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button {
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  left: auto;
  background-color: #ebe9eb;
  border: 0;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none
}
.commerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  text-transform: uppercase
}
.commerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  border: none
}
.commerce ul.product_list_widget li img {
  width: 70px;
  float: left;
  margin-right: 10px
}
.commerce ul.cart_list li, .commerce ul.product_list_widget li {
  padding: 15px 0
}
.commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce form.checkout_coupon, .commerce form.login, .commerce form.register, .commerce input.button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.commerce .quantity .qty, .commerce form .form-row input.input-text, .commerce form .form-row textarea {
  padding: 5px
}
.commerce table.cart td.actions .input-text, .commerce-page #content table.cart td.actions .input-text, .commerce-page table.cart td.actions .input-text {
  width: 150px
}
.commerce-cart table.cart td.actions .coupon .input-text {
  padding: 13px 12px
}
.commerce-cart .cart-collaterals .cart_totals table {
  width: 100%
}
.commerce .cart-collaterals, .commerce-page .cart-collaterals {
  margin-bottom: 50px
}
.commerce-cart .cart-collaterals .cart_totals tr td {
  text-align: right
}
.commerce .col2-set, .commerce-page .col2-set {
  margin: 0
}
.commerce #customer_details div[class*=col-] {
  padding: 0
}
.commerce-checkout-review-order {
  margin-bottom: 70px
}
.commerce #respond input#submit, .commerce #respond input#submit.alt, .commerce a.button, .commerce a.button.alt, .commerce button.button, .commerce button.button.alt, .commerce input.button, .commerce input.button.alt {
  text-transform: uppercase
}
.commerce ul.products li.product h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  color: #111
}
.commerce ul.products li.product .price {
  font-weight: 700;
  font-size: 16px
}
.commerce ul.products li.product .price del {
  display: inline-block;
  margin-right: 10px
}
.related.products h2 {
  line-height: 1;
  margin-bottom: 30px;
  text-transform: uppercase
}
.related.products h2 h2 {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase
}
.commerce .related ul li.product, .commerce .related ul.products li.product, .commerce .upsells.products ul li.product, .commerce .upsells.products ul.products li.product, .commerce-page .related ul li.product, .commerce-page .related ul.products li.product, .commerce-page .upsells.products ul li.product, .commerce-page .upsells.products ul.products li.product {
  width: 30%
}
.commerce .col2-set.addresses {
  margin-bottom: 70px
}
.commerce div.product .commerce-tabs .panel h2 {
  display: none
}
.commerce a.button.alt, .commerce div.product form.cart .button, .commerce ul.products li.product a.add_to_cart_button {
  height: 43px
}
.commerce div.product p.price del, .commerce div.product span.price del {
  display: inline-block;
  margin-right: 10px
}
.commerce a.added_to_cart {
  margin-left: 5px
}
.commerce table.shop_table {
  border-radius: 0;
  font-weight: 400;
  border: none
}
.commerce table.shop_table thead {
  background: #003164;
  color: #fff
}
.commerce table.shop_table thead td, .commerce table.shop_table thead th {
  color: #fff
}
.commerce table.shop_table td, .commerce table.shop_table th {
  text-transform: none;
  font-weight: 400;
  color: #003164
}
.commerce .cart .button, .commerce .cart input.button {
  float: right;
  max-width: 130px
}
@media screen and (max-width:1199px) {
  .commerce .col-ordering form, .commerce .col-result-count p {
    width: 100%;
    float: none;
    text-align: center
  }
}
@media screen and (max-width:375px) {
  .commerce table.shop_table {
    margin-left: -15px
  }
}
.btn, .cart_list .wc-forward, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .wpcf7-submit {
  font-family: Roboto
}
.btn, .cart_list .wc-forward, .commerce #respond input#submit, .commerce .cart .button, .commerce .cart input.button, .commerce a.button, .commerce button.button, .commerce input.button {
  font-size: 13px
}
.btn, .cart_list .wc-forward, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button {
  font-weight: 400
}
.btn span, .cart_list a.wc-forward, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button {
  color: #012E69
}
.btn::before, .cart_list a.wc-forward:hover, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button {
  color: #fff
}
.btn span, .btn::before, .commerce #respond input#submit, .commerce a.button, .commerce button.button, .commerce input.button, .commerce input[type=submit] {
  padding: 15px 20px;
  max-width: 150px
}
.btn, .commerce input[type=submit] {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #012E69
}
.btn:hover, .commerce input[type=submit]:hover {
  border-color: #012E69
}
.btn span, .btn.alt:before, .cart_list .button.wc-forward, .commerce input[type=submit], .eg-infinity-features-element-26 span, input[type=submit] {
  background-color: #fff
}
.btn.alt span, .btn::before, .cart_list .button.wc-forward:hover, .commerce input[type=submit]:hover, .eg-infinity-features-element-26::before, input[type=submit]:hover {
  background-color: #012E69
}
.commerce #respond input#submit.alt.disabled, .commerce #respond input#submit.alt:disabled, .commerce #respond input#submit.alt:disabled[disabled], .commerce .widget_price_filter .ui-slider .ui-slider-handle, .commerce .widget_price_filter .ui-slider .ui-slider-range, .commerce a.button.alt.disabled, .commerce a.button.alt:disabled, .commerce a.button.alt:disabled[disabled], .commerce button.button.alt.disabled, .commerce button.button.alt:disabled, .commerce button.button.alt:disabled[disabled], .commerce input.button.alt.disabled, .commerce input.button.alt:disabled, .commerce input.button.alt:disabled[disabled], background-color, p.demo_store {
  background-color: #003164
}
.commerce .commerce-info, .commerce .commerce-message {
  border-top-color: #003164
}
.commerce .commerce-info:before, .commerce .commerce-message:before {
  color: #003164
}
.commerce #reviews #comments ol.commentlist li img.avatar, .commerce nav.commerce-pagination ul li a:focus, .commerce nav.commerce-pagination ul li a:hover, .commerce nav.commerce-pagination ul li span.current {
  background: #868686
}
.commerce .widget_shopping_cart .total, .commerce-cart .cart-collaterals .cart_totals tr td, .commerce-cart .cart-collaterals .cart_totals tr th, .commerce.widget_shopping_cart .total {
  border-top-color: #868686
}
.commerce #reviews #comments ol.commentlist li .meta, .commerce #reviews h2 small, .commerce #reviews h2 small a, .commerce .commerce-breadcrumb, .commerce .commerce-breadcrumb a, .commerce div.product .stock, .commerce div.product p.price, .commerce div.product span.price, .commerce small.note, .commerce-cart .cart-collaterals .cart_totals .discount td, .commerce-cart .cart-collaterals .cart_totals p small, .commerce-cart .cart-collaterals .cart_totals table small, .commerce-checkout #payment div.payment_box span.help, .commerce-checkout .checkout .create-account small {
  color: #000
}
.commerce #respond input#submit, .commerce #respond input#submit.alt, .commerce a.button, .commerce a.button.alt, .commerce button.button, .commerce button.button.alt, .commerce input.button, .commerce input.button.alt {
  color: #111
}
.commerce #respond input#submit:hover, .commerce a.button:hover, .commerce button.button:hover, .commerce input.button:hover {
  color: #fff
}
.commerce #respond input#submit.alt.disabled:hover, .commerce #respond input#submit.alt:disabled:hover, .commerce #respond input#submit.alt:disabled[disabled]:hover, .commerce #respond input#submit.alt:hover, .commerce #respond input#submit:hover, .commerce a.button.alt.disabled:hover, .commerce a.button.alt:disabled:hover, .commerce a.button.alt:disabled[disabled]:hover, .commerce a.button.alt:hover, .commerce a.button:hover, .commerce button.button.alt.disabled:hover, .commerce button.button.alt:disabled:hover, .commerce button.button.alt:disabled[disabled]:hover, .commerce button.button.alt:hover, .commerce button.button:hover, .commerce input.button.alt.disabled:hover, .commerce input.button.alt:disabled:hover, .commerce input.button.alt:disabled[disabled]:hover, .commerce input.button.alt:hover, .commerce input.button:hover {
  background-color: #003164
}
.commerce a.button.alt:hover:before, .commerce div.product form.cart .button:hover:before, .commerce ul.products li.product a.add_to_cart_button:hover:before {
  border-left-color: #003164
}
.commerce-cart .wc-proceed-to-checkout a.checkout-button {
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  background-color: #003164
}
.single-product.commerce div.product .commerce-tabs ul.tabs {
  background: 0 0;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  list-style: none;
  margin: 0 0 30px;
  overflow: hidden;
  position: relative
}
.single-product.commerce div.product .commerce-tabs ul.tabs li {
  background: 0 0;
  border: none;
  padding: 0 5px;
  margin-right: 20px;
  position: relative;
  display: inline-block
}
.single-product.commerce div.product .commerce-tabs ul.tabs li a {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  padding: .5em 0;
  color: #515151;
  text-decoration: none;
  border: none
}
.single-product.commerce div.product .commerce-tabs ul.tabs li.active a {
  border: none;
  color: #003164
}
.single-product.commerce div.product .commerce-tabs ul.tabs li a:hover {
  background: 0 0;
  border: none;
  color: #003164
}
.single-product.commerce div.product .commerce-tabs ul.tabs:before {
  content: "";
  border: none
}
.cart_list li.mini_cart_item {
  list-style: none
}
@media (max-width:414px) {
  .commerce .cart .button, .commerce .cart input.button {
    margin-top: 15px
  }
  .commerce .cart .button, .commerce .cart .coupon input.button {
    margin-top: 0
  }
  .commerce table.cart td.actions {
    text-align: left
  }
  .commerce table.cart td.actions .coupon {
    float: none
  }
  .commerce .cart-collaterals .cart_totals {
    float: none;
    width: 100%
  }
  .commerce-wishlist {
    overflow-x: auto
  }
}