.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.pt5  { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb5  { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.padding-5  { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.h1home { font-size: 20px; line-height: 30px; text-transform: uppercase; }
.h1home span { font-weight: 600; font-size: 26px; }

.relativePos { position: relative !important; }
.inlineBlock { width: auto !important; display: inline-block !important; *display: inline !important; *zoom: 1 !important; }
.float-left  { float: left; }
.float-right { float: right; }
.text-left    { text-align: left; }
.text-center  { text-align: center; }
.text-right   { text-align: right; }
.text-justify { text-align: justify; }

.boxed { padding: 20px; border: 1px solid #E1E1E1; border-radius: 5px; }
.tp-caption { text-shadow: 2px 2px 2px #000000 !important; }

.grey-background { background-color: #EEEEEE; }
.white-background { background-color: #FFFFFF; }
.light-grey-background { background-color: #F7F7F7; } 
.green-background { background-color: #8CB34B; } 
.greenColor { color: #94CC4C; }

.shout-box { margin-top: 20px; }
.shout-box a, .shout-box a:active, .shout-box a:visited { color: #FFFFFF; text-decoration: underline; }
.shout-box a:hover { color: #000000; text-decoration: underline; }
.privacyStatement h3 {}

.smallLineHeight { line-height: 1.1 !important; }
.fauxLink { cursor: pointer; }
.responsiveImage{ max-width: 100%; }
.row.marginFix { margin: 0; }

.dd-menu .megamenu-container ul li a i { display: inline-block; padding-right: 5px; }
.dd-menu .megamenu-container ul li a i.fa-angle-right { display: none; }

h1, h2, h3, h4, h5, h6 { color: #4960B0; }
.diagonalBackground { background-image: url('/images/diagonal-line-background.gif'); line-height: 1; color }
.diagonalBackground span { display: inline-block; background-color: #FFFFFF; width: auto; height: 100%; padding: 0 8px 0 0; }

body .navbar #menu-toggle { margin-left: 0; margin-right: -1px; float: right; width: 112px; }
body .navbar #menu-toggle i.fa { margin-left: 10px; }
body .site-logo, body .header-right { float: none; text-align: center; }
body .site-logo img { max-height: 100%; max-width: 100%; }
body .social-icons .label { display: block; height: 40px; line-height: 40px; color: #000000; }
body .toggle-menu > ul > li.megamenu > ul .megamenu-container > div.row > div.mm-col { margin-top: 10px; }

body .hero-area { top: -60px; }

body .page-header .page-title-container { position: absolute; bottom: 0; background-color: rgba( 0, 0, 0, 0.7 ) }
body .page-header h3.page-title { color: #FFFFFF; margin: 0; padding: 8px 15px; }
body h3.page-title { line-height: 36px; font-size: 22px; margin-bottom: 25px; }

body .sidebar .listing-block { padding: 20px 25px; } /* background-color: #BED9DB; } */
.get-in-touch .row { margin: 0; }
.get-in-touch .listing-header { border: none; padding-bottom: 0; }
.get-in-touch .row > section { padding-left: 0; padding-right: 0; }
.get-in-touch label, #contact-form label { position: relative; width: 100%; display: block; }
.get-in-touch label i, #contact-form label i { position: absolute; width: 30px; background-color: #E1E1E1; border-left: 1px solid #CCCCCC; height: 34px; line-height: 34px; margin-top: 1px; right: 1px; color: #999999; }
#contact-form label i { height: 32px; line-height: 32px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.get-in-touch label i.fa-envelope-o, .get-in-touch label i.fa-user-circle-o { /*height: 33px; line-height: 33px;*/ right: 0.6px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .get-in-touch label i, #contact-form label i { height: 33px; line-height: 33px; margin-top: 1px; right: 1px; }

}
.get-in-touch textarea#message { margin-top: 0; height: 100px; }
.get-in-touch input, .get-in-touch textarea { width: 100%; padding: 5px; border: 1px solid #87B6BB; }
.get-in-touch input[type="text"] { padding-right: 30px; }
.get-in-touch input#captcha { width: 40px; padding-right: 3px; }
#getInTouchForm .col-sm-6.first { width: calc(50% - 5px); margin-right: 5px; }
#getInTouchForm .col-sm-6.last { width: calc(50% - 5px); margin-left: 5px; }

body .form-control { box-shadow: none; }
body .blueBorder { border: 1px #4960B0 solid; padding: 15px; border-radius: 5px; margin-bottom: 20px; }

ul.list-with-icons { margin: 0; padding: 0; }
ul.list-with-icons > li { margin: 0 0 6px 0; padding: 0 0 0 20px; list-style: none; }
ul.list-with-icons > li > i.fa { margin-left: -20px; width: 15px; }

#contact-form textarea#message { margin-top: 0; }
#getDirections { width: 100px !important; }
#getDirectionsBtn { padding-top: 6px; padding-bottom: 6px; }
#google-map { height: 400px; border: 1px solid #CCCCCC; }
label.error { margin: 0; }
label.error.valid { display: none !important; }
.error { color: #CC0000; }

.owl-theme .owl-buttons div.owl-prev { display: block; left: -75px; right: none; width: 30px !important; }
.owl-theme .owl-buttons div.owl-next { display: block; left: -40px; right: none; width: 30px !important; }

footer.site-footer .site-footer-top { background-color: #262626 !important; background: no-repeat center bottom url('../images/cityscape-footer.jpg'); }
footer.site-footer .site-footer-bottom { background-color: #1A1A1A; }
footer #footerGallery > li { width: 32%; width: calc(33% - 10px); margin: 5px; float: left; background-color: #FFFFFF; padding: 0; }

ul.productList { margin: 0; padding: 0; } 
ul.productList > li .productTitle { font-size: 20px; color: #4960B0; margin-top: 3px; margin-bottom: 8px; }
ul.productList > li { margin: 5px 0; padding: 7px; list-style: none; border: 1px solid #CCCCCC; border-radius: 3px; width: 100%; text-align: justify; }
ul.productList > li:after { content: ''; display: block; clear: left; }
ul.productList > li img { float: left; margin-right: 10px; max-width: 300px; }

.isotope-button-container { margin-bottom: 60px; }
.isotope-button-container .isotope-button { float: left; padding: 0 18px; color: #4960B0; background-image: linear-gradient(to bottom, #FFFFFF, #F0F0F0); background-color: #FAFAFA; border: 1px solid #D4D4D4; border-top: 5px solid #666666; border-left: none; line-height: 40px; min-height: 40px; }
.isotope-button-container .isotope-button:first-child { border-left: 1px solid #D4D4D4; }
.isotope-button-container .isotope-button:hover, .isotope-button-container .isotope-button.active { color: #222222; border-top: 5px solid #4960B0;}
.isotope-button-container .isotope-button:hover { background-image: linear-gradient(to bottom, #EEEEEE, #E0E0E0); background-color: #EAEAEA; }

ul.gallery { margin: 0 0 40px 0; padding: 0; } 
ul.gallery > li { margin: 0; padding: 3px; list-style: none; }
ul.gallery > li > div { border: 1px solid #CCCCCC; border-radius: 3px; }

.imageSlickContainer { float: none; width: 100%; margin-bottom: 20px;}
.swipeGallery { margin: 0; padding: 0; }

.toggle-make span a, .toggle-make span a:hover { position: relative; font-size: 14px; line-height: 40px; color: #777777; background-color: transparent; width: auto; }
.toggle-make span a:hover { color: #AAAAAA; }

blockquote { font-family: "Roboto",​sans-serif; }

@media (max-width: 560px) {
  ul.productList > li img { max-width: 100%; float: none; }
}

@media (max-width: 767px) {
  ul.gallery > li.col-lg-3 { width: 49.75%; }

}

@media (max-width: 767px) and (min-width: 560px) {
  .imageSlickContainer { float: right; width: 350px; margin: 0 0 20px 15px; padding: 5px; border: 1px solid #CCCCCC; }
}

@media (min-width: 768px) {

  body .site-logo { float: left; }
  body .header-right { float: right; padding-top: 50px; }
  .imageSlickContainer { float: right; width: 450px; margin: 0 0 20px 15px; padding: 5px; border: 1px solid #CCCCCC; }
}

@media (min-width: 992px) {
  ul.productList > li img { max-width: 350px; float: left;  }
  body .dd-menu .megamenu-container ul.sub-menu li:last-child a { border-bottom: none; }
  body .toggle-menu > ul > li.megamenu > ul .megamenu-container > div.row > div.mm-col { margin-top: 20px; }
  .imageSlickContainer { width: 500px;  }
}

@media (min-width: 1200px) {
  ul.gallery > li.col-lg-3 { width: 24.75% }
}


/* Shout Box */
.shout-box { background: url('/images/shout-box-background.png') left center no-repeat; background-size: 40%; min-height: 230px; }
.shout-box .overlay { background: rgba(0, 139, 205, 0.7); width: 100%; height: 100%; }
.shout-box .container { height: 100%; padding: 50px; }
.shout-box .container h2,
.shout-box .container p   { color: #FFFFFF; }
.shout-box .container h2  { text-transform: uppercase; font-size: 22px; }

@media (max-width: 767px) {
.shout-box .container h2    { font-size: 26px; }
.shout-box .container p     { font-size: 16px; }
}

/* News Item CSS */
.blog-item1-2 { background-color: #fff; border: 1px solid #DCDCDC; border-radius: 5px; display: block; float: left; position: relative; margin-bottom: 15px; }
.post-meta { display: block; left: 0; max-width: 94px; position: absolute; top: 0; margin-top: 0 !important; }


.blog-item { margin-top: 0; margin-bottom: 25px; }
.post-meta .date h2 { background-color: #FFFFFF; border: #DCDCDC 1px solid; border-radius: 5px; color: #4960b0; margin: 0 !important; padding: 10px 0; position: relative; text-align: center; }
.blog-item .post-meta .date h2 span { font-family: "Oswald" !important; font-size: 36px; }
.blog-item .post-meta .date .month { color: #43474d; font-size: 21px; line-height: 1; }
.blog-item .post-meta .date .year { color: #43474d; font-size: 16px; line-height: 1; padding: 0 30px; }
.blog-item1-2 .blog-item-description { float: left !important; }
.blog-item-description.borderTop { background-color: #FFFFFF; border-top: 1px solid #dcdcdc; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.blog-item1-2 img, .blog-item1-2 .video iframe { float: right !important; margin: 10px 10px 0; width: 300px !important; }

.blog-item1-2.full-width .blog-item-description { float: none !important;  width: 100%; }

/* .blog-item #blog-slider-pager .testimonials-item img { border-radius: 5px !important; width: 100%; } */

.blog .container .blog-item .post-meta .date .month { color: #43474D; font-size: 21px; line-height: 1; }
.blog .container .blog-item .post-meta .date .year { color: #43474d; font-size: 16px; line-height: 1; padding: 0 30px; }
.post-meta span, .post-meta .month, .post-meta .year { display: block; }
.blog-item1 { padding-left: 120px; position: relative; }
.blog-item1 img { border: 5px; max-width: 45%; }
.blog-item1-2 .blog-item-description { display: block; float: right; padding: 20px; width: 50%; }

ul.socialShareIcons { margin: 0; padding: 0; }
ul.socialShareIcons li { margin: 6px 0 0 5px; padding: 0; list-style: none; float: left; }
ul.socialShareIcons li a { color: #CCCCCC; font-size: 14px; height: auto; border: 1px solid #CCCCCC; padding: 5px 6px; border-radius: 3px; display: block; }
ul.socialShareIcons li a.facebook          { color: #FFFFFF; background-color: #4867AA; border: 1px solid #4867AA; }
ul.socialShareIcons li a.twitter           { color: #FFFFFF; background-color: #1DA1F2; border: 1px solid #1DA1F2; }
ul.socialShareIcons li a.google-plus       { color: #FFFFFF; background-color: #DC4A38; border: 1px solid #DC4A38; }
ul.socialShareIcons li a.linkedin          { color: #FFFFFF; background-color: #0177B5; border: 1px solid #0177B5;}
ul.socialShareIcons li a.facebook:hover    { color: #4867AA; background-color: transparent; }
ul.socialShareIcons li a.twitter:hover     { color: #1DA1F2; background-color: transparent; }
ul.socialShareIcons li a.google-plus:hover { color: #DC4A38; background-color: transparent; }
ul.socialShareIcons li a.linkedin:hover    { color: #0177B5; background-color: transparent; }

.faux-link { color: #E96C4C; }
.listing-container { padding-top: 0; margin-bottom: 30px; }
.listing-container a { color: #999999; }
.listing-container a .product-title { font-size: 18px; margin: 15px 0 10px 0; }
.listing-image-container { width: 100%; height: 300px; background-size: cover; }
.page-header h1.page-title { color: #FFFFFF; margin: 0; padding: 8px 15px; line-height: 36px; font-size: 22px; }

input[type="checkbox"].error { box-shadow: -webkit-box-shadow: 0px 0px 0px 1px rgba(204,0,0,1); -moz-box-shadow: 0px 0px 0px 1px rgba(204,0,0,1); box-shadow: 0px 0px 0px 1px rgba(204,0,0,1); }

.homepage-testimonials h3 { text-align: center; }

@media (max-width: 767px) {
  .post-meta { max-width: none; }
  #socialIcons { text-align: center; margin: 0; display: block; }
  #socialIcons a img { display: inline; width: 48px ;}
  .post-meta h2::after { background: none; }
  .blog-item1-2 .blog-item-description { display: block; float: none; padding: 20px; width: 100%; }
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
  .blog-item1-2 img, .blog-item1-2 .video iframe { width: 250px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .blog-item1-2 img, .blog-item1-2 .video iframe { width: 150px !important; }
  .blog-item1-2 .blog-item-description { width: 100% }
  .blog-item1 img { max-width: 100%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-item1-2 img, .blog-item1-2 .video iframe { width: 150px !important; }
  .blog-item1-2 .blog-item-description { width: 100% }
}



/* Vertical Tabs */
#vertical-tabs { position: relative; }
.tabs-navigation { margin: 0; padding: 0; z-index: 2; float: left; width: 220px; }
.tabs-navigation li { width: 100%; margin: 0; padding: 0; list-style: none; display: block; margin-bottom: 0 0 -1px 0 ; position: relative; } 
.tabs-navigation li a { width: 100%; margin: 0; padding: 12px 0 12px 10px; border: 1px solid #DDDDDD; border-top: none; background-color: #f8fafa; color: #444444; display: block; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: relative; }
.tabs-navigation li:first-child a { border-top: 1px solid #DDDDDD; }
.tabs-navigation li.active a { border-left: 5px solid #26B8F3; background-color: #FFFFFF; border-right: none; max-width: 221px; z-index: 3; }

.tabs-content { margin-left: 219px; z-index: 1; }
.tabs-content .tab-pane { border: 1px solid #DDDDDD;  padding: 20px; display: none; }
.tabs-content .tab-pane.active { display: block; }
.tabs-content .tab-pane img { margin: 0 0 15px 15px; float: right; max-width: 250px; }


@media (max-width: 560px) {
  .tabs-content .tab-pane img { float: none; max-width: 100%; }
}

@media (max-width: 767px) {
  .tabs-navigation { display: none; }
  .tabs-content { margin-left: 0; z-index: 1; }
  .tabs-content .tab-pane { display: block; margin-bottom: 15px;  }
}

.why-us-icon { width: 90px; float: left; }
.why-us-icon i { display: block; color: #FFFFFF; background-color: #e96c4c; border-radius: 100%; width: 60px; height: 60px; line-height: 60px; font-size: 30px; text-align: center; }
.why-us-text { width: calc(100% - 120px); float: left; }

.small-title.no-green-underline::before { display: none; width: 0 height: 0; }
.homepage-testimonials .info-block { position: relative; }
.homepage-testimonials .info-block i.fa { display: block; position: absolute; top: -20px; left: 20px; width: 40px; height: 40px; color: #FFFFFF; background-color: #e96c4c; font-size: 25px; line-height: 40px; border-radius: 100%; }

.feature-content { position: relative; }
.feature-content h5 { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; font-weight: bold; }
.feature-content .tag { background: #4960B0; position: absolute; top: -44px; left: 0px; color: #FFFFFF; padding: 5px 15px; }
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .feature-content .tag { top: -43px; }
}

body .widget li { margin-bottom: 0px; padding-bottom: 0px; }

.counter-container               { border: 1px solid #F1F1F1; padding: 46px 5px; background-color: #FFFFFF; margin: 10px 0; text-align: center; }
.counter-container .counter-icon { width: auto; display: inline-block; font-size: 34px; padding: 0 10px 0 0; }
.counter-container .counter-box  { width: auto; display: inline-block; font-weight: bold; color: #000; font-size: 40px; text-align: left; padding: 4px 0 4px 0; }
.counter-container .counter-text { font-size: 14px; text-align: center; }

.pp_social { display: none; }