.divpadding {padding-left:5px; padding-right:5px;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 

textarea {
    resize: vertical;
}
*/
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.service-box-top h3{
	font-size:20px;
}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
  background: #ffffff;
  float: left;
  min-height: 42px;
  padding: 5px 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;top:0;right:0;cursor:pointer;color:#000000;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#000000;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #333333;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: bold;
}
.mobile-menu-area {
  background: #262626;
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  padding: 1em 10%;
  text-shadow: none !important;
  visibility: visible;
  width: 80%;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a.mean-expand{
	width:26px;
	height: 15px;
  margin-top: 1px;
  padding: 12px !important;
	text-align:center;
	position:absolute;
	right:0;top:0;
	z-index:2;
	font-weight:700;
	background:rgba(255,255,255,.1);
	border:0!important;
	background: #F8F8F8;
	}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.main-header-area .main-menu-area nav ul li {
		padding: 20px 17px;
	}
	.main-header-2-area .main-menu-area nav ul li {
		padding: 33px 17px;
	}
	.main-header-4-area .main-menu-area nav ul li {
		margin-right: 10px;
	}
	.main-header-area .main-menu-area nav ul li .mega-menu-area,
	.main-header-2-area .main-menu-area nav ul li .mega-menu-area {
		left: -446px;
	}
	.main-header-3-area .main-menu-area nav ul li {
		padding: 33px 15px;
	}
	.slider-area .slider-3 h1 {
		margin-bottom: 0;
	}
	.slider-area .nivo-controlNav {
		bottom: 15px;
	}
	.slider-area .slider-2 p {
		margin-bottom: 5px;
	}
	.slider-area .slider-2 h1 {
		font-size: 52px;
		margin-bottom: 20px;
	}
	.services-4-area .services-4-area-right {
		top: 209px;
	}
	.service-area .row > div .service-box {
		padding: 50px 35px;
	}
	.brand-area:hover .brand .owl-controls .owl-buttons .owl-prev{
		transform: translateX(50px);
		transition: 0.5s;
	}
	.brand-area:hover .brand .owl-controls .owl-buttons .owl-next{
		transform: translateX(-50px);
		transition: 0.5s;
	}
	.brand-area .brand .owl-controls .owl-buttons .owl-prev {
		left: -60px;
		top: 24px;
		transition: 0.8s;
	}
	.brand-area .brand .owl-controls .owl-buttons .owl-next {
		right: -60px;
		top: 24px;
		transition: 0.8s;
	}
	.footer-area-top .footer-social li {
		margin-right: 3px;
	}
	.page-project-details-area .popular-tags-box, 
	.page-shop-area .popular-tags-box {
		margin-bottom: 0;
	}
	.inner-shop-details .inner-product-details-left ul li {
		width: 28%;
	}
	.page-news-details-area .page-news-details-content {
		padding-bottom: 15px;
	}
	.page-news-details-area .page-news-details-content p span {
		margin: 30px 0 30px 30px; 
	}
	.team-2-area .team-2-box .media a {
		float: none!important;
	}
	.team-2-area .team-2-box .media .media-body {
		padding-left: 0;
	}
	.team-2-area .team-2-box .media .media-body p {
		padding-bottom: 0;
	}
	.team-3-area .team-2-box .media .media-body p {
		padding-bottom: 20px;
		margin-bottom: 16px;
	}
	/*.team-details-top-area .img-back-side .overlay {
		display: none;
	}*/
	.team-details-top-area .img-back-side:after {
		display: none;
	}
	.team-details-top-area .img-back-side a img {
		margin: 0 auto;
		width: auto;
		margin-bottom: 15px;
	}
	.team-details-top-area .team-details-top-area-right .team-details-skill h2 {
		text-align: center;
	}
	.get-quote-area {
		text-align: center;
	}
	.get-quote-area .inner-get-quote-area h3 {
		float: none;
		padding: 20px 0;
	}
	.get-quote-area .inner-get-quote-area a {
		float: none;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.about-3-area .about-3-right::after {
		display: none;
	}
	.about-3-area .about-3-details .media .media-body h4::after {
		bottom: 5px;
	}
	.about-3-area .about-3-details .media .media-body h4 {
		margin-bottom: 15px;
	}
	.about-3-details .media a img {
		margin-bottom: 15px;
	}
	.fixed-width {
		width: auto;
	}
	.news-3-area-right .inner-news-3-box-right .inner-news-3-box-bottom p {
		margin-bottom: 10px;
	}
	.news-3-area-left .inner-news-3-box-bottom p {
		margin-bottom: 26px;
	}
	.main-header-2-area .main-header-2-area-back .menu-sidebar::before {
		display: none;
	}
	.main-header-2-area .main-header-2-area-back .menu-sidebar::after {
		display: none;
	}
	.why-choose-us-area .why-choose-us-left .why-choose-us-details .panel-default .panel-heading {	
	padding: 10px 8px !important;	
	}
	.about-2-area .about-2-right p {
		display: none;
	}
	.about-2-area .about-2-right a img {
		padding: 130px 50px 0;
	}
	.header-style4-area .main-header-area .my-search-style {
		display: none;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 22px;
	}
	.section-space {
	  padding: 80px 0;
	}
	.section-space-b-less-30 {
	  padding: 80px 0 60px;
	}
	.section-space-b-less-20 {
		padding: 80px 0 60px
	}
	.inner-section-space-top {
		padding: 50px 0 0;
	}
	.section-space-top {
	  padding: 100px 0 0 0;
	}
	.section-space-88 {
	  padding: 68px 0;
	}
	.section-space-88-100 {
	  padding: 68px 0 80px;
	}
	.section-space-82-100 {
	  padding: 62px 0 80px;
	}
	.section-space-88-64 {
	  padding: 68px 0 44px;
	}
	.section-space-100-74 {
	  padding: 80px 0 54px;
	}
	.section-space-88-75 {
	  padding: 68px 0 55px;
	}
	.section-space-88-94 {
	  padding: 68px 0 74px;
	}
	.section-space-82-74 {
	  padding: 62px 0 54px;
	}
	.section-space-110-64 {
	  padding: 90px 0 44px;
	}
	.section-space-88-44 {
	  padding: 68px 0 24px;
	}
	.section-space-100-64 {
	  padding: 80px 0 44px;
	}
	.section-space-93-94 {
	  padding: 73px 0 74px;
	}
	.section-space-93-100 {
	  padding: 73px 0 80px;
	}
	.margin-b-30 {
	  margin-bottom: 30px;
	}
	.btn-read-more {
		display: inline-block;
	}
	.stick .logo-area {
		margin-top: 20px;
	}
	.header-bennar-area {
		padding: 70px 0;
	}
	.header-bennar-area .header-bennar-left h2 {
		font-size: 36px;
	}
	.main-header-area .main-menu-area nav ul li {
		padding: 20px 7px;
	}
	.main-header-area .cart-area {
		padding: 20px 0;
	}
	.main-header-area .cart-area > a > span {
		top: 12px;
	}
	.main-header-2-area .main-menu-area nav ul li {
		padding: 33px 7px;
	}
	.main-header-4-area .main-menu-area nav ul li {
		margin-right: 6px;
	}
	.main-header-area .main-menu-area nav ul li ul {
		top: 104%;
	}
	.main-header-area .main-menu-area nav ul li .mega-menu-area > li, 
	.main-header-2-area .main-menu-area nav ul li .mega-menu-area > li {
		width: 113px;
		margin-right: 5px;
	}
	.main-header-area .main-menu-area nav ul li .mega-menu-area {
		padding: 16px 15px;
		width: 753px;
		left: -441px;
	}
	.main-header-2-area .main-menu-area nav ul li .mega-menu-area {
		padding: 18px 13px;
		width: 750px;
		left: -433px;
	}
	.main-header-area .cart-area > ul {
		top: 66px;
	}
	.main-header-3-area .main-menu-area nav ul li {
		padding: 21px 5px;
	}
	.main-header-3-area .cart-area {
		padding: 20px 0;
	}
	.main-header-2-area .main-menu-area nav ul li {
		padding: 23px 7px;
	}
	.main-header-2-area .cart-area {
		padding: 22px 0;
	}
	.main-header-2-area .cart-area > a > span {
		top: 15px;
	}
	.main-header-2-area .cart-area > ul {
		top: 70px;
	}
	.slider-area .slider-3 h1 {
		display: none;
	}
	.slider-area .slider-1 h1 {
		font-size: 45px;
		margin-bottom: 0px;
	}
	.slider-area .slider-1 .details-content p {
		display: none;
	}
	.slider-area .slider-1 h1::before {
		display: none;
	}
	.slider-area .slider-1 .read-more {
		margin-top: 0;
	}
	.slider-area .slider-2 p {
		margin-bottom: 25px;
	}
	.slider-area .slider-2 h1 {
		display: none;
	}
	.services-4-area .services-4-area-left .services-4-area-left-bottom .services-4-area-left-bottom-box {
		padding: 30px 15px 10px;
	}
	.services-4-area .services-4-area-right {
		top: 260px;
	}
	.service-area .row > div .service-box .service-box-top a i::before {
		font-size: 42px;
	}
	.service-area .row > div .service-box {
		padding: 50px 20px;
	}
	.service-area .row > div .service-box .service-box-top a {
		margin-right: 20px;
	}
	.service-area .row > div .service-box .service-box-top h3::after {
		bottom: 34px;
		left: 64px;
	}
	.service-area .row > div .service-box .service-read-more i {
		font-size: 18px;
		line-height: 44px;
	}
	.service-area .row > div .service-box .service-read-more {
		height: 40px;
		width: 50px;
	}
	.about-area .about-left h2 {
		font-size: 40px;
	}
	.about-area .about-left ul {
		margin: 30px 0;
	}
	.featured-area .isotop-classes-tab a {
		margin: 0;
	}
	.video-area h2 {
		font-size: 40px;
		margin-bottom: 40px;
	}
	.team-box {
		padding-bottom: 0;
	}
	.team-box h3 {
		font-size: 19px;
	}
	.team-box p {
		margin-bottom: 0;
	}
	.team-box .overlay-box {
		margin-bottom: 30px;
	}
	.team-box .overlay-box ul li a i {
		font-size: 28px;
	}
	.team-box .overlay-box ul li {
		width: 52px;
		margin-bottom: 10px;
	}
	.news-area .inner-news-box-bottom {
		padding: 20px 15px 30px;
	}
	.news-area .inner-news-box-bottom p {
		margin-bottom: 30px;
	}
	.clients-area .inner-section-space-top {
		padding: 0;
	}
	.clients-area .clients .clients-box .clients-area-top a img {
		float: none;
		margin: 0 auto;
	}
	.clients-area-top {
		text-align: center;
	}
	.clients-area .clients .clients-box .clients-area-top .clients-area-top-content p::after {
		right: 0;
		margin: 0 auto;
	}
	.clients-area .clients .owl-controls {
		margin-top: 20px;
	}
	.brand-area:hover .brand .owl-controls .owl-buttons .owl-prev{
		transform: translateX(50px);
		transition: 0.5s;
	}
	.brand-area:hover .brand .owl-controls .owl-buttons .owl-next{
		transform: translateX(-50px);
		transition: 0.5s;
	}
	.brand-area .brand .owl-controls .owl-buttons .owl-prev {
		left: -60px;
		top: 24px;
		transition: 0.8s;
	}
	.brand-area .brand .owl-controls .owl-buttons .owl-next {
		right: -60px;
		top: 24px;
		transition: 0.8s;
	}
	.page-services-3-top-area .page-services-3-box .media .featured-box {
		margin-bottom: 30px;
	}
	.page-services-3-top-area .page-services-3-box .media .media-body {
		padding-left: 0;
	}
	.page-shop-area .inner-shop-top-left {
		text-align: center;
	}
	.inner-shop-details .inner-product-details-left ul li {
		margin: 16px 10px 0 0;
	}
	.page-news-area .inner-page-news-area .inner-page-news-box .inner-news-box-bottom {
		padding: 30px 10px;
	}
	.page-news-area .inner-page-news-area .inner-page-news-box .inner-news-box-bottom p {
		margin-bottom: 30px;
	}
	.page-news-details-area .page-news-details-content .comments-info li {
		margin-right: 7px;
	}
	.contact-banner-area h3 {
		text-align: center;
		font-size: 32px;
	}
	.contact-banner-area a {
		margin-top: 15px;
	}
	.about-4-area .about-4-left .about-4-tab-area ul li a {
		width: 135px;
	}
	.about-4-area .about-4-left .about-4-tab-area .tab-content {
		padding: 40px 0 0 0;
	}
	.why-choose-us-area::after {
	    background: rgba(230, 230, 230, 0.9) none repeat scroll 0 0;
	    content: "";
	    height: 100%;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	.why-choose-us-area .why-choose-us-left {
		padding-right: inherit;
	}
	.news-3-area .fixed-width {
		width: 100%;
	}
	.news-3-area-left {
		margin-bottom: 30px;
	}
	.about-2-area .about-2-right a::after {
		display: none;
	}
	.about-2-area .about-2-right a img {
		padding: 30px 30px 0 30px;
	}
	.about-2-area .about-2-left .about-2-tab-area .tab-content {
		padding: 40px 0 0 0;
	}
	.btn-read-more {
		padding: 12px 30px;
	}
	.services-2-area .services-2-bottom h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.about-4-area .about-4-left h2,
	.about-2-area .about-2-left h2 { 
		font-size: 42px;
		margin-bottom: 26px; 
	}
	.about-2-area .about-2-left .about-2-tab-area ul li a {
		width: 132px;
	}
	.services-4-area .services-4-area-left .services-4-area-left-bottom .services-4-area-left-bottom-box h3 {
		font-size: 14px;
	}
	.services-4-area .services-4-area-left .services-4-area-left-bottom .services-4-area-left-bottom-box i:before { 
		font-size: 40px;
	}
	.section-sub-title {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.shop-2-box a img {
		width: 220px;
	}
	.main-header-area .main-menu-area nav ul {
		text-align: left;
	}
	.header-style4-area .main-header-area .main-menu-area ul li {
		padding: 33px 0;
		margin-right: 22px;
	}
	.header-style4-area .main-header-area .main-menu-area ul li:last-child {
		margin-right: 0;
	}
	.main-header-area .main-menu-area nav ul li .mega-menu-area {
		left: -342px;
	}
	.main-header-area .main-menu-area nav ul li ul {
		top: 100%;
	}
	.main-header-area .cart-area {
		padding: 32px 0;
	}
	.main-header-area .cart-area > a > span {
		top: 25px;
	}
	.header-style4-area .main-header-area .main-menu-area ul li {
		margin-right: 18px;
		padding: 20px 0;
	}
	.main-header-area .cart-area {
		padding: 19px 0;
	}
	.main-header-area .cart-area > a > span {
		top: 15px;
	}
	.main-header-area .main-menu-area nav ul {
		text-align: center;
	}
	.main-header-area .main-menu-area nav ul li {
		padding: 20px 5px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.mean-bar img {
		padding: 1px 0 0 5px;
	}
	.section-space {
	  padding: 70px 0;
	}
	.section-space-b-less-30 {
	  padding: 70px 0 40px;
	}
	.section-space-b-less-20 {
		padding: 70px 0 50px
	}
	.inner-section-space-top {
		padding: 40px 0 0;
	}
	.section-space-top {
	  padding: 80px 0 0 0;
	}
	.section-space-88 {
	  padding: 58px 0;
	}
	.section-space-88-100 {
	  padding: 58px 0 70px;
	}
	.section-space-82-100 {
	  padding: 52px 0 70px;
	}
	.section-space-88-64 {
	  padding: 58px 0 34px;
	}
	.section-space-100-74 {
	  padding: 70px 0 44px;
	}
	.section-space-88-75 {
	  padding: 58px 0 45px;
	}
	.section-space-88-94 {
	  padding: 58px 0 64px;
	}
	.section-space-82-74 {
	  padding: 52px 0 44px;
	}
	.section-space-110-64 {
	  padding: 80px 0 34px;
	}
	.section-space-88-44 {
	  padding: 58px 0 14px;
	}
	.section-space-100-64 {
	  padding: 70px 0 34px;
	}
	.section-space-93-94 {
	  padding: 63px 0 64px;
	}
	.section-space-93-100 {
	  padding: 63px 0 70px;
	}
	.header-bennar-area {
		padding: 70px 0;
	}
	.header-bennar-area .header-bennar-left h2 {
		font-size: 32px;
	}
	.header-bennar-left,
	.header-bennar-right {
		text-align: center!important;
	}
	.header-top-area .header-top-right {
		margin-top: 10px;
	}
	.main-header-area {
		display: none;
	}
	.header-2-wraper {
		display: none;
	}
	#sticker-3 {
		display: none;
	}
	.main-header-4-area {
		display: none;
	}
	.slider-area .slider-3 .details-content {
		margin-bottom: 0;
	}
	.bend-3 {
		margin-bottom: 0;
	}
	.slider-area .slider-3 .details-content p {
		letter-spacing: 3px;
	}
	.slider-area .slider-1 h1 {
		font-size: 30px;
	}
	.slider-area .slider-1 .read-more {
		display: none;
	}
	.slider-area .slider-1 h1::after {
		display: none;
	}
	.slider-area .slider-1 h3 {
		letter-spacing: 5px;
	}
	.slider-area .slider-1 h3 {
		margin-bottom: 0;
	}
	.bend-2 {
		margin-bottom: 0;
	}
	.slider-area .slider-2 p {
		letter-spacing: 7px;
	}
	.services-4-area .services-4-area-right {
		position: initial;
		text-align: center;
	}
	.services-4-area-left-bottom-box {
		margin-bottom: 15px;
	}
	.about-right {
		margin-top: 30px;
	}
	.featured-area .isotop-classes-tab a {
		display: inline-block;
		margin: 0 2px 8px;
	}
	.video-area h2 {
		font-size: 40px;
		margin-bottom: 36px;
	}
	.team-box .overlay-box ul li {
		width: 80px;
		margin-bottom: 30px;
	}
	.brand-area .brand .brand-box {
		width: 150px;
	}
	.brand-area:hover .brand .owl-controls .owl-buttons .owl-prev{
		transform: translateX(60px);
		transition: 0.5s;
	}
	.brand-area:hover .brand .owl-controls .owl-buttons .owl-next{
		transform: translateX(-60px);
		transition: 0.5s;
	}
	.brand-area .brand .owl-controls .owl-buttons .owl-prev {
		left: -60px;
		top: 24px;
		transition: 0.8s;
	}
	.brand-area .brand .owl-controls .owl-buttons .owl-next {
		right: -60px;
		top: 24px;
		transition: 0.8s;
	}
	.footer-area-top .flickr-photos li {
		width: auto;
	}
	.page-about-us-details-box p:last-child {
		margin-bottom: 0;
	}
	.in-responsive-center {
		text-align: center;
	}
	.in-responsive-center h3{
		margin-bottom: 20px;
	}
	.page-services-3-top-area .page-services-3-box .media .featured-box {
		margin-bottom: 0;
	}
	.sidebar {
		margin-top: 50px;
	}
	.projects-1-featured-area .isotop-classes-tab {
		margin-bottom: 30px;
	}
	.clients-2-area .clients-2 .clients-2-box > p {
		padding: 0 15px;
	}
	.projects-2-featured-area .isotop-classes-tab a {
		display: inline-block;
		margin-bottom: 3px;
	}
	.page-project-details-area .page-project-details-bottom ul li i::before {
		font-size: 18px;
		margin-right: 10px;
	}
	.page-project-details-area .page-project-details-bottom ul li {
		font-size: 12px;
	}
	.page-shop-area .inner-shop-top-right {
		float: none;
		text-align: center;
	}
	.mypagination {
		text-align: center;
	}
	.inner-product-details-left {
		margin-bottom: 30px;
	}
	.page-news-details-area .page-news-details-tags {
		padding-bottom: 30px;
	}
	.team-3-area .team-2-box .media a {
		float: none!important;
	}
	.team-3-area .team-2-box .media .media-body {
		padding-left: 0;
	}
	.team-details-top-area .team-details-top-area-right .team-details-social {
		right: 15px;
	}
	.page-error-area .page-error-top {
		padding: 10px 0 40px;
	} 
	.page-error-area .page-error-top span {
		font-size: 150px;
		line-height: 200px;
	}
	.page-error-area .page-error-top p {
		font-size: 20px;
	}
	.page-error-area .page-error-bottom p {
		font-size: 14px;
	}
	.page-contact-us-left {
		margin-bottom: 50px;
	}
	.btn-read-more, 
	.btn-read-more-fill, 
	.btn-read-more-white, 
	.btn-read-more-transparent, 
	.btn-error {
		padding: 12px 30px;
	}
	.header-top-4-right ul, 
	.header-top-4-left ul {
		display: none;
	}
	.slider-area .slider-4 .logo-area img {
		top: 35%;
		max-width: 100%;
		padding: 0 30px;
	}
	.services-2-top a img {
		width: 100%;
	}
	.featured-3-area .isotop-classes-tab a {
		display: inline-block;
		margin: 2px 0;
	}
	.about-3-right {
		margin-top: 30px;
	}
	.about-2-area .about-2-left .about-2-tab-area .tab-content {
		padding: 40px 0 0 0;
	}
	.about-2-area .about-2-left h2 {
		font-size: 40px;
	}
	.projects-1-featured-area .isotop-classes-tab a {
		display: inline-block;
		width: inherit;
	}
	.header-top-area {
		display: none;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 22px;
	}
	.section-space {
	  padding: 60px 0;
	}
	.section-space-b-less-30 {
	  padding: 60px 0 30px;
	}
	.section-space-b-less-20 {
		padding: 60px 0 40px
	}
	.header-bennar-area {
		padding: 40px 0;
	}
	.inner-section-space-top {
		padding: 40px 0 0;
	}
	.section-space-top {
	  padding: 70px 0 0 0;
	}
	.section-space-88 {
	  padding: 48px 0;
	}
	.section-space-88-100 {
	  padding: 48px 0 60px;
	}
	.section-space-82-100 {
	  padding: 42px 0 60px;
	}
	.section-space-88-64 {
	  padding: 48px 0 24px;
	}
	.section-space-100-74 {
	  padding: 60px 0 34px;
	}
	.section-space-88-75 {
	  padding: 48px 0 35px;
	}
	.section-space-88-94 {
	  padding: 48px 0 54px;
	}
	.section-space-82-74 {
	  padding: 42px 0 34px;
	}
	.section-space-110-64 {
	  padding: 70px 0 24px;
	}
	.section-space-88-44 {
	  padding: 48px 0 4px;
	}
	.section-space-100-64 {
	  padding: 60px 0 24px;
	}
	.section-space-93-94 {
	  padding: 53px 0 54px;
	}
	.section-space-93-100 {
	  padding: 53px 0 60px;
	}
	.header-bennar-area .header-bennar-left h2 {
		font-size: 28px;
	}
	.slider-area .slider-1 h1 {
		font-size: 22px;
	}
	.slider-area .slider-1 h3 {
		letter-spacing: 3px;
		font-size: 12px;
	}
	.slider-area .slider-2 h1 {
		font-size: 36px;
		display: inherit;
	}
	.slider-area .slider-2 p {
		display: none;
	}
	.slider-2 .read-more {
		display: none;
	}
	.nivo-directionNav {
		display: none;
	}
	.about-area .about-left h2 {
		font-size: 36px;
	}
	.about-area .about-left ul li {
		font-size: 12px;
	}
	.about-area .about-left ul li i::before {
		font-size: 18px;
		margin-right: 10px;
	}
	.featured-area .isotop-classes-tab a {
		display: inline-table;
		margin: 2px 0;
	}
	.team-box .overlay-box ul li {
		width: 60px;
		margin-bottom: 0;
	}
	.video-area h2 {
		font-size: 36px;
		margin-bottom: 32px;
	}
	.footer-area-top {
		padding-left: 5px;
		padding-right: 5px;
	}
	.page-services-3-top-area .page-services-3-box .media .featured-box {
		margin-bottom: 30px;
	}
	.page-services-3-top-area .page-services-3-box .media .media-body {
		padding-left: 0;
	}
	.projects-2-featured-area .isotop-classes-tab a {
		display: inline-block;		
	}
	.page-news-details-comments {
		text-align: center;
	}
	.page-news-details-comments .media a {
		float: none!important;
	}
	.page-news-details-comments .media a img {
		margin: 0 auto;
	}
	.page-news-details-comments .media .media-body {
		padding-left: 0!important;
	}
	.team-details-top-area .team-details-top-area-right .team-details-skill h2 {
		font-size: 20px;
		letter-spacing: 5px;
	}
	.team-details-top-area .team-details-top-area-right .team-details-social {
		display: none;
	}
	.page-contact-us-area .page-contact-us-left p {
		margin-bottom: 30px;
	}
	.about-2-area .about-2-left .about-2-tab-area ul li a,
	.about-4-area .about-4-left .about-4-tab-area ul li a  {
		width: 128px;
	}
	.about-4-area .about-4-left h2 {
		font-size: 40px;
		margin-bottom: 40px;
	}
	.about-4-area .about-4-left .about-4-tab-area .tab-content {
		padding: 30px 0 0;
	}
	.video-4-area h2 {
		font-size: 40px;
		margin-bottom: 40px;
	}
	.news-3-area .inner-news-3-box-right .inner-news-3-box-bottom {
		padding: 30px 15px 20px;
	}
	.header-bennar-area .header-bennar-right {
		margin-top: 0px;
	}
}
/* small mobile :480px. */
@media only screen and (min-width: 321px) and (max-width: 480px) {
	.about-area .about-left h2,
	.about-2-area .about-2-left h2,
	.about-4-area .about-4-left h2  {
		font-size: 36px;
	}
	.about-2-area .about-2-left .about-2-tab-area ul li a, 
	.about-4-area .about-4-left .about-4-tab-area ul li a {
   	 	width: 114px;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	h2 {
    	font-size: 28px;
	}
	.service-area .row > div .service-box {
		padding: 40px 10px;
	}
	.about-area .about-left h2,
	.about-2-area .about-2-left h2 {
		font-size: 30px;
	}
	.video-area h2 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.shop-2-box .media-body {
		padding: 15px 30px 0 0;
	}
	.about-4-area .about-4-left h2 {
		text-align: center;
	}
	.about-2-area .about-2-left .about-2-tab-area ul li a, 
	.about-4-area .about-4-left .about-4-tab-area ul li a {
    	width: 96px;
	}
	.section-space-top {
    	padding: 60px 0 0 0;
	}
	.why-choose-us-area .why-choose-us-left .why-choose-us-details .panel-default .panel-heading .panel-title {
    	font-weight: 600;
    	font-size: 16px;
	}
	.about-4-area .about-4-left h2 {
    	font-size: 30px;
    	margin-bottom: 30px;
	}
	.slider-area .slider-1 h3 {
		padding: 5px 0;
	}
	.services-2-area {
		padding-bottom: 30px;
	}
}
/*body {
    padding-top: 0px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/*----------------------------------------
1.3 Helper Classes styles
/*----------------------------------------*/
.section-space {
  padding: 1px 0;
}
.section-space-b-less-30 {
  padding: 30px 0 0px;
}
.section-space-top {
  padding: 100px 0 0 0;
}
.inner-section-space-top {
  padding: 60px 0 0 0;
}
.inner-section-space-top30 {
  padding: 30px 0 0 0;
}
.section-space-b-less-20 {
  padding: 100px 0 80px;
}
.section-space-88 {
  padding: 35px 0;
}
.section-space-88-100 {
  padding: 35px 0 10px;
}
.section-space-82-100 {
  padding: 82px 0 100px;
}
.section-space-88-64 {
  padding: 88px 0 64px;
}
.section-space-100-74 {
  padding: 100px 0 74px;
}
.section-space-88-75 {
  padding: 88px 0 75px;
}
.section-space-88-94 {
  padding: 88px 0 94px;
}
.section-space-82-74 {
  padding: 82px 0 74px;
}
.section-space-110-64 {
  padding: 30px 0 5px;
}
.section-space-88-44 {
  padding: 88px 0 44px;
}
.section-space-100-64 {
  padding: 100px 0 64px;
}
.section-space-93-94 {
  padding: 93px 0 94px;
}
.section-space-93-100 {
  padding: 93px 0 100px;
}
.margin-b-30 {
  margin-bottom: 30px;
}
.margin-b-0 {
  margin-bottom: 0!important;
}
.padding-b-0 {
  padding-bottom: 0;
}
.wrapper-area {
  overflow: hidden;
}
.solid-underline {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.solid-underline:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #e3e3e3;
  left: 0;
  bottom: 0;
}
/*----------------------------------------
1.4 Button styles
/*----------------------------------------*/
.btn-read-more {
  background: transparent;
  padding: 14px 30px;
  border: 2px solid #0066cc;
  text-transform: uppercase;
  color: #001428;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-read-more i {
  padding-left: 10px;
}
.btn-read-more:hover {
  color: #ffffff;
  background: #0066cc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-read-more-fill {
  background: #0066cc;
  padding: 14px 30px;
  border: 2px solid #0066cc;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-read-more-fill i {
  padding-left: 10px;
}
.btn-read-more-fill:hover {
  color: #001428;
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-read-more-white {
  background: #ffffff;
  padding: 14px 30px;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  color: #001428;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: block;
  width: 170px;
}
.btn-read-more-white i {
  padding-left: 10px;
}
.btn-read-more-white:hover {
  color: #ffffff;
  background: #eaaf04;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-read-more-transparent {
  background: transparent;
  padding: 14px 30px;
  border: 2px solid #0066cc;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: block;
  width: 170px;
}
.btn-read-more-transparent i {
  padding-left: 10px;
}
.btn-read-more-transparent:hover {
  color: #ffffff;
  background: #eaaf04;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-error {
  background: #001428;
  padding: 14px 33px;
  color: #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 30px;
}
.btn-error:hover {
  background: #0066cc;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-shopnow {
  background: #0066cc;
  padding: 8px 30px;
  color: #ffffff;
  border-radius: 0;
  text-transform: capitalize;
  border: 2px solid #0066cc;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-shopnow:hover {
  background: transparent;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-cart {
  background: #0066cc;
  height: 46px;
  width: 140px;
  color: #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  border: 2px solid #0066cc;
  font-weight: 600;
  line-height: 32px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-cart:hover {
  background: transparent;
  color: #000000;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-download {
  background: transparent;
  padding: 12px 30px;
  border: 2px solid #0066cc;
  text-transform: capitalize;
  color: #000000;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: block;
  width: 200px;
}
.btn-download i {
  padding-left: 15px;
  color: #898989;
}
.btn-download:hover {
  color: #ffffff;
  background: #eaaf04;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-checkout {
  display: inline-block;
  background: #0066cc;
  padding: 7px 25px;
  border: 1px solid #0066cc;
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-checkout i {
  padding-right: 10px;
}
.btn-checkout:hover {
  color: #001428;
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/*----------------------------------------
1.5 Section Title styles
/*----------------------------------------*/
.section-title-area {
  text-align: center;
}
.section-title-area h2.section-title {
  margin-bottom: 24px;
  color: #001428;
}
.section-title-area .title-bottom-icon {
  width: 235px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 37px;
}
.section-title-area .title-bottom-icon .title-bottom-icon-left:after {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 7px;
  left: 0;
  position: absolute;
}
.section-title-area .title-bottom-icon .title-bottom-icon-left:before {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 10px;
  left: 10px;
  position: absolute;
}
.section-title-area .title-bottom-icon i {
  color: #0066cc;
  font-size: 16px;
}
.section-title-area .title-bottom-icon .title-bottom-icon-right:after {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 10px;
  right: 0;
  position: absolute;
}
.section-title-area .title-bottom-icon .title-bottom-icon-right:before {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 7px;
  right: 10px;
  position: absolute;
}
.section-title-area p {
  margin: 0;
}
.section-sub-title-big {
  padding-bottom: 24px;
  position: relative;
  font-weight: 600;
  color: #001428;
  margin-bottom: 25px;
}
.section-sub-title-big:after {
  content: "";
  height: 3px;
  width: 50px;
  background: #0066cc;
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-sub-title {
  padding-bottom: 10px;
  position: relative;
  font-weight: 600;
  margin-bottom: 30px;
  color: #001428;
}
.section-sub-title a {
  color: #001428;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.section-sub-title a:hover {
  color: #0066cc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.section-sub-title:after {
  content: "";
  height: 3px;
  width: 50px;
  background: #0066cc;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sub-title {
  color: #001428;
  font-weight: 600;
}
.sub-title a {
  color: #001428;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.sub-title a:hover {
  color: #0066cc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.title-bar {
  margin-bottom: 20px;
  padding-bottom: 20px;
  color: #7a7a7a;
  position: relative;
}
.title-bar:after {
  content: "";
  height: 3px;
  width: 50px;
  background: #0066cc;
  position: absolute;
  bottom: 0;
  left: 0;
}
.inner-sub-title {
  font-size: 18px;
  font-weight: 600;
  color: #001428;
  margin-bottom: 30px;
  display: block;
}
.sidebar-search-title {
  position: relative;
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.sidebar-search-title:after {
  content: "";
  position: absolute;
  background: #0066cc;
  height: 3px;
  width: 50px;
  bottom: 0;
  left: 0;
}
.sidebar-search-title:before {
  content: "";
  position: absolute;
  background: #e1e1e1;
  height: 1px;
  width: 100%;
  bottom: 1px;
  left: 0;
}
.sidebar-title {
  position: relative;
  font-weight: 600;
  font-size: 22px;
  color: #000000;
  text-transform: capitalize;
  padding-bottom: 15px;
  margin-bottom: 32px;
}
.sidebar-title:after {
  content: "";
  position: absolute;
  background: #0066cc;
  height: 3px;
  width: 50px;
  bottom: 0;
  left: 0;
}
.sidebar-title:before {
  content: "";
  position: absolute;
  background: #e1e1e1;
  height: 1px;
  width: 100%;
  bottom: 1px;
  left: 0;
}


/*-------------------------------------
1.11 ScrollUp styles
--------------------------------------*/
#scrollUp {
  background-color: #00509e;
  bottom: 100px;
  color: #ffffff !important;
  display: block;
  font-size: 25px;
  height: 40px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 50px;
  z-index: 99999;
}
#scrollUp i {
  display: block;
  padding-top: 7px;
}
#scrollUp:hover,
#scrollUp:focus {
  background-color: #0066cc;
}

/*=====================================
2. Header Area
=======================================*/
/*-------------------------------------
2.1 Header Common Area styles
--------------------------------------*/
.header-top-area {
  padding: 8px 0;
}
.header-top-area .header-top-left ul li {
  margin-right: 30px;
  display: inline-block;
}
.header-top-area .header-top-left ul li i {
  padding-right: 15px;
  color: #bdbdbd;
  font-size: 16px;
}
.header-top-area .header-top-left ul li a {
  color: #dddddd;
}
.header-top-area .header-top-right {
  text-align: right;
}
.header-top-area .header-top-right ul li {
  display: inline-block;
}
.header-top-area .header-top-right ul li a {
  color: #bdbdbd;
  margin-left: 15px;
  font-size: 16px;
}
.header-top-area .header-top-right ul li a:hover {
  color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.main-header-area .logo-area {
  margin-top: 22px;
}
.main-header-area .main-menu-area nav ul {
  text-align: left;
}
.main-header-area .main-menu-area nav ul .active > a {
  color: #0066cc;
}
.main-header-area .main-menu-area nav ul li {
  display: inline-block;
  position: relative;
  padding: 4px 10px;
}
.main-header-area .main-menu-area nav ul li a {
  display: block;
  transition: all .3s;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
}
.main-header-area .main-menu-area nav ul li a:hover {
  color: #0066cc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.main-header-area .main-menu-area nav ul li ul {
  text-align: left;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  /* IE 9 */
  -webkit-transform: scaleY(0);
  /* Safari */
  transform-origin: 0 0 0;
  width: 180px;
  z-index: 99999;
  background: #0066cc;
  padding: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.main-header-area .main-menu-area nav ul li ul > li {
  padding: 0;
  display: block;
  border-bottom: 1px solid #00509e;
}
.main-header-area .main-menu-area nav ul li ul > li > a {
  padding: 8px;
  display: block;
  color: #ffffff;
}
.main-header-area .main-menu-area nav ul li ul > li:last-child {
  border-bottom: none;
}
.main-header-area .main-menu-area nav ul li ul > li:hover,
.main-header-area .main-menu-area nav ul li ul > li .active {
  background: #eaaf04;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.main-header-area .main-menu-area nav ul li ul > li:hover a,
.main-header-area .main-menu-area nav ul li ul > li .active a {
  color: #ffffff;
}
.main-header-area .main-menu-area nav ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  /* IE 9 */
  -webkit-transform: scaleY(1);
  /* Safari */
  visibility: visible;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area {
  padding: 18px 35px;
  width: 855px;
  left: -350px;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li {
  width: 115px;
  border-bottom: none;
  display: inline-block;
  margin-right: 15px;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li:hover {
  background: transparent!important;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li a {
  padding: 8px 0;
  display: block;
  border-bottom: 1px solid #eaaf04;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li a:hover {
  color: #001428;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li a:last-child {
  border-bottom: none;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li:last-child {
  margin-right: 0;
}
.main-header-area .main-menu-area nav ul li .mega-menu-area > li .active {
  color: #001428;
  background: transparent;
}
.cart-area {
  padding: 32px 0;
  position: relative;
  float: right;
  margin-right: 10px;
}
.cart-area > a {
  color: #0066cc;
  font-size: 20px;
}
.cart-area > a > span {
  background: #000000;
  border-radius: 45px;
  color: #ffffff;
  height: 20px;
  padding: 0 6px;
  position: absolute;
  top: 25px;
  width: 20px;
  font-size: 12px;
  right: -10px;
  line-height: 20px;
}
.cart-area > ul {
  padding: 15px 15px 0 15px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.95);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 90px;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  /* IE 9 */
  -webkit-transform: scaleY(0);
  /* Safari */
  transform-origin: 0 0 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 418px;
  z-index: 99999;
}
.cart-area > ul > li {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 5px;
}
.cart-area > ul > li .media {
  position: relative;
}
.cart-area > ul > li .media .cart-product-img {
  padding-right: 15px;
}
.cart-area > ul > li .media .cart-product-img a {
  display: inline-block;
}
.cart-area > ul > li .media .cart-product-img a img {
  border: 1px solid #dddddd;
  width: 80px;
  min-height: 80px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.cart-area > ul > li .media .cart-product-img a img:hover {
  opacity: 0.5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.cart-area > ul > li .media .cart-content ul li {
  margin-right: 30px;
  display: inline-block;
}
.cart-area > ul > li .media .cart-content ul li h4 {
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 5px;
}
.cart-area > ul > li .media .cart-content ul li h4 a {
  color: #0066cc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.cart-area > ul > li .media .cart-content ul li h4 a:hover {
  color: #eaaf04;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.cart-area > ul > li .media .cart-content ul li p {
  font-size: 12px;
  color: #001428;
}
.cart-area > ul > li .media .cart-content ul li p span {
  color: #000000;
}
.cart-area > ul > li .media .cart-content ul li .trash {
  font-size: 16px;
  color: #000000;
}
.cart-area > ul > li .media .cart-content ul li .trash:hover {
  color: #fb0303;
}
.cart-area > ul > li .media .cart-content ul li:first-child {
  width: 140px;
}
.cart-area > ul > li .media .cart-content ul li:last-child {
  margin-right: 0;
}
.cart-area > ul > li:last-child {
  border-bottom: none;
}
.cart-area > ul > li .checkout li {
  display: inline;
}
.cart-area > ul > li > span {
  display: inline-block;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  font-size: 12px;
  padding-right: 20px;
  text-align: right;
  width: 194px;
}
.cart-area > ul > li > span span {
  font-weight: 600;
  border-left: 1px solid #dddddd;
  width: 194px;
  display: inline-block;
  padding-right: 20px;
}
.cart-area:hover ul {
  opacity: 1;
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  /* IE 9 */
  -webkit-transform: scaleY(1);
  /* Safari */
  visibility: visible;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/*-------------------------------------
2.2 Header 1 Area styles 
---------------------------------------*/
.header-style1-area .header-top-area {
  background: #001428;
}
/*-------------------------------------
2.3 Header 2 Area styles 
---------------------------------------*/
.header-style2-area {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.header-style2-area .header-top-area {
  background: transparent;
}
.header-style2-area .main-header-area div > div {
  background: #ffffff;
}
/*-------------------------------------
2.4 Header 3 Area styles 
---------------------------------------*/
.header-style3-area {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.header-style3-area .main-header-area {
  padding: 30px;
  background: transparent;
}
.header-style3-area .main-header-area .main-menu-area ul li a {
  color: #ffffff;
}
/*-------------------------------------
2.5 Header 4 Area styles  
---------------------------------------*/
.header-style4-area {
  position: relative;
}
.header-style4-area .header-top-area {
  padding-top: 30px;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.header-style4-area .header-top-area .header-top-right ul li a {
  color: #ffffff;
}
.header-style4-area .header-top-area .header-top-right ul li a:hover {
  color: #0066cc;
}
.header-style4-area .main-header-area {
  background-color: #000000;
}
.header-style4-area .main-header-area .logo-area {
  display: none;
}
.header-style4-area .main-header-area .main-menu-area ul li {
  padding: 33px 16px;
}
.header-style4-area .main-header-area .main-menu-area ul li a {
  color: #ffffff;
}
.header-style4-area .main-header-area .main-menu-area ul li ul > li {
  padding: 0;
}
.header-style4-area .main-header-area .my-search-style {
  margin: 25px 20px 0 0;
  width: 80%;
  float: left;
}
/*PNP*/
/*.header-style4-area .main-header-area .my-search-style .form-control {
  color: #ffffff;
  border-radius: 30px 0 0 30px;
  border: none!important;
  background: #3b3b3b!important;
}
.header-style4-area .main-header-area .my-search-style .form-control:focus {
  box-shadow: none;
}
.header-style4-area .main-header-area .my-search-style .input-group-addon {
  background: #3b3b3b!important;
  border: none!important;
  border-radius: 0 30px 30px 0;
}
.header-style4-area .main-header-area .my-search-style .input-group-addon button {
  border: 0;
  background: transparent;
}
.header-style4-area .main-header-area .my-search-style .input-group-addon button i {
  color: #0066cc;
}
.header-style4-area .main-header-area .cart-area > a > span {
  background: #ffffff;
  color: #001428;
}*/
/*-------------------------------------
2.6 Stick Menu Area styles 
---------------------------------------*/
.stick {
  position: fixed;
  top: 0px;
  z-index: 999999;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
  border-bottom: 2px solid #00509e;
}
.stick .logo-area {
  margin-top: 12px;
}
.stick .main-menu-area nav ul li {
  padding: 18px 15px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.stick .cart-area {
  padding: 19px 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.stick .cart-area > a > span {
  top: 12px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.header-style2-area .stick div > div {
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.header-style3-area .stick {
  background: rgba(255, 255, 255, 0.95);
  padding: 0 30px;
}
.header-style3-area .stick .main-menu-area ul li a {
  color: #001428;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.header-style3-area .stick .cart-area > ul {
  top: 66px;
}
.header-style4-area .stick {
  background: rgba(0, 0, 0, 0.95);
}
.header-style4-area .stick .my-search-style {
  margin: 15px 20px 0 0;
}
.header-style4-area .stick .main-menu-area ul {
  text-align: left;
}
.header-style4-area .stick .main-menu-area ul li {
  vertical-align: middle;
  padding: 20px 14px;
}
.header-style4-area .stick .main-menu-area ul li a {
  color: #ffffff;
}
.header-style4-area .stick .logo-area {
  float: left;
  display: block;
  margin: 15px 15px 0 0;
}
/*-------------------------------------
2.7 Mobile Menu Area styles
---------------------------------------*/
.mobile-menu-area {
  display: none;
}
.mean-container .mean-bar {
  float: none;
}
.mean-container .mean-bar:after {
  content: "";
  clear: both;
  display: block;
}
.mean-container .mean-nav ul li a {
  color: #001428;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mean-container .mean-nav ul li a:hover {
  color: #0066cc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}







.box_product {float: left; width: 270px; height: 80px; border-top: 1px dashed #AEAEAE; overflow: hidden; padding: 10px 0 0 0; margin-top: 15px; margin-bottom:0;}
.box_productbot {display: block; float:left; width: 272px; height: 16px; background: url(imgs/box_productbot.png) 0 0 no-repeat; margin-bottom:15px;}
.box_productbot a {display: block; width: 64px; height: 16px; float: right;}

#detail_left {margin-top:30px; width:310px; float:left;}
#detail_right {margin-top:10px; width: 280px; float:right;}
#detail_right li {list-style-type:disc;}

.button {text-align:center;}
.button li {display:block; display:inline;}
.button li a {color:#fff; background: url(imgs/buttonright.png) no-repeat right; text-decoration:none; font-size:12px; font-weight:bold;
display:block; display:inline-block; height:25px; line-height:25px; border:none;}
.button li a span {display:block; padding: 0 10px; background: url(imgs/buttonleft.png) no-repeat left;}
.button li a:hover, .button li a:active {color:#6C4128;}

table {border-collapse:collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:left;}
th, td {border-right:1px solid #FBFCFE; border-bottom:1px solid #F0F0F2; padding:1px 5px 1px 5px;}
tr {background:#F3FDFF;}
thead th {background:#036; color: #ffffff;}
tbody th {font-weight:normal; background:#658CB1; text-align:left;padding-left:5px;}
tr.alternate {background:#D7E0EA;}
tr.alternate th {background:#8AA9C7;}

.products {}
.products ul{ list-style-type: none; }
.products ul li{ position:relative; padding:0; border: 0; float:left; width:231px; margin-right:9px; margin-bottom: 30px; height:383px; overflow:hidden; }
.products ul li.last{ margin-right:0; }

.product-info{ position:absolute; width:173px; top:224px; left:0;}
.product-info h4{ background:#8b0000; color:#fff; padding:6px 10px; line-height: 1.3; text-transform: uppercase;}
.product-info h4 a{ background:#8b0000; color:#fff; padding:6px 4px; text-decoration:none; line-height: 1.3; text-transform: uppercase;}

.product-info h5{ font-weight: normal;}
.product-info p{ font-size:16px; line-height:18px; text-transform: uppercase; font-weight: bold; color:#000; padding:5px 0 7px 0;}
.product-info .product-desc{ padding:10px 0 10px 0; background:url(img/info.png); width:221px; }

.price { display:block; font-size:18px; color:#8b0000; line-height:23px; }

@import url(http://fonts.googleapis.com/css?family=Varela+Round);

.product-info {  position: relative; width: 221px; top: -165px; left: 0; right: 0; margin: 0 auto; background: #ebebeb;}
.products ul li { position: relative; padding: 0; float: none; width: 231px; margin-right: 0; height: 383px; overflow: visible; margin: 8px auto; }
.products ul li.last { margin: 0 auto;}
#description{ padding: 30px 10px 30px 0;}
.springercert-text{ height: auto !important; float: none !important; margin-right: 0 ; margin: 0 auto 8px !important;}

#newproduct {
	float: left;
	width: 405px;
	border: 1px solid #d1D3D4;
	margin-left: 0px;
	margin-top: 20px;
	background-color:#4ec0c0;
	padding-bottom: 10px;
	margin-bottom:20px;
}

#newproduct h4 {
	color: #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#newproductp h4 {
	color: #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#newproduct h2 {
	color:#CC0000;
	font-family: Century Gothic;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


#newproductp {
	background-color: #ffffff;
	padding: 2px 10px 2px 10px;
}

#newproductp p{
	color: #666666;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

 #columnright h9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 10px; color: #000;} .grid3col .column { width: 260px; margin-left: 30px; } .column { float: left; } .column.first, .column.last { margin-left: 0 !important; } .column.last { float: right !important; }


.column {
  float: left;
  width: 29%;
  right: 30px;
  position: relative;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

 /* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}