/** Shopify CDN: Minification failed

Line 253:13 Expected identifier but found whitespace
Line 282:162 Unexpected "}"
Line 324:35 Expected identifier but found whitespace
Line 324:42 Unexpected "}"
Line 526:69 Expected identifier but found "*"
Line 552:0 Unexpected ".2checkout"
Line 1683:4 Expected identifier but found "*"

**/


/* =========== */
/* Font Colors */
/* =========== */

body, .product a.title, .feat a.title, .decider a {color:#333333;}
a, .product a.title:hover, .feat a.title:hover {color:#e0162b;}
a{color: #000;}
.top .logo a {color: #0052a5}
button.theme, .share a, .share a:hover, .horizontal-nav li a:hover, .btn.theme, .btn-theme, .product_list_widget .amount, .view-thumb .onsale, section.single .single_variation span.amount, .view-thumb button.info, .view a.info, input#add-to-cart, .filter .nav-pills > li > a {color:#ffffff;}
footer , footer a  {color: #757575;} 
footer {color: #757575; }
footer a {color: #757575; }
footer a:hover{color: #e0162b; }
a:hover, em.on, .theme, .page h5, a.theme , .blog article a h4, .nav>li>a:hover {color: #e0162b;}
.btn-link {text-shadow: none} .btn-link:hover {text-decoration:none}
.view a.btn {box-shadow: none}
.mask h2 small {font-size: .85em}
.mask h2 del {color: #999}
.btn.theme:hover { background: #e0162b; cursor: pointer; }


/*
	AM Edits
*/
.qt-link strong, .social-share strong { text-transform: uppercase; }
.terms { margin: 0 0 15px 0; }
.terms input[type="checkbox"] { margin: 0 5px 0 0; }
.terms label { display: inline; }
.wrap.white { background: #fff; padding: 10px; }
.wrap.white iframe { max-width: 100%; }
#product-variants  label { display: inline-block;}



/* ================= */
/* Background colors */
/* ================= */


/* body , .homepagecontainer {background-color: #f2f2f2 !important; } */
body {background-color: #f2f2f2 !important; }



.container-menu {background: #f2f2f2 !important; }
.container-menu {border-top: 1px solid#ffffff !important; border-bottom: 1px solid #ffffff !important;  }
.horizontal-nav ul li a {border-left: 1px dotted #ffffff !important; }
.horizontal-nav ul li:last-child a {border-right: 1px dotted #ffffff !important;}
.horizontal-nav li a {color: #000000 !important; }
.horizontal-nav li a:hover {color: #ffffff !important; }
.horizontal-nav li a:hover {background: #e0162b !important; }

.container, .horizontal-nav ul {background: #ffffff; }

.feat .nav-pills > .active > a, .feat .nav-pills > .active > a:hover, .product .nav-pills > .active > a, .product .nav-pills > .active > a:hover, button.theme, .share a, .flex-control-paging li a.flex-active, .horizontal-nav li a:hover, .btn.theme, .btn-theme, .view-thumb .onsale, section.single .single_variation span.amount, .view-thumb button.info, .view a.info, input#add-to-cart, .filter .nav-pills > li > a {background:#0052a5}
header.prime, .sidebar .tags span, .comments article:hover {background: rgba(0,0,0,.1) }


footer, footer .container {background: #1a1a1a; }




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


.blog article, .line, hr {border-top: 1px solid rgba(0,0,0,.2);}
.product .tab-content.sideline {border-left: 1px solid rgba(0,0,0,.2)}
.gmap  {margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.2)}
 footer .doubleline {border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #FFF; }



/* ========== */
/* Core style */
/* ========== */



.horizontal-nav ul li a, .single .cross-wrapper header, footer .foot strong {text-transform: uppercase}
.share a {font-size: .85em}
strong, .single .cross-wrapper header {font-weight: 700}
.cross-wrapper header {text-align: center;margin: 25px 0;font-weight: 700}

a, a:hover {text-decoration: none;}
input, textarea, button {font-size: 1em !important}
form label, form .btn {font-size: 1em} form legend {font-size:1.2em}
.js .selectnav {display: none}

.ts-top-right {text-align: right} .tleft {text-align: left} .tcenter {text-align: center}
h6.subhead {margin-top: 40px; text-transform: uppercase;}
h6.subhead strong { padding: 0 10px}
.filter .subhead {cursor: pointer }
.filter .nav-pills > li > a {text-transform: uppercase; font-size: .9em}
.filter i {background: #4A4A4A;color: #FFF;padding: 10px;margin-right: 10px;}
hr {border-bottom: none; border-top: 1px solid rgba(0,0,0,.2)}

.accordion-inner {border-top: 1px solid rgba(0,0,0,.2) }
.page .tab-pane.active, .post .tab-pane.active {padding: 10px}
.gmap { width: 100%; max-width: 940px; min-height: 300px; background: #ccc; text-align: center; }
.gmap img { vertical-align: top; max-width: 100%; }
.btn.theme {text-shadow:none}
img.alignleft {padding-right: 10px}
img.alignright {padding-left: 10px}
fieldset {width: 100%}
button.btn, a.btn {border:0; box-shadow: none; text-decoration: none}
.pagination ul>li>a, .pagination ul>li>span {border: 1px solid rgba(0,0,0,.2)}
.pagination ul>li>a:hover, .pagination ul>.active>a, .pagination ul>.active>span, .pagination ul>li>a, .pagination ul>li>span {background: none}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover {background: none; border: 1px solid rgba(0,0,0,.2); border-bottom: 0}
.nav-tabs {border-bottom:1px solid rgba(0,0,0,.2)}
.nav>li>a:hover {background: none} .nav-tabs>li>a:hover {border: 1px solid transparent}
.view-thumb.hovere img {opacity: 0}
.view-thumb.hovere .mask {opacity: 1}
.customtext {text-align:right}
a.btn, button.btn, input.btn {border-radius: 0; border:0}
input {border:0}
select.hide {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
ul#collection-grid {margin: 10px 10px 20px}
#collection-grid li {list-style: none; width: 25%; float:left; text-align:center}
.product-grid-item {padding: 10px}


/* *************/
/* Structure */
/* *************/


.head.container {z-index: 9266}
.ts-header-top.container {background: #111; color:#999; font-size: .9em}
.ts-header-top a {color:black}
/* .ts-header-top .greet, .ts-header-top .cart {width: 46%;  position: relative} */
.ts-header-top .greet {padding: 10px 0;}
.ts-header-top .greet i.icon-power-off {color: #FFF;margin-right: 10px;background: #303030;padding: 5px;}
.basket {min-width: 139px;width: 120px;padding: 10px;background: #F5F5F5;margin-top: 0px;border-top: none;float: right;border: 1px solid #DDD;}
.basket i.icon-shopping-cart {margin-right:10px; font-size: 15px;}

.ts-header-top .dropdowncart {position: absolute;width: 161px;right: 0px;top: 40px;text-align: left;z-index: 1;-webkit-backface-visibility: hidden;display: none;}
.ts-header-top .dropdowncart hr {margin:10px 0; border-top:1px solid #333; border-bottom: 1px solid black}
.ts-header-top .dropdowncart a {color: #FFF;}
.standard header {text-align: center; padding:20px 0}
.call-to-action {margin-top: 20px}

.top {padding-top: 20px; padding-bottom: 20px}
.top .logo a {line-height:1em;  font-weight:normal} 
.top .logo.image img {max-width:250px}
.top .cart {text-align: right;}
.top .cart form {position: relative; margin: 0px}
.top .cart form button {position: absolute; top:8px; right:5px; border:none; background: none}
.top .top-search { margin-right: 0px;margin-bottom: 0;margin-top: 5px;border-radius: 0;width: 146px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; }
/* .top .top-search:focus {width: 150px; padding-right: 18px} */

.selectnav { display: block; width:90%; margin:0 auto 10px}
.nav {margin-bottom:0}
.nav-pills > li > a {border-radius: 0}
.filter .nav-pills > li > a:hover { background:#EA4F3E; color:#fff;}
.horizontal-nav ul { text-align: center; display: none }
.horizontal-nav ul li { float:left; list-style: none; border: none !important; border-left: 0; position: relative !important}
.horizontal-nav ul li a { display: block; border-left: 1px dotted #ddd; padding: 10px 0}
.horizontal-nav ul li:last-child a {border-right: 1px dotted #ddd;}
.horizontal-nav ul ul{ display: none; position: absolute; top:40px; left:0; z-index: 9999; width: 100%}
.horizontal-nav li li a { font-size: 1.1em}
.horizontal-nav ul ul li {width: 100%; border:none; font-size: .85em; }
.horizontal-nav ul ul li  a {border-left: 1px solid #DDD;border-right: 1px solid #DDD;}
.horizontal-nav ul ul li  a:last-child  {border-left: 1px solid #DDD;border-right: 1px solid #DDD;border-bottom: 1px solid #DDD; }
.horizontal-nav ul li:first-child a { }
.horizontal-nav li a:hover { -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }
.horizontal-nav li a:hover {color: #fff; background:#E55137}

/* *************/
/* Container Structures */
/* *************/

.home-wrapper {width: 980px;margin: 0 auto;border-left: 2px solid #eee;border-right: 2px solid #eee;background: #FFF}
.streched {width: 100%; margin: 0 auto; border-left: none !important;border-right: none !important; background: #FFF}
.header-container {background: #FFF; height: 100%; width: 100%;}
.container-menu {width: 100%;background: #F5F5F5;border-top: 1px solid #DDD;height: 40px;border-bottom: 1px solid #DDD;}
.homepagecontainer {background: #fff; padding: 20px 0;}
.product-container {background: #F2F2F2; }
.container {background: none !important;}
.home-banner-container {margin: 30px auto;max-width: 940px;}
.home-banner-section {padding: 20px;border: 1px solid #DDD;background: #FFF;border-left: none;border-right: none;}

.panel-body { padding: 10px 30px; font-size: 14px;	text-align: left; }
  .panel-body p { font-size: 14px; text-align: left; }
  .panel-body h4,  .panel-body h5 { font-weight: 600; }

  /* *************/
/* Sonradan eklenen kodlar */
/* *************/


.banner-home, .feat {text-align: center}
.banner-home article {max-width: 320px; line-height: 0}
.banner-home img:hover {opacity: .5;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}


.banner {position:relative}
.arrow {position:absolute; bottom:3%; font-size: 2em; padding-left:10px}
.arrow a {cursor: pointer; color:white}
.arrow a i {display: block}
.arrow .pull-left, .arrow .pull-right {width:25px}

.login form {padding:20px}
.login .form-horizontal .control-label {width:100px}
.login .form-horizontal .controls {margin-left: 120px}
address {margin-bottom: .5em}
address .clabel {width:5%; padding-right: 5%}
address .cdata {width:90%}

/* *************/
/* Featured section */
/* *************/

.feat .headline, .feat .tab-content {padding: 30px 0}
.feat article {position: relative;background: #FFF;border: 1px solid #DDD;width: 298px;margin-bottom: 20px;font-size: 1em;position:relative; font-size: 1em}
.product article ,.feat article {min-height: 328px; }
.feat .tab-content .wrap {margin-bottom:30px}
.feat #myTab {padding:20px 0; margin-top: -35px}
.feat #myTab button {text-transform: uppercase}
.feat .btn-group > .btn {font-size:11px !important; text-shadow: none; -webkit-font-smoothing: antialiased; border-radius: 0;}
.feat .line {margin-top:30px}
.feat .view {margin: 20px}
.feat .brands {padding:30px 0}
.feat .brand-container {padding: 20px;margin-bottom: 50px;background: #FFF;border: 1px solid #DDD;}
.feat .brand-container img {opacity: .5} .feat .brand-container img:hover {opacity: 1}

/* *************/
/* Hover effect */
/* *************/

.view { min-height: 260px; max-width: 320px; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; }
.view .mask,
.view .content { height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; margin: 0 auto }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1em; line-height: 1em; padding:20px 0 0 0; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; line-height: 1em; position: relative; color: black; padding: 20px 20px 10px; text-align: center; }
.view a.info { text-shadow: none; display: inline-block; text-decoration: none; font-size: .7em; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-thumb img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.view-thumb .mask {min-width: 100%; background-color: rgba(255, 231, 179, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 20px 0px; padding-bottom: 10px; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb p {height: 60px; overflow: hidden} 
.view-thumb p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-thumb a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-thumb:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb:hover h2,
.view-thumb:hover p,
.view-thumb:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb .onsale, section.single .onsale { position: absolute; left: 0; top: 0; padding: 5px 15px; background:#e0162b; color: #ffffff; z-index: 111;}

.view-thumb button.info { text-shadow: none; display: inline-block; text-decoration: none; border: 0 none; font-size: 0.7em !important; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
/*.view-thumb input.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }*/
.view-thumb:hover input.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

/* ****************/
/* Header section */
/* ****************/

header.prime.ippt-title {text-align: center;border-bottom: 1px solid #DDD;background: #e54243;margin-bottom: 30px;width:100%;}
/* ******************/
/* Products section */
/* ******************/

.product {text-align: center}
.product .nav {padding:20px 0 0}
.product article {position: relative;background: #FFF;border: 1px solid #DDD;width: 298px;margin-bottom: 20px;font-size: 1em;position: relative;  font-size: 1em;}}
.product article a:hover {text-decoration: none}
.product .tab-content {padding:50px 0 30px}
.product .tab-content.sideline {margin: 0 0 30px; padding:0}
.product .tab-content.sideline article {width: 33%; float:left}
.product .tab-content .wrap {margin-bottom:30px}
.product .overlay {padding-top:15px}
.product .query {display: none}
.product .query li {float: none; display: inline-block; zoom:1}
.product #myTab {padding-bottom: 20px}
.product .view {margin: 20px}
.product .sidebar {padding-left: 20px}
.product .sidebar li {padding:5px 0}
.product .sidebar li:hover {padding-left: 5px}
.product .sidebar li li {padding-left: 10px; font-size: .9em}
.product .sidebar, .product .sidebar article {text-align: left}
.product .sidebar section {margin-bottom: 30px}
.product .sidebar section article {margin-bottom: 10px}
.product .sidebar .thumb {width:30%; float: left; padding-right: 5%}
.product .sidebar .info {width: 65%; float:left; font-size: .9em; padding-top: 5px}
.navigation {padding: 10px; border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); margin-bottom: 30px}
.navigation .center {text-align: center; width: 40%; line-height: 2em}
.navigation .side {}
.cartsection {margin-top: 20px}
.product_meta span {text-transform: uppercase; letter-spacing: 1px; opacity: .8}
.cross-product .span3 {background: #FFF;border: 1px solid #DDD;position: relative;padding: 0 10px;font-size: 1em;}
.cross-product .span3 .view {min-height: 220px;}
.accordion-group { -webkit-border-radius: 0px !important;-moz-border-radius: 0px!important; border-radius: 0px!important;}
.accordion-heading {background:#fff;}
.collapse {background: #FFF;}



/* ************************/
/* Single product section */
/* ************************/

.single {padding-bottom:50px}
.single .wrap {position: relative;}
.single .wrapper {padding: 10px 20px;background: #F5F5F5;border: 1px solid #DDD;}
.single .wrapper h4{ margin: 20px 0;}
.single .screen a {display: none}
.single .cross-wrapper  text-align: center}
.single .cross-wrapper header {padding:10px 0 25px}
.single .flex-control-nav {bottom:-22px !important}
.single #flexcarousel-product {margin-top: 10px}
.single #flexcarousel-product li {padding: 2px; cursor: pointer}
.single form {margin-bottom: 0}
.single .price {padding:10px 0}
.single .decider {font-size: 1.6em; text-align: right;}
.single .decider a {display: inline-block}
.single .view {margin: 10px auto}
.single .qty {position: relative; }

.single .qty input {text-align: center}
.single .qty .total {position: absolute; right:0; top:-5px}


.single .qty .total a {display: block;}
.single .onsale {position: absolute; left: 20px; padding: 5px 30px; z-index: 111; background:#e0162b; color: #ffffff; }
.single .selector-wrapper { margin-bottom: 10px;}
.single .selector-wrapper label { display: block;}
.single .variants-wrapper.clearfix.visuallyhidden {display: none;}

/* ************************/
/* Page section */
/* ************************/

.page {padding-bottom: 30px}
.page .contactaddress, .page .contactform {margin-top: 20px}
.page .contactform textarea {width:95%}


/* ************************/
/* Blog section */
/* ************************/

.blog header i {padding-left:10px}
.blog article:first-child {padding-top:0}
.blog article {padding: 30px 0}
.blog article h4 {margin-top:0}
.blog article:first-child, .blog .list article:first-child {border:0}
.blog article a h4 {font-size: 16px; text-transform: uppercase} 
.blog small.date, .blog small.comments {font-style: italic}
.blog small.date { padding:5px 5px 5px 0}
.blog small.comments {padding:5px; }
.blog .post article {padding-top:20px}
.blog .post article:first-child {padding-top: 0}
.share {text-align: center}
.share a {padding:5px}

/* ************************/
/* Sidebar section */
/* ************************/

.sidebar aside {margin-bottom:20px; padding-right:20px}
.sidebar aside .title {text-transform: uppercase; font-weight: 700}
.sidebar ul {margin:0}
.sidebar ul {list-style: none}
.sidebar .tags span {float:left; padding:5px 8px; margin:0 5px 5px 0}

/* ************************/
/* Comment section */
/* ************************/

.comments article {border:none; padding:10px}
.blog .post article.text {padding:5px}
.blog .post article.text .meta {opacity: .7}

/* ************************/
/* Cart section */
/* ************************/

.cart .wrap-table {margin: 20px}
.cart table .cart-img {width:15%; padding: 5px 0; margin-right:3%}
.cart table .item {padding-top: 20px;}
.cart table .remove {padding-top: 5px; display: block;}
.cart table .item a {display: inline-block;}
.cart table tbody td {padding-top:40px;}
.cart table tbody td:first-child {padding-top:0px;}
.cart-pay .cart-checkout {text-align: right}

/* ************************/
/* Footer section */
/* ************************/

footer {padding: 30px 0;background: #F5F5F5;border-top: 1px solid #DDD;}
footer .foot strong {padding-bottom: 10px; display: block}
footer .foot ul, footer .social ul {margin: 0; padding: 0}
footer .foot ul li {list-style: none}
footer .social ul li {list-style: none; float:left; padding-left:10px}
footer .social li a {display: inline-block;}
footer .social .pull-left, footer .social .pull-right {width:50%} footer .social .pull-right ul {float: right}
footer input, footer .add-on {border-radius: 0 !important}
footer .doubleline {padding: 20px 0 10px; margin: 30px 0}
footer .currency {text-align: right} footer .currency a {padding-left: 5px}
footer form.currency {margin-bottom: 0}
.contact-form .btn {background: #333;text-shadow: none;color: #FFF;}
.contact-form .btn:hover {background: #e0162b; text-shadow: none;color: #FFF;}
.contact-form .btn i{text-shadow: none;color: #FFF;}
/* footer form.currency select {background: transparent; line-height: 1em; border-radius: 0; -webkit-appearance: none; border: 0; background: rgba(0,0,0,.1); margin-left: 5px; cursor: pointer} */

.carousel {margin-bottom: 0}
.carousel-control {top:90%; border: none; background: none}
.carousel-control.right {left: 60px}

/* ************************/
/* Fancybox */
/* ************************/

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png') }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

/* Overlay helper */
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/* ************************/
/* Flexslider styling */
/* ************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0 auto;position: relative;zoom: 1;max-width: 940px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}
.carousel-mini #flexcarousel img {cursor: pointer;  border-top: 3px solid #000; width: 188px}
.carousel-mini #flexcarousel img:hover {border-top: 3px solid #E55137; -webkit-transition: all .3s ease;}
.carousel-mini.home {}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-caption {width: 300px; padding: 2%; position: absolute; right: 5%; top: 25%; background: rgba(0, 0, 0, 0.6); color: white; text-align: left; text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px; font-size: 14px; line-height: 18px;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

/* ************************/
/* Bubble Cart */
/* ************************/

.arrow-box {position: relative; background: #111111; border: 1px solid #333; padding: 5px; font-size: .85em; text-transform: uppercase }
.arrow-box:after, .arrow-box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow-box:after { border-color: rgba(17, 17, 17, 0); border-bottom-color: #111; border-width: 10px; left: 50%; margin-left: -10px; }
.arrow-box:before { border-color: rgba(85, 85, 85, 0); border-bottom-color: #555555; border-width: 11px; left: 50%; margin-left: -11px;}

/* ************************/
/* Payment method */
/* ************************/

.payments { background: url(payment.png) no-repeat; float: left; padding-right: 5px; opacity: 1}
.payments:hover {opacity: 1}
.2checkout { width: 38px; height: 24px; background-position: -49px -140px; }
.amex { width: 38px; height: 24px; background-position: -0px -140px; }
.cirrus { width: 38px; height: 24px; background-position: -147px -105px; }
.delta { width: 38px; height: 24px; background-position: -147px -70px; }
.direct-debit { width: 38px; height: 24px; background-position: -147px -35px; }
.discover { width: 38px; height: 24px; background-position: -148px -0px; }
.ebay { width: 38px; height: 24px; background-position: -98px -105px; }
.google { width: 38px; height: 24px; background-position: -49px -105px; }
.maestro { width: 39px; height: 24px; background-position: -0px -0px; }
.mastercard { width: 38px; height: 24px; background-position: -0px -105px; }
.moneybookers { width: 38px; height: 24px; background-position: -98px -70px; }
.paypal { width: 38px; height: 24px; background-position: -49px -70px; }
.sagepay { width: 38px; height: 24px; background-position: -0px -70px; }
.solo { width: 38px; height: 24px; background-position: -98px -35px; }
.switch { width: 38px; height: 24px; background-position: -49px -35px; }
.visa-electron { width: 38px; height: 24px; background-position: -0px -35px; }
.visa { width: 38px; height: 24px; background-position: -99px -0px; }
.western-union { width: 38px; height: 24px; background-position: -50px -0px; }

/* ************************/
/* Custom CSS */
/* ************************/


  
.fw{
  	display: flex;
  	justify-content: space-between;
  	flex-wrap: wrap;
}

.custominputs {
	padding-bottom: 10px;
}
.custominputs select{
  background: none;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #ccc;
}
.custominputs .product-customizer-option, .custominputs .selector-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.custominputs .product-customizer-option label, .custominputs .selector-wrapper label{
	font-weight: bold;
  color: #ccc;
  margin: 0;
  margin-right: 20px;
  
}

.cartsection{
  padding-top: 20px;
  border-top: 1px solid #fff;
}  
  
.cartsection__top{
	margin-bottom: 20px;
  
}
.quantity-wrap{
	
}
.product-title{
	font-size: 20px;
  line-height: 1.3;
  text-align: left;
}
.product-status{
  border-top: 2px solid #fff;
	margin-bottom: 20px;
}
#product-price{
	color: #C80100;
  	font-size: 1.4em;
  	font-weight: bold;
}

#product-available i{
    display: inline-block;
    background: #E5F9E8;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}
label.customnumber__label{
	color: #ccc;
  	margin-right: 20px;
}
input.customnumber{    
  	font-weight: bold;
    text-align: center;
    padding: 0.3em 1em;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
}
input.custom-addtocart {
  display: block;
  background-color: #C80100;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  width: 100%;
  background-image: none;
  border-radius: 4px;
}
.tab-pane{
	padding: 30px 0;
}
.my-tabs.nav-tabs{
	border: none;
}
.my-tabs.nav-tabs>li{
  	flex: auto;
}
.my-tabs.nav-tabs>li>a{
	border: none;
  	text-transform: uppercase;	
  	font-weight: bold;
  	text-align: center;
}
.my-tabs.nav-tabs>.active>a, .my-tabs.nav-tabs>.active>a:hover{
  	border: none;
  	border-bottom: 2px solid #c80100; 
  	color: #c80100;
}
.my-tabs.nav-tabs>li>a:hover{
	border: none; 
}
  
.points{
	list-style-type: none;
  	margin: 0;
  	margin-top: 30px;
  	margin-bottom: 20px;
  	flex-wrap: unset;
}
.point{
  	font-weight: bold;
  	align-items: center;
  }
  .point__img img{
  	max-height: 32px;
    padding-right: 10px;
  }
.point__number{
  	display: inline-block;
    width: 40px;
    text-align: center;
    border: 2px solid #eee;
    border-radius: 50%;
    height: 40px;
    line-height: 38px;
    margin-right: 10px;
    font-size: 16px;
    color: #ccc;
}
.point__text{
    display: inline-block;
    max-width: 70px;
}
.custompage .flex-control-nav{
  display: none;
}
.custompage #flexcarousel-product li {
  padding: 4px 14px;

}

.custompage .flexslider .slides img{
  	width: calc(100% - 4px);
    border: 2px solid #ccc;
}
.custominputs input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

.custominputs input[type=number]
{
  -moz-appearance: textfield;
}
.quantitywrap{
  align-items: baseline;
}
.quantity-nav{
  position: relative;
}
.quantity-button{
	position: absolute;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    line-height: 14px;
}
.quantity-button.quantity-up{
	right: 2px;
}
.quantity-button.quantity-down{
	left: 2px;
  top: 0;
}
.quantity-button.quantity-down span{
	display: inline-block;
    width: 11px;
    height: 2px;
    position: relative;
    bottom: 5px;
    line-height: 20px;
    background: #333;
}
  .header-phone{
  	font-size: 18px;
    font-weight: bold;
  }
  .header-phone i{
  	    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: #eee;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
  }
  .head-row{
  	align-items: center;
    margin-top: -20px;
  }
  .head-row-item{
  	margin-top: 20px;
  }
  
  .hero__half{
  	width: 50%;
  }
  .hero__title{
    font-size: 33px;
    padding-left: 10px;
    text-align: center;
  }
  .hero__subtitle{
    padding: 1em 0;
    text-align: center;
    font-weight:  normal;
  }
  .hero__btns{
    text-align: center;
    margin-top: -1em;
  }
  .hero__btn{
  	margin-top: 1em;
  }
  .hero__btn+.hero__btn{
  	margin-left: 1em;
  }
  a.mybtn{
  	background: #F62D51;
    color: #fff;
    font-size: 20px;
    padding: 1.2em 1.4em;
    text-transform: uppercase;
    border-radius: 6px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    border: 1px solid transparent
  }
  a.mybtn:hover{
  	background: transparent;
  	border: 1px solid #F62D51;
    color: #F62D51;
  }

  a.mybtn--nocolor{
  	background: transparent;
    color: #93999C;
    border: 1px solid #eee;
  }
  
  a.mybtn--nocolor:hover{
  	background: #eee;
  	border: 1px solid #eee;
    color: #93999C;

  }
  .dark-section{
  	background: #243137;
    position: relative;
    color: #fff;
  	text-align: center;
  }
  .dark-section:before,.dark-section:after{
  	background: #243137;
    content: "";
    width: 1000px;
    position: absolute;
    height: 100%;
  	top: 0;
  }
  .dark-section:before{
  	right: 100%;
  }
  .dark-section:after{
  	left: 100%;
  }
  .section{
  	padding: 5vh 0;
    text-align: center;
  }
  .section__title{
    font-size: 36px;
  	margin-bottom: 26px;
  	
  }
  .section__text{
    font-size: 18px;
    padding: 0 5%;
	font-weight: 300;
  }
  .section__text p{
  	margin-bottom: 26px;
    line-height: 1.5;
  }
  .info-items{
    padding-top: 30px;
    margin: 0;
    justify-content: space-around;
  
  }
  .info-item{
  	text-align: center;
  }
  .info-item_tripple{
  	width: 33.3%;
  }
  .info-item_quad{
  	width: 25%;
  }
  .info-item__icon{
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff;
  	margin-bottom: 20px;
  }
  .info-item__name{
  	color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 1em;
  }
  .info-item__val{
    font-weight: bold;
    font-size: 18px;
    padding: 0 0.8em; 
  }
  .flex-row{
    padding: 5vh 0;
  	align-items: center;
  }
  .section__p {
  	font-size: 16px;
  }
  .section__p a {
  	color: #3498DB;
  }
  .section__steps-count {
    margin-top: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .section__steps-title {
  	font-size: 28px;
    font-weight: bold;
  }
  .section__testimonial-author {
  	margin: 20px auto 80px;
    font-weight: bold;
    font-size: 16px;
  }
/* ************************/
/* Responsive styles */
/* ************************/
  @media (max-width: 979px){
    .hero__btn+.hero__btn{
      margin-left: 0;
    }
  }
@media (max-width: 767px) { 
    .top div[class*='span'] {text-align: center !important; width:100% !important}
	.top .cart .wrap {padding:15px 0}
	.top .cart form button {top:2px; right:20px}
	.top .top-search, .top .top-search:focus {width: 90%; margin: 0 auto; border-radius: 0; -webkit-appearance: none;}
	.top form {margin-bottom: 0px; margin-top:20px; text-align: center}
	.banner-home article {margin:15px auto !important}
	.feat .view, .product .view, .single .view {margin:10px auto}
	.product .sidebar .info {width: 100%}
	.product .tab-content.sideline article {width: 100%}
	.home-banner-container {padding:10px}
	#flexslider-product {margin-bottom: 30px}
	.sidebar aside {padding:0 20px}
	.cart-pay, .cart-pay .cart-checkout {text-align: center !important}
	footer {margin: 0 -20px; padding: 20px}
	footer .foot article {margin-bottom: 15px}
	footer .foot div[class*="span"] {margin-bottom: 20px}
	#collection-grid li {width: 50%}
	#addtocart {margin-top:10px}
  .head-row{
  	padding-right: 20px;
    padding-left: 20px;
  }
  .hero__half{
  	width: 100%;
  }
  .info-item_tripple{
  	width: 100%;
    margin-bottom: 20px;
  }
  .info-item_quad{
  	width: 50%;
    margin-bottom: 20px;
  }
  .tablet-fullwidth{
  	width: 100%;
  }
}	
@media (max-width: 480px) {
	.top .logo a {padding-left: 0}
	.top .top-search, .top .top-search:focus {width: 85%}
	.call-to-action, .call-to-action .cta {text-align: center; float:none !important}
	.single {padding: 30px 0}
	.single .cross-wrapper .span3 {padding: 10px 0}
	.single .decider, .single .decidernote {text-align: center}
	footer .currency {text-align: left}
	.login .form-horizontal .controls {margin-left: 0px}
	#nav { display: none !important}
	.js .selectnav { display: block; font-size:0.9em}
	.flex-caption {display: none}
	footer form.currency  {margin-top: 15px}
	.page .contactform {border: none}
	.customtext {text-align:center}
  .custominputs .product-customizer-option label, .custominputs .selector-wrapper label{
  	width: 100%;
    display: block;
  }
  .points{
  	padding: 0 15px;
  }
  .flex-row__item{
  	width: 100%;
  }
  .info-item_quad{
  	width: 100%;
  }
}
  
@media (max-width: 979px) and (min-width: 768px) {   .product article ,.feat article { width: 226px; } }
@media (max-width: 767px) {  .product article ,.feat article { width: 100% ; } }
  
  
  
/*----------------------IE css------------------------------*/
  /*----------------------------------------------------*/
  

 
@media all\0 { 
  
  .flex-direction-nav a.flex-prev{ display:none !important; }
.flex-direction-nav a.flex-next { display:none  !important;}
  
  .flexslider:hover a.flex-prev {
 display:block  !important;
}
.flexslider:hover a.flex-next {
   display:block  !important;
}
  
.feat .brand-container img {
    opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} 
  .feat .brand-container img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
  
 hr {
  border-bottom: medium none;
  border-top: 1px solid #c4c4c4;
   
} 
.accordion-inner{  border-top: 1px solid #c4c4c4;}
  
.view-thumb:hover img {
  display: none;
}
.view-thumb:hover .mask {
  position: static;  
}
.view-thumb:hover  .mask a.info.btn {
 visibility: visible !important; display: inline-block  !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
   
 background:  #0052a5 !important; position: relative !important; z-index:999999 !important;  opacity:1; border-top: 1px solid #c4c4c4; background:#999999;
}
  
}
 .btn[disabled], .btn-secondary[disabled], .tag a[disabled], .js--qty-adjuster[disabled], .ajaxifyCart--qty-adjuster[disabled], input[disabled][type="submit"], .btn.disabled, .disabled.btn-secondary, .tag a.disabled, .disabled.js--qty-adjuster, .disabled.ajaxifyCart--qty-adjuster, input.disabled[type="submit"] {
    background-color: #d5d4d2 !important;
    color: #222;
    cursor: default;
}
  
 @media (min-width: 320px) and (max-width: 800px) {
  
   /*select{width:100%;}*/
  
 }
  
  
/* loader css */
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:block;
}
#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#0052a5;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
 
.cross-product .span3 .view img {height:100%;}
.cross-product .span3 .view {
    min-height: 220px;
    height: 330px;
}

.modal-body {
/*  overflow-y: unset; */
  overflow-y: scroll;
    max-height: 400px;
    padding: 0px 0px 0px 70px;
}
  
.modal-header .close {
    margin-top: -31px;
}
  
.ui-autocomplete {
  cursor: pointer;
  max-height: 250px;
  overflow-y: scroll;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
  background: #CCDCED;
}

.stepOne {
/*   min-height: 860px; */
  min-height:650px;
}
.selectDiv {
  width: 65% !important;
}
.bookend{
  display: none;
}
  
/* custom style for calculator page*/
  ul.ui-autocomplete li:hover{
  	background: #CCDCED;
  }
  ul.ui-autocomplete{
   border: 2px solid #0052a5 !important
  }
.product .innerBody{
	padding: 15px 0 39px;
  	margin-bottom:50px;
}
ul.stepfrm li { 
	text-align:left;
}
#calculationForm .stepfrm li label{
	margin: 11px 0 11px 0;
    font-weight:800;
}

#calculationForm button.btn.btn-info {
    margin-top: 0;
}
#calculationForm span.ceckSpan {
    font-size: 16px;
    text-transform: capitalize;
}
#calculationForm input#SFH {
    margin: 0px 5px 5px;
}
#calculationForm .stepfrm li .btn{
	margin: 0px 0 0 0;
    background: #0052a5;
}
.modal.fade.in .modal-header{
	display: flex;
    clear: both;
}
.modal.fade.in h5.modal-title{
	text-align: center;
    font-size: 20px;
    width: 80%;
    float: left;
    margin-left:18%;
}
  #calculationForm .stepfrm input[type="radio"]{
  	margin:0;
  }
.modal.fade.in button.close{
	width: 20%;
    float: right;
    margin-top:0px;
}
.modal.fade.in button.close span{
	font-size: 25px;
    color: #000;
}
.modal.fade.in .modal-body label{
	text-align: center;
    margin: 15px;
    font-size: 16px;
    color: #000;
}
  .modal.fade.in .modal-footer button{
  	background: #0052a5;
    font-size: 15px !important;
    color: #FFF;
    text-shadow: none;
    border-radius: 4px;
    padding: 10px;
  }
  input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus{
  	border-color: lightgrey;
    box-shadow:0 0 6px lightgrey;
  }
  
  #customSpringModal.modal.fade.in h5.modal-title{
  	text-align: left;
    font-size: 16px;
    float: left;
    margin-left: 0;
    width:100%;
  }
  #customSpringModal.modal.fade.in .modal-body{
  	padding: 0px 0px 0px 20px;
  }
  #customSpringModal.modal.fade.in .modal-body label {
  	font-size:14px;
  }

  #customSpringModal.modal.fade.in div.form-group.col-md-4{
 	display: inline-flex;
  }
  #customSpringModal.modal.fade.in div.form-group.col-md-4 input,#customSpringModal.modal.fade.in div.form-group.col-md-4 select{
 	    margin-top: 3%;
  }
  input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid{
  	color:black
  }
  #noData{
  	display: inline-grid;
    text-align: center;
    margin: 0 auto;
    width: 70%;
        font: 400 13px 'Muli', sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 400;
    font-stretch: normal;
    font-size: 13px;
    line-height: normal;
    font-family: Muli, sans-serif;
  }
  #noData .btn.btn-info{
  	    width: 40%;
    text-align: center;
    margin: 0 auto;
    background: #0052a5;
    font-size: 15px !important;
    color: #FFF;
    text-shadow: none;
    margin-top: 15px;
    text-transform: capitalize;
    /* border: none; */
    /* border-radius: 3px; */
    /* line-height: 42px; */
    /* background: #86b21d; */
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 400 14px/45px 'Muli', sans-serif;
    height: 45px;
    /* margin: 28px 0 0 0; */
    padding: 0 20px;
    vertical-align: middle;
    width: auto;
  }
  .ippt-product-wrapper.tab-content{
  	overflow:unset;
  }
  .ippt-product-wrapper.tab-content article.span4{
  	margin-top:32px;
  }
  #door_garage_recommendation{
  	color:red;
  }
  #twoSpringTwoDoorGarage .modal-body{
  	padding:0;
  }
  .calculatorWizardSection .description{
  	font-size:16px;
  }
  
  .ippt-title .title-wrapper {
    font: 800 20px 'Muli', sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 800;
    font-stretch: normal;
    font-size: 36px;
    line-height: normal;
    font-family: Muli, sans-serif;
    padding: 10px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #FFF;
  }
  
  .ippt-header .desc-wrapper p span b{
  	font: 400 13px 'Muli', sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 800;
    font-stretch: normal;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 32px;
    font-family: Muli, sans-serif;
  }
  .exactCloseMatch{
  	font-weight: 600;
    font-size: 32px;
    font-family: Muli, sans-serif;
  }
  
  .btn-wrapper{
  	display:flex;
    width:100%;
  }
  
/* New Styling for form*/
  .innerBody .stepDiv .stepOne{
    margin: 0 auto;
    width: 800px;
  }
  ul.stepfrm li label.label-wrapper {
  	width: 50%;
    margin-right: 12%;
    text-transform:none;
  }
  ul.stepfrm li label.label-sub-wrapper{
  	width: 40%;
    float: right;
    text-transform:none;
  }
  
  ul.stepfrm li input[type="text"] {
      width: 45%;
    margin-right: 45px;
    margin-top: -5px;
  }
  
  ul.stepfrm li {
  	clear:both;
  }
  
  #calculationForm ul.stepfrm li .btn{
  	margin-top:2%;
  }
  
  #calculationForm ul.stepfrm li img{
/*     width:12%; */
    width:auto;
  	margin-top:0%;
    cursor:pointer;
    height:52px;
  }
  #customSpringModal #agreement{
  	margin: 0 0 10px;
    padding: 9px 15px;
  }
  .desc-wrapper{
  	display:inline-flex;
    padding:10px;
  }
  .desc-wrapper .img-wrapper{
  	width:60%;
  }
  .sub-content-wrapper{
/*     width: 55%; */
    text-align: center;
    margin: 0 auto;
/*     margin-top: 1%; */
/*     padding:15px; */
    font-size: 14px;
    padding: 0 5px 5px 0;
  }
  .sub-content-block-wrapper{
/*   	border: 1px solid #000;
    width: 60%; */
    width: 95%;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
  }
  .request-btn, .request-btn:hover{
  width: 40%;
    text-align: center;
    margin: 0 auto;
    background: #0052a5;
    font-size: 15px !important;
    color: #FFF;
    text-shadow: none;
    margin-top: 5px;
    margin-bottom: 15px;
    text-transform: capitalize;
    border: none;
    border-radius: 5px !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 800 14px/40px 'Muli', sans-serif;
    height: 40px;
    padding: 0 20px;
    vertical-align: middle;
    width: auto;
  }
  
  #calculationForm ul.stepfrm li img.image-wrapper {
    width: 4%;
    position: absolute;
    /* top: 0; */
    margin-top: 3.5%;
    margin-left: 5.5%;
    
  }
  .stepDiv .stepOne #calculationForm ul.stepfrm li .mobile-show .label-wrapper{
    	display:none;
    }
  .stepDiv .stepOne #calculationForm ul.stepfrm li .mobile-show img{
      display:none !important;
  }
  
  @media screen and (max-width: 1024px) {
    #calculationForm ul.stepfrm li img.image-wrapper{
      width: 6%;
      position: absolute;
      /* top: 0; */
      margin-top: 5.5%;
      margin-left: 7.5%;
    }
    ul.stepfrm li .mobile-show img.two_spring_and_two_garage.image-wrapper{
       display:none !important;
    }
  }
  
  
  @media screen and (max-width: 768px) {
  	.desc-wrapper .img-wrapper {
        width: 40%;
        text-align: center;
        margin: 0 auto;
    }
    .desc-wrapper{
    	display:block;
    }
    ul.stepfrm li input[type="text"]{
      width:auto;
      margin-right: 0;
    }
    .label-sub-wrapper{
      display:none;
    }
    ul.stepfrm li{
      display: grid;
      width:100%;
    }
    .stepfrm, .innerBody .stepDiv .stepOne{
    	width:auto !important;
    }
    .label-wrapper, ul.stepfrm li img{
    	display:none;
    }
   .stepDiv .stepOne #calculationForm ul.stepfrm li .mobile-show .label-wrapper{
    	display:block;
    }
    .stepDiv .stepOne #calculationForm ul.stepfrm li .mobile-show img{
  		display:block !important;
  	}
    ul.stepfrm li.btn-wrapper{
     display: flex;
    text-align: center;
    margin: 0 auto;
    }
    ul.stepfrm li label.label-wrapper{
      width: auto;
      margin-right: 5% !important;
      margin-bottom: 4% !important;
  }
  
    #calculationForm ul.stepfrm li img.image-wrapper{
        width: 8%;
        margin-top: 0%;
        cursor: pointer;
        position: relative;
    }
    .ippt-product-wrapper #spring article{
        width: 45%;
        float: left;
        margin-right: 10px;
    }
    #calculationForm ul.stepfrm li img.mobile-hide{
      		display:none !important;
    }
    ul.stepfrm li label.label-sub-wrapper{
    	width:100%;
    }
    #calculationForm ul.stepfrm li img{
      width:11%;
      margin-top:0%;
      cursor:pointer;
    }
}
  
  @media only screen and (max-width: 600px) {
  	article.mobile-hide{
     	display:none;
     }
  }
  
   @media screen and (max-width: 320px) {
    #calculationForm ul.stepfrm li img {
        width: 11%;
        margin-top: 2%;
        cursor: pointer;
    }
     #calculationForm ul.stepfrm li img.image-wrapper {
     	width: 12%;
        margin-top: 2%;
        cursor: pointer;
        position: relative;
     }
     #twoSpringTwoDoorGarage .modal-footer{
     		display:inline-flex;
     }
  }
  /* latest css 02082019 */
#customSpringModal.modal.fade.in .modal-body {
    padding: 15px 0px 10px 20px;
}
#customSpringModal.modal.fade.in .modal-body label, #customSpringModal.modal.fade.in .modal-body input, #customSpringModal.modal.fade.in .modal-body select{
	margin: 5px 0px 0px 15px;
}
#customSpringModal.modal.fade.in .modal-body label{
  	text-align: left;
}
  p.sub-text{
   text-align: left;
    margin-left: 15px;
  }
  
  .play-img-wrapper{
    text-align: center;
    margin: 0 auto;
  }
  #noData label{
  	font-size: 20px;
    margin-top: 15px;
  }
  
  #calculationForm .stepfrm li label.label-sub-wrapper{
  	    text-align: center;
  }
  .sub-content-wrapper i {
       font-size:14px;
  }
  #customSpringModal.modal.fade.in{
  	top:40%;
  }
  
  #spring .view-thumb:hover h2, .view-thumb:hover p, .view-thumb:hover a.info{
  		border:none;
    	padding : 1px;
  }
  #spring .view-thumb:hover a{
  	margin-top: 32px;
    padding: 5px;
    font-size: 12px;
  }
  #spring h3 {
  	padding:20px;
  }
  .arrow-img {
  	height:50px;
  }
  #spring static-content-wrapper{
  	padding: 50px;
  }
  #spring article p {
  font-size:16px;
  font-weight: 800;
  margin: 0 0 7px;
  }
  #spring .product-wrapper{
  	padding : 15px;
  }
  #spring .wait-content-wrapper{
  		padding:50px;
    	padding-top:0;
    	margin-top:0;
  }
  
  #spring .wait-content-wrapper h4{
  		line-height:32px;
  }
  #spring a.prodBtn{
/*   	background: #0052a5; */
    color: #FFF;
    border-radius: 3px;
    padding: 15px;
    width: auto;
    font-weight: lighter;
    text-shadow: none;
    font-size:18px;
  }
  p.sub-text {
/*     margin-bottom: 10%; */
    margin-bottom: 2%;
  }
  #calculationForm .stepfrm li label.label-content{
  	text-transform:none;
  }
  #calculationForm ul.stepfrm li img.image-hidden-wrapper{
/*     margin-left: 15%; */
    margin-left: 0%;
    margin-top: 1%;
  }
  #spring article p.text-content-wrapper {
  font-size:20px;
  font-weight: 800;
  }
  
  #customSpringModal .custom-modal-footer{
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
  }
  #customSpringModal .custom-modal-footer button{
  	background: #0052a5;
    font-size: 15px !important;
    color: #FFF;
    text-shadow: none;
    border-radius: 4px;
    padding: 10px;
  }
  #calculationForm ul.stepfrm .btn-wrapper .btn-success{
  	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #51a351;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    font-size: 18px !important;
    font-weight: 800;
  }
  
  #calculationForm ul.stepfrm .btn-wrapper .btn-info{
  	background-color:#888888
  }
  
  .play-img-wrapper.highCycleDiv img{
  	    width: 50%;
/*     	margin-top: 32px; */
    	cursor:pointer;
  }
  .high-cycle-div-wrapper{
/*   		margin-top:32px; */
      margin-top: 60px;
      border: #DF2B2A;
      border-width: 3px;
      border-style: solid;
      padding: 2px 4px 8px 4px;
  }
  .high-cycle-div-wrapper h5{
  	font-size:20px;
    margin-bottom: 20px;
  }
/*   .static-content-wrapper.product-wrapper img{
  	height:auto;
    width : 50%;
  } */