.no-padding{padding:0;}
.no-margin{margin:0;}
.thumbnail{border:none; padding:0; margin:0; background:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
a{color:#31bcd3;}
a:hover{color:#33a2b5;}
.btn-primary{background:#31bcd3; border-color:#31bcd3;}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle{background:#33a2b5; border-color:#33a2b5;}
.btn-primary.focus, .btn-primary:focus{background:#33a2b5; border-color:#33a2b5;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover{background:#33a2b5; border-color:#33a2b5;}
.form-control{height:40px;}
h2{font-size:36px; font-weight:700; color:#444; padding:0 0 50px 0; margin:0; text-transform:uppercase; text-align:center;}
p{font-size:17px; color:#444; line-height:30px; display:block;}

 
.container-fluid{padding:0 15px}

.page-header{height:auto;}
.page-header .page-header-top{height:auto;}
.page-header .page-header-top .page-logo{height:auto;}
.page-header .page-header-top .page-logo a{display:block;}
.page-header .page-header-top .page-logo .logo-default {margin:10px 0;}
.page-header .page-header-top .cart-back {margin:24px 0;}
.page-header .page-header-top .cart-back i.fa{float:left; font-size:16px; padding:0 15px; color:#ffffff; background:#505050; line-height:38px;}
.page-header .page-header-top .cart-back{float:left; font-size:15px; font-weight:600; border:1px solid #505050; line-height:38px; text-transform:uppercase;}
.page-header .page-header-top .cart-back a span{float:left; padding:0 15px; color:#444;}
.page-header .page-header-top .cart-back a dd{float:right; color:#31bcd3; line-height:38px; margin:0 0 0 8px;}
.cart-listback .table>thead>tr>th{border:1px solid #2fa7bb; border-top:1px solid #2fa7bb!important; color:#FFF; background:#31bcd3}
.cart-listback .table tbody{border:1px solid #e7ecf1;}
.cart-listback .table h4.media-heading a{font-size:15px; font-weight:600; color:#444;}
.cart-listback .table h5{font-size:15px; font-weight:400; color:#444; line-height:20px;}
.cart-listback .table .media-body span strong{font-weight:500;}
.cart-listback .table h3{font-size:18px; font-weight:600; margin:0; padding:2px 0;}
.cart-listback .table .form-control{height:34px;}
.cart-listback .table .price-top{padding-top:16px;}
.cart-listback .table .btn.no-margin{margin-right:0;}

.table>tfoot>tr>td, .table>tfoot>tr>th{padding:10px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:10px;}

.page-header .page-header-menu{background:#444;}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i{color:#FFF;}
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover{background:#505050!important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover{background:#505050!important; color:#FFF;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu{background:#505050;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a{color:#FFF;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a{background:#464646; color:#FFF;}

.page-header .page-header-menu .hor-menu a.login-button{margin:8px 0;}

.page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group{background:#2f2f2f;}
.page-header .page-header-menu .search-form .input-group .form-control{background:#2f2f2f; color:#FFF; height:31px;}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i{color:#FFF;}
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder{color:#FFF;}
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder{color:#FFF;}
.page-header .page-header-menu .search-form .input-group .form-control::-ms-input-placeholder{color:#FFF;}
.page-header .page-header-menu .search-form .input-group .form-control::-placeholder{color:#FFF;}


.breadcrumb-bg{background:#f9f9f9;}
.page-wrapper .page-wrapper-middle{background:#FFF;}

.home-slider-back{background:url(../../img/home-banner-slider.jpg) no-repeat; background-position:0 -120px; background-size:cover; padding:160px 15px;  position:relative; border-top:1px solid rgba(255, 255, 255, 0);}
.home-slider-back:before{width:100%; height:100%; background:rgba(0, 0, 0, 0.46); position:absolute; left:0; top:0; z-index:0; content:""; display:block;}
.home-slider-back .container{position:relative; z-index:2;}
.home-slider-back h1{font-size:65px; font-weight:700; color:#FFF;}
.home-slider-back p{font-size:26px; color:#FFF; padding-bottom:10px;}

.home-banner-bottom-content{padding:70px 15px;}
.home-banner-bottom-content p{max-width:940px; margin:auto; padding:0 0 40px 0;}


.home-grey-three-block{background:#f7f7f7; padding:60px 15px 85px;}
.home-grey-three-block h3{font-size:24px; font-weight:700; color:#444; padding:22px 26px 0; margin:0; line-height:30px;}
.home-grey-three-block p{padding:0px;}
.home-grey-three-block .box{background:#FFF; border:0px solid #e4e3e3; padding:22px; -webkit-box-shadow:0 8px 8px rgba(0, 0, 0, 0.05);  -moz-box-shadow:0 8px 8px rgba(0, 0, 0, 0.05);  box-shadow:0 8px 8px rgba(0, 0, 0, 0.05);}
.home-grey-three-block .thumbnail img{-webkit-border-radius:2px!important; -moz-border-radius:2px!important; border-radius:2px!important;}

.bottom-text-bg{background:url(../../img/bottom-text-bg.jpg); padding:70px 0; background-repeat:no-repeat; background-size:100%; background-position:0 -80px; text-align:center; font-size:36px; font-weight:bold; color:#FFF; position:relative;  text-transform:uppercase;}
.bottom-text-bg:after{background:rgba(0, 0, 0, 0.58); display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.bottom-text-bg .container{position:relative; z-index:2;}

.page-prefooter{background:#fffdfc; position:relative; padding:80px 15px;}
.page-prefooter:before{width:100%; height:100%; background:url(../../img/footer-bg1.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; content""; display:block; opacity:0.2;}
.page-prefooter .subscribe-form .btn{height:36px;}
.page-footer{background:#444;}
.page-prefooter h2{text-align:left; padding:0; color:#444;}
.page-prefooter h2:after{display:none;}
.page-prefooter address{color:#444; font-size:18px;}
.page-prefooter .subscribe-form .form-control{color:#FFF;}
.footer-about p{font-size:14px; line-height:22px;}
.footer-follow-icon{padding-left:30px;}

.page-footer{padding:15px;}
.page-footer ul{margin:0; padding:0;}
.page-footer ul li{list-style-type:none; display:inline-block; padding:0 0 0 10px;}
.page-footer ul li a{color:#FFF;}


.about-grey-bg .container{max-width:850px;}
.about-four-block-content{padding:70px 15px;}
.about-four-block-content h3{font-size:24px; font-weight:700; color:#444; padding:22px 26px 0; margin:0; line-height:30px;}

.sub-page-top-content p{max-width:inherit;}
.sub-page-top-content ul.list-content{margin:0; padding:0;}
.sub-page-top-content ul.list-content li{font-size:17px; color:#444; line-height:28px; display:block; margin:0 0 10px 0;}
.sub-page-top-content h3{font-size:20px; font-weight:700; color:#444; padding:10px 0 20px 0;}
.sub-page-top-content h4{font-size:16px; font-weight:700; color:#444;}
.sub-page-top-content ol{margin:0; padding:0 0 0 20px;}
.sub-page-top-content ol li{font-size:17px; color:#444; line-height:28px; list-style-type:decimal; margin:0 0 10px 0;}

.sub-page-top-content.terms-txt h3{padding:0; margin:0;}

.product-list-back{padding-bottom:50px;}
.product-list-back .form-group{margin-bottom:25px;}
.product-list-back .product-box{border:1px solid #e4e4e4; padding:0;}
.product-list-back .product-box .thumbnail{position:relative;}
.product-list-back .product-box .save-tag{position: absolute; width: auto; height: 35px; background: #31bcd3; color: #FFF; right: 0; bottom: 0; text-align: center; line-height: 35px; font-size: 14px; font-weight: 600; margin: -1px; padding: 0 10px;}
.product-list-back .product-box h3{font-size:18px; font-weight:700; color:#444; margin:0; padding:0 0 10px 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-list-back .product-box h3 a{color:#444;}
.product-list-back .product-box .heading-price-back{padding:15px; background:#f9f9f9; border-top:1px solid #e4e4e4;}
.product-list-back .price{font-size:14px; font-weight:700; color:#31bcd3;} 
.product-list-back .price strike{color:#000; font-weight:600; margin:0 5px 0 0;}

.products-detail-page{padding:70px 15px 85px;}
.products-detail-page .thumbnail{border:1px solid #e4e4e4; padding:15px;}
.products-detail-page h3{font-size:28px; font-weight:700; color:#444; line-height:normal; margin:0; padding:0 0 15px 0}
.products-detail-page .quantity input{margin-top:3px;}
.products-detail-page.product-list-back .price{font-size:20px; padding-bottom:15px;}


.payment-form-area.form-body{padding-top:0;}
.payment-form-area.form-body .heading{margin:15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eaeaea;  display:block;}
.payment-form-area.form-body .heading h2{font-size: 15px; color:#40cad7; font-weight: 600; display:inline-block; line-height:20px; margin:0;}
.payment-form-area.form-body .heading h2:after{width:100%; height:1px; content:""; display:block; background:#40cad7; margin:10px 0 -11px 0;}

#modal-add-customer-form .modal-dialog{width:950px;}
#modal-createnew-customer-form .modal-dialog{width:950px;}

.portlet>.portlet-title>.caption{float:none;text-align:center;}
.portlet.light>.portlet-title{text-align:center;}
.portlet.light>.portlet-title>.caption>.caption-subject{font-size:22px;}
div#cpc0a2bbc2d9 button{padding:30px;}

div#cpc0a2bbc2d9 div.cpwrap{border-left:0 !important; padding:13px !important; border-right:0 !important; background:none !important;}
div#cpc0a2bbc2d9 button{background:none !important; font-size:24px !important; font-weight:bold;  }
div#cpc0a2bbc2d9{margin:0 auto !important; width:300px;     margin-top: 29px !important;
    display: block;}
.portlet.light>.portlet-title>.caption>.caption-subject{font-size:36px !important; }
.portlet.light>.portlet-title>.caption .icon-settings::before{font-size:22px !important;}

.portlet.light.custom-port>.portlet-title{border-bottom:none;}
.portlet.light.custom-port{max-width:730px; margin:20px auto; border:1px solid #e8e8e8;}
.portlet.light>.portlet-title>.caption{padding:26px 0 0 0; }

.page-head .page-title.head-payment{display: inline-block;float: left; padding: 44px 0 0; text-align: center; width: 100%;}


portlet-body.form form{margin: 0 auto; text-align: center; width:230px !important; margin-top:10px;}
.portlet.light>.portlet-title>.caption h2{padding-bottom:20px;} 
.custom-port.payment-form-back{max-width:480px!important; padding:30px; margin-bottom:80px!important;} 
.custom-port.payment-form-back h3.caption-subject.sbold{margin:0; padding:0 0 15px; font-size:24px; font-weight:600!important; color:#20b1c9;}
.custom-port.payment-form-back label{font-size:14px; font-weight:600;}
.custom-port.payment-form-back button.stripe-button-el{border:none; background:none; box-shadow:none;}
.custom-port.payment-form-back button.stripe-button-el span{background: #31bcd3; padding: 10px 30px 8px; border: 1px solid #29afc5; display: block; height: auto; line-height: normal; text-shadow: none; font-size: 14px; font-weight: 600; text-transform: uppercase;}

.Checkout.is-desktop .ModalContainer{max-width:440px !important; width:100%}
.dataTables_wrapper .dataTables_filter input{border: 1px solid #ddd;}
table.dataTable.no-footer{border:1px solid #ddd !important;}
table.dataTable thead th, table.dataTable thead td{border-bottom:1px solid #ddd!important;}


@media screen and (min-width:100px) and (max-width:767px) {

.iphone-view{width:100%; float:left; margin:0 0 15px 0;}
.page-header .page-header-top .iphone-view a.menu-toggler{margin: 5px 0 0 0; float: left; border: 1px solid #505050;}
.page-header .page-header-top .cart-back{margin:0;}

}

@media screen and (min-width:100px) and (max-width:1023px) {
.page-header .page-header-menu{padding-top:0;}
.page-header .page-header-menu .hor-menu .nav{width:100%;}
.page-header .page-header-menu .hor-menu .nav.login-link li{border-top:1px solid #F0F0F0;}
.page-header .page-header-menu .hor-menu .navbar-nav>li.classic-menu-dropdown.opened{background:#f4f4f4!important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover{background:#f4f4f4!important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a{color:#666!important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a>i{color:#666!important;}
}
@media screen and (min-width:767px) and (max-width:1023px) {

    .page-header .page-header-top .menu-toggler{margin:29px 3px 0 13px; border:1px solid #505050;}

}