/*create by CStyle*/
/* ================================= MAIN =================================*/
* {margin: 0; padding: 0;}
html, body {height:100%;}
body { background:#F8F9FA; margin:0; padding:0; font-size:16px; color:#212529; min-height:100%; height:auto!important; height:100%; position:relative; font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-style: normal;}
img {border:none; outline:none;}
.clear { clear:both; font-size:0; line-height:0;}

h1 {font-size: 30px; font-weight: 700;}
h2 {font-size: 22px; font-weight: 700;}
h3 {font-size: 18px; font-weight: 700;}
h4 {font-size: 16px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

/*
	font-family: "Montserrat", sans-serif; 100 - 900
	font-family: "Roboto", sans-serif; 100 - 900
	font-family: "Poppins", sans-serif; 100 - 900
*/

#container {margin:0 auto; padding:0; position: absolute; overflow:hidden; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 5;}
/* ================================= header =================================*/

.btn {border:none; line-height: 60px; font-size: 14px; font-weight: 700; padding: 0px 30px;}
.btn-primary {background: #0B6FAF;}
.btn-primary:hover {background: #00609B;}

.menuTop {border-radius: 0.375rem;}
.menuTop .logo {height: 60px; margin: 10px 0;}
.menuTop .logo img {height: 60px;}
.menuTop .top {font-size: 14px; line-height: 40px;}
.menuTop .top a {color: #ffffff; text-decoration: none; transition: color .3s;}
.menuTop .top a:hover {color: #64CDF3;}
.menuTop .top i {color: #64CDF3;}
.menuTop .social {padding: 0px; margin: 0px;}
.menuTop .social li {list-style: none; display: inline-block;}
.menuTop .social a {padding: 0 3px; color: #ffffff;}
.menuTop .social i {color: #ffffff; transition: color .3s;}
.menuTop .social a:hover i {color: #64CDF3;}

.menuTop .mainMenu {padding: 0px; margin: 0px; display: none;}
.menuTop .mainMenu li {list-style: none; display: block;}
.menuTop .mainMenu a {line-height: 50px; text-decoration: none; color: #212529; font-size: 16px; padding: 0 17px 0 15px; transition: color .3s; display: block;}
.menuTop .mainMenu ul a {line-height: 40px; text-decoration: none; color: #212529; font-size: 16px; transition: color .3s; display: inline-block; padding: 0px;}
.menuTop .mainMenu > li > a {font-weight: 800; line-height: 50px;}
.menuTop .mainMenu a:hover {color:#0B6FAF;}
.menuTop .mainMenu li.hasMenu {position: relative;}
.menuTop .mainMenu li.hasMenu::after {content: "\f107"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free";font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 900; line-height: 1; text-align: center; text-rendering: auto; font-size: 14px; transition: color .3s; position: absolute; right: 0px; top: 18px;}
.menuTop .mainMenu li.hasMenu:hover::after {color:#0B6FAF;}
.menuTop .mainMenu li ul li {display:block;}

.menuTop .iconMenu {padding: 0px; margin: 0px; }
.menuTop .iconMenu li {list-style: none; display: inline-block; width: 33%;}
.menuTop .iconMenu a {line-height: 30px; margin:25px 0; text-align: center; display: inline-block; color: #212529; cursor: pointer;}
.menuTop .iconMenu i {transition: color .3s;}
.menuTop .iconMenu a:hover i {color:#0B6FAF;}

.menuTop .mainMenu ul {display: none; background: #fff; margin: 0 0 15px 0; padding-bottom:5px; padding-left:25px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.menuTop .mainMenu li.active a {color:#0B6FAF; position: relative; padding: 0 0 0 15px;}
.menuTop .mainMenu li.active a::before {content: '\f0da'; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free";font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 900; line-height: 1; text-align: center; text-rendering: auto; font-size: 14px; transition: color .3s; position: absolute; left: 0px; top: 12px;}

.menuTop .cartButton {background:#0B6FAF; display: inline-block; width: 100%; text-align: center; color: #fff; text-decoration: none; line-height: 40px; height: 40px; margin: 20px 0; position: relative; border:none;}
.menuTop .cartButton span {color:#0B6FAF; font-size: 14px; background: #ffffff; width: 26px; height: 26px; line-height: 26px; border-radius: 13px; display: inline-block; position: absolute; left: 50%; top: -6px; box-shadow: 0 0 4px rgba(0, 0, 0, .25);}

.menuTop .navButton {line-height: 80px; font-size: 24px; cursor: pointer;}

.menuTop .cart {}
.menuTop .cart ul {display: none;}

/* ================================= content =================================*/

.titleImage {background-position: center center; background-repeat: no-repeat; height: 200px; background-size: cover; position: relative; z-index: 50;}
.titleImage::before {position: absolute; left: 0px; top: 0px; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); border-radius: 0.375rem; z-index: 60;}
.titleImage h1 {font-size: 30px; font-weight: 700; line-height: 200px; text-transform: uppercase; position: relative; z-index: 100;}

.breadcrumb {}
.breadcrumb li {display: inline-block; font-size: 14px;}
.breadcrumb a {text-decoration: none; color: #212529; font-size: 14px; transition: color .3s;}
.breadcrumb a:hover {color:#0B6FAF;}

.homeBox {position: relative; z-index: 100;}
.mainSlideshow {}
.mainSlideshow .carousel-item {position: relative;}
.mainSlideshow .carousel-item::before {content: ''; background: rgba(33, 37, 41, .1); background-image: linear-gradient(to right, rgba(33, 37, 41, 0.7) 0%, rgba(33, 37, 41, 0) 100%); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.mainSlideshow .content {position: absolute; width: 100%; padding: 15px;}
.mainSlideshow .content .title a {font-size: 20px; color: #ffffff; text-decoration: none; font-family: "Poppins", sans-serif;}
.mainSlideshow .content .subTitle a {font-size: 16px; color: #ffffff; text-decoration: none; font-family: "Poppins", sans-serif;}
.mainSlideshow .button a {color: #0B7CC1; text-decoration: none; background: #fff; display: inline-block; line-height: 40px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 15px; transition: background .3s, color .3s;}
.mainSlideshow .button a:hover {background: #0B7CC1; color: #fff;}
.mainSlideshow .carousel-indicators {margin-bottom:0.15rem;}

.mainBanner {position: relative;}
.mainBanner .image::before {content: ''; background: rgba(33, 37, 41, .1); background-image: linear-gradient(to right, rgba(33, 37, 41, 0.7) 0%, rgba(33, 37, 41, 0) 100%); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 100; border-radius: 0.375rem;}
.mainBanner .content {position: absolute; width: 100%; left: 0px; top: 0px; z-index: 200; padding: 15px;}
.mainBanner .text a {color: #fff; font-size: 16px;}
.mainBanner .title a {color: #fff; text-decoration: none; font-size: 22px; font-weight: 700; font-family: "Poppins", sans-serif;}
.mainBanner .button a {color: #0B7CC1; text-decoration: none; background: #fff; display: inline-block; line-height: 60px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 30px; transition: background .3s, color .3s;}
.mainBanner .button a:hover {background: #0B7CC1; color: #fff;}

.edges {color: #212529;}
.edges span {color:#FF8F00;}
.edges .title a {text-align: center; font-size: 18px; text-decoration: none; color:#212529; font-weight: 700; font-family: "Poppins", sans-serif;}
.edges .text a {text-decoration: none; color:#212529; width: 80%; font-weight: 500;}
.edges .button {position: relative;}
.edges .button::before {content: ""; position: absolute; left: 0px; top: 0px; width: 30%; margin: 0 35%; border-top:1px solid rgba(0, 0, 0, 0.2);}
.edges .button a {font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #212529; transition: color .3s;}
.edges .button a:hover {color:#0B7CC1;}

.categories {}
.categories .item a {color: #212529; font-size: 16px; font-weight: 700; text-decoration: none; transition: color .3s;}
.categories .item {padding: 10px; transition: box-shadow .5s, transform .3s;}
.categories .item:hover {box-shadow: 0 0 30px rgba(0, 0, 0, .15); transform: scale(1.03);}
.categories .item:hover a {color:#0B7CC1;}

.featured {}
.featured .item button {background: #fff; border: none;}
.featured .item {position: relative; overflow: hidden; transition: box-shadow .5s, transform .3s;}
.featured .compare {position: absolute; left: 15px; top: -25px; width: 30px; text-align: center; color: rgba(5, 89, 141, .5); transition: top .3s;}
.featured .wishlist {position: absolute; left: 45px; top: -25px; width: 30px; text-align: center; color: rgba(5, 89, 141, .5); transition: top .4s;}
.featured .compare button:hover {color: #0B6FAF;}
.featured .wishlist button:hover {color: #0B6FAF;}
.featured .rating {position: absolute; right: 15px; top: -25px; color: #FFCC00; transition: top .5s;}
.featured .item:hover {box-shadow: 0 0 30px rgba(0, 0, 0, .15); transform: scale(1.03);}
.featured .item:hover > .compare {top:15px;}
.featured .item:hover > .wishlist {top:15px;}
.featured .item:hover > .rating {top:15px;}
.featured .name {min-height: 46px;}
.featured .price {color: #0B6FAF; font-size: 22px; font-weight: 700;}
.featured .cart {width: 100%; display: inline-block;}
.featured .cart button {width:100%; text-align: center; color: #fff; text-decoration: none; display: inline-block; line-height: 60px; font-size: 14px; font-weight: 700; text-transform: uppercase; background: #0B7CC1; border-bottom-right-radius: 0.375rem; transition: background .3s, color .3s;}
.featured .cart button:hover {background: #00609B; color: #fff;}
.featured .quantity {width: 100%; display: inline-block; line-height: 60px; border-top: 1px solid rgba(33, 37, 41, .1);}
.featured .quantity .minus {width: 50px; display: inline-block; cursor: pointer; text-align: center; color:#0B6FAF;}
.featured .quantity .plus {width: 50px; display: inline-block; cursor: pointer; text-align: center; color:#0B6FAF;}
.featured .quantity .number {width: calc(100% - 108px); display: inline-block; text-align: center; color:#0B6FAF;}
.featured .quantity input[type="text"] {width:100%; text-align: center; color:#0B6FAF; border: none;}

.downloads a {text-decoration: none; color: #fff;}
.downloads li {list-style: none; display: block;}
.downloads .col-6:nth-child(1) {border-right: 1px solid rgba(255, 255, 255, .1);}

.clients {}
.clients img {filter: grayscale(100%); transition: filter 0.5s ease;}
.clients img:hover {filter: grayscale(0%);}

.review {}
.review .item {position: relative; transition: box-shadow .3s, transform .3s;}
.review .item:hover {box-shadow: 0 0 30px rgba(0, 0, 0, .15); transform: scale(1.03);}
.review .avatar {width: 140px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.review .quote {font-size: 96px; color: #A16D3A; font-weight: 500; line-height: 96px; position: absolute; left: 15px; top: 15px;}

.news .button a {color:#0B6FAF; text-decoration: none; font-size: 16px; font-weight: 700; display: inline-block;}

.contacts {}
.contacts .social {margin: 0px; padding: 0px;}
.contacts .social li {list-style: none; display: inline-block; width: 100%; margin: 0 0 10px 0;}
.contacts .social a {text-decoration: none; color: #212529; transition: color .3s;}
.contacts .social a:hover {color:#0B6FAF;}
.contacts .social i {width: 50px; height: 50px; background: #fff; text-align: center; line-height: 50px; font-size: 18px; transition: background .3s, color .3s;}
.contacts .social a:hover i {background:#0B6FAF; color:#ffffff;}
.contacts input[type="text"] {width: 100%; height: 50px; line-height: 50px; border:1px solid #D9D9D9; border-radius: 8px; padding: 0 15px;}
.contacts textarea {width: 100%; height: 150px; line-height: 50px; border:1px solid #D9D9D9; border-radius: 8px; padding: 0 15px;}
.contacts .select {width: 100%; height: 50px; border:1px solid #D9D9D9; border-radius: 8px; padding: 0 15px; background: #fff; overflow: hidden; position: relative;}
.contacts .select::after {content: "\f107"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free"; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 900; line-height: 1; text-align: center; text-rendering: auto; font-size: 14px; transition: color .3s; position: absolute; right: 20px; top: 0px; line-height: 48px;}
.contacts .select select {width: calc(100% + 40px); height: 50px; line-height: 48px; border: none; background: none;}
.contacts input[type="radio"] {display: none;}
.contacts input[type="radio"] + label {position: relative; padding: 0 0 0 30px; cursor: pointer; transition: color .3s;}
.contacts input[type="radio"]:hover + label {color:#0B6FAF;}
.contacts input[type="radio"] + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; border:2px solid #D9D9D9; border-radius: 11px; content: ""; transition: border .3s;}
.contacts input[type="radio"] + label::after {position: absolute; left: 4px; top: 4px; width: 14px; height: 14px; border-radius: 7px; content: ""; transition: background .3s;}
.contacts input[type="radio"]:checked + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; border:2px solid #0B6FAF; border-radius: 11px;}
.contacts input[type="radio"]:checked + label::after {background: #0B6FAF;}
.contacts input[type="radio"]:hover + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; border:2px solid #0B6FAF; border-radius: 11px;}
.contacts input[type="radio"]:hover + label::after {position: absolute; left: 4px; top: 4px; width: 14px; height: 14px; border-radius: 7px;}
.contacts input[type="checkbox"] {display: none; cursor: pointer;}
.contacts input[type="checkbox"] + label {display: inline-block; position: relative; padding: 0 0 0 30px; cursor: pointer;}
.contacts input[type="checkbox"] + label::before {content: ""; display: inline-block; position: absolute; left: 1px; top: 1px; width: 20px; height: 20px; border: 2px solid #D9D9D9; border-radius: 5px; transition: border .3s;}
.contacts input[type="checkbox"]:hover + label {color:#0B6FAF;}
.contacts input[type="checkbox"]:hover + label::before {border: 2px solid #0B6FAF;}
.contacts input[type="checkbox"]:checked + label::before {border: 2px solid #0B6FAF; content: "\f00c"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free"; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 900; line-height: 1; text-align: center; text-rendering: auto; font-size: 14px; transition: color .3s; line-height: 16px;}
.contacts input[type="submit"] {color: #fff; text-decoration: none; background: #0B7CC1; display: inline-block; line-height: 60px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 30px; transition: background .3s, color .3s; border:none;}
.contacts input[type="submit"]:hover {background: #00609B; color: #fff;}
.text-danger {font-size: 14px;}
.text-success {font-size: 14px;}
.alert-danger {font-size: 14px;}

.map {line-height: 0px;}

.products {}
.products ul {margin: 0px; padding: 0px;}
.products .title {font-size: 22px; font-weight: 700;}
.products .menuLeft {}
.products .menuLeft li > a {font-size: 18px; text-decoration: none; color:#212529; line-height: 60px; position: relative; display: block; transition: color .3s; font-weight: 700;}
.products .menuLeft li > a.hasMenu::after {content: "\f107"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free"; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 900; line-height: 1; text-align: center; text-rendering: auto; font-size: 14px; transition: color .3s; position: absolute; right: 0px; top: 0px; line-height: 60px;}
.products .menuLeft li > a:hover {color: #0B6FAF;}

.products .menuLeft .active + ul {display: block;}
.products .menuLeft ul {display: none;}
.products .menuLeft ul li {display: block;}
.products .menuLeft ul li a {line-height: 40px; position: relative; padding: 0 0 0 20px; font-size: 16px; font-weight: 400;}
.products .menuLeft ul li a.active {font-weight: bold; color:#0B6FAF;}
.products .menuLeft ul li a:before {content: "- "; position: absolute; left: 0px; top: 0px; line-height: 40px;}

.products .item button {background: #fff; border: none;}
.products .item {position: relative; overflow: hidden; transition: box-shadow .5s, transform .3s;}
.products .compare {position: absolute; left: 15px; top: -20px; width: 30px; text-align: center; color: rgba(5, 89, 141, .5); transition: top .3s;}
.products .wishlist {position: absolute; left: 45px; top: -20px; width: 30px; text-align: center; color: rgba(5, 89, 141, .5); transition: top .4s;}
.products .compare button:hover {color: #0B6FAF;}
.products .wishlist button:hover {color: #0B6FAF;}
.products .rating {position: absolute; right: 15px; top: -20px; color: #FFCC00; transition: top .5s;}
.products .item:hover {box-shadow: 0 0 30px rgba(0, 0, 0, .15); transform: scale(1.03);}
.products .item:hover > .compare {top:15px;}
.products .item:hover > .wishlist {top:15px;}
.products .item:hover > .rating {top:15px;}
.products .image {}
.products .name {min-height: 46px;}
.products .name a {text-decoration: none; color: #212529;}
.products .price {color: #0B6FAF; font-size: 22px; font-weight: 700;}
.products .cart {width: 100%; display: inline-block;}
.products .cart button {width:100%; text-align: center; color: #fff; text-decoration: none; display: inline-block; line-height: 60px; font-size: 14px; font-weight: 700; text-transform: uppercase; background: #0B7CC1; border-bottom-right-radius: 0.375rem; transition: background .3s, color .3s;}
.products .cart button:hover {background: #00609B; color: #fff;}
.products .quantity {width: 100%; display: inline-block; line-height: 60px; border-top: 1px solid rgba(33, 37, 41, .1);}
.products .quantity .minus {width: 50px; display: inline-block; cursor: pointer; text-align: center; color:#0B6FAF;}
.products .quantity .plus {width: 50px; display: inline-block; cursor: pointer; text-align: center; color:#0B6FAF;}
.products .quantity .number {width: calc(100% - 108px); display: inline-block; text-align: center; color:#0B6FAF;}
.products .quantity input[type="text"] {width:100%; text-align: center; color:#0B6FAF; border: none;}

.products .select {overflow: hidden; background: #fff; border:1px solid #F1F1F1; border-radius: 0.375rem; position: relative; z-index: 90; cursor: pointer; transition: border .3s, color .3s;}
.products .select:hover {border: 1px solid #0B7CC1; color: #0B7CC1;}
.products .select:hover > select {color: #0B7CC1;}
.products .select::after {content: "\f107"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free"; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 900; line-height: 1; text-align: center; text-rendering: auto; font-size: 14px; transition: color .3s; position: absolute; right: 10px; top: 0px; line-height: 40px; z-index: 95;}
.products .select select {width: calc(100% + 40px); background: none; border: none; padding: 0 10px; position: relative; z-index: 100; cursor: pointer; transition: color .3s; line-height: 40px; height: 40px; display: block;}
.products .topLine {line-height: 40px;}

.products input[type="checkbox"] {display: none; cursor: pointer;}
.products input[type="checkbox"] + label {display: inline-block; position: relative; padding: 0 0 0 30px; cursor: pointer;}
.products input[type="checkbox"] + label::before {content: "\f0c8"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free"; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 400; line-height: 20px; text-align: center; text-rendering: auto; position: absolute; left: 1px; top: 1px; font-size: 20px;}
.products input[type="checkbox"]:hover + label {color:#0B6FAF;}
.products input[type="checkbox"]:hover + label::before {}
.products input[type="checkbox"]:checked + label::before {content: "\f14a"; display: inline-block; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 7 Free"; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: 400; line-height: 20px; text-align: center; text-rendering: auto; font-size: 20px; transition: color .3s; color: #0B6FAF;}

.products .filterBox {}
.products .filterBox ul {}
.products .filterBox li {margin: 7px 0;}
.products .button {color: #fff; text-decoration: none; background: #0B7CC1; display: inline-block; line-height: 60px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 30px; transition: background .3s, color .3s; cursor: pointer; border: none;}
.products .button:hover {background: #00609B; color: #fff;}

#AIRTab {}
#AIRTab li {}
#AIRTab li button {width: 100%; background: none; border:none; text-align: left; font-size: 18px; font-family: "Roboto", serif; font-weight: 400; line-height: 50px; border-bottom: 1px solid rgba(119, 119, 119, 0.25);}
#AIRTab li button.active {color: #0B6FAF;}
#AIRTab li:last-child button {border-bottom: none;}

.description {line-height: 30px;}
.description a {color: #0B6FAF;}
#description-tab-pane ul {margin: 0; padding: 0;}
#description-tab-pane ul li {list-style: disc;}
.MCSTabContent ul {margin: 0; padding: 0;}
#MCSTabContent ul li {list-style: disc;}

.reviews h2 {font-size: 36px; font-family: "Roboto", serif; font-weight: 700;}
.reviews .rev {border-left: 10px solid #0B6FAF; }
.reviews .help-block {font-size: 14px;}
.reviews .rating {color:#FFD900; font-size: 18px;}
.reviews .ratingR i {color:#FFD900; font-size: 18px; cursor: pointer;}
#r1, #r2, #r3, #r4, #r5 {display: none;}

.imagesLast {position: relative; overflow: hidden;}
.imagesLast::before {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 0.375rem;}
.imagesLast .num {position: absolute; width: 100%; height: 100%; line-height: 100%; color: #fff; text-align: center; font-size: 24px; line-height: 86px;}

.details {}
.details .data {}
.details .data .price {font-size: 16px; line-height: 30px;}
.details .data .name {font-size: 30px; font-weight: 700;}
.details .data .rating {color: #FFD900;}
.details .data .icons a {color: #212529; text-decoration: none;}
.details .data .icons button {color: #212529; background: none; border:none; transition: color .3s;}
.details .data .icons button:hover {color:#0B6FAF;}
.details .data .quantity {background: #fff; padding: 10px 0; border:1px solid #E5E5E5;}
.details .data .minus {width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; cursor: pointer;}
.details .data .plus {width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; cursor: pointer;}
.details .data .input {width: calc(100% - 80px); display: inline-block;}
.details .data .input input[type="text"] {border: none; width: 100%; text-align: center; line-height: 40px;}
.details .data .cart {background: #0B6FAF; color: #fff; text-decoration: none; text-align: center; line-height: 60px; font-weight: 700; border: none;}
.details .data .toCart {line-height: 60px;}
.details .gotoreview {line-height: 24px; display: inline-block;}

.radio-item {line-height: 36px;}
.radio-item label {display: inline-block; position: relative; padding:0 0 0 30px; cursor:pointer; transition: color .3s; font-size: 16px; font-weight: 400; line-height: 36px;}
.radio-item label:hover {color: #0B6FAF;}
.radio-item label::before {content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; top:9px; border: 2px solid rgba(123, 71, 158, .3); border-radius: 50%; transition: border 0.3s;}
.radio-item label::after {display: inline-block; position: absolute; content: ""; width: 12px; height: 12px; left: 4px; top: 13px; border-radius: 50%; background-color: #0B6FAF; transform: scale(0, 0); transition: transform 0.3s;}
.radio-item input[type="radio"] {opacity: 0; z-index: 1; display: none; width: 1px; height: 1px; overflow: hidden;}
.radio-item input[type="radio"]:hover + label::before {border:2px solid #0B6FAF;}
.radio-item input[type="radio"]:checked + label {color:#0B6FAF;}
.radio-item input[type="radio"]:checked + label::before {border:2px solid #0B6FAF;}
.radio-item input[type="radio"]:checked + label::after {transform: scale(1, 1);}
.radio-item input[type="radio"]:disabled + label {opacity: 0.65;}
.radio-item input[type="radio"]:disabled + label::before {cursor: not-allowed;}

.information {}
.information .rating {color: #FFD900;}
.information .image img {max-width: 200px;}

.reviews button {background: #0B6FAF; color: #fff; text-decoration: none; text-align: center; line-height: 60px; font-weight: 700; border: none;}

.alert {position: fixed; width: 360px; padding: 10px 15px; left: calc(50% - 180px); top: 200px; z-index: 999; background: #ffffff; border-radius: 10px; border:none;}
.alert .close {position: absolute; right: -10px; top: -10px; background: #212529; color:#fff; border:none; border-radius: 15px; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.alert .continue {width: 100%; display: block; line-height: 40px; height: 40px; text-align: center; background: #dbdbdb; color:#212529; text-decoration: none; text-transform: uppercase; cursor: pointer; font-weight: 700; font-size: 14px;}
.alert .checkout {width: 100%; display: block; line-height: 40px; height: 40px; text-align: center; background: #0B7CC1; color:#ffffff; text-decoration: none; text-transform: uppercase; cursor: pointer; font-weight: 700; font-size: 14px;}
.form-horizontal label {line-height: 40px;}

.pagination {display: inline-block; width: 100%;}
.pagination li {display: inline-block;}
.pagination a {width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; display: inline-block; background: #ffffff; color:#212529; border-radius: 8px; margin: 0 3px; border:1px solid rgba(33, 37, 41, .1); transition: color .3s, background .3s, border .3s;}
.pagination b {width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; display: inline-block; background: #0B7CC1; color:#ffffff; border-radius: 8px; margin: 0 3px; border:1px solid #0B7CC1;}
.pagination a:hover {background: #fff; color:#0B7CC1; border:1px solid #0B7CC1;}

.results {line-height: 40px;}
.different {display: none;}

.btn-cart-update {line-height: 40px; width: 40px; display: inline-block; text-align: center; background: none; border:none; color: #0B6FAF;}
.btn-cart-remove {line-height: 40px; width: 40px; display: inline-block; text-align: center; background: none; border:none; color: #c20c30;}

/* ================================= account =================================*/
.accMenu {}
.accMenu i {width: 30px; text-align: center;}
.accMenu a {text-decoration: none;}
.accMenu li {margin: 3px 0;}

.account .amenu {}
.account a {color:#212529; display: inline-block;}
.account .amenu a {text-decoration: none;}
.account .amenu i {width: 40px; text-align: center; font-size: 18px;}
.account .wldetails a {width: 100%; background: #7B479E; color: #ffffff; text-decoration: none; display: inline-block; line-height: 40px; border-radius: 5px;}

/* ================================= footer =================================*/

.footer .line {width: 30%; margin: 0 auto; border-top:1px solid #fff;}
.footer a {color: #fff; text-decoration: none; margin: 3px 0; display: inline-block; transition: color .3s;}
.footer a:hover {color: #0B6FAF;}
.footer .title {font-weight: 700; font-size: 16px; position: relative;}
.footer .title::before {position: absolute; bottom: 0px; left: 0px; content: ""; width: 25%; border-bottom: 1px solid #fff;}
.footer .social {margin: 0px; padding: 0px;}
.footer .social li {display: inline-block;}
.footer .social a {padding: 3px 10px;}
.footer .logo {text-align: center;}
.footer .logo img {max-width: 300px; margin: 0 auto;}

.coopyright img {height: 30px;}






@media (min-width: 576px) {
	.mainSlideshow .content {padding:60px 15px;}
	.mainSlideshow .content .title a {font-size: 26px;}
	.mainSlideshow .button a {line-height: 60px; font-size: 14px; font-weight: 700; padding: 0 30px;}
}

@media (min-width: 768px) {
	.mainSlideshow .content {padding:30px 30px;}
}

@media (min-width: 992px) {
	h1 {font-size: 54px; font-weight: 700;}
	h2 {font-size: 28px; font-weight: 700;}
	h3 {font-size: 22px; font-weight: 700;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}

	.px-lg-auto {padding-left:0.75rem!important; padding-right:0.75rem!important;}

	.alert {width: 480px; padding: 20px 30px; left: calc(50% - 240px);}


	.featured .quantity {width: 50%;}
	.featured .cart {width: 50%;}

	.products .quantity {width: 50%;}
	.products .cart {width: 50%;}

	.mainSlideshow .button a {line-height: 60px; font-size: 14px; font-weight: 700; padding: 0 30px;}

	.categories .item {padding: 30px;}
	.menuTop .mainMenu a {line-height: 80px;}
	.menuTop .mainMenu li.hasMenu::after {top: 33px;}

	.titleImage {height: 300px;}
	.titleImage h1 {font-size: 60px; line-height: 300px;}

	.account .accountMenu {display: block;}
}

@media (min-width: 1200px) {
	.menuTop .mainMenu li {display: inline-block;}
	.menuTop .mainMenu li ul li {border-bottom: 1px dashed rgba(0, 0, 0, 0.1);}
	.menuTop .iconMenu {display: block;}
	.menuTop .cartButton {display: inline-block;}
	.menuTop .mainMenu li ul {position: absolute; left: 0px; top: 80px; margin: 0px; padding: 20px; z-index: 200; width: 320px; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-bottom: 5px solid #0B6FAF;}
	.menuTop .mainMenu li:hover > ul {display: block;}
	.menuTop .mainMenu ul {display: none; position: absolute; left: 0px; top: 80px;}
	.menuTop .mainMenu > li > a {font-weight: 400; line-height: 80px;}

	.menuTop .mainMenu {display: inline-block;}
	.mainSlideshow .content .title a {font-size: 54px;}
	.mainSlideshow .content .subTitle a {font-size: 30px; font-weight: 800;}
	.mainBanner .content {position: absolute; width: 100%; left: 0px; top: 0px; z-index: 200; padding: 30px;}

	.edges .title a {font-size: 30px;}
}

@media (min-width: 1400px) {
	.mainSlideshow .content {padding:90px 30px;}
}