@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype'),
        url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

body{padding:0; margin:0; font-family: 'Roboto', sans-serif; color:#555555; font-size:18px; line-height:1.5; font-weight:400; background-color:#fff;}
a{color:#1d9ed4; text-decoration:underline;}
a:hover{color:#084762;}
img{max-width:100%; height:auto; outline:none;}

.lead{font-size:24px; font-weight:300; color:##084762;}
h1, .h1{font-family: 'Gotham'; font-weight:300; font-size:58px; color:#084762; line-height:1.1;}
h2, .h2{font-family: 'Gotham'; font-weight:normal; font-size:36px; color:#084762; line-height:1.2;}
h3, .h3{font-family: 'Gotham'; font-weight:normal; font-size:24px; color:#084762; line-height:1.2; margin-bottom:20px;}
h4, .h4{font-family: 'Gotham'; font-weight:500; font-size:18px; color:#084762; line-height:1.2; margin-bottom:20px;}
/*h5, .h5{font-family: 'Roboto', sans-serif;  font-weight:400; font-size:18px; color:#084762; line-height:1.2; margin-bottom:20px;}*/
.medium{font-weight:500;}
.fs20{font-size:20px !important;}
.fs24{font-size:24px !important;}
.fs32{font-size:32px !important;}
.fs36{font-size:36px !important;}

p{margin-bottom:20px;}

.btn{font-family: 'Gotham'; font-weight:500; font-size:20px; padding:14px 20px; border-width:2px; text-decoration:none;}
.btn-primary{background-color:#1d9ed4; border-color:#1d9ed4;}
.btn-primary:hover{background-color:#084762; border-color:#084762;}
.btn-secondary{border-color:#cecece; background-color:#fff; color:#1d9ed4;}
.btn-secondary:focus,
.btn-secondary:hover{background-color:#1d9ed4; border-color:#1d9ed4; color:#fff;}
.btn-secondary.focus, .btn-secondary:focus{box-shadow: 0 0 0 .2rem rgba(29,158,212,.5);}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{background-color:#1d9ed4; border-color:#1d9ed4; color:#fff;}

.btn-outline-primary{border-color:#1d9ed4; color:#1d9ed4;}
.btn-outline-primary:hover{background-color:transparent; border-color:#084762; color:#084762;}
.btn-link{color:#1d9ed4;}
.btn-link:hover{color:#084762; text-decoration:none;}
.btn-link .demo-icon{font-size:30px; line-height:0.5;}

.btn-circle{width:150px; height:150px; border-radius:100%; font-weight:400;border-width:1px;border-color:#cccccc;}

.text-primary{color:#1d9ed4 !important;}

.input-group{}
.input-group .btn{border-width:1px;}

.nav-link{text-decoration:none; font-family: 'Gotham'; font-weight:500; font-size:24px; color:#b4c7d0; padding:20px 0; border-bottom:solid 7px transparent; border-radius:0;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.nav-link.active{border-color:#1d9ed4; background-color:transparent; color:#084762; border-radius:0;}

ul.nav li.nav-item{margin-right:60px;}

.badge-info{background-color:#edf3f8 !important; color:#084762;}
.text-info{color:#edf3f8 !important;}
.border-info{border-color:#edf3f8 !important;}


.form-control{height:60px; color:#1d9ed4; font-family: 'Gotham'; font-weight:500; font-size:18px;}
.form-control::-webkit-input-placeholder{color:#6b91a1;opacity:1}
.form-control::-moz-placeholder{color:#6b91a1;opacity:1}
.form-control:-ms-input-placeholder{color:#6b91a1;opacity:1}
.form-control::-ms-input-placeholder{color:#6b91a1;opacity:1}
.form-control::placeholder{color:#6b91a1;opacity:1}

textarea.form-control{height:170px; resize:none;  font-family: 'Roboto', sans-serif; font-weight:400; font-style:italic; font-size:18px; padding:30px;}

select.form-control{appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url(../images/down-arrow.png) right 15px center no-repeat #fff; padding-right:40px;}
select.form-control:not([size]):not([multiple]) {
    height:60px;
}
.form-control-search{appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url(../images/search.png) right 15px center no-repeat #fff; padding-right:50px;}

.breadcrumb-wrap{border-bottom:solid 1px #f4f4f4; margin-bottom:40px;}
.breadcrumb{background:none; border-radius:0; margin:0; color:#084762; font-size:16px; padding:18px 0;}
.breadcrumb a{text-decoration:none;}
.breadcrumb-item + .breadcrumb-item::before {content:"\f105"; font-family:'FontAwesome';}


@media (min-width:1500px){.container{max-width:1440px}}


/*Header CSS
------------------------------------------------------------------------------*/
.header{ background:#084762; position:relative; z-index:999;}
.logo{float:left; padding:34px 0 26px;}
.header-menu{float:left; margin-left:90px;}
.header-menu ul{padding:0; margin:0; list-style:none;}
.header-menu ul li{float:left; margin-left:50px;}
.header-menu ul li a{text-decoration:none; font-family: 'Gotham'; font-weight:500; font-size:24px; line-height:36px; color:#84a3b1; padding:47px 0; border-bottom:solid 7px transparent; display:block;}
.header-menu ul li a:hover, 
.header-menu ul li a.active{border-color:#1d9ed4; color:#fff;}

.header-link{float:right;}
.header-link ul{padding:0; margin:0; list-style:none; float:left; border-right:solid 2px #063f57;}
.header-link ul li{float:left; border-left:solid 2px #063f57;}
.header-link ul li a{text-decoration:none; font-family: 'Gotham'; font-weight:500; font-size:24px; line-height:36px; color:#fff; padding:50px 30px; display:block;}
.header-link ul li.usercollapsed-link a{padding-top:46px; padding-bottom:40px;}
.header-link ul li.collapsed-link > a.collapsed{background-color:transparent;}
.header-link ul li.collapsed-link > a.collapsed:hover,
.header-link ul li a:hover{background:#1d9ed4;} 
.header-link ul li.collapsed-link > a, 
.header-link ul li a.active{background:#063f57;}

.mobile-header-link{float:right; margin-top:25px; display:none;}
.mobile-header-link ul{padding:0; margin:0; list-style:none;}
.mobile-header-link ul li{float:left; margin-left:20px;}
.mobile-header-link ul li a{color:#fff; text-decoration:none; font-size:16px; display:block;}
.mobile-header-link ul li a.btn-mobilecart{}
.mobile-header-link ul li a.btn-mobilecart .demo-icon{font-size:30px;}
.mobile-header-link ul li a.btn-mobilecart .nmb{border-radius:100%; background:#1d9ed4; width:30px; height:30px; line-height:30px; margin-top:9px; text-align:center; color:#fff; display:inline-block; vertical-align:top;}
.mobile-header-link ul li a.btn-mobilemenu{background:url(../images/menu.png) center top no-repeat; width:40px; height:40px; margin-top:4px;}
.mobile-header-link ul li a.btn-mobilemenu.on{background-position:center bottom;}
.modal-mobilemenu{position:fixed; z-index:998; background:#063f57; color:#fff; padding:120px 0; left:0; top:0; bottom:0; width:100%; overflow:scroll; display:none;}
.modal-mobilemenu.open{display:block;}
.mobilemenu{padding:20px;}
.mobilemenu h3{color:#fff;}

.mobilemenu ul{padding:0; margin:0 -20px; list-style:none;}
.mobilemenu ul li{border-top:solid 2px #043245; position:relative;}
.mobilemenu ul li a{text-decoration:none; font-family: 'Gotham'; font-weight:500; font-size:18px; line-height:28px; color:#fff; padding:20px; display:block;}
.mobilemenu ul li a:hover, 
.mobilemenu ul li a.active{color:#1d9ed4;}
.mobilemenu ul ul{padding:10px 0; margin:0; background:#043245; display:none;}
.mobilemenu ul ul li{border:none;}
.mobilemenu ul ul li a{padding:10px 30px;}
.mobilemenu ul li .demo-icon{font-size:24px;}
.mobilemenu ul li .drop{position:absolute; z-index:9; right:0; top:0; height:68px; width:60px; line-height:67px; text-align:center; color:#1d9dd3; font-size:24px; cursor:pointer;}
.mobilemenu ul li .drop:after{font-family:'FontAwesome'; content:"\f107";}
.mobilemenu ul li.dropactive .drop:after{content:"\f106";}
.mobilemenu ul li.dropactive ul{display:block;}


.input-groupsearch{background:#fff; border-radius:8px; margin-bottom:20px;}
.input-groupsearch .form-control{border:none; background:none; border-radius:8px 0 0 8px; box-shadow:none;}
.input-groupsearch .btn{background:none; color:#1d9ed4; padding:0; font-size:30px; width:60px; text-align:center;}


.btn-headersearch{}
.btn-headersearch span{display:none;}
.btn-headersearch.collapsed .btnopn{display:block;}
.btn-headersearch.collapsed .btnclose{display:none;}
.btn-headersearch .btnclose{display:block;}

.header-modal{padding:30px 0; background:#063f57; color:#fff;}
.loginmodal{padding-bottom:20px;}
.useraccoutmodal{}
.useraccoutmodal ul{padding:0; margin:0; list-style:none; float:right;}
.useraccoutmodal ul li{float:left; margin-left:50px;}
.useraccoutmodal ul li a{text-decoration:none; font-family: 'Gotham'; font-weight:500; font-size:18px; line-height:28px; color:#fff; padding:15px 0; display:block;}
.useraccoutmodal ul li a:hover, 
.useraccoutmodal ul li a.active{color:#0f98d1;}

.searchmodal{}
.searchmodal .form-control{border:none; background:none; color:#fff; font-size:30px; box-shadow:none; font-weight:400;}
.searchmodal .form-control::-webkit-input-placeholder{color:#fff;opacity:1}
.searchmodal .form-control::-moz-placeholder{color:#fff;opacity:1}
.searchmodal .form-control:-ms-input-placeholder{color:#fff;opacity:1}
.searchmodal .form-control::-ms-input-placeholder{color:#fff;opacity:1}
.searchmodal .form-control::placeholder{color:#fff;opacity:1}
.searchmodal .btn{border:none; background:none; color:#fff; font-size:50px; line-height:60px; padding:0;}


.header-bottom{border-bottom:solid 1px #f4f4f4; position:relative; z-index:990;}
.header-bottom-left{float:left;}
.header-bottom-left ul{padding:0; margin:0; list-style:none;}
.header-bottom-left ul li{float:left; margin-right:50px;}
.header-bottom-left ul li a{text-decoration:none; font-family: 'Gotham'; font-weight:bold; font-size:18px; line-height:28px; color:#084762; padding:25px 0; border-bottom:solid 7px transparent; display:block;}
.header-bottom-left ul li:hover > a,
.header-bottom-left ul li a:hover, 
.header-bottom-left ul li a.active{border-color:#1d9ed4;}
.header-bottom-left ul .sub{position:absolute; top:100%; left:0; right:0; background:#1d9ed4; display:none;}
.header-bottom-left ul li.active > .sub{display:block;}
.header-bottom-left ul li:hover > .sub{display:block;}
.header-bottom-left ul ul li a{color:#fff; border:none; padding:28px 0;}
.header-bottom-left ul ul li a:hover, 
.header-bottom-left ul ul li a.active{color:#084762;}



.header-bottom-right{float:right;}
.header-bottom-right ul{padding:0; margin:0; list-style:none; float:left; border-right:solid 1px #f4f4f4;}
.header-bottom-right ul li{float:left; border-left:solid 1px #f4f4f4;}
.header-bottom-right{float:right;}
.header-bottom-right ul{padding:0; margin:0; list-style:none; float:left; border-right:solid 1px #f4f4f4;}
.header-bottom-right ul li{float:left; border-left:solid 1px #f4f4f4;}
.header-bottom-right ul li a{text-decoration:none; font-family: 'Gotham'; font-weight:500; font-size:18px; line-height:30px; color:#084762; padding:25px 30px; display:block;}
.header-bottom-right ul li .demo-icon{font-size:30px;}

.header-bottom-right ul li a:hover, .header-bottom-right ul li a:hover span,
.header-bottom-right ul li a.active, .header-bottom-right ul li a.active span{color:#1d9ed4;}

.home-slideshow-wrapper{width:100%; position:relative;}
.home-slideshow{width:100%; z-index:8;}
.home-slideshow .slide{width:100%;}
@media screen and (min-width: 1200px) {
.home-slideshow .slide{background:none !important;}
}
.home-slideshow .slide .thumb{width:100%;}
.home-slideshow .slide .caption{position:absolute; left:0; top:40%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%;}
.home-slideshow .slide .caption .con{max-width:700px;}
.homeslider-pager-wrap{position:absolute; z-index:9; width:100%; left:0; bottom:14%; width:100%;}
.homeslider-pager span{text-indent:-9999px; display:inline-block; width:12px; height:12px; border-radius:100%; background:#c3dce7; margin:3px; float:left;}
.homeslider-pager span.cycle-pager-active{background:#1d9ed4; width:18px; height:18px; margin:0 3px;}

#HSprev, #HSnext{position:absolute; z-index:9; top:45%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#1d9ed4; font-size:90px; line-height:1; opacity:0.2;}
#HSprev{left:50px;}
#HSnext{right:50px;}
#HSprev:hover, #HSnext:hover{opacity:1;}

.banner{width:100%;}
.banner img{width:100%;}

/*Main CSS
------------------------------------------------------------------------------*/
#main{padding-bottom:40px;}

.table th{font-size:16px; color:#555555; font-weight:400; padding:20px; border:none;}
.table th .fa{font-size:12px; color:#1d9ed4;}
.table td{font-size:18px; color:#084762; font-weight:400; padding:20px;}

.modal-shoppingcart{position:fixed; z-index:1099; top:0; right:0; bottom:0; overflow-y:scroll; background:#fff; width:740px; display:none;box-shadow: 0px 0px 35px 0px rgba(69,66,66,0.15);}
.modal-shoppingcart.open{display:block;}
.modal-shoppingcart-header{border-bottom:solid 1px #edf3f8; padding:25px 45px;}
.modal-shoppingcart-header h3{font-weight:500; float:left; margin:0;}
.modal-shoppingcart-header .btnclose{float:right; color:#1d9ed4; font-weight:500; font-family: 'Gotham'; font-size:20px; text-decoration:none;}

.modal-shoppingcart-footer{border-bottom:solid 1px #edf3f8; border-top:solid 1px #edf3f8; padding:20px 45px;}
.modal-shoppingcart-footer h3{font-weight:500; margin:15px 0;}

ul.shoppingcart-list{padding:0; margin:0; list-style:none;}
ul.shoppingcart-list li.item{border-top:solid 2px #edf3f8; padding:30px 45px;}
ul.shoppingcart-list li.item:first-child{border-top:none;}
ul.shoppingcart-list .thumb{float:left; width:158px;
    -webkit-box-shadow: 0 15px 5px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 5px -10px rgba(0, 0, 0, 0.2);
}
ul.shoppingcart-list .con{float:right; width:calc(100% - 158px); padding-left:40px;}
ul.shoppingcart-list .con .top{position:relative; padding-right:100px;}
ul.shoppingcart-list .con .top h4{margin:0;}
ul.shoppingcart-list .con .top .btn-remove{position:absolute; right:0; top:0; text-decoration:none;}
ul.shoppingcart-list .con table{width:100%;}
ul.shoppingcart-list .con table td{padding:10px 0; vertical-align:top;}
ul.shoppingcart-list .con table td:first-child{padding-right:10px;}
ul.shoppingcart-list .con input.form-control{width:75px; height:42px;}
ul.shoppingcart-list .con textarea.form-control{height:130px; color:#555555; font-size:16px; font-style:normal; padding:15px 20px;}


.brand-carousel{}
.brand-carousel .item{text-align:center; display:table; margin:0 auto;}
.brand-carousel .item a{width:220px; height:220px; margin:0 auto; background:#f4f4f4; border:solid 4px #f4f4f4; text-align:center; border-radius:100%; display:table-cell; vertical-align:middle; padding:15px;}
.brand-carousel .item a:hover{border-color:#1d9ed4;}
.brand-carousel .owl-nav{position:absolute; right:0; top:-50px;}
.brand-carousel .owl-nav div{float:left; cursor:pointer; width:40px; height:40px; background:#f4f4f4; text-align:center; line-height:40px; border-radius:100%; font-size:20px; color:#22a0d5; margin-left:10px;}

.popularcards-sec{padding-bottom:65px;}
.popularcards{margin-bottom:30px; margin-left:40px; background:#fff; box-shadow:0px 0px 70px 0px rgba(69,66,66,0.15); padding:40px 0 30px; min-height:342px; position:relative;height:90%;}
.popularcards .thumb{float:left; width:330px; margin-left:-20px; box-shadow: 0 25px 25px -25px rgba(0, 0, 0, 0.5);}
.popularcards .con{float:right; width:calc(100% - 340px); padding-right:60px; position:relative; font-size:16px;}
.popularcards .con .price{position:absolute; top:0; right:0; z-index:9; height:42px; min-width:66px; line-height:42px; text-align:right; border-radius:3px 0 0 3px; background:#f2f2f2; padding:0 10px; color:#084762; font-size:18px;}
.popularcards .con p.h3{line-height:1.5;margin-bottom:15px;}
.popularcards .con p.h6{color:#888888; font-size:12px; letter-spacing:1.5px;font-weight:400;text-transform:uppercase;}

.popularcards.type2{margin-left:0;}
.popularcards.type2 .top{padding:0 40px 10px;}
.popularcards.type2 .top .col-6{margin-bottom:30px;}
.popularcards.type2 .con{width:100%; padding-left:40px;}



.bottomcart-sec{padding:90px 0 40px; background:#e6eef4; text-align:center;} 
.bottomcart-sec .icon{font-size:80px; line-height:1; color:#113e51;}
.input-groupcart{max-width:456px; margin:0 auto; p}
.input-groupcart .form-control{font-style:inherit; font-weight:400;}
.input-groupcart .btn{margin-left:15px;}

.toolbar-top{margin-bottom:25px;}
.toolbar-top .col-left{float:left;}
.toolbar-top .col-right{float:right; margin:15px 0;}
.toolbar-top .col-left label{font-size:24px; font-family: 'Gotham'; font-weight:500; margin-top:10px;}
ul.dropdown-nav{padding:0; margin:0 -15px; list-style:none;}
ul.dropdown-nav li{float:left; position:relative; padding:0 15px;}
ul.dropdown-nav li a{font-family: 'Gotham'; font-weight:normal; font-size:36px; display:block; color:#1d9ed4; text-decoration:none;}
ul.dropdown-nav li a .demo-icon{font-size:24px;}
ul.dropdown-nav ul{width:250px;}

ul.dropdown-menu{padding:0; margin:0; list-style:none; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);}
ul.dropdown-menu li{margin:0; padding:0; border-top:solid 1px #ebebeb; float:none;}
ul.dropdown-menu li:first-child{border-top:none;}
ul.dropdown-menu li a{font-size:18px; font-family: 'Gotham'; font-weight:400; display:block; color:#084762; padding:10px 20px;} 
ul.dropdown-menu li a:hover{background:#084762; color:#fff;}

ul.product-grid{padding:0; margin:0 -15px; list-style:none;}
ul.product-grid li.item{float:left; width:25%; padding:0 15px; margin-bottom:30px;}
ul.product-grid li.item:nth-child(4n+1){clear:left;}
ul.product-grid li.item .thumb{box-shadow: 0 25px 25px -25px rgba(0, 0, 0, 0.5); margin-bottom:20px;}
ul.product-grid li.item .thumb a{display:block;}
ul.product-grid li.item .thumb img{width:100%;}
ul.product-grid li.item .meta{min-height:60px; text-align:center; color:#555555; font-size:16px;}
ul.product-grid li.item .meta h6{color:#888888; font-size:12px; letter-spacing:1px;}


.cardcarousel-section{padding:60px 0 30px; background:#edf3f8;}
.card-carousel{padding:0 30px;}
.card-carousel .item{margin:60px 55px 70px; text-align:center; position:relative;}
.card-carousel .item .thumb{display:block; box-shadow: 0 25px 25px -25px rgba(0, 0, 0, 0.5);}
.card-carousel .center .item .thumb{box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5);}
.card-carousel .item .thumb img{width:100%;}
.card-carousel .item .box{display:block;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.card-carousel .owl-nav div{cursor:pointer; border-radius:100%; background:#ffffff; width:40px; height:40px; text-align:center; line-height:40px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.card-carousel .center .item .box{transform:scale(1.4,1.4);}
.card-carousel .item .hover-item{position:absolute; width:100%; left:0; bottom:0; padding:0 10px; color:#084762; font-size:14px;}
.card-carousel .item .hover-item h4{font-size:18px; margin-bottom:10px;}
.card-carousel .item .hover-item .icon{color:#1d9ed4; font-size:70px; line-height:1;}

@media (min-width:1400px){
.card-carousel .item .hover-item .icon{font-size:100px;}
}
@media (min-width:1620px){
.card-carousel .item{margin:60px 70px;}
.card-carousel .item .hover-item h4{font-size:20px;}
.card-carousel .item .hover-item .icon{font-size:150px;}
}

.card-carousel .owl-nav .owl-prev{left:10px;}
.card-carousel .owl-nav .owl-next{right:10px;}
.card-carousel .owl-dots{padding:0; text-align:center;}
.card-carousel .owl-dots div{width:18px; height:18px; border:solid 3px #edf3f8; background:#c3e2f1; border-radius:100%; display:inline-block; margin:0 2px;}
.card-carousel .owl-dots div.active{background-color:#1d9ed4; border-color:#1d9ed4;}

.site-content{margin-top:-145px; position:relative; z-index:9; background:#fff; padding:60px 120px;}

@media screen and (min-width: 768px) {
.orderstep-wrap{padding:15px 0; background:#edf3f8;}
ul.orderstep{padding:0; margin:0; list-style:none;}
ul.orderstep li{float:left; margin:0 38px 0 45px; color:#83a3b0; font-family: 'Gotham'; font-weight:500; font-size:24px; border-bottom:solid 4px transparent; position:relative; padding:20px 0;}
ul.orderstep li.active{border-color:#1d9ed4; color:#084762;}
ul.orderstep li:before{content:"\f105"; font-family:'FontAwesome'; position:absolute; top:20px; left:-45px;}
ul.orderstep li:first-child{margin-left:0;}
ul.orderstep li:first-child:before{display:none;}
}

@media screen and (min-width: 1500px) {
.table-cart-sec{padding-left:8%;}
}
.table-cart{}
.table-cart th{white-space:nowrap;}
.table-cart td{vertical-align:middle;}
.table-cart .thumb img{-webkit-box-shadow: 0 15px 5px -10px rgba(0, 0, 0, 0.2);   box-shadow: 0 15px 5px -10px rgba(0, 0, 0, 0.2); width:110px;}
.table-cart h5{color:#555555; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:400;}
.table-cart h6{color:#555555; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400;}

.mycard{border-radius:0; border:none; margin-bottom:25px;}
.mycard .card-header{padding:30px 40px; background:none; border:none; position:relative;}
.mycard .card-header .thumb{float:left; width:158px;
    -webkit-box-shadow: 0 15px 5px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 5px -10px rgba(0, 0, 0, 0.2);
}
.mycard .card-header .dec{float:right; width: calc(100% - 158px); padding:0 60px 0 20px;}
.mycard .card-header p{margin-bottom:5px;}
.mycard .card-header .btn-arrow{position:absolute; top:40px; right:40px; font-size:36px; color:#1d9ed4; text-decoration:none; appearance:none; -webkit-appearance:none;}
.mycard .card-header .btn-arrow:before{content:"\f106"; font-family:'FontAwesome';}
.mycard .card-header .btn-arrow.collapsed:before{content:"\f107";}
.mycard .card-body{padding:0 40px 25px;}

.myinput-group{}
.myinput-group .form-control{border-right:none;}
.myinput-group .input-group-text{background:none; border-left:none; color:#1d9ed4; font-size:20px;}

.btn-group-cart{}
.btn-group-cart .btn{margin:0 5px 5px; padding:0; box-shadow:none !important;}
.btn-group-cart .btn.active{border-color:#1d9ed4;}

.cardnumber{max-width:400px;}
.cardnumber .row{margin-left:-6px; margin-right:-6px;}
.cardnumber .row .col{padding-right:6px; padding-left:6px;}
.cardnumber .form-control{text-align:center; padding:0;}

.carddetails{max-width:600px;}
.carddetails .vcc{width:80px;}

div.cms_main {
    max-width: 100%;
}

.site-content {
    margin-top: 5%;
}

.faq{padding:20px 30px 10px; background-color:#eef3f9; margin-bottom:8px;}
.faqtitle{margin:0 0 10px;}
.faqtitle a{color:#084762; text-decoration:none; display:block; padding-right:20px; position:relative;}
.faqtitle a:after{content:''; width:21px; height:20px; background:url(../images/arrow.png) center top no-repeat; position:absolute; right:0; top:0}
.faqtitle a.collapsed:after{background-position:center bottom;}

/*Footer CSS
------------------------------------------------------------------------------*/
.footer{background:#084762; padding:45px 0; color:#fff;}
.footer a{color:#fff;text-decoration:none;}
.footer a:hover{color:#1d9ed4;text-decoration:none;}
.footer h6{font-size:18px; margin-bottom:15px;}
.footer-link{}
.footer-link ul{padding:0; margin:0; list-style:none; font-size:14px;}
.footer-link ul li{margin-bottom:10px;}
.footer-link ul li a{text-decoration:none;}


.site-icon{}
.site-icon h6{text-transform:uppercase; font-size:12px;}
.site-icon .demo-icon{font-size:48px; color:#063f57;}


.type2 {
    position: absolute;
    z-index: -1;
}

@media screen and (min-width: 1500px)
{
    #custAmount {
        margin-top: 60px;
        margin-left: 50px;
    }
}

.modal-body { 
    max-height: 350px; 
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
 }