/* ================================================================================
	#Fonts
================================================================================ 

	Courgette
	Open Sans
	ProximaNova
*/

/* ================================================================================
	#Base
================================================================================ */

body, html { height: 100%; }

img { width: auto; height: auto; max-width: 100%; font-size: 0; vertical-align: middle; }



/* ==========================================================================
	#County Maps
========================================================================== */

#map-canvas {
        height: 500px;
		width: 500px;
        margin: 12px;
        padding: 0px
      }



      #listing {
        position: absolute;
        width: 200px;
        height: 470px;
        overflow: auto;
        left: 442px;
        top: 0px;
        cursor: pointer;
        overflow-x: hidden;
      }

      #locationField {
        position: absolute;
        width: 190px;
        height: 25px;
        left: 108px;
        top: 0px;
        z-index: 5;
        background-color: #fff;
      }
      #controls {
        position: absolute;
        left: 300px;
        width: 140px;
        top: 0px;
        z-index: 5;
        background-color: #fff;
      }
      #autocomplete {
        width: 100%;
      }
      #country {
        width: 100%;
      }
      .placeIcon {
        width: 20px;
        height: 34px;
        margin: 4px;
      }

      #resultsTable {
        border-collapse: collapse;
        width: 240px;
      }
      #rating {
        font-size: 13px;
        font-family: Arial Unicode MS;
      }







/* ==========================================================================
	#Helpers
========================================================================== */

.cl { height: 0; }

.cf { *zoom: 1; }

.cf:before,
.cf:after { content: ""; line-height: 0; display: table; }

.cl,
.cf:after { clear: both; }

.cl,
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left,
.alignleft { float: left; }

.right,
.alignright { float: right; }

/* ================================================================================
	#Containers
================================================================================ */

.wrapper { background: #fff; }

.container { max-width: 970px !important; }

/* ================================================================================
	#Button
================================================================================ */

.request-button { float: right; padding: 9px 31px; margin: -12px -17px 0; font-size: 14px; font-weight: 900; color: #fff; background: #fe7849; text-transform: uppercase; border-radius: 5px; text-shadow: 0 1px 0px rgba( 0, 0, 0, .3); text-align: center; }
.request-button:hover { text-decoration: none; color: #fff; }
.request-button span{font-size: 10px;}
.btn.orange { color: #fff; background: #fb6c3a no-repeat right center; }
.btn.green { color: #fff; background: #81bd10 no-repeat right center; }


/* ================================================================================
	#Header
================================================================================ */

.header { position: relative; z-index: 120; width: 100%; padding: 18px 0 19px; background: #81bd10; color: #fff; }

.no-bg .header { background: transparent; }

.logo { float: left; width: 218px; height: 57px; background: url("images/votertechlogo.png") no-repeat 0 0; }

.navbar-collapse .site-navigation .nav {float: right; padding-top: 5px; }
.navbar-collapse .site-navigation .nav ul { list-style: none outside none; }
.navbar-collapse .site-navigation .nav .navbar-nav { float: right; margin: 0; padding: 0; }
.navbar-collapse .site-navigation .nav .navbar-nav > li { float: left; padding-left: 6px; }
.navbar-collapse .site-navigation .nav .navbar-nav > li > a { float: left; padding: 0 15px; color: #fff; background: transparent no-repeat right center; }
.navbar-collapse .site-navigation .nav .navbar-nav> li.menu-item-has-children > a { background-image: url("/images/votertechlogo.png"); }
.navbar-collapse .site-navigation .nav .navbar-nav > li > a:hover,
.navbar-collapse .site-navigation .nav .navbar-nav > li.current-menu-parent > a,
.navbar-collapse .site-navigation .nav .navbar-nav > li.current-menu-item > a { text-decoration: none; }
.navbar-collapse .site-navigation .nav .navbar-nav > li ul { display: none; }

/* ================================================================================
	#Footer
================================================================================ */

.footer { font-size: 16px; font-family: 'ProximaNova', sans-serif; color: #8793a9; background:#161616; }
.footer p { margin: 0; }
.footer .top { padding: 43px 0 52px; background:#232222; }
.footer .bottom { padding: 45px 0 30px; }
.footer .bottom a { color: #b2baca; }
.footer .bottom a:hover { color: #fff; }
.footer .bottom strong { font-weight: 600; }
.footer .bottom strong a { color: #fff; }
.footer .bottom span { padding: 0 4px; }
.footer .copyright { float: left; max-width: 500px; }
.footer .credits { float: right; max-width: 400px; text-align: right; }
.footer .credits img { margin-left: 6px; }

.footer .widget { float: left; width: 152px; margin-left: 42px; font-size: 13px; line-height: 1.2; }
.footer .widget:first-child { margin-left: 0; }
.footer .widget ul { list-style: none outside none; padding: 0; margin: 0; }
.footer .widget ul li { padding-bottom: 8px; }
.footer .widget a { color: #8793a9; }
.footer .widget a:hover { text-decoration: none; color: #fff; }
.footer .widget-title { padding: 5px 0 8px; border-bottom: 1px solid #424a58; margin-bottom: 24px; font-size: 15px; font-weight: 300; color: white; text-transform: uppercase; }
.footer .widget.widget-double { width: 250px; }
.footer .widget.widget-double ul { float: left; width: 50%; }
.footer .widget.widget-connect { width: 254px; }
.footer .widget.widget-connect p { padding-bottom: 13px; }
.footer .widget.widget-connect .footer-logo { display: block; width: 212px; height: 54px; margin: 0 auto 46px; background: url("images/footer-logo.png") no-repeat 0 0; }
.footer .widget.widget-connect .socials { font-size: 13px; font-weight: 300; text-align: center; }
.footer .widget.widget-connect .socials ul { list-style: none outside none; font-size: 0; line-height: 0; }
.footer .widget.widget-connect .socials ul li { display: inline; padding: 0 9px; }
.footer .widget.widget-connect .socials ul li a { display: inline-block; width: 40px; height: 40px; border: 2px solid #737d90; border-radius: 50%; text-align: center; font-size: 14px; line-height: 40px; color: #b2baca; }
.footer .widget.widget-connect .socials ul li .fa { line-height: 36px; }
.footer .widget.widget-connect .socials ul li a:hover { color: #fff; border-color: #fff; }

.footer-bar { padding: 26px 0 7px; background: #88b640; font-family: 'ProximaNova', sans-serif; font-size: 16px; color: #fff; }
.footer-bar a { color: #fff; }
.footer-bar .left,
.footer-bar .right { }
.footer-bar .left { text-align: left; }
.footer-bar .right { text-align: right; }
.footer-bar .left .fa { margin-right: 8px; }
.footer-bar .center { float: left;  text-align: center; }
.footer-bar .center .fa { margin-left: 10px; font-size: 18px; }

/* ================================================================================
	#Page Elements
================================================================================ */


.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

/* ================================================================================
	#Blog
================================================================================ */

.slider-wrap .slides,
.slider-wrap .slides li { list-style: none outside none; position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slider-wrap .slides li { display: none; }
.slider-wrap .slides li:first-child { display: block; }
.slider-wrap .flex-control-nav { list-style: none outside none; font-size: 0; line-height: 0; text-align: center; padding: 0; margin: 0; }
.slider-wrap .flex-control-nav li { display: inline; padding: 0 2px; }
.slider-wrap .flex-control-nav li a { position: relative; display: inline-block; width: 16px; height: 16px; background: transparent; border: 1px solid transparent; border-radius: 50%; cursor: pointer;}
.slider-wrap .flex-control-nav li a:after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px; background: #dee5f5; border-radius: 50%; }
.slider-wrap .flex-control-nav li a.flex-active,
.slider-wrap .flex-control-nav li a:hover { text-decoration: none; border-color: #88b640; }
.slider-wrap .flex-control-nav li a.flex-active:after,
.slider-wrap .flex-control-nav li a:hover:after { background: #88b640; }

.slider-thumbs { position: absolute; bottom: -53px; left: 0; z-index: 60; width: 100%; font-size: 0;  line-height: 0; text-align: center; }
.slider-thumbs li { display: inline; padding: 0 30px; }
.slider-thumbs li img { border-radius: 50%; border: 4px solid #fff; filter: url("images/filters.svg.html#grayscale"); filter: gray; -webkit-filter: grayscale(1); }
.slider-thumbs li.active img,
.slider-thumbs li a:hover img { filter: url("images/filters.svg.html#color"); filter: none; -webkit-filter: grayscale(0); }

.bg { position: absolute; top: 0; left: 0; width: 100%; min-width: none; }

/* ================================================================================
	#Sections
================================================================================ */

.section { clear: both; }

.section-content { position: relative; width: 100%; padding: 100px 0 81px; color: #fff; text-align: center; }
.section-content .bg { position: absolute; top: 0; left: 0; width: 100%; max-width: none; }
.section-content .container { position: relative; z-index: 20; }
.section-content .btn { width: 208px; padding: 0; margin: 0; border: 3px solid #fff; font-size: 16px; line-height: 48px; text-transform: uppercase; color: #fff; border-radius: 8px; }
.section-content h2 { margin: 43px 0 7px; font-size: 34px; font-weight: bold; letter-spacing: -1px; }
.section-content p { font-family: 'Courgette', sans-serif; font-size: 24px; }
.section-content .meta { width: 142px; height: 47px; border-top: 1px solid #fff; margin: 0 auto; font-size: 10px; line-height: 1.1; text-transform: uppercase; background: url("images/meta-bg.png") no-repeat center 0; color: #fe7849; }
.section-content .meta strong { display: block; padding: 4px 0 1px; font-size: 16px; }


.section-text { padding: 115px 0 134px; text-align: center; font-size: 16px; }
.section-text h2 { padding-bottom: 3px; font-size: 39px; font-weight: 300; color: #000; }
.section-text h2 strong { position: relative; display: inline-block; font-weight: bold; }
.section-text h2 span { position: absolute; bottom: 54px; left: 100%; float: left; padding: 10px 20px; margin-left: -60px; font-family: 'Courgette', sans-serif; font-size: 15px; color: #fff; white-space: nowrap; background: #88b640; font-weight: normal; border-radius: 5px; }
.section-text h2 span:after { content: ''; position: absolute; top: 26px; left: 0; display: block; width: 0; border-top: 12px solid #88b640; border-left: 12px solid #88b640; border-right: 12px solid transparent; border-bottom: 12px solid transparent; }
.section-text p { line-height: 1.75; }
.section-text .btn { padding: 8px 64px 8px 30px; margin-top: 28px; font-size: 16px; text-transform: uppercase; background-image: url("images/btn-icon.png"); }

.section-title { position: relative; width: 100%; padding-bottom: 6px; margin-bottom: 29px; font-size: 36px; line-height: 1.1; font-weight: normal; text-align: center; color: #000; letter-spacing: -1px; }

.section-title-noline { position: relative; width: 100%; padding-bottom: 6px; margin-bottom: 29px; font-size: 36px; line-height: 1.1; font-weight: normal; text-align: center; color: #000; letter-spacing: -1px; }

.section-title:after { content: ''; display: block; width: 140px; height: 1px; background: #ccc; position: absolute; bottom: -9px; left: 50%; margin-left: -70px; }
.section-description { position: relative; max-width: 485px; margin: -8px auto 80px; text-align: center; font-size: 14px; line-height: 2; }

.section-website { padding: 24px 0 40px; }
.section-website p { max-width: 540px; margin: 0 auto 14px; font-size: 18px; line-height: 1.2;text-align: center;}

.section-landing { float: left; position: relative; overflow: hidden; width: 100%; min-height: 330px; margin-top: -94px; color: #fff; text-align: center; background-color: #7D90B5; }
.section-landing .bg { position: absolute; top: 0; left: 0; width: 100%; }
.section-landing .container { position: relative; z-index: 20; padding: 105px 0 85px; }
.section-landing .container h3 { margin-bottom: 0; font-family: 'Courgette', sans-serif; font-size: 26px; font-weight: normal; text-align: center; }
.section-landing .container .facts { display: block; width: 216px; height: 58px; margin: 89px auto 0; background: url("images/facts.png") no-repeat 0 0; }
.section-landing .container h2 { padding: 7px 0 0; margin: 0; text-align: center; font-size: 48px; line-height: 1.2; font-weight: bold; }
.section-landing .container p { font-family: 'Courgette', sans-serif; color: #000; }
.section-landing .link-more { position: absolute; bottom: 27px; left: 50%; width: 250px; padding-bottom: 25px; background: url("images/scroll-down-arrow.png") no-repeat center bottom; margin-left: -125px; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; }
.section-landing .link-more:hover { text-decoration: none; }


.section-landing-full { float: left; position: relative; overflow: hidden; width: 100%; min-height: 100%; margin-top: -94px; color: #fff; text-align: center; background-color: #7D90B5; }

.section-boxes { position: relative; overflow: hidden; background: #FFFFFF; color: #fff; font-size: 18px; line-height: 1.33; }
.section-boxes .box { position: relative; overflow: hidden; float: left; min-height: 420px; margin: 0px 0px 20px 0px; }
.section-boxes .box.boxhover { position: relative; overflow: hidden; float: left; min-height: 420px; margin: 0px 0px 20px 0px; }

.section-boxes .box.boxhover:hover {background-image:url(../images/CALC_Image_1_hover.jpg); background-size:cover}


.section-boxes .entry { position: relative; z-index: 20; max-width: 350px; margin: 50px 80px 50px 50px; }
.section-boxes .box.left .entry { float: right; }
.section-boxes .box.center .entry { float: none; }

.section-boxes .box.right .entry { float: left; }
.section-boxes .box h4 { padding-bottom: 10px; font-size: 24px; line-height: 1.2; font-weight: bold; color:
black; }
.section-boxes .box span { padding-bottom: 10px; font-size: 18px; line-height: 1.2; color:#515050; }
.section-boxes .box p { padding-bottom: 10px; font-size: 18px; line-height: 1.2; color:#333333; }
.section-boxes .box h2 { padding-bottom: 10px; font-size: 24px; line-height: 1.2; color:#1B5F16; }


.section-boxes .box .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor:pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
min-width: 250px;  background: #4BA8EC; color: #fff;		  
		  
}




.section-boxes .box.left .btn { background: #fe7849; }

.section-row { position: relative; overflow: hidden; padding-bottom: 124px; }
.section-row .image { max-width: 406px; }
.section-row .image.right { margin-right: 53px; }
.section-row .icon { position: absolute; top: 30px; left: 10px; }
.section-row .entry { position: relative; max-width: 451px; padding: 10px 10px 0 81px; line-height: 1.7; }
.section-row .entry h3 { font-size: 36px; font-weight: 300; color: #222; }
.section-row .entry p { padding-bottom: 10px; }
.section-row .flex-control-nav { padding-top: 38px; }


.blog-credits{display: none;}
li.empty-cart-message{text-align: center;}

.page-title { padding-bottom: 24px; font-size: 38px; color: #000; }

.filter { width: 100%; padding: 2px 0 11px; border-bottom: 1px solid #c3cbdd; }
.filter p { float: left; padding: 0 0 0 10px; margin: 0; font-size: 14px; line-height: 42px; font-weight: bold; letter-spacing: 1px; color: #88b640; text-transform: uppercase; }
.filter select { float: left; width: 208px; margin-left: 14px; }
.filter a { color: #333; }
.filter a:hover {text-decoration: none;  }
.filter .clear { float: left; padding: 8px 0; margin-left: 24px; font-family: 'ProximaNova', sans-serif; }
.filter .clear i { float: left; margin: 6px 7px 0 0; font-size: 16px; color: #7f889d; vertical-align: middle; }
.filter .search-more { float: right; padding: 7px 0; font-family: 'ProximaNova', sans-serif; font-size: 14px; }
.filter .search-more i { margin-left: 6px; }

.selectbox { position: relative; float: left; margin-left: 13px; width: 208px; font-size: 14px; line-height: 42px; color: #333; background: #f1f4fa; }
.selectbox i { position: absolute; top: 0; right: 0; width: 46px; height: 100%; background: #7f889d url(images/select-arrow.png) no-repeat center center; }
.selectbox .filename { position: relative; overflow: hidden; display: block; margin: 0 54px 0 18px; font-weight: normal; white-space: nowrap; }
.selectbox select { position: absolute; top: 0; left: 0; z-index: 20; display: block; width: 100%; height: 100%; min-height: 100%; margin-left: 0; font-size: 14px; cursor: pointer; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=15,color=#FFFFFF); -webkit-appearance: none; }

.container .pagination { margin: 18px 0; font-family: 'ProximaNova', sans-serif; font-size: 14px; }
.container .pagination ul { list-style: none outside none; position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.container .pagination ul li { float: left; padding-left: 36px; }
.container .pagination ul li:first-child { padding-left: 0; }
.container .pagination ul li a { color: #7f889d; }
.container .pagination ul li strong { color: #88b640; }
.container .pagination ul li a i { font-size: 16px; margin: 0 8px; }
.container .pagination ul li a:hover { text-decoration: none; color: #000; }
.container .pagination ul li.results-num { padding: 4px 0 0 12px; font-size: 12px; color: #7f889d; }



.section-rows { width: 100%; padding: 50px 0 118px; }
.section-rows .description { max-width: 470px; margin: -8px auto 12px; text-align: center; font-size: 14px; line-height: 2; color: #666; }
.section-rows .row { padding-top: 30px; }
.section-rows .image { width: 322px; padding: 10px; border: 1px solid #f3f5fb; border-radius: 50%; margin-left: 50px; }
.section-rows .image img { display: block; width: 100%; border-radius: 50%; }
.section-rows .text { width: 452px; margin: 44px 74px 30px 0; color: #666; }
.section-rows .text h4 { padding-bottom: 17px; font-size: 32px; font-weight: 300; color: #444; }
.section-rows .text.left { margin-left: 44px; margin-right: 0; }
.section-rows .image.right { margin-left: 0; margin-right: 96px; }

.section-intro { position: relative; z-index: 60; width: 100%; padding: 48px 0 70px; }
.section-intro .text { float: left; width: 580px; padding: 0 40px; font-size: 18px; color: #333; }
.section-intro .text h3 { margin-bottom: 9px; font-size: 34px; letter-spacing: -2px; font-weight: bold; color: #333; }
.section-intro .btn { float: right; width: 232px; margin-top: 50px; text-align: center; text-transform: uppercase; }
.section-intro:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 18px solid #fff; border-right: 24px solid transparent; border-left: 24px solid transparent; margin-left: -24px; }

.section-started { width: 100%; padding: 70px 0 156px; border-top: 1px solid #e8eef7; border-bottom: 1px solid #e8eef7; background: #f1f4fc; }
.section-started h3 { margin: 0 0 7px; font-size: 24px; font-weight: normal; text-align: center; color: #444; }
.section-started .container { position: relative; padding-bottom: 112px; }
.section-started .container img { position: absolute; bottom: 0; left: 50%; width: 500px; margin-left: -250px; }
.section-started .row { padding-bottom: 10px; }
.section-started .description { margin: 0 auto 120px; font-size: 16px; line-height: 1.63; text-align: center; color: #2c2c2c; }
.section-started .description strong { color: #81bd10; }
.section-started .text { width: 266px; font-size: 14px; line-height: 1.43; color: #666; }
.section-started .text h4 { margin-bottom: 13px; font-size: 16px; font-weight: bold; color: #333; }
.section-started .text .icon { display: block; height: auto; padding: 0 80px 4px 0; font-size: 40px; line-height: 60px; color: #333; text-align: center; }

.section-started.style-2 { padding: 0 0 42px; border: 0; background: #fff; }



.section-blog { width: 100%; padding: 63px 0 122px; border-top: 1px solid #e8eef9; border-bottom: 1px solid #e8eef9; background: #f1f4fc; }
.section-blog .resources-list { padding-top: 28px; }

.nav-secondary { position: relative; z-index: 60; float: left; width: 100%; height: 70px; margin-top: -70px; background: #4a680d; background: rgba( 74, 104, 13, .5); }
.nav-secondary .menu { list-style: none outside none; margin: 0; padding: 0; width: 100%; }
.nav-secondary .menu li { float: left; width: 25%; }
.nav-secondary .menu li a { position: relative; display: block; border: 1px solid #53740c; font-size: 16px; line-height: 68px; font-weight: 600; color: #fff; text-align: center; }
.nav-secondary .menu li.current-menu-item a,
.nav-secondary .menu li a:hover { text-decoration: none; background: #7dbe42; border-color: #7dbe42; }
.nav-secondary .menu li.current-menu-item a:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -12px; border-top: 12px solid #7dbe42; border-left: 16px solid transparent; border-right: 16px solid transparent; }

.container-top { float: left; position: relative; z-index: 60; width: 100%; height: 70px; margin-top: -70px; background: #4a680d; background: rgba( 74, 104, 13, .5); }

.section-numbers { width: 100%; padding: 40px 0 30px; }
.section-numbers .section-row { padding: 8px 0 67px; }
.section-numbers .section-row .image { max-width: 304px; padding: 0; }
.section-numbers .section-row .image.left { margin-left: 50px; }
.section-numbers .section-row .entry.left { margin-left: 65px; }
.section-numbers .section-row .image.right { margin-right: 45px; }
.section-numbers .section-row .entry { padding: 32px 0 0 0; line-height: 2; }
.section-numbers .section-row .entry h3 { margin-top: 0; padding-bottom: 18px; font-size: 32px; }


.filter-by { float: left; width: 580px; padding: 14px 9px 0; }
.filter-by label { float: left; font-size: 14px; line-height: 42px; text-transform: uppercase; letter-spacing: 1px; color: #fff; }
.filter-by .selectbox { width: 228px; }

.page-nav { float: right; width: 195px; height: 42px; border: 1px solid #829f47; margin-top: -12px; }
.page-nav a { float: left; width: 97px; font-family: 'ProximaNova', sans-serif; font-size: 16px; line-height: 42px; color: #fff; text-align: center; }
.page-nav a:first-child { width: 96px; border-right: 1px solid #95ae63; }
.page-nav a:hover { color: #bfcda0; text-decoration: none; }
.page-nav a .fa { font-size: 10px; vertical-align: middle; }
.page-nav a.prev .fa { margin-right: 10px; }
.page-nav a.next .fa { margin-left: 10px; }

.section-client-details .icon { position: absolute; top: 0; left: 5px; float: left; width: 50px; height: 44px; background: #89d4ff; color: #89d4ff; }
.section-client-details .icon i { position: relative; z-index: 20; display: block; width: 100%; height: 44px; font-size: 27px; line-height: 50px; text-align: center; color: #fff; }
.section-client-details .icon:before,
.section-client-details .icon:after { content: ''; position: absolute; bottom: -10px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-radius: 4px; }
.section-client-details .icon:before { left: 0; border-left: 44px solid; }
.section-client-details .icon:after { right: 0; border-right: 44px solid; }
.section-client-details .category { position: absolute; top: 0; left: 69px; float: left; width: 361px; margin: 11px 0 0 0; font-size: 12px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase;background-color: black; color:#fff; min-height: 44px; margin-top: 0px; margin-left: -15px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; opacity: 0.6; filter: alpha(opacity=60);}

.top-nav { float: left; position: relative; z-index: 60; width: 100%; height: 382px; margin-top: -70px; }
.top-nav ul { list-style: none outside none; padding: 0; margin: 0;border-bottom: none; }
.top-nav ul li { position: relative; float: left; width: 310px; padding: 9px 0 0; margin-left: 4px; }
.top-nav ul li:after { content: ''; position: absolute; top: 1px; left: 0; right: 0; height: 69px; display: block; background: #809d32; background: rgba( 102, 102, 102, .2); }
.top-nav ul li:first-child { margin-left: 0; }
.top-nav a { position: relative; z-index: 20; display: block; width: 298px; height: 264px; border: 1px solid #eff2f8!important; margin: 0 auto; background: #fff!important; color: #292e38; border-radius: 0px!important; margin-right: auto!important; }
.top-nav ul li .icon { display: block; width: 100%; padding: 54px 0 18px; font-size: 100px; line-height: 120px; text-align: center; }
.top-nav ul li strong { display: block; font-size: 20px; font-weight: normal; text-align: center; text-transform: uppercase; }
.top-nav ul li .entry { display: none; font-size: 14px; line-height: 1.43; }
.top-nav ul li.active a,
.top-nav ul li a:hover { text-decoration: none; color: #fff; background: #99cc33!important; border-color: #99cc33!important;border-radius: 0px;margin-right: auto; }
.top-nav ul li.active a { height: 322px; }
.top-nav ul li.active .entry { display: block; padding: 0 12px; text-align: center; }
.top-nav ul li.active strong { font-weight: bold; }
.top-nav ul li.active a:after { content: ''; position: absolute; top: 100%; left: 50%; display: block; width: 0; height: 0; border-top: 14px solid #99cc33; border-left: 14px solid transparent; border-right: 14px solid transparent; margin-left: -14px; }
.top-nav ul li.style-2 strong { margin: -13px 0 -3px; font-family: 'Courgette', sans-serif; font-size: 24px; text-transform: capitalize; }
.top-nav ul li.style-2 a{color: #292e38;}
.top-nav ul li.style-1 a{color: #292e38;}
.top-nav ul li.active.style-2 a{color: #fff;}
.top-nav ul li.active.style-1 a{color: #fff;}

.container-more { position: relative; overflow: hidden; display: none; width: 100%; padding: 56px 0 104px; background: #99cc33; color: #fff; font-size: 14px; line-height: 1.2; }
.container-more .close { position: absolute; top: 35px; right: 55px; display: block; width: 17px; height: 16px; background: url(images/ico-close.png) no-repeat 0 0; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.container-more table .color td { background: #a9d64e; }
.container-more table tr { border-bottom: 1px solid #a9d64e; }
.container-more th,
.container-more td { width: 180px; padding: 14px 15px; vertical-align: middle; }
.container-more th:first-child,
.container-more td:first-child { width: auto; }
.container-more th { padding-top: 14px; padding-bottom: 14px; font-size: 30px; line-height: 1.5; font-weight: 300; text-transform: uppercase; }
.container-more td:first-child { line-height: 1.5; }
.container-more th:first-child { width: 380px; font-size: 28px; text-transform: none; }
.container-more .fa { font-size: 36px; padding: 0 30px; }
.container-more td span { float: left; margin: -3px 12px 0 30px; font-size: 34px; line-height: 1; font-weight: bold; }
.container-more .info td { padding-top: 0; font-family: 'Courgette', sans-serif; font-size: 14px; line-height: 15px; text-align: center; }
.container-more .info span { float: left; width: 100%; margin: -6px 0 0; font-size: 14px; line-height: 15px; font-weight: normal; }



.section-columns { padding: 84px 0 60px; }
.section-columns .column { width: 440px; line-height: 1.7; }
.section-columns .column p { padding-bottom: 10px; }
.section-columns h3 { font-size: 22px; line-height: 1.3; font-weight: 600; color: #000; }
.section-columns .section-description { margin-bottom: 44px; }

.visible-phone { display: none; }
/*SubMenu Fix*/
.navbar-nav ul.sub-menu{position: absolute;display: none;}
.navbar-nav li:hover ul{
    display:block;
    background:#fe7849;
    color: #fff;
    height:auto;
    padding-left:15px;
    padding-right: 5px;
    min-width: 150px;
    margin-top:-10px;
}
.navbar-nav li.menu-item-has-children > a:after{content: ' ▾';}
.navbar-nav li:hover ul li a{color:#fff;}

/* ================================================================================
	#Responsive
================================================================================ */

@media (max-width: 992px) {

    .wrapper { position: relative; overflow: hidden; width: 100%; }

    .footer-bar .left { text-align: center; float: none; }
    .footer-bar .center { float: none; }
    .footer-bar .right { text-align: center; float: none; }

    .section-clients .slides img { margin-top: 67px; }
    .section-clients .slides .quote { left: 0%; margin-left: 0px; border-radius: 0%; width: 100%; }

    .navbar-collapse .site-navigation .nav { margin-left: 0%; }

    .posts .post-info { display: none; }

    .post-info { display: none; }

    .section-contact .gform_wrapper { float: none; display: block; width: 100%; }
    .section-contact .image { float: none; margin: 30px auto 0; }


    .section-row .entry { clear: both; float: none; width: auto; max-width: none; }
    .section-row .image.left,
    .section-row .image.right { margin: 0; }
    .section-row .image { float: none; display: block; max-width: none; position: relative; overflow: hidden; margin: 0; }
    .section-row .image img { display: block; margin: 0 auto; }

    .section-clients .slides li { height: 490px; }

    .team-list { padding-top: 40px; }
    .team-advisor { padding-top: 40px; }

    .section-pricing .column { width: 40%; padding: 30px 0 36px; margin: 0 5%; }
    .section-pricing .column:first-child { margin-left: 5%; }

    .section-text { padding: 60px 0 70px; }

    .section-text h2 span { bottom: 96px; }

    .blog-top { padding-top: 60px; }

    .blog-title { float: none; display: block; max-width: none; }

    .filters { float: none; position: relative; overflow: visible; width: 100%; }
    .filters ul { float: left; }
    .filters ul li:first-child { padding-left: 0; }

    .post-content { float: none; display: block; padding-bottom: 60px; }
    .post-content .entry { padding: 0; }

    .post-info { clear: both; position: relative; overflow: hidden; width: 100%; float: none; display: block; text-align: left; }
    .post-info img { float: left; margin-right: 30px; }
    .post-info .author { padding-top: 10px; }
    .post-info .rating { float: left; padding: 10px; margin: 10px 0 0; text-align: center; }

    .filter .search-more { clear: left; float: left; margin-left: 10px; }

    .top-nav ul li { width: 31.3%; margin: 0 1%; }
    .top-nav ul li:after { left: -6px; right: -6px; }
    .top-nav ul li a { width: auto; height: 238px; }
    .top-nav ul li .icon { font-size: 80px; line-height: 80px; }

    .featured-image .container h2 { font-size: 40px; }

    .filter-by { width: 524px; }
    .filter-by .selectbox { width: 200px; }

    .resources-list .row .item { line-height: 1.57; }
    .resources-list .row .item .info .meta { float: left; clear: left; width: 160px; padding: 0 0 0 64px; margin-top: -10px; font-size: 10px; line-height: 1.1; text-align: left; letter-spacing: 0; }
    .resources-list .row .item h4 { padding: 33px 0 4px; font-size: 18px; font-weight: 600; }
    .resources-list .row .item .info .category { margin-top: 5px; }

    .section-info .image { position: relative; top: 0; left: 0; right: 0; overflow: hidden; float: none; width: 100%; padding: 40px 0 0; margin: 0 0 15px; }
    .section-info .image img { width: 50%; display: block; margin: 0 auto; }
    .section-info .text { padding: 0px 0 30px; }

    .nav-secondary .menu li a { font-size: 14px; }

    .section-book .image { float: none; display: block; padding: 30px 0 0; }
    .section-book .image img { display: block; margin: 0 auto; }

    .section-rows { padding: 15px 0 30px; }
    .section-rows .image.right,
    .section-rows .image.left { float: none; display: block; margin: 0 auto; }
    .section-rows .text.left,
    .section-rows .text.right { width: auto; padding: 0 20px; margin: 0; }

    .section-intro { text-align: center; }
    .section-intro .text { float: none; display: block; width: auto; text-align: center; }
    .section-intro .btn { float: none; margin-top: 20px; }

    .section-started { padding: 40px 0 60px; }
    .section-started .container { padding-bottom: 0; }
    .section-started .container img { width: 360px; margin-bottom: 80px; margin-left: -170px; }
    .section-started .text { margin: 0 10px; width: 200px; }
    .section-started .description { margin-bottom: 40px; }

  
    .section-blog { padding: 40px 0; }

   
    .section-client-results .inner { padding: 0; }


    .section-numbers .section-row .image.left,
    .section-numbers .section-row .image.right { float: none; display: block; width: 100%; max-width: none; margin: 0; }
    .section-numbers .section-row .image img { display: block; margin: 0 auto; }
    .section-numbers .section-row .col-md-6 { width: 100%; }
    .section-numbers .section-row .entry { clear: both; }

   
  
    .section-columns .column { width: 47%; }

    .section-marketing { font-size: 14px; }
    .section-marketing h2 { font-size: 26px; }

    .featured-image.style-3 .container { padding-top: 152px; }

   
}

@media (max-width: 768px) {

    .section-landing .container h2 { font-size: 42px; }
    .section-contact .gform_wrapper { width: 100%; }
    .section-clients .slides img { display: none; }

    .slider-thumbs { left: -20; }
    .slider-thumbs li { padding: 0 5px; }

    .no-bg .header { background: #94c248; }

    .featured-image .text-1 { max-width: 259px; font-size: 20px; }



}

@media (max-width: 767px) {

    .post-content .socials { float: left; margin-top: 30px; }

    .posts .link-more { margin-left: 10%; }

    .post-content .socials ul li a { margin-right: -5px; }

    .filters { float: left; }

    .section-pricing .column:first-child { margin-left: 68px; }

    .header { padding-bottom: 0; }
    .header .navbar-collapse { clear: both; }

    .logo { margin-bottom: 20px; }
    .navbar-collapse .site-navigation,
    .navbar-collapse .site-navigation .nav { position: relative; overflow: hidden; width: 100%; display: block; max-width: none; }
    .navbar-collapse .site-navigation .nav ul { float: none; display: block; width: 100%; margin: 0; padding: 0; }
    .navbar-collapse .site-navigation .nav li { float: none; display: block; }
    .navbar-collapse .site-navigation .nav li a { float: none; display: block; }

    .featured-image { height: 320px; }
    .featured-image.thin .container,
    .featured-image .container { padding-top: 130px; }
    .featured-image .container h2 { font-size: 30px; }
    .featured-image .container h4 { font-size: 22px; }
    .featured-image .text-1 { padding-left: 10px; width: 230px; }

    .blog-top { padding-top: 20px; }
    .blog-title { font-size: 30px; }

    .filters ul li { float: left; display: block; padding: 5px; }

    .post { padding: 30px 0 0; }

    .posts .link-more { margin: 0 0 20px; }

    .post-content { position: relative; overflow: hidden; padding-bottom: 30px; }
    .post-content h2 { font-size: 28px; padding-bottom: 15px; }
    .post-content h4 { font-size: 20px; margin-bottom: 17px; }
    .post-content p { padding-bottom: 0; }
    .post-content .socials { position: relative; overflow: hidden; float: none; display: block; width: 100%; margin-top: 0; padding: 5px 0 15px; }
    .post-content .socials ul { float: left; padding: 0; margin: 0; }
    .post-content .socials ul li:first-child { padding-left: 0; }

    .posts .post-content { padding-bottom: 10px; }

    .posts .post:first-child { padding-top: 30px; }

    .footer .top { padding: 30px 0; }
    .footer .credits { max-width: none; float: none; text-align: left; }
    .container-top { height: auto; min-height: 70px; margin-top: 0; }

    .filter-by { position: relative; overflow: hidden; float: none; display: block; width: 100%; padding: 14px 0 0; }
    .filter-by label { float: none; display: block; margin: 0; }
    .filter-by .selectbox { float: none; display: block; margin: 0 0 15px; }

    .page-nav { float: none; display: block; margin: 0 0 20px; border-color: #fff; }
    .page-nav a:first-child,
    .page-nav a { border-color: #fff; }

  

    .section-numbers { padding: 20px 0; }

    .section-title { font-size: 28px; }
    .section-description { margin-bottom: 30px; }

    .section-numbers .section-row { padding-bottom: 20px; }
    .section-numbers .section-row .entry,
    .section-numbers .section-row .entry.left,
    .section-numbers .section-row .entry.right { float: none; width: auto; margin: 0; }

 

    .section-text { padding: 40px 0 30px; font-size: 14px; }
    .section-text h2 span { right: 0; left: auto; bottom: 74px; margin: 0; }
    .section-pricing .column .icon { width: 60px; margin-bottom: 10px; }

    .section-text h2 { font-size: 24px; }
    .section-text h2 span:after { left: auto; right: 0; border-top: 12px solid #88b640; border-left: 12px solid transparent; border-right: 12px solid #88b640; border-bottom: 12px solid transparent; }
    .section-text .btn { font-size: 12px; }

    .nav-secondary { height: auto; }
    .nav-secondary .container { padding: 0; }
    .nav-secondary .menu li { float: none; display: block; width: 100%; }
    .nav-secondary .menu li.current-menu-item a:after { display: none; }

    .section-info .image { padding-top: 30px; }
    .section-info .image img { width: 80%; }
    .section-info .text h2 { padding-bottom: 0; margin-top: 15px; margin-bottom: 15px; font-size: 30px; }
    .section-info .text { font-size: 16px; }

    .section-list { padding: 30px 0; }
    .section-list .description { margin-bottom: 30px; }
    .section-list ul { padding-left: 0; }
    .section-list ul li { padding-left: 34px; }
    .section-list ul .icon { top: 4px; font-size: 26px; }
    .section-list .btn { font-size: 14px; }

    .resources-list .item { height: auto !important; }


   
    .section-rows { padding-top: 20px; }
    .section-rows h2 { margin-top: 0; }
    .section-rows .text h4 { padding-bottom: 0; margin-bottom: 0; font-size: 26px; }
    .section-rows .image { float: none; display: block; width: 60%; margin: 0 auto; }

    .section-info.style-2 .text { margin: 0; padding: 0; }
    .section-info.style-2 .text h2 { font-size: 24px; }
    .section-info.style-2 .text ul span { width: 40px; height: 40px; font-size: 14px; line-height: 40px; }
    .section-info.style-2 .text ul li { padding-left: 60px; padding-bottom: 10px; }

    .section-intro { padding: 30px 0; }
    .section-intro .text { font-size: 14px; }
    .section-intro .text h3 { margin-top: 0; margin-bottom: 20px; font-size: 24px; letter-spacing: 0; }


    .section-title { margin-top: 0; font-size: 24px; }

    .section-started { padding: 30px 0; }
    .section-started .container img { display: none; }
    .section-started .text { float: none; display: block; width: 100%; padding: 0 15px; margin: 0; }
    .section-started .text .icon { padding-right: 0; line-height: 40px; }

  

    .page-title { font-size: 24px; padding-bottom: 0; }

    .filter { padding-bottom: 0; }
    .filter .selectbox { margin: 0 0 10px; margin-right: 15px; }
    .filter p { float: none; width: auto; padding: 0; }
    .filter .clear { margin-left: 0; }
    .filter .search-more { clear: both; float: none; display: block; margin: 0; text-align: center; }

    .section-landing { min-height: 450px; }
    .section-landing .container h3 { padding: 0 15px; font-size: 20px; }
    .section-landing .container .facts { margin-top: 25px; margin-bottom: 20px; }
    .section-landing .container h2 { font-size: 20px; padding: 0 20px; }

    .section-landing .link-more { bottom:  10px; padding-bottom: 15px; z-index: 60; }

    .section-website p { font-size: 14px; }

    .section-boxes .box { padding: 10px 0 30px; min-height: 0; }
    .section-boxes .entry { float: none; display: block; width: auto; max-width: none; margin: 0 20px; text-align: center;}

    .section-why { padding: 20px 0; }

    .section-row { padding-bottom: 40px; }
    .section-row div[class^="col-"]{ position: relative; overflow: hidden; float: none; width: 100%; }
    .section-row .entry { padding-top: 0; padding-left: 45px; }
    .section-row .entry .icon { top: -2px; width: 30px; }
    .section-row .entry h3 { font-size: 22px; }

    .section-clients .slides .quote { padding: 20px 15px 0; }

    .slider-thumbs { bottom: -46px; }
    .slider-thumbs ul { padding: 0; }
    .slider-thumbs li img { width: 60px; }


    .top-nav { height: auto; margin: -22px 0 20px; }
    .top-nav ul li { float: none; display: block; width: auto; margin: 0; }
    .top-nav ul li a { height: auto; padding: 0 0 15px; }
    .top-nav ul li .icon { padding: 20px 0 10px; font-size: 50px; line-height: 1.2; }
    .top-nav ul li strong { line-height: 1.2; }
    .top-nav ul li.style-2 strong { margin-bottom: 0; }
    .top-nav ul li:after,
    .top-nav ul li.active a:after { content: none; display: none; }
    .top-nav ul li.active a { height: auto; }


    .section-title { font-size: 22px; }


  

    .section-columns { padding: 54px 0 0; }
    .section-columns .section-title { font-size: 18px; }
    .section-columns .section-description { padding: 0 30px 0; margin-bottom: 0; font-size: 12px; line-height: 1.5; }
    .section-columns .section-title:after { width: 70px; margin-left: -35px; }
    .section-columns .column { float: none; display: block; width: 100%; font-size: 12px; line-height: 1.5; padding-bottom: 6px; }
    .section-columns .column h3 { margin-bottom: 11px; font-size: 19px; line-height: 1.1; }
    .section-columns .column p { padding-bottom: 3px; }

 


    .navbar-nav ul.sub-menu{position: relative!important;display: block;margin-left: 15%!important;background: none!important;}

    .navbar-nav ul.sub-menu li a{color:#fff!important;}
}


@media (max-width: 480px) {.filters ul li.title{display: none;}.section-client-details .category{max-width: 300px;}}
@media (max-width: 330px) {}

.nav>li>a:hover, .nav>li>a:focus{background-color: transparent!important; color: #fff!important;}
.nav>li>a{background-color: transparent; color: #fff;}

a.jm-post-like {
    font-weight: normal;
    display: inline-block;
    width: auto;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    -moz-transition: all 0.3s ease-out 0.2s;
    -webkit-transition: all 0.3s ease-out 0.2s;
    -o-transition: all 0.3s ease-out 0.2s;
}
a.jm-post-like.liked {
    color: #000;
}
a.jm-post-like{color: #000;}
a.jm-post-like:hover,
a.jm-post-like:active,
a.jm-post-like:focus,
a.liked:hover,
a.liked:active,
a.liked:focus { /* default on hover */
    color: #000;
}
.dropdown-menu{background: #81bd10!important;}
.dropdown-menu li {padding-left: 0px!important;width: 100%;}
.dropdown-menu li a{background: none;color: #fff!important;}
.dropdown-menu li a:hover{color:#000!important; background-color: #fff!important;}
.open a{background: url("images/down-arrow.png") no-repeat right center;}
.fourofour{float:none!important; max-width: 100%;}

body > img { position: absolute; bottom: 0; right: 0; }

sup{top:-0.1em!important;font-size: inherit!important;vertical-align: middle!important;}
/*p.current-total{background: #7f889d;color: #fff;font-size: 14px;font-weight: bold;padding-left: 15px;margin-bottom: 0px;max-width: 454px;bottom: 146px;position: absolute;width: 100%;}*/
.price-hold li .entry span{background: none!important; color: #666!important;}
div.item-container{max-width: 454px; margin-left: auto; margin-right: auto;}
#grand-total-cart{background: #000; color: #fff;}
.grand-total-cart{background: #000; color: #fff;}
.grand-total-cart .left{margin-top: 12px;}
.grand-total-cart .right{font-size: 22px; margin-right: 0px!important;}
.category h5{line-height: 1.2;color: #fff;font-weight: bold;font-size: 18px;display: inline;}
/*Form Fix*/
li.gchoice_16_1{max-width: 79px!important;}
li.gchoice_16_2{width: 100px!important;}

/* ===========================
	# transitions
============================ */

.item-article,
.item-article:hover {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/* ===========================
	# filter
============================ */

.filter-by { float: none; width: auto; }

/* ===========================
	# icons
============================ */

.icon-ribbon { background: #89d4ff; color: #89d4ff; display: block; height: 40px; width: 47px; position: relative; }
.icon-ribbon i { color: #fff; display: block; font-size: 27px; height: 40px; line-height: 47px; position: relative; text-align: center; width: 100%; z-index: 20; }
.icon-ribbon:before, .icon-ribbon:after { content: ' '; border-bottom: 16px solid transparent; border-radius: 4px; border-top: 16px solid transparent; bottom: -10px; position: absolute; }
.icon-ribbon:before { border-left: 44px solid; left: 0; border-left-color: inherit; }
.icon-ribbon:after { border-right: 44px solid; right: 0; border-right-color: inherit; }

.icon-ribbon-small { height: 35px; width: 45px; }
.icon-ribbon-small i { font-size: 19px; line-height: 39px; }

/* ===========================
	# sections
============================ */

.section-heading { width: 100%; padding: 20px 0; position: relative; overflow: hidden; color: #fff; text-align: center; }
.section-heading .holder { display: table; width: 100%; height: 440px; }
.section-heading .holder > .wrap { display: table-cell; width: inherit; height: inherit; vertical-align: middle; }
.section-heading h4 { font-size: 24px; line-height: 35px; font-family: 'Courgette', Arial, sans-serif; font-weight: normal; margin: 0; padding-bottom: 4px; }
.section-heading h3 { font-size: 34px; line-height: 46px; font-weight: 700; margin: 0; padding-bottom: 35px; }
.section-heading p { padding-bottom: 25px; }
.section-heading .icon-holder { width: 144px; border-top: 1px solid #fff; margin: 0 auto; }
.section-heading .icon-ribbon { margin: 0 auto; }
.section-heading .btn { min-width: 200px; }

.section-items { width: 100%; position: relative; overflow: hidden; padding: 100px 0; }
.section-items h1 { text-align: center; font-weight: 400; color: #444; padding-bottom: 10px; margin: 0 0 43px 0; position: relative; }
.section-items h1 strong { font-weight: 700; }
.section-items h1:before { content: ' '; position: absolute; left: 50%; bottom: 0; width: 140px; margin-left: -70px; height: 1px; background: #ccc; }

/* ===========================
	# items
============================ */

.item-article { border: 1px solid #eff2f8; padding: 10px; margin-bottom: 50px; }
.item-article {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.item-article .image img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.item-article .category { padding: 16px 0 12px 63px; margin-bottom: 10px; position: relative; text-transform: uppercase; font-size: 12px; line-height: 14px; font-weight: 300; }
.item-article .category .icon-ribbon { position: absolute; left: 6px; top: -4px; }
.item-article .text { padding: 0 0 0 8px; }
.item-article .text h3 { font-size: 22px; line-height: 24px; color: #000; font-weight: 400; padding-bottom: 11px; margin: 0; }
.item-article .text h3 a { color: #000; }
.item-article .text h6 { text-transform: uppercase; color: #666; font-size: 14px; line-height: 16px; font-weight: 700; margin: 0; padding-bottom: 3px; }
.item-article .text p { padding: 0; margin: 0; font-size: 13px; line-height: 26px; }
.item-article:hover {
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    transform: translate(0,-10px);
}

/* ===========================
	# buttons
============================ */

.btn-large { font-size: 16px; font-weight: 900; text-transform: uppercase; }

/* ===========================
	# infinite scroll
============================ */

.listing-nav-next { display: none; }

#infscr-loading { width: 92px; height: 76px; position: fixed; left: 50%; top: 50%; margin: -46px 0 0 -46px; z-index: 9999; }
#infscr-loading > div { opacity: 0; position: absolute; left: 0; top: 0; width: 72px; height: 72px; background: #fe7849; border-radius: 50%; text-align: center; color: #fff; padding: 10px; font-size: 12px; line-height: 18px; box-shadow: 0 0 8px #fe7849; }

/* ===========================
	# media
============================ */

/*ipad landscape*/
@media only screen and (max-width: 1024px) {
    .item-article:hover {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
}
/* ipad portrait */
@media only screen and (min-width: 768px) and (max-width: 995px){
    .filter-by .selectbox { width: 170px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .section-items { padding: 30px 0; }

    .item-article .image img { width: 100%; }
}

.indust{overflow:hidden; max-height:14px;}
/* Web resources page styles */


@media (max-width: 991px) {
    .section-items-2 .col-md-3 .item-article { padding-bottom: 10px; }
    .section-items-2 .col-md-3 .item-article .category { padding-top: 16px; margin-bottom: 10px; }
    .section-items-2 .col-md-3 .item-article .category .indust { float: left; margin-bottom: 15px; }
    .section-items-2 .col-md-3 .item-article .category .date { float: right; display: inline; font-size: 12px; line-height: 14px; }
    .section-items-2 .col-md-3 .item-article .text p { line-height: 26px; padding-bottom: 22px; }
    .section-items-2 .col-md-3 .item-article .text h3,
    .section-items-2 .col-md-6 .item-article .text h3 { font-size: 22px; line-height: 24px; font-weight: normal; padding-bottom: 11px; }
}

@media (max-width: 767px) {
    .section-items-2 { padding: 100px 0; }
    .section-items-2 .filter-by .clear-filters { margin-left: 0; }