@charset "utf-8";
/* CSS Document */
/* ===================================
    Google font
====================================== */


@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);



body {
    /*background-color: #e5e5e5;*/

    color: #2e353b;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight:300 !important;
    margin: 0;
    padding: 0;
}
.wrapper{width:90%; margin:0 auto; position:relative;}
h1, h2, h3, h4, h5 {
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0; font-weight:300 !important;
}
h3 { font-size: 60px;line-height: 70px;}
blockquote, q {
    border: 0 none; text-align:justify;
    font-size: 25px;

    line-height: 40px;
    padding: 0;
    quotes: none;
}
ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul li {
    margin: 0 0 8px;
    
    position: relative;
}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {
    border-radius: 0;
}

input[type="checkbox"] {width:auto !important;}
/* ===================================
    Typography
====================================== */

/* heading */
h1, h2, h3, h4, h5 { margin:0; padding:0; }
h2 { font-size:70px; font-weight:900; line-height: 84px; }
h3 { font-size:60px; font-weight:900; line-height: 70px; }
h4 { font-size:30px; line-height: 40px; font-weight: 800;}
h5 { font-size:23px; line-height: 30px; font-weight: 700;}

/* different text size */
.text-extra-small { font-size: 12px !important; line-height: 20px !important; font-weight: 700; }
.text-small { font-size: 18px !important; line-height: 30px !important;  text-align:justify;}
.text-medium { font-size: 23px !important; line-height: 38px !important; }
.text-large { font-size: 30px !important; line-height: 38px !important; }
.text-extra-large { font-size: 50px !important; line-height: 48px !important; }
.text-14 { font-size: 14px !important; line-height: 24px !important; }
.text-15 { font-size: 15px !important; line-height: 28px !important; }
.text-16 { font-size: 16px !important; line-height: 30px !important; }
.text-20 { font-size: 20px !important; line-height: 30px !important; }
.text-22 { font-size: 22px !important; line-height: 30px !important; }

/* letter spacing */
.letter-spacing-1 { letter-spacing: 1px; }
.letter-spacing-2 { letter-spacing: 2px; }
.letter-spacing-3 { letter-spacing: 3px; }
.letter-spacing-4 { letter-spacing: 4px; }
.letter-spacing-5 { letter-spacing: 5px; }
.no-letter-spacing { letter-spacing: 0 !important; }

/* text color */
.text-magenta{ color:#EC008C !important; }
.text-gray { color: #2e353b !important;}
.text-dark-gray { color: #222222 !important;}
.text-white { color: #ffffff !important;}
.text-light-gray { color: #8f8f8f !important;}
.text-deep-green { color: #1ebd65 !important;}

/* text link color */
.text-white-link { color: #ffffff !important;}
.text-white-link:hover, .text-white-link:focus { color: #e7e7e7 !important;}
.text-light-gray-link { color: #8f8f8f !important;}
.text-light-gray-link:hover, .text-light-gray-link:focus { color: #535353 !important;}
.text-gray-link{ color: #2e353b !important;}
.text-gray-link:hover, .text-gray-link:focus {color: #161a1d !important;}
.border-link { border: 1px solid #ececec; font-size: 10px; line-height: 22px; padding: 4px 10px 0px; text-transform: uppercase; color: #8f8f8f; }
.border-link:hover { background-color: #2e353b; color: #fff; border: 1px solid #2e353b; }

/* text align */
.text-center { text-align: center !important }
.text-left { text-align: left !important }
.text-right { text-align: right !important }

/* font weight */
/*.font-weight-200 { font-weight: 200 !important}*/
.font-weight-300 { font-weight: 300 !important}
.font-weight-400 { font-weight: 400 !important}
.font-weight-600 { font-weight: 600 !important}
.font-weight-700 { font-weight: 700 !important}
.font-weight-800 { font-weight: 800 !important}
.font-weight-900 { font-weight: 900 !important}

/* line height */
.line-height16 { line-height: 16px !important;}
.line-height18 { line-height: 18px !important;}
.line-height20 { line-height: 20px !important;}
.line-height22 { line-height: 22px !important;}
.line-height24 { line-height: 24px !important;}
.line-height26 { line-height: 26px !important;}
.line-height28 { line-height: 28px !important;}
.line-height30 { line-height: 30px !important;}
.line-height-no{line-height:none !important;}

/* text property */
.text-uppercase { text-transform: uppercase}

/* text align */
.vertical-align-middle { vertical-align: middle !important;}
.vertical-align-top { vertical-align: top !important;}

/* ===================================
    Icon
====================================== */

/* icon size */
i { color: #EC008C; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
.small-icon { font-size: 30px !important; }
.extra-small-icon { font-size: 18px !important; }
.medium-icon { font-size: 40px !important; }
.large-icon { font-size: 44px !important; }
.extra-large-icon { font-size: 60px !important; }
.icon-20 { font-size: 20px !important; }
.icon-28 { font-size: 28px !important; }

/* social icon */
.social-icon .fab { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px !important; line-height: 1; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; }
.social-icon a {margin: 0 5px 0 0 }
.social-icon a:hover .fa { opacity:.6} 
.social-icon .fa-pinterest { background-color: #cb2027; }
.social-icon .fa-rss  { background-color: #f26522; }
.social-icon .fa-facebook  { background-color: #3b5998; }
.social-icon .fa-twitter  { background-color: #00aced; }
.social-icon .fa-flickr  { background-color: #ff0084; }
.social-icon .fa-dribbble  { background-color: #ea4c89; }
.social-icon .fa-behance  { background-color: #42a9fb; }
.social-icon .fa-linkedin  { background-color: #007bb6; }
.social-icon .fa-vimeo-square  { background-color: #aad450; }
.social-icon .fa-youtube  { background-color: #bb0000; }
.social-icon .fa-tumblr  { background-color: #32506d; }
.social-icon .fa-github-alt  { background-color: #333333; }
.social-icon .fa-google-plus  { background-color: #dd4b39; }
.social-icon .fa-instagram  { background-color: #517fa4; }
.social-icon .fa-soundcloud  { background-color: #f80; }

/* icon style */
.icon-box i { margin:0 30px}
.i-large-box{ width:100px; height:100px; line-height:98px; text-align:center; font-size:40px}
.i-medium-box{ width:80px; height:80px; line-height:80px; text-align:center; font-size:30px;}
.i-small-box{ width:60px; height:60px; line-height:60px; text-align:center; font-size:22px}
.i-extra-small-box{ width:40px; height:40px; line-height:40px; text-align:center; font-size:15px}
.i-plain { color:#737373; background-color: transparent !important;}
.i-plain:hover { color:#fff; background-color: #737373!important; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.i-rounded  { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0,0,0,0.15);}
.i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0,0,0,0.15);}
.i-bordered { border:1px solid rgba(0,0,0,0.15); background-color: transparent !important; color:#9a9a9a}
.i-bordered:hover { background-color: #000 !important; color: #fff}
.i-circled  { border-radius: 50%;}
.i-light { background-color: #fff !important; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; }
.i-light:hover { background-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset !important; color: #444; text-shadow:none }
.i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a !important;  background-color: #fff; color:#000}
.i-3d:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.i-3d-border { border-bottom:3px solid rgba(0,0,0,0.15) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)}
.i-3d-border:hover { border-bottom:3px solid rgba(0,0,0,0.30) !important; color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

/* ===================================
    Background color
====================================== */
.bg-pink{background-color:#EC008C;}
.bg-magenta{ background-color: #d2ae6d;}
.bg-yellow{ background-color: #febe34;}
.bg-dark-gray{ background-color: #231f20;}
.bg-light-gray{ background-color: #f2f2f2;}
.bg-light-gray2{ background-color: #2f2f2f;}
.bg-dark-blue{ background-color: #2e353b;}
.bg-dark-gray2{ background-color: #161616;}
.bg-white{ background-color: #ffffff;}
.bg-black{ background-color: #000;}
.bg-deep-green{ background-color: #1ebd65;}

/* background position */
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center !important; background-repeat: no-repeat !important;}
.fix-background { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative; }

/* ===================================
    Border
====================================== */

.border-right { border-right: 1px solid #d2d2d2;}
.border-right-light { border-right: 1px solid #ececec;}
.border-left-light { border-left: 1px solid #ececec;}
.border-bottom-light { border-bottom: 1px solid #ececec;}

.border-right-pink { border-right: 1px solid #ec008c;}
.border-left-pink { border-left: 1px solid #ec008c;}
.border-bottom-pink { border-bottom: 1px solid #ec008c;}


/* ===================================
    Height and width
====================================== */

.alignleft {
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
}
.alignright {
    float: right;
    margin-bottom: 20px;
    margin-left: 30px;
}

/* height */
.height-100 { height: 100% !important}
.height-auto { height:auto !important}

/* width */
.width-100 { width: 100% !important}
.width-10 { width: 10% !important}
.width-15 { width: 15% !important}
.width-20 { width: 20% !important}
.width-25 { width: 25% !important}
.width-30 { width: 30% !important}
.width-35 { width: 35% !important}
.width-40 { width: 40% !important}
.width-45 { width: 45% !important}
.width-50 { width: 50% !important}
.width-55 { width: 55% !important}
.width-60 { width: 60% !important}
.width-65 { width: 65% !important}
.width-70 { width: 70% !important}
.width-75 { width: 75% !important}
.width-80 { width: 80% !important}
.width-85 { width: 85% !important}
.width-90 { width: 90% !important}
.width-95 { width: 95% !important}
.width-auto { width:auto !important}
.width-20px { width: 20px !important}
.width-30px { width: 30px !important}
.width-40px { width: 40px !important}
.width-50px { width: 50px !important}
.width-60px { width: 60px !important}
.width-70px { width: 70px !important}
.width-80px { width: 80px !important}
.width-90px { width: 90px !important}
.width-100px { width: 100px !important}
.width-150px { width: 150px !important}
.width-200px { width: 200px !important}
.width-250px { width: 250px !important}
.width-300px { width: 300px !important}

/* ===================================
    Custom
====================================== */

/* margin */
.margin-one-all { margin:1% !important;}
.margin-two-all { margin:2% !important;}
.margin-three-all { margin:3% !important;}
.margin-four-all { margin:4% !important;}
.margin-five-all { margin:5% !important;}
.margin-six-all { margin:6% !important;}
.margin-seven-all { margin:7% !important;}
.margin-eight-all {margin:8% !important;}
.margin-nine-all {margin:9% !important;}
.margin-ten-all { margin:10% !important;}
.margin-eleven { margin:11% !important;}
.margin-twelve { margin:12% !important;}
.margin-one-top { margin-top:1% !important;}
.margin-two-top { margin-top:2% !important;}
.margin-three-top { margin-top:3% !important;}
.margin-four-top { margin-top:4% !important;}
.margin-five-top { margin-top:5% !important;}
.margin-six-top { margin-top:6% !important;}
.margin-seven-top { margin-top:7% !important;}
.margin-eight-top {margin-top:8% !important;}
.margin-nine-top {margin-top:9% !important;}
.margin-ten-top { margin-top:10% !important;}
.margin-eleven-top { margin-top:11% !important;}
.margin-twelve-top { margin-top:12% !important;}
.margin-one-bottom { margin-bottom:1% !important;}
.margin-two-bottom { margin-bottom:2% !important;}
.margin-three-bottom { margin-bottom:3% !important;}
.margin-four-bottom { margin-bottom:4% !important;}
.margin-five-bottom { margin-bottom:5% !important;}
.margin-six-bottom { margin-bottom:6% !important;}
.margin-seven-bottom { margin-bottom:7% !important;}
.margin-eight-bottom {margin-bottom:8% !important;}
.margin-nine-bottom {margin-bottom:9% !important;}
.margin-ten-bottom { margin-bottom:10% !important;}
.margin-eleven-bottom { margin-bottom:11% !important;}
.margin-twelve-bottom { margin-bottom:12% !important;}
.margin-fifteen-bottom { margin-bottom:15% !important;}
.margin-seventeen-bottom { margin-bottom:17% !important;}
.margin-one-right { margin-right:1% !important;}
.margin-two-right { margin-right:2% !important;}
.margin-three-right { margin-right:3% !important;}
.margin-four-right { margin-right:4% !important;}
.margin-five-right { margin-right:5% !important;}
.margin-six-right { margin-right:6% !important;}
.margin-seven-right { margin-right:7% !important;}
.margin-eight-right {margin-right:8% !important;}
.margin-nine-right {margin-right:9% !important;}
.margin-ten-right { margin-right:10% !important;}
.margin-eleven-right { margin-right:11% !important;}
.margin-twelve-right { margin-right:12% !important;}
.margin-one-left { margin-left:1% !important;}
.margin-two-left { margin-left:2% !important;}
.margin-three-left { margin-left:3% !important;}
.margin-four-left { margin-left:4% !important;}
.margin-five-left { margin-left:5% !important;}
.margin-six-left { margin-left:6% !important;}
.margin-seven-left { margin-left:7% !important;}
.margin-eight-left {margin-left:8% !important;}
.margin-nine-left {margin-left:9% !important;}
.margin-ten-left { margin-left:10% !important;}
.margin-eleven-left { margin-left:11% !important;}
.margin-twelve-left { margin-left:12% !important;}
.margin-one-lr { margin-left:1% !important; margin-right:1% !important;}
.margin-two-lr { margin-left:2% !important; margin-right:2% !important;}
.margin-three-lr { margin-left:3% !important; margin-right:3% !important;}
.margin-four-lr { margin-left:4% !important; margin-right:4% !important;}
.margin-five-lr { margin-left:5% !important; margin-right:5% !important;}
.margin-six-lr { margin-left:6% !important; margin-right:6% !important;}
.margin-seven-lr { margin-left:7% !important; margin-right:7% !important;}
.margin-eight-lr { margin-left:8% !important; margin-right:8% !important;}
.margin-nine-lr { margin-left:9% !important; margin-right:9% !important;}
.margin-ten-lr { margin-left:10% !important; margin-right:10% !important;}
.margin-eleven-lr { margin-left:11% !important; margin-right:11% !important;}
.margin-twelve-lr { margin-left:12% !important; margin-right:12% !important;}
.margin-one-tb { margin-top:1% !important; margin-bottom:1% !important;}
.margin-two-tb { margin-top:2% !important; margin-bottom:2% !important;}
.margin-three-tb { margin-top:3% !important; margin-bottom:3% !important;}
.margin-four-tb { margin-top:4% !important; margin-bottom:4% !important;}
.margin-five-tb { margin-top:5% !important; margin-bottom:5% !important;}
.margin-six-tb { margin-top:6% !important; margin-bottom:6% !important;}
.margin-seven-tb { margin-top:7% !important; margin-bottom:7% !important;}
.margin-eight-tb { margin-top:8% !important; margin-bottom:8% !important;}
.margin-nine-tb { margin-top:9% !important; margin-bottom:9% !important;}
.margin-ten-tb { margin-top:10% !important; margin-bottom:10% !important;}
.margin-eleven-tb { margin-top:11% !important; margin-bottom:11% !important;}
.margin-twelve-tb { margin-top:12% !important; margin-bottom:12% !important;}
.margin-10px-tb { margin-top:10px !important; margin-bottom:10px !important;}
.margin-15px-tb { margin-top:15px !important; margin-bottom:15px !important;}
.margin-20px-tb { margin-top:20px !important; margin-bottom:20px !important;}
.margin-25px-tb { margin-top:25px !important; margin-bottom:25px !important;}
.margin-30px-tb { margin-top:30px !important; margin-bottom:30px !important;}
.margin-35px-tb { margin-top:35px !important; margin-bottom:35px !important;}
.margin-40px-tb { margin-top:40px !important; margin-bottom:40px !important;}
.margin-45px-tb { margin-top:45px !important; margin-bottom:45px !important;}
.margin-50px-tb { margin-top:50px !important; margin-bottom:50px !important;}
.margin-55px-tb { margin-top:55px !important; margin-bottom:55px !important;}
.margin-60px-tb { margin-top:60px !important; margin-bottom:60px !important;}
.margin-65px-tb { margin-top:65px !important; margin-bottom:65px !important;}
.margin-70px-tb { margin-top:70px !important; margin-bottom:70px !important;} 
.margin-3px-top { margin-top:3px !important;}
.margin-5px-top { margin-top:5px !important;}
.margin-10px-top { margin-top:10px !important;}
.margin-15px-top { margin-top:15px !important;}
.margin-20px-top { margin-top:20px !important;}
.margin-25px-top { margin-top:25px !important;}
.margin-30px-top { margin-top:30px !important;}
.margin-35px-top { margin-top:35px !important;}
.margin-40px-top {margin-top:40px !important;}
.margin-45px-top {margin-top:45px !important;}
.margin-50px-top { margin-top:50px !important;}
.margin-55px-top { margin-top:55px !important;}
.margin-60px-top { margin-top:60px !important;}
.margin-70px-top { margin-top:70px !important;}
.margin-4px-bottom { margin-bottom:4px !important;}
.margin-5px-bottom { margin-bottom:5px !important;}
.margin-10px-bottom { margin-bottom:10px !important;}
.margin-15px-bottom { margin-bottom:15px !important;}
.margin-20px-bottom { margin-bottom:20px !important;}
.margin-25px-bottom { margin-bottom:25px !important;}
.margin-30px-bottom { margin-bottom:30px !important;}
.margin-35px-bottom { margin-bottom:35px !important;}
.margin-40px-bottom {margin-bottom:40px !important;}
.margin-45px-bottom {margin-bottom:45px !important;}
.margin-50px-bottom { margin-bottom:50px !important;}
.margin-55px-bottom { margin-bottom:55px !important;}
.margin-60px-bottom { margin-bottom:60px !important;}
.margin-70px-bottom { margin-bottom:70px !important;}
.margin-0auto { margin: 0 auto}
.no-margin { margin: 0 !important;}
.no-margin-top { margin-top: 0 !important;}
.no-margin-bottom { margin-bottom: 0 !important;}
.no-margin-left { margin-left: 0 !important;}
.no-margin-right { margin-right: 0 !important;}
.no-margin-lr { margin-right: 0 !important; margin-left: 0 !important;}

/* padding */
.padding-one-all { padding:1% !important;}
.padding-two-all { padding:2% !important;}
.padding-three-all { padding:3% !important;}
.padding-four-all { padding:4% !important;}
.padding-five-all { padding:5% !important;}
.padding-six-all { padding:6% !important;}
.padding-seven-all { padding:7% !important;}
.padding-eight-all {padding:8% !important;}
.padding-nine-all {padding:9% !important;}
.padding-ten-all { padding:10% !important;}
.padding-eleven-all { padding:11% !important;}
.padding-twelve-all { padding:12% !important;}
.padding-one-top { padding-top:1% !important;}
.padding-two-top { padding-top:2% !important;}
.padding-three-top { padding-top:3% !important;}
.padding-four-top { padding-top:4% !important;}
.padding-five-top { padding-top:5% !important;}
.padding-six-top { padding-top:6% !important;}
.padding-seven-top { padding-top:7% !important;}
.padding-eight-top {padding-top:8% !important;}
.padding-nine-top {padding-top:9% !important;}
.padding-ten-top { padding-top:10% !important;}
.padding-eleven-top { padding-top:11% !important;}
.padding-twelve-top { padding-top:12% !important;}
.padding-twenty-one-top { padding-top:21% !important;}
.padding-one-bottom { padding-bottom:1% !important;}
.padding-two-bottom { padding-bottom:2% !important;}
.padding-three-bottom { padding-bottom:3% !important;}
.padding-four-bottom { padding-bottom:4% !important;}
.padding-five-bottom { padding-bottom:5% !important;}
.padding-six-bottom { padding-bottom:6% !important;}
.padding-seven-bottom { padding-bottom:7% !important;}
.padding-eight-bottom {padding-bottom:8% !important;}
.padding-nine-bottom {padding-bottom:9% !important;}
.padding-ten-bottom { padding-bottom:10% !important;}
.padding-eleven-bottom { padding-bottom:11% !important;}
.padding-twelve-bottom { padding-bottom:12% !important;}
.padding-fifteen-bottom { padding-bottom:15% !important;}
.padding-twenty-bottom { padding-bottom:20% !important;}
.padding-one-right { padding-right:1% !important;}
.padding-two-right { padding-right:2% !important;}
.padding-three-right { padding-right:3% !important;}
.padding-four-right { padding-right:4% !important;}
.padding-five-right { padding-right:5% !important;}
.padding-six-right { padding-right:6% !important;}
.padding-seven-right { padding-right:7% !important;}
.padding-eight-right {padding-right:8% !important;}
.padding-nine-right {padding-right:9% !important;}
.padding-ten-right { padding-right:10% !important;}
.padding-eleven-right { padding-right:11% !important;}
.padding-twelve-right { padding-right:12% !important;}
.padding-one-left { padding-left:1% !important;}
.padding-two-left { padding-left:2% !important;}
.padding-three-left { padding-left:3% !important;}
.padding-four-left { padding-left:4% !important;}
.padding-five-left { padding-left:5% !important;}
.padding-six-left { padding-left:6% !important;}
.padding-seven-left { padding-left:7% !important;}
.padding-eight-left {padding-left:8% !important;}
.padding-nine-left {padding-left:9% !important;}
.padding-ten-left { padding-left:10% !important;}
.padding-eleven-left { padding-left:11% !important;}
.padding-twelve-left { padding-left:12% !important;}
.padding-fifteen-left { padding-left:15% !important;}
.padding-one-tb { padding-top:1% !important; padding-bottom:1% !important;}
.padding-two-tb { padding-top:2% !important; padding-bottom:2% !important;}
.padding-three-tb { padding-top:3% !important; padding-bottom:3% !important;}
.padding-four-tb { padding-top:4% !important; padding-bottom:4% !important;}
.padding-five-tb { padding-top:5% !important; padding-bottom:5% !important;}
.padding-six-tb { padding-top:6% !important; padding-bottom:6% !important;}
.padding-seven-tb { padding-top:7% !important; padding-bottom:7% !important;}
.padding-eight-tb { padding-top:8% !important; padding-bottom:8% !important;}
.padding-nine-tb { padding-top:9% !important; padding-bottom:9% !important;}
.padding-ten-tb { padding-top:10% !important; padding-bottom:10% !important;}
.padding-eleven-tb { padding-top:11% !important; padding-bottom:11% !important;}
.padding-twelve-tb { padding-top:12% !important; padding-bottom:12% !important;}
.padding-fifteen-tb { padding-top:15% !important; padding-bottom:15% !important;}
.padding-one-lr { padding-left:1% !important; padding-right:1% !important;}
.padding-two-lr { padding-left:2% !important; padding-right:2% !important;}
.padding-three-lr { padding-left:3% !important; padding-right:3% !important;}
.padding-four-lr { padding-left:4% !important; padding-right:4% !important;}
.padding-five-lr { padding-left:5% !important; padding-right:5% !important;}
.padding-six-lr { padding-left:6% !important; padding-right:6% !important;}
.padding-seven-lr { padding-left:7% !important; padding-right:7% !important;}
.padding-eight-lr { padding-left:8% !important; padding-right:8% !important;}
.padding-nine-lr { padding-left:9% !important; padding-right:9% !important;}
.padding-ten-lr { padding-left:10% !important; padding-right:10% !important;}
.padding-eleven-lr { padding-left:11% !important; padding-right:11% !important;}
.padding-twelve-lr { padding-left:12% !important; padding-right:12% !important;}
.padding-fifteen-lr { padding-left:15% !important; padding-right:15% !important;}
.padding-10px-tb { padding-top:10px !important; padding-bottom:10px !important;}
.padding-15px-tb { padding-top:15px !important; padding-bottom:15px !important;}
.padding-20px-tb { padding-top:20px !important; padding-bottom:20px !important;}
.padding-25px-tb { padding-top:25px !important; padding-bottom:25px !important;}
.padding-30px-tb { padding-top:30px !important; padding-bottom:30px !important;}
.padding-35px-tb { padding-top:35px !important; padding-bottom:35px !important;}
.padding-40px-tb { padding-top:40px !important; padding-bottom:40px !important;}
.padding-45px-tb { padding-top:45px !important; padding-bottom:45px !important;}
.padding-50px-tb { padding-top:50px !important; padding-bottom:50px !important;}
.padding-55px-tb { padding-top:55px !important; padding-bottom:55px !important;}
.padding-60px-tb { padding-top:60px !important; padding-bottom:60px !important;}
.padding-65px-tb { padding-top:65px !important; padding-bottom:65px !important;}
.padding-70px-tb { padding-top:70px !important; padding-bottom:70px !important;}
.padding-5px-top { padding-top:5px !important;}
.padding-10px-top { padding-top:10px !important;}
.padding-15px-top { padding-top:15px !important;}
.padding-20px-top { padding-top:20px !important;}
.padding-25px-top { padding-top:25px !important;}
.padding-30px-top { padding-top:30px !important;}
.padding-35px-top { padding-top:35px !important;}
.padding-40px-top {padding-top:40px !important;}
.padding-45px-top {padding-top:45px !important;}
.padding-50px-top { padding-top:50px !important;}
.padding-60px-top { padding-top:60px !important;}
.padding-70px-top { padding-top:70px !important;}
.padding-5px-bottom { padding-bottom:5px !important;}
.padding-10px-bottom { padding-bottom:10px !important;}
.padding-15px-bottom { padding-bottom:15px !important;}
.padding-20px-bottom { padding-bottom:20px !important;}
.padding-25px-bottom { padding-bottom:25px !important;}
.padding-30px-bottom { padding-bottom:30px !important;}
.padding-35px-bottom { padding-bottom:35px !important;}
.padding-40px-bottom {padding-bottom:40px !important;}
.padding-45px-bottom {padding-bottom:45px !important;}
.padding-50px-bottom { padding-bottom:50px !important;}
.padding-60px-bottom { padding-bottom:60px !important;}
.padding-70px-bottom { padding-bottom:70px !important;}
.no-padding { padding: 0 !important;}
.no-padding-top { padding-top: 0 !important;}
.no-padding-bottom { padding-bottom: 0 !important;}
.no-padding-left { padding-left: 0 !important;}
.no-padding-right { padding-right: 0 !important;}
.no-padding-lr { padding-right: 0 !important; padding-left: 0 !important;}

/* opacity */
.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.9; z-index: 1; top:0; left: 0 }

/* separator */
.small-line{ width: 28px; height: 6px; display: inline-block; margin-right: 7px;}
.extra-small-line{ width: 21px; height: 3px; display: inline-block; margin-right: 12px; vertical-align: middle}
.vertical-medium-line { width: 1px; height: 50px; display: inline-block; margin:0 23px 0 10px; float: left}

/* display */
.display-block { display: block !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display: none !important}
.overflow-hidden{ overflow: hidden !important}
.display-inline-table { display: inline-table !important}

/* float */
.float-left { float: left}
.float-right { float: right}
.float-none { float: none}

/* z-index */
.z-index-0 {z-index:0 !important;}
.z-index-1 {z-index:1 !important;}
.z-index-2 {z-index:2 !important;}
.z-index-3 {z-index:2 !important;}
.z-index-4 {z-index:4 !important;}
.z-index-5 {z-index:5 !important;}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.position-inherit {position: inherit !important;}
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }
.position-bottom { bottom:0 !important; }
.position-bottom-40 { bottom:-40px !important; }
.clear-both { clear: both; }

/* center col */
.center-col { margin-left: auto; margin-right: auto; float: none;}

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

.btn {display: inline-block; font-weight: normal; letter-spacing: 1px; line-height: normal; border: 0; text-transform: uppercase; border-radius:0 }
.btn:focus, .btn:active, .btn:active:focus { outline: none;}

.small-btn { font-size: 16px; padding: 0px 20px 0; line-height:35px}
.small-btn .fa { font-size: 16px; position: relative; top: 0px; margin-left: 5px}

.medium-btn { font-size: 12px; padding: 5px 18px 3px;}
.medium-btn .fa { font-size: 17px; position: relative; top: 2px; margin-left: 5px}

input.small-btn { display: inline-block; font-size: 11px; font-weight: normal; line-height: normal; padding: 5px 15px 6px !important; text-transform: uppercase; border: 0 !important; height: auto !important}
input.small-btn .fa { font-size: 14px; position: relative; top: 1px;}

input.medium-btn { display: inline-block; font-size: 12px; font-weight: normal; letter-spacing: 2px !important; line-height: normal; padding: 7px 18px 7px !important; text-transform: uppercase; border: 0 !important; height: auto !important}
input.medium-btn .fa { font-size: 17px; position: relative; top: 1px;}

.highlight-button-magenta, .highlight-button-magenta:focus { border:1px solid #EC008C; color: #000;}
.highlight-button-magenta:hover { background-color: #d2ae6d;color: #333;}
.highlight-button-magenta:hover .fa{color:#fff;}

.highlight-button-light-gray, .highlight-button-light-gray:focus { background-color: #a8a8a8; color: #fff;}
.highlight-button-light-gray:hover { background-color: #2e353b; color: #fff;}

.highlight-button-deep-green, .highlight-button-deep-green:focus { background-color: #1ebd65; color: #fff;}
.highlight-button-deep-green:hover { background-color: #2e353b; color: #1ebd65;}

.highlight-button-gray, .highlight-button-gray:focus { background-color: #2e353b; color: #fff; text-transform: uppercase}
.highlight-button-gray:hover{ background-color: #636363; color: #fff;}

/*************Header****************/
/*header {
    background: #e5e5e5;
    padding: 1.5vh 5vw 1.5vh;
    position: fixed;
    top: 0;
    width: 100%; left:0;
    z-index: 999;
	transition:all 0.3s linear;
}*/
header {   
    left: 0;
    /*padding: 0 5vw 0 0;*/
	padding:0 5vw 0 4vw;
    position: fixed;
    top: 0;
    transition: all 0.3s linear 0s;
    width: 100%;
    z-index: 999;
}
.logo {   
    float: left;
    padding:0;
    text-align: center;
    width: 228px; position:relative;
}
/*.logo {
    float: left;
    padding-top: 0.4vh;
}*/
/*.logo h1 a {
    color: transparent;
    font-size: 11px;
    text-indent: -9999px;
}*/
.logo h1 a {
    color: transparent;
    display: block;
    font-size: 11px;
    padding: 0 20px 5px;
    text-indent: 0;
}
/*.logo a, .logo img {
    float: left;
    max-width: 190px;
}
.logo a, .logo img {
    float: left;
    max-width: 190px;
}*/
.cd-nav-trigger {
    background-color: #ec008c;
    border: medium none;
    color: transparent;
    cursor: pointer;
    float: right;
    height: 33px;
    outline: medium none;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 35px;
    z-index: 9999;
}
.cd-nav-trigger {
    color: transparent;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
}
.cd-nav-trigger span::before {
    transform: translateY(-6px);
}
.cd-nav-trigger span::after {
    transform: translateY(6px);
}
.cd-nav-trigger span::after, .cd-nav-trigger span::before {
    content: "";
    left: 0;
    transition: transform 0.3s ease 0s;
}
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
    background-color: #ffffff;
    height: 3px;
    position: absolute;
    width: 17px;
}
.cd-nav-trigger span {
    bottom: auto;
    left: 9px;
    right: auto;
    top: 15px;
    transform: translateX(0%) translateY(0%);
    transition: background-color 0.3s ease 0s;
}
button, button.btn, button.btn:focus, .btn.active, .btn:active, .btn:active:focus {
    border: 0 none !important;
    box-shadow: none;
    outline: 0 none;
}


.cd-slideshow-nav .cd-nav-items {
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

/***************************************/

/*******************Box Group*****************/
.boxgroup{padding:1.7vh 4.25vw 1.5vh;position: relative;width: 100%; float:left; margin:6vh 0 0;}
.box{width:100%; float:left; position:relative; overflow:hidden; margin-bottom:40px;}
.sub_box {float: left; width: 100%; position:relative; height:86vh;}
.content-wrapper {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    height: 100%;
	background-color: #ffffff;
    border: 20px solid #ffffff;
    vertical-align: middle; width:100%; float:left;
}
.padding-70px-bottom {
    padding-bottom: 70px !important;
}
.cover-background {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
}

.slide-title-col {
    border-right: 1px solid #ececec;
    height: 100%;
}
.center-block {
    display: table;
    height: 100%;
    text-align: left;
    width: 100%;
}
.middle-block {
    display: table-cell;
    vertical-align: middle;
}
.center-block-right {
    display: table;
    height: 100%;
    text-align: left;
    width: 100%;
}
.middle-block-right {
    display: table-cell;
    vertical-align: middle;
}
.gray-box-main {
    height: 214px;
    margin-top: 3.8%;
}
.gray-box {
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    width: 48.5%;
}
.gray-box .fa {
    display: block;
    font-size: 60px;
    margin-bottom: 9%;
    margin-top: -30px;
}
.slide-title {
    left: -236%;
    margin-left: 0;
    position: absolute;
    text-align: center;
    top: 47%;
    transform: rotate(-90deg);
    width: 562%; text-transform:capitalize;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}

h4 {
    font-size: 30px;
    font-weight: 800;
    line-height: 40px;
}
.small-line {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll center center / cover ;
    display: inline-block;
    height: 28px;
    margin-right: 5px;
    width: 28px;
}

/*****Counter****/
.counter-number {
    display: block;
    font-size: 35px;
    line-height: 22px;
}
.counter-text {
    font-size: 14px;
    line-height: 22px;
}
.bottom-title-text {
    margin-bottom: 2%;
    overflow: hidden;
    padding: 21% 0 0;
}
/*.bottom-text {
    bottom: -7px;
    padding-left: 6%;
    position: absolute;
}*/
/*.bottom-text {
    bottom: 25%;
    left: 25%;
    padding-left: 0;
    position: absolute;
}*/
.bottom-text {
    bottom: 0;
    left: 0;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.export_text {
    bottom: 10%;
    left: 2%;
    position: absolute;
}
.showrom_block {
    float: left;
    margin: 2% 0;
    text-align: center;
    width: 25%;
}
.cntry_name {
    margin: 15px 0 0;
}


/* portfolio popup */
.popup-info { display: none; }
.popup-title { float: left; width: 100%;}
.popup-title .posted, .popup-title .date { font-size: 11px !important; font-weight: 700; line-height: 20px !important; letter-spacing: 1px; text-transform: uppercase; }
.popup-title h3 { line-height: 64px !important;}
.popup-table td { padding: 2px 0; font-size: 16px; line-height: 38px; font-weight: 700;}
.vc-column { padding-top: 8.7% !important; padding-bottom: 8% !important; min-height: 714px;}

/* slide - award */
.award-details span { font-size: 12px; line-height: 20px; margin-top: -3px;}
.slide-footer-logo li { display: inline-block; margin: 0; padding: 2% 5% 7% 0; width: 49%; text-align: left;}
.slide-footer-logo li:before { content: ""; }

/* slide - blog */
.blog-post { float: left; width: 100%;}
.blog-post .post-details { background:rgba(255,72,110,0.9); position: absolute; left: 0; bottom: -100%; height: 100%; width: 100%; opacity: 1; transition: all 0.4s ease 0s; cursor: default }
.blog-post figure { margin: 15px 0;}
.blog-post figure:hover .post-details { opacity: 1; bottom: 0;}
.blog-post .post-details span.post-title { display: inline-block; padding: 0 0 30px 60px; position: relative; text-align: left; margin-top: 16%; }
.blog-post .post-details span.post-title a{ line-height: 30px; font-size: 23px; display: block;}
.blog-post .post-details span.post-title:before { color: #2e353b; content: "\f10d"; font-family: 'FontAwesome'; font-size: 38px; font-weight: 400; left: 0; position: absolute; top: 0;  }
.blog-post .post-details .post-date { position: absolute; left: 0; bottom: 0; text-transform: uppercase; width: 100%; font-size: 12px; padding: 5px 0 2px; }

/* slide - contact */
.contact-address a { color: #2e353b;}
.owl-slider-contact-main { margin-top: 7.4%;}
.required-error { border: 1px solid rgba(204, 0, 0, 1) !important; }
/* ===================================
    Blog listing
====================================== */

.masonry-items {
    -moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 3%;
    column-width: 30%;
}
.masonry-items li{
    margin-bottom: 20px;
}



/* blog header img */
.blog-header-img { height: 300px;}
.blog-header-img .middle-block { display: table-cell; vertical-align: middle; }
.blog-header-img .center-block { display: table; height: 100%; text-align: left; width: 100%; }

/* blog listing */
.blog-listing-banner { position: relative;}
.listing-posted { position: absolute !important; top: 40%; left:5%;}
.listing-date { font-size: 12px;}
.blog-gallery-text { font-size: 14px; line-height: 26px; padding: 35px; border: 1px solid rgba(0,0,0,.1); border-top: none}
.listing-comments { font-size: 11px; text-transform: uppercase; float: right; }
.listing-comments .fa { font-size: 14px; margin-right: 5px; }
.blog-gallery-text h3 { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 20px; }

/* blog grid gallery */
.blog-grid-gallery ul { padding: 0; margin: 0 -15px 0}
.blog-grid-gallery ul li a { cursor: pointer;}
.blog-grid-gallery ul li { padding: 0 15px 0; margin: 0 0 4%; content: ""}
.blog-grid-gallery li::before { content: ""}

/* sidebar widget */
.sidebar .widget { padding-left: 35px;}
.sidebar .widget h5 { position: relative; font-size: 14px; letter-spacing: 1px}
.sidebar .widget h5:before { background-color: #EC008C; content: ""; height: 3px; left: -35px; position: absolute; top: 11px; width: 21px;}

/* search */
.post-search .input-group { border: 1px solid #e9e9e9; float: left; width: 100%;}
.post-search .input-group input { border: 0 !important; margin: 0; padding: 13px 0 13px 15px; height: auto; box-shadow: none; font-weight: 400; font-size: 14px; width: 80%;}
.post-search .input-group input:focus { border: 0 !important;}
.post-search .input-group .btn { padding: 15px 15px 7px 12px; background: transparent; position: relative; top: -2px}
.post-search .input-group .btn .fa { color: #2e353b; font-size: 14px;}

/* catoriges list */
.catoriges-list li { font-weight: 300; padding: 0 0 10px 0; margin: 0; font-size: 14px; line-height: 22px; }
.catoriges-list li:before { content: ""}
.catoriges-list li span { float: right;}
.catoriges-list li a { font-size: 14px; line-height: 22px;}

/* archive list */
.archive-list li { font-weight: 300; padding: 0 0 10px 0; margin: 0; font-size: 14px; line-height: 22px; }
.archive-list li:before { content: ""}
.archive-list li span { float: right;}
.archive-list li a { font-size: 14px; line-height: 22px;}

/* popular posts */
.blog-thumbnail { width: 70px; height: 60px;}
.blog-text { padding-left: 85px; padding-top: 4px; }

/* tag cloud */
.tag-cloud a { display: inline-block; margin: 0 5px 9px 0; }

/* ===================================
    Blog details
====================================== */

.page-container { margin: 0 !important; width: 100%; float: left; position: relative; background-color: #ffffff; border: 20px solid #ffffff; vertical-align: middle; box-shadow:0 0 4px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15) inset;  }
.blog-title { float: left; width: 100%; position: relative; z-index: 1}
.blog-title .posted, .blog-title .date { font-size: 11px !important; font-weight: 700; line-height: 20px !important; letter-spacing: 1px; text-transform: uppercase; }
.blog-title h2 { width: 100%; display: inline-block;}
.post-content p { margin-bottom: 25px;}
.post-content { clear: both; float: left; width: 100%;}

/* blog blockquote */
blockquote.blog-blockquote::before, blockquote.blog-blockquote::after { content: none; }
blockquote.blog-blockquote { font-size: 18px; font-weight: 300; line-height: 30px; background: url("../images/blog-blockquote-bg.png") no-repeat left top 40px; padding:20px 0 20px 90px; margin: 0;  }
blockquote.blog-blockquote p { margin-bottom: 15px;}

/* about author */
.about-author img { border-radius: 100%; max-width: 149px;}
.about-author-img { float: left; margin-right: 60px; }
.about-author-title { margin-bottom: 22px;}
.about-author-title span { display: block; font-size: 11px; line-height: 18px; }
.about-author { clear: both; float: left; width: 100%;}

/* social media */
.author-sharing { margin-top: 20px;}
.author-sharing a { font-size: 10px; text-transform: uppercase; font-weight: 600; float: left}
.author-sharing a .fa { margin: 2px 6px 0 0; float: left}
.author-sharing a.twitter { color:#5fa9dd}
.author-sharing a.twitter .fa{ color:#5fa9dd}
.author-sharing a.facebook { color:#346cb1}
.author-sharing a.facebook .fa{ color:#346cb1}
.author-sharing a.google { color:#e74911}
.author-sharing a.google .fa{ color:#e74911}
.author-sharing a.pinterest { color:#db232b}
.author-sharing a.pinterest .fa{ color:#db232b}
.author-sharing a.linkedin { color:#1595d2}
.author-sharing a.linkedin .fa{ color:#1595d2}
.author-sharing a:hover, .author-sharing a:hover .fa { color: #a8a8a8 !important;}

/* post tags */
.post-tags { font-size: 11px; line-height: normal; font-weight: 700; line-height: 20px; clear: both; float: left; width: 100%;}

/* comment */
.post-comment { margin: 45px 0; font-size: 14px; line-height: 26px; }
.post-comment .comment-avtar { float: left; max-width: 95px; }
.post-comment .comment-avtar img { border-radius: 100%;}
.post-comment .comment-text { padding: 5px 0 0 125px; }
.post-comment > .post-comment { margin-left: 125px; }
.post-comment > .post-comment > .post-comment { margin-left: 125px; }
.blog-comment-form input, .blog-comment-form textarea { margin-bottom: 10px; padding: 9px 15px 10px; height: 51px;}
.blog-comment-form .fields-correctly { font-size: 11px; text-transform: uppercase; line-height: normal;}
.blog-comment-form textarea { height: 173px; }

/* footer */
footer .fa { font-size: 16px; margin: 7px 15px 0;}

/* ===================================
    Coming soon
====================================== */
.coming-soon-bg .number {float: none !important; text-align: center; width: 100%; height: 40px;}
.coming-soon-bg .navbar-brand {float: none !important}
.coming-soon-bg .counter-box span { display: inline-block !important; height: 40px; letter-spacing: 1px;}
.coming-soon-bg p {font-size: 14px !important; font-weight: 600; text-transform: uppercase; line-height:20px !important}
.coming-soon-bg form {position: relative;}
.coming-soon-bg form input {background-color:rgba(255,255,255,1); height: 42px; color: #222222; padding: 7px 40px 3px 12px; border: 1px solid rgba(255,255,255,1); box-shadow: none; text-transform: none; font-size: 12px; font-weight: 300;}
.coming-soon-bg form input:focus { border: 1px solid #666c6e;}
.coming-soon-bg button .fa { color: #6a6a6a; font-size: 17px; }
.coming-soon-bg form button {cursor: pointer;position: absolute; right: 13px; bottom: 4px; padding: 0; background-color:transparent; border: 0;}
.owl-bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; }
.slider-text-middle-main { display: table; height: 100%; width: 100% }
.slider-text-middle { display: table-cell; vertical-align: middle; }
.slider-typography { width: 100%; height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.footer-social i {  font-size: 22px;}
.footer-social a { margin: 0 25px; display: inline-block;}
.footer-social a:first-child {margin-left: 0}
.footer-social a:last-child {margin-right: 0}
.footer-social a i {color: #575757; }
.coming-soon-bg form .loading { position: absolute; right:-90px; top: 12px;}

/* Countdown timer */
.counter-container {display: table; margin: 0 auto;}
#counter-event .counter-box { display: block; width: 160px; text-align: center; padding: 20px 25px 0; float: left; border-right: 1px solid rgba(0,0,0,.15); }
#counter-event .last { border-right: 0px !important;}
#counter-event .first { border-left: 0px !important;}
#counter-event .number { font-size: 60px; text-align: center; font-weight: 600; line-height: 65px; }
#counter-event span { display: block; font-size: 15px; text-align: center; font-weight: 600; text-transform: uppercase; margin-top: 20px;  }

/* ===================================
    Elements
====================================== */

/* according */
.panel-group .panel {border-radius: 0; border: none; background: transparent; box-shadow: none }
.panel-group .panel i {color: #555555;  font-size: 14px; position: relative; top: 2px;}
.panel-default > .panel-heading { background: #f2f2f2; border-radius: 0}
.panel-default > .panel-heading .panel-title {font-weight: normal}
.panel-body {border: none !important}

/* tab */

.tab ul li::before {content: ""}
.tab .nav-tabs li{border-color: transparent transparent; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; margin-bottom: -1px !important; margin: 0; padding: 0}
.tab .nav-tabs li a{border: none; padding: 15px 20px; background-color: transparent;}
.tab .nav-tabs li a:hover, .tab-style6 .nav-tabs li a:focus{background-color: transparent; text-decoration: none; border-bottom:none;}
.tab .nav-tabs {border: 0 !important;}
.tab .tab-content{ background-color: #f2f2f2; border: 1px solid #f2f2f2; padding: 25px;}
.tab .nav-tabs li.active{border-color: #f2f2f2; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; background-color: #f2f2f2;}
.tab .nav-tabs li.active a, .tab-style6 .nav-tabs { border: none;}
.tab .nav-tabs > li.active > a::before {border: none}

.alert { line-height: 15px;}
.alert strong {font-weight: 600}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { 
    .bottom-block-middle { top: 48%;}
    .bottom-text { bottom: -22px}
    input, textarea { padding: 10px 15px 19px 15px}
    #about-me td {display: inline-block}

}
/*************Custom************/
.category a { display: block;}
.line{position:absolute; bottom:40px; width:2px; height:25px; background-color:#ec008c; left:50%; transform: translateY(-30px);-moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;}
.line:after{position:absolute; bottom:0; width:2px; height:25px; background-color:#ec008c; left:50%; content:""; margin-left:2px;}

.category ~ a figcaption{transform:translateY(0px); transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; text-transform:uppercase; color:#000; outline:none;}
.category:hover a:after{border:2px solid #ec008c; height:100%; position:absolute; top:0; left:0; content:"";width:100%;transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;}
.category:hover ~ a .line {
    transform: translateY(20px);
    transition: all 0.3s linear 0s;
}

.category:hover ~ a figcaption{transform:translateY(10px); transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;}

.quote-center {
    bottom: -37px;
    left: -212px;
    margin: 0;
    position: relative;
}
.social-icon li {
    display: inline-block;
    position: relative; padding:0;
}
.social-icon li:before {display:none;}

.number-design {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.number-design li::before {
    content: "";
}
ul.pointing li::before {
    color: #ec008c;
    content: "_";
    font-weight: 700;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: -7px;
}
.number-design li {
    display: inline-block;
    padding-left: 0;
    position: inherit;
    width: 100%;
}
.fluid-width-video-wrapper {
    padding: 0;
    position: relative;
    width: 100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
mark {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px !important;
    padding: 3px 10px 0;
    text-align: center;
}
.copyrights {width:100%; float:left;}
input:focus, textarea:focus, select:focus{ border: 1px solid #ec008c; outline: none; box-shadow:0px 1px 5px rgba(0,0,0,0.24); }
.last-div{position:relative; opacity:1; transition:all 0.3s linear;}
.last-div figcaption {
    color: #fff;
    position: absolute;
    top: 45%;
    width: 100%; text-transform:uppercase;
}
.last-div:hover{transition:all 0.3s linear; opacity:0.5;}
#info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;}
/* ===================================
    Owl carousel
====================================== */

.owl-prev, .owl-next { border: 2px solid #ec008c; border-radius: 100%; width: 46px; height: 46px; text-align: center; background:#ec008c}
.owl-prev .fa, .owl-next .fa { font-size: 28px; color: #fff;}
.owl-next .fa { margin: 7px 0 0 4px;}
.owl-prev .fa { margin: 7px 4px 0 0;}
.owl-next { position: absolute; right: 0; top: 50%; margin-top: -23px;}
.owl-prev { position: absolute; left: 0; top: 50%; margin-top: -23px;}
.owl-prev:hover, .owl-next:hover { border: 2px solid #EC008C; background:none;}
.owl-prev:hover .fa, .owl-next:hover .fa { color: #EC008C;}

.owl-pagination { bottom: 4%; display: block; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100 !important; }
.owl-page { display: inline-block; padding: 6px 5px; }
.owl-page span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; }

/* owl pagination  */
.white-pagination .owl-prev .fa, .white-pagination .owl-next .fa { color: #fff; }
.white-pagination .owl-prev, .white-pagination .owl-next { border-color: #fff;}
.white-pagination .owl-prev:hover, .white-pagination .owl-next:hover { border: 2px solid #cdcdcd;}
.white-pagination .owl-prev:hover .fa, .white-pagination .owl-next:hover .fa { color: #cdcdcd;}
.pagination-margin .owl-prev { margin-left: 3.6%;}
.pagination-margin .owl-next { margin-right: 3.6%;}

/* square pagination */
.square-pagination .owl-page span { width:30px; border-radius: inherit; height:3px; background: rgba(255,255,255,.5)}
.square-pagination .owl-page.active span {border:none !important; transform:none!important; background:#fff !important}

/* background slider */
.owl-background-slider, .owl-background-slider .owl-wrapper-outer, .owl-background-slider .owl-wrapper, .owl-background-slider .owl-item { height: 100%;}
.owl-background-slider .item { background-position: left top; background-size: cover; height: 100%; padding-top: 95%; position: absolute; vertical-align: top; width: 100%; }
 

/**************************************/
.fixed {
    height: 95%;
    position: absolute;
}
.boxcolor {
    min-height: 600px;
}
.boxcolor {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 20px;
    width: 100%;
	height:100%; position:relative; margin-bottom:40px;
}
.exportlist {
    float: left;
    position: relative;
    width: 100%;
}
.export_div{width:100%; float:left; position:relative;}
.exportlist .small-line {
    height: 15px;
    width: 15px;
}
.exportlist ul{width:100%; float:left;}
.exportlist li {
	display:block; padding:0;
}
.fixed-nav{position:fixed;}

.events{position:relative; max-width:98%; margin:0 auto;}
.gallery a {
    float: left;
    margin: 1%;
    text-align: center;
    width: 23%;
}
.offices li {
    display: inline-block;
    float: left;
    width: 50%;
}

/***********************************/
.wall{width:100%; float:left; position:relative; margin-bottom:40px;}

/****************************/
.dealer_div{width:100%; float:left; position:relative;}
.main {margin-top:0px; width:100%; float:left; position:relative;}
.dealrmap_tab {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: relative;
    width: 100%; float:left;
    z-index: 1;
}
.dealertab{
    display: block;
	padding:0;
}
.dealertab li {
    display: block;
    float: left;
    height: 300px;
    margin-bottom: 2px;
    padding: 10px;
    width: 50%;
}
.dealertab li:before{display:none;}
.dealertab li p{color:#000;}
.dealertab li p .fa{margin-right:5px;}
.dealertab li h2{font-size:18px; line-height:30px;}
.dealertab li:hover {
  background-color: #F0F0F0;
  color: #000;
}
.dealertab li.active {
  border: none;
  background-color: #F0F0F0;
  color: #000;
}
.dealrmap_tab form {
    border-bottom: 1px solid #ccc;
    float: none;
    margin:0px auto;
    overflow: hidden;
    padding: 20px;
    width: 100%;
}
.dealrmap_tab label {
    color: #000;
    float: left;   
    font-size: 18px;
    font-weight: bold;
    margin:0 10px 0 0;
}
.dealrmap_tab .customSelectMainWrapper {
    float: left;
    position: relative;
    width: 200px;
}
.dealrmap_tab select {
    display: block;
    float: left;
    height: 30px !important;
    width: 100% !important;
	padding:0; line-height:30px; margin:0;
}
/*.dealrmap_tab  .content {
    height: 680px;
    overflow-y: scroll;
}*/
.customSelect::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3f4759 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    position: absolute;
    right: 6px;
    top: 12px;
    width: 0;
}
.dealersNetwork .customSelect {
    width: 117px;
}
.customSelect {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #22232d 0%, #13161b 100%) repeat scroll 0 0;
    border: 1px solid #13151c;
    color: #5c667d;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    pointer-events: none;
    position: relative;
}
.dealertab a {
    display: block;
}

.locationList {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.locationList > li {
    background: rgba(236, 0, 140, 0.6);
    display: inline-block;
    height: 150px;
    margin: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 150px; padding:0;
}
.locationList div {
    color: #ffffff;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%; left:0;
}



form.career-form {
    margin: 0 auto;
    width: 80%;
}
.name, .phone-email, .address, .location, .address, .submit {
    display: block;
    margin: 0 auto;
    width: 80%;
}
.inputbox, .form-dropdown{
    height: 40px;
    line-height: 40px; padding:0 10px; margin-bottom:10px; border-color:#ccc;
}
.attach {height: 40px; border:none;padding:0 10px; margin-bottom:10px;}
.textareabox{border-color:#ccc;margin-bottom:10px;}
.form-submit-button {
    background: url(../images/submit.png) no-repeat top center;
    border: 0 none;
    box-shadow: none;
    height: 86px;
    left: 0;
    position: relative;
    text-indent: -9999px;
    width: 100% !important;
}



.form-submit-button:hover {
    background-position: bottom center !important; width: 100% !important;
}

.dealertab .address{width:100% !important;}

#contact mark{padding:5px 10px; font-size:14px;}
#about_page blockquote, #chairman p{text-align:justify !important;}

/**************************/
.certificate_icon{width:100%; float:left; padding:10px 0; text-align:center;}
.certificate_icon li{display:inline-block;}
.slidingDiv {
    bottom: 20px;
    left: 0;
    margin: 0 5.1%;
    position: fixed;
    width: 89.8%;
    z-index: 99;
}
.closediv{background:#EC008C !important; color:#fff;}
.closediv i{color:#fff;}

.show_hide {
    background: #EC008C none repeat scroll 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	display:none;
    margin: 0 auto;
    position: fixed; bottom:0; left:45%; padding:5px 0;
    text-transform: uppercase;
    width: 150px;   z-index:99; 
}
.opendiv span{color:#fff;}
.opendiv .fa {
    font-size: 20px;
    padding: 0; color:#fff;
} 
.inquirydiv {    
    color: #fff;
    display: inline-block;
    float: right;
    padding: 0;
    text-align: center; width:100%;
	display:none;
}
.inquirydiv .inq {
    color: #fff;
	background: #222222 ; display:inline-block; padding:0 5px; border:0;
}
.inquirydiv .inq:hover {background:#EC008C;}
.pink_square {
    background: #ec008c none repeat scroll 0 0;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.cd-timeline-content h2{display:none;}

 


.export_box {
    float: left;
    height: 250px;
    text-align: left;
    width: 10%;
}
#shopydetail .content-wrap section p{font-size:inherit !important; line-height:inherit !important; padding:0 !important; margin: 0 0 10px; font-weight:400;} 
.downloadbtn {
    float: left;
    width: 100%; text-align:center;
}
.downloadbtn a {
    background-color: transparent;
    border: 1px solid;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin: 2% 0% !important;
    padding: 0;
    width: 50%;
}

.concept_thumb img {
    max-height: 150px;
}


#slideit {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#slideit a {
	text-decoration: none
}
#slideit label {
	cursor: pointer
}
#slideit input[type=radio] {
	display: none
}
#slideit {
	z-index: 9999;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0
}
#slideit .slideit_section {
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0;
	position: absolute;
	z-index: 10;
	background: #fff;
	border-bottom: 6px solid #A7ABC6;
	-webkit-backface-visibility: hidden
}
#slideit input#close-item:checked~.slideit_section, #slideit .slideit_section {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
#slideit input#open-item:checked~.slideit_section {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
#slideit .slideit_section .wrap {
	padding: 35px;
	position: relative;
	float: left;
	text-align: center;
	width: 94%; margin:0 3%;
}
#slideit .title {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #222
}
#slideit .links a {
	color: #bbb;
	font-size: 12px;
	display: inline-block;
	margin: 16px 10px 10px
}
#slideit .links a:focus, #slideit .links a:hover {
	color: #222
}
#slideit .links a:before {
	content: "\25CF";
	padding-right: 4px
}
#slideit p.copyright {
	font-size: 11px;
	color: #bbb;
	line-height: 14px;
	display: block;
	margin: 10px auto 0;
	padding-top: 20px;
	width: 50%;
	border-top: solid 1px #f0f0f0
}
#slideit p.copyright span {
	font-size: 14px;
	display: inline-block;
	padding-right: 4px;
	vertical-align: top;
	margin-top: -1px
}
#slideit label.close, #slideit label.open {
	text-align: center;
	position: absolute
}
#slideit label.open {	
	color: #fff;
	background: #d2ae6d;
	width: 100px;
	bottom: -50px;
	left: 0;
	right: 0;
	top: auto;
	margin: 0 auto;
	padding: 10px 0;
	text-transform: uppercase;
	z-index: 1
}
#slideit input#close-item:checked~label.open {
	bottom: 0
}
#slideit label.open:focus, #slideit label.open:hover {
	background: #222;
	color: #fff
}
#slideit label.close {
	right: 30px;
	left: auto;
	top: 0;
	bottom: auto;
	font-size: 30px;
	background: #d2ae6d; opacity:1;
	color: #fff;
	width: 30px;
	z-index: 999
}
#slideit label.close:focus, #slideit label.close:hover {
	background: #757786
}
#slideit a, #slideit label {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
#slideit .slideit_section {
	-webkit-transition: all .4s cubic-bezier(0.2, .6, .3, 1);
	-moz-transition: all .4s cubic-bezier(0.2, .6, .3, 1);
	-ms-transition: all .4s cubic-bezier(0.2, .6, .3, 1);
	-o-transition: all .4s cubic-bezier(0.2, .6, .3, 1);
	transition: all .4s cubic-bezier(0.2, .6, .3, 1)
}
#slideit input#close-item:checked~label.open {
	-webkit-transition: bottom .3s ease .4s, background .1s ease, color .1s ease;
	-moz-transition: bottom .3s ease .4s, background .1s ease, color .1s ease;
	-ms-transition: bottom .3s ease .4s, background .1s ease, color .1s ease;
	-o-transition: bottom .3s ease .4s, background .1s ease, color .1s ease;
	transition: bottom .3s ease .4s, background .1s ease, color .1s ease
}

@media screen and (max-width:640px) {
#slideit p.copyright {
	width: 100%
}
}

@media screen and (max-width:480px) {
#slideit .slideit_section .wrap {
	text-align: left
}
#slideit .links a {
	width: 100%;
	display: block;
	margin-left: 0
}
#slideit p.copyright {
	float: left;
	margin: 10px 0 0
}
}

#contactform input, #contactform textarea{
	border: 1px solid #d2ae6d;
    color: #a8a8a8;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 11px 15px 8px;
    resize: none;
    width: 100%;
}

.catalouges_box {
    display: block;
    float: left;
    min-height: 450px;
    width: 100%;
}
.ab_margin_bottom {margin-bottom:60px;}
.ab_margin_bottom h3{font-size:35px; padding:9px 0;}
.rgdev-submenu-item:last-child .megamenudiv .rgdev-submenu-item-sub {
    float: left;
    width: 50%;
}

.products h2{font-size:40px;}
.stButton .stLarge {
    background-size: cover !important;
    display: inline-block;
    height: 25px !important;
    position: relative;
    width: 25px !important;
}
.stButton .stLarge:hover{background-position:center !important;}
.downloadbtn .title {
    height: 100px;
}
.remindblock {
    float: left;
    text-align: center;
    width: 100%;
}
.code {
    border: 2px solid #cccccc;
    display: inline-block;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
}
.inputno {
    display: inline-block;
    width: 80%;
}
.no_input {
    border: 2px solid #cccccc;
    display: inline-block;
    height: 40px;
    margin-left: 3px;
    padding: 0 10px !important;
}

.submitbtn {
    float: left;
    width: 100%;
}
.submitbtn > input {
    background: #666666 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    width: auto;
}

.remindme {width:100%; float:left; position:relative;}
.fixed-height-600{height:600px; overflow:auto; position:relative;}

#officedisplay h3{text-transform:uppercase;}
#officedisplay span.text-medium, .export_div .offices span.text-medium{text-transform:capitalize;}


.tech_speci{position:relative; width:100%; float:left;}
.tech_speci a {
    display: block;
    box-shadow: 3px 3px 0px #ccc;
}
.downloadbtn.tech-btn {margin-top:30px;}
.downloadbtn.tech-btn .title{height:auto !important;}
.tech-btn a{display:inline-block;}


/***********************4-3-2017********************/
/*******************Table**********************/

.fixed_headers {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers tr{width:100%; float:left;}
.fixed_headers th {
  text-decoration: underline;
}
.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  min-width: 200px;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  min-width: 200px;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  width: 350px;
}
.fixed_headers thead {
  background-color: #333;
  color: #FDFDFD;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 465px;
}
.fixed_headers tbody tr:nth-child(even) {
  background-color: #DDD;
}
.old_ie_wrapper {
  height: 300px;
  width: 750px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}

/**********************/

.productslider {
    float: left;
    padding: 15px;
    width: 60%;
	position:relative;
}
.productslider .flexslider{height:350px;}
.productdetail {
    float: left;
    padding: 15px;
    position: relative;
    width: 40%;
}
.realtedgallery {
    border-top: 1px solid #4b4b4b;
    float: left;
    padding: 15px 0;
    position: relative;
    width: 100%;
}
.realtedgallery ul li {
    display: inline-block; max-width:80px; padding:0 0 3px 8px;
}
.quickbtun a {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #000;
    display: inline-block;
    font-weight: 400;
    line-height: 30px;
    padding: 0 8px;
}
.quickbtun a:hover{ background:#ec008c; color:#fff;}
.product-description h2{font-size:20px; color:#fff; letter-spacing:1px; text-transform:uppercase;}
.description-detail .fixed_headers tbody{height:auto;}
.description-detail .fixed_headers tbody tr:nth-child(2n){background-color:transparent;}
.description-detail .fixed_headers tbody tr td{border:0; color:#fff; letter-spacing:1px; min-width:100px; position:relative;}

/********************/
.mobilemenu{position:relative;}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.sb-search {
	position: absolute;
	right:0;
	margin-top: 6px;
	width: 0%;
	min-width: 60px;
	height: 60px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-size: 16px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #ec008c;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 25%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #ec008c;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

.loadmore {clear:both; padding:6px; background:#FF2A7F; color:white; text-align:center; font-size:16px; text-decoration:none; cursor:pointer !important;}
.loadmore:hover{background:#666;}


.height555{min-height:555px; height:555px; position:relative; overflow:hidden; border-right: 1px solid #ececec;}
.product-display{width:100%; float:left;}
.xs-height-auto{border-left:0;}
@media only screen and (max-with:767px){
	.xs-height-auto{min-height:inherit !important; height:auto !important;}
	.main-product-image-display{width:100%; float:left;}
}