@charset "utf-8";

/*
-----------------------------------
Project Name : Pledge Master;
-----------------------------------
*/

/* General 
--------------------------------------------------------------------------------------------------------*/
*,*:focus{outline:none;}
a, a:hover,  .container,.nav-icon,.nav-icon:after,.nav-icon:before,.btn, img {transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}

html,body{height:100%;}
body{font-size:14px;line-height: 18px; min-height:100%; font-family:'Gotham-Medium'; color: #000;}

.wrapper {position: relative;width: 100%;min-height:100%; background:#fff;overflow: hidden;}

a{color:#000;text-decoration:none;}
a:hover,a:focus{text-decoration:none;color:#999;outline:none;}
.hr-line{border:0;border-top:solid 1px #999;}
h1,h2,h3,h4,h5,h6{padding:0 0 25px; margin:0;}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;}
h1{font-size:50px; line-height: 55px; font-family:'Gotham-Black'; color: #000;}
h2.heading-text {font-size:50px; line-height: 55px; font-family:'Gotham-Black'; color: #000;}
h2{font-size:18px; line-height: 22px; font-family:'Gotham-Bold'; }
h3{font-size:18px; line-height: 22px; font-family:'Gotham-Bold';}
h4{font-size:14px; line-height: 18px;}
h5{font-size:14px; line-height: 18px;}
h6{font-size:14px; line-height: 18px;}

p{margin:0 0 15px; font-size: 12px; line-height: 16px;}
p a{color:#ccc;}
p a:hover{color:#efefef;}
p b{font-weight:bold;}
p i{font-style:italic;}
p a{text-decoration:underline;}
p span{display:block;}


.input-control, input[type="text"], input[type="password"], input[type="email"], textarea, .form-control{ -webkit-appearance: none;-moz-appearance:none;appearance: none;} 

.visible-xs {display: none;}
.hidden-xs {display: block;}

.main {padding-top: 38px;}

/* Button
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,.btn:active{outline:0; text-shadow: none; box-shadow: none;}
.btn {border:none; border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-shadow: none; line-height: 14px; padding: 5px 10px; font-size: 10px; line-height: 18px;  font-family:'Gotham-Black'; text-transform: uppercase; }

.primary-btn{ color:#000; background:#FFF; display:inline-block; font-size: 14px !important; }
.primary-btn:hover {background: #000; color: #FFF;}

.secondary-btn{color:#fff; background:#222222;  display:inline-block;  }
.secondary-btn:hover {background: #000; color: #FFF;}

.green-btn{color:#fff; background:#0db81c; color: #FFF; font-size: 20px; padding: 10px 20px; min-width: 250px; text-transform: capitalize;  display:inline-block;  }
.green-btn:hover {background: #000; color: #FFF;}
.green-btn:focus {color: #FFF;}

.form-control{font-size: 20px; line-height: 24px; color:#000000; padding:5px 6px; height:auto; box-shadow: none; border:0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0;}
.form-control:focus{box-shadow: none;}

.form-control::-webkit-input-placeholder { color: #e4e4e4; opacity: 1;	/* chrome */ text-transform: uppercase;  }
.form-control:-ms-input-placeholder {color: #e4e4e4; opacity: 1; text-transform: uppercase;  }
.form-control::-ms-input-placeholder { color: #e4e4e4; opacity: 1; text-transform: uppercase;  }
.form-control::placeholder { color: #e4e4e4; opacity: 1; text-transform: uppercase;  }



/* Login
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.login-logo{display:inline-block; text-align:center; margin-bottom: 43px; max-width: 148px; }
.login-logo img {width: 100%;}

.login-logo-name {max-width: 495px; display:inline-block; text-align:center; margin-bottom: 45px;  }
.login-logo-name img {width: 100%;}

.login-wrap .wrapper{ position: relative; background-size:cover; height: 100%; vertical-align: middle; display: table;}
.login-wrap .wrapper:before{background: rgba(0,0,0,0.5); top:0; bottom: 0; left: 0; right:0; z-index: 1; position: absolute; content: "";}
.login-container{max-width: 1730px; display: table-cell; vertical-align: middle; margin: 0 auto;  position:relative; z-index: 1;}
.login-form {max-width: 500px; margin: 0 auto; text-align: center;}
.login-form .form-group{margin-bottom: 12px;}
.login-form .form-control {text-align: center; 	font-family:'Gotham-Black'; font-size: 14px; line-height: 18px;  max-width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px;}
.form-block {max-width: 310px; display: inline-block;}

.login-form .form-group.second {margin-bottom: 2px;}
.note-text {font-family:'Gotham-Medium'; font-size: 12px; color: #fff; margin-bottom: 0; }
.login-form .form-group.mb0 {margin-bottom: 5px;}


/* Custom checkbox */
.checkbox_outer, .checkbox_outer:after, .checkbox_outer:before, .radio_outer, .radio_outer:before, .radio_outer:after { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
.custom_input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; margin: 0; z-index: 1; }
.checkbox_wrapper { margin-bottom: 15px; }
.checkbox_outer { color: #FFF; font-size: 10px;  position: relative;  font-family:'Gotham-Medium'; padding-left: 15px;}
.checkbox_outer:before { content: ''; background: #FFF; position: absolute; left: 0; top: 4px; height: 12px; width: 12px; border: 1px solid #FFF; border-radius: 3px; moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; }
.checkbox_outer:after { content: ''; position: absolute; left: 2px; top: 6px; height: 8px; width: 8px; background: url(../../images/check.png); background-repeat: no-repeat; background-position: center; background-size: 8px; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); opacity: 0; visibility: hidden; }
.checkbox_outer.checked:before { border-color: #fff; }
.checkbox_outer.checked:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1; visibility: visible; }





/* Header
--------------------------------------------------------------------------------------------------------*/
.header {background: #222222; position: fixed; top:0; width: 100%; z-index: 9; }
.header .row {align-items:center; justify-content: space-between; }
.header .logo {width: 170px; display: block; padding: 6px 0; margin-left: -5px; margin-right: 45px;}
.header .logo img {width: 100%;}
.header .welcome-text {color: #FFF; font-size: 22px; font-family:'Gotham-Medium'; letter-spacing: -1px; }

.header .mobile_logo {display: none;}
.header .header-right {display: none;}
.cart-icon {width: 25px; height: 25px; display: inline-flex; margin-right: 13px; display: none; }
.cart-icon img {width: 100%}

.menu{  position: relative; margin:0; }
.menu > li{ float: left; margin:0 25px;  }
.menu > li:last-child {margin-right:0 }
.side-menu{ position: absolute;top:0; width:200px; right:100%; }
.menu  li{ position: relative;}

.menu > li > a {font-size: 21px;  padding: 13px 25px; display: block; color: #FFF; } 
.menu  li.sub_menu > a {background: url(../../images/arrow_down.png) no-repeat 5px center; background-size: 15px;}
.menu  li ul {padding: 5px 0 ; margin-left: -5px; box-shadow: 1px 4px 5px rgba(0,0,0,0.26)}
.menu  li ul li  a {font-size: 16px; color: #000; padding: 4px 10px; display: block; white-space: nowrap;}
.menu  li ul li:hover {background: #000; color: #FFF;}
.menu  li ul li{ margin:0; display:block; padding: 0; float: none}
.menu  li ul li > ul{ position:absolute; left: 100%; top:0;}
.sub-span{ display:none;}
.mobile-menu{ display: none; background: url(../../images/down_arrow_menu.png) no-repeat center center; height: 40px; width:40px; cursor:pointer;}

.menu li:hover > ul{ visibility: visible; top:100%; opacity: 1}
.menu li ul li:hover > ul{top:0%;}
.menu  li >  ul{ opacity: 0; background:rgba(255,255,255,0.75); transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-webkit-transition:all 0.7s ease 0s;visibility: hidden;  position: absolute; top:100%; left:0; width:auto;}
.menu  li.project_menu >  ul{ width:350px; max-height: 550px; overflow-y: scroll;}
.menu  li a{ color:#FFF; position: relative}
.menu  li:hover > a{ color:#fff;}


/*.banner {position: relative; height: 325px; }*/
.banner {position: relative; height: auto; background-color:#000000e6;}
.banner img {width: 100%; height: 100%; object-fit:cover;  background-size: 100% 100%; background-position: center; margin:0 auto;}
/*.banner img {width: auto; height: 350px; object-fit:cover;  background-size: 100% 100%; background-position: center; margin:0 auto; max-width: 100%}*/
.banner_logo {position: absolute; top:50%; transform: translateY(-50%); left:0; right:0; max-width: 810px; margin:0 auto;} 

.content-wrap {padding: 25px 0;}
.account-profile {padding-bottom: 20px;}
.account-profile h3 {border-bottom: 2px solid #000; padding-bottom: 0; margin-bottom: 5px; display: inline-block;}
.account-profile p {margin-bottom: 0;}
.account-profile p span {display: block;}
.account-profile .btn {max-width: 90px; width: 100%;}
.account-profile p.small-txt {font-size: 10px; line-height: 14px;}

/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer {background: #222222; padding: 15px 0;}
.footer .footer_logo.col {max-width: 107px; padding-top: 15px; margin:0 15px 0 0;}
.footer .footer_logo img {width: 100%;}
.footer .col {max-width: 240px; margin: 0 30px; padding: 0;}
.footer h2 {color: #FFF; position: relative; border-bottom: 2px solid #FFF; padding: 0 0 15px 0; margin: 0 0 20px 0; font-size: 24px;}
.footer-links li a{color: #FFF; font-size: 15px;}
.footer-links li a:hover {color:#ccc;}
.footer-links li {width: 50%; float: left; line-height: 18px;}
.footer-links li:nth-child(even){width: 35%;}
.footer-links li:nth-child(odd){width: 65%;}
.footer .form-control {border-radius: 6px; text-align: center; font-size: 14px; line-height: 14px; padding: 4px 6px;}
.footer .form-group {margin-bottom: 10px;}



/* Project page
-------------------------------------------------------------------------------------------------------*/
.project-listing {display: flex; flex-wrap:wrap;  margin:0 -15px 10px;}
.project-listing li {width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
.card-block {background: #ebebeb; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px;  box-shadow:3px 6px 9px -8px #000000; -moz-box-shadow:3px 6px 9px -8px #000000; -webkit-box-shadow:3px 6px 9px -8px #000000; -ms-box-shadow:3px 6px 9px -8px #000000;}
.card-block  .img-wrap {height: 230px; overflow: hidden; border-radius: 20px 20px 0 0;}
.card-block  .img-wrap img { width: 100%; height: 100%; object-fit: cover; transform:scale(1.1);}
.card-block a:hover .img-wrap img {transform:scale(1.0);}
.card-block img {width: 100%; border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0;}
.card-block  .open-close-text {background: #707070; color: #FFF; font-size: 20px; line-height: 24px;  font-family:'Gotham-Bold'; text-align: center; display: flex;  align-items: center;}  
.card-block  .open-close-text .open-close-text-inner {padding: 5px 10px; width: 100%;}
.card-block  .card_text .card-text-inner{padding: 10px 0; }
.card_text span {display: block; text-align:  center;}
.card-block  .card_text .select-rewards {font-size: 37px; line-height: 42px; font-family:'Gotham-Bold';}
.card-block  .card_text .order-text {font-size: 30px; line-height: 40px; font-family:'Gotham-Bold';}
.red {color: #ff1111;}
.green {color: #049d0f;}
.blue {color: #3278f8;}

.custom-form {max-width: 500px;}
.custom-form .form-control {border:1px solid #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; padding: 2px 12px; font-size: 14px; line-height: 18px;}
.custom-form textarea {resize:none; height: 165px;}
.custom-form label{font-family:'Gotham-Medium'; font-size: 12px; line-height: 12px; margin-bottom: 2px;}
.custom-form p {margin: 0 0 5px; font-family:'Gotham-Medium';}
.submit-btn {float: right;}
.one-col-form {display: block;}
.custom-form .btn {font-size: 14px; padding: 3px 12px; min-width: 93px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px;}

.custom-dropdown.dk-select { width: 100%; }
.custom-form .form-group {margin-bottom: 10px;}
.form-page h3 {padding-bottom: 5px;}
.custom-form .note-text {max-width: 180px;}
.custom-form .note-text p {font-size: 9px; color: #000; line-height: 9px;}

.custom-dropdown .dk-selected { color: #555555; padding:4px 25px 4px 12px; font-size: 14px; line-height: 18px; border: 1px solid #000; text-align: left;  display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; height: 25px; 
background: url(../../images/dropdown_arrow.png) no-repeat right center; background-size: 18px;
}

.dk-selected:after {display: none;}
.dk-select-open-up .dk-select-options {margin-bottom: 5px;}
.dk-select-open-down .dk-select-options {margin-top: 5px;}
.custom-dropdown.dk-select-open-up .dk-selected:before,
.custom-dropdown.dk-select-open-down .dk-selected:before { border-width: 0 5px 8px;  }
.custom-dropdown .dk-selected:hover:before,
.custom-dropdown .dk-selected:focus:before { border-top-color:#000; }
.custom-dropdown .dk-select-open-up .dk-selected:after,
.custom-dropdown .dk-select-open-down .dk-selected:after,
.custom-dropdown .dk-selected:hover:after,
.custom-dropdown .dk-selected:focus:after { border-left-color: #00627c; }
.custom-dropdown .dk-select-open-up .dk-select-options,
.custom-dropdown .dk-select-open-down .dk-select-options,
.custom-dropdown .dk-select-multi:focus .dk-select-options,
.custom-dropdown .dk-selected:hover,
.custom-dropdown .dk-selected:focus { border-color: #000 }
.custom-dropdown .dk-option { padding: 4px 12px; font-size: 14px; line-height: 18px; text-align: left; color: #555555; }

.custom-dropdown .dk-select-options .dk-option-highlight,
.custom-dropdown .dk-option-selected { background-color: #000; color: #fff; }
.custom-dropdown .dk-select-options .hidden-option { display: none; }


.account-submit-btn {margin-top: 20px;}
.eternal-adversary h2 {border-bottom: 2px solid #000; font-size: 35px; line-height: 34px; padding-bottom: 5px; margin-bottom: 30px;}
.item-listing {display: flex; margin: 0 -20px 50px; flex-wrap:wrap;}
.item-listing > li {width: 33.33%; flex:0 0 33.33%; padding:  0 20px; margin-bottom: 30px;}
.sold {pointer-events: none;}
.card {border:1px solid #000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px;  background: #ebebeb; height: 100%; position: relative; justify-content: space-between; }
.card .img-wrap {position: relative; overflow: hidden;height: 230px; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0;}
/*.card-block  .img-wrap {height: 230px; overflow: hidden; border-radius: 20px 20px 0 0;}
.card-block  .img-wrap img { width: 100%; height: 100%; object-fit: cover; transform:scale(1.1);}
.card-block a:hover .img-wrap img {transform:scale(1.0);}*/
.card .img-wrap img {width: 100%; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; height: 100%; object-fit: cover; transform:scale(1.1);}
.zoom-icon {position: absolute; bottom: 5px; right: 5px; width: 15px; height: 15px; display: block;}
.card-des {padding: 7px 20px; border-top:2px solid #000;} 
.card-des h3 {text-align: center; font-size: 20px; line-height: 24px; padding-bottom:5px;}
.card-des p {font-size: 12px; line-height: 10px; margin: 0 0 7px; line-height: 1.2em;}
.accordion-title { display: none;}
.card-price-col {background: #707070; border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; padding: 8px 0;}
.card-price-col span {display: block;}
.card-price-col span.discount-price {font-family:'Gotham-Black'; font-size: 25px; color: #FFF; }
.card-price-col span.sale-price {font-family:'Gotham-Medium'; font-size: 13px; color: #FFF;}
.card-price-col .checkbox_outer:before {width: 100%; height: 20px; top:0; border:1px solid #000; background: transparent; }
.card-price-col .checkbox_outer input {width: 100%; height: 20px;}
.card-price-col .checkbox_outer:after {display: none }
.card-price-col span.checkbox-label {font-size: 10px; line-height: 8px; color: #FFF; font-family:'Gotham-Bold'; text-align: center;} 
.card-price-col .checkbox_wrapper {width: 100%; margin: 0; }
.card-price-col .dropdown-outer label {color: #FFF; white-space: normal; padding-right: 10px; margin: 2px 0; font-size: 14px;  width: 40%;}
.card-price-col .custom-dropdown.dk-select {width: 60%;}
.card-price-col .dropdown-outer {display: flex; flex-wrap:nowrap; padding-bottom: 5px; align-items:center;}
.card-price-col .custom-dropdown .dk-selected {background:url(../../images/down_arrow.png) no-repeat right center #FFF; border:1px solid #FFF; padding: 2px 25px 2px 12px; height: auto; font-size: 12px; line-height: 14px;}
.card-price-col .custom-dropdown .dk-option {font-size: 12px; }
.card-price-col .checkbox_outer {padding-left:0; width: 100%; border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px;  height: 20px; margin: 0; background: #ebebeb; color: #000; font-size: 18px; line-height: 20px;  font-family:'Gotham-Bold'; text-align: center; }
.card-price-col .checkbox_outer.checked {background: #000;  color: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; }
.card-price-col  .price-col .row {align-items:center; margin-bottom: 10px;}
.quantity_wrapper label {font-size: 10px; line-height: 8px; color: #FFF; font-family:'Gotham-Bold'; text-align: center; margin-bottom: 5px; display: block; }
.card-price-col  .quantity_wrapper  .form-control {width: 40px; height: 30px; padding: 2px 6px 2px 6px; margin: 0 auto; top:0; border:1px solid #000; text-align: center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; font-size: 14px;}
.quantity_wrapper {float: right;}
.card-price-col .form-control {width:60%; border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; -ms-border-radius: 10px;  border: 1px solid #FFF; padding: 2px 12px 2px 12px;  height: auto; font-size: 12px;  line-height: 14px;}
.select_checkbox_wrapper .checkbox_outer {width: 40px; height: 30px; background: #FFF;}
.select_checkbox_wrapper .checkbox_outer:before {width: 40px; height: 30px;}
.card-price-col .select_checkbox_wrapper .custom_input {width: 40px; height: 30px;}
.card-price-col .select_checkbox_wrapper .checkbox_outer:after {display: block; width: 40px; height: 30px; background-size: 15px; top: 0; left: 0; }
.card-price-col .select_checkbox_wrapper  .checkbox_outer.checked {background:#FFF;}
.mb0 {margin-bottom: 0 !important;}


hr {border-top:2px solid rgba(0,0,0,1); margin: 0 0 9px;}

.eternal-adversary .cart-summary {margin-top: 37px;}
.eternal-adversary  .cart-summary-inner {padding: 25px 40px 25px 40px}
.eternal-adversary .cart-summary .form-control {width: 25px; height: 22px;}
.cart-summary .edit-btn {min-width: 60px; font-size: 14px;}
 

.custom-listing li {position: relative; padding-left: 7px; font-size: 10px; line-height: 12px; }
.custom-listing li:before {position: absolute; width: 2px; height:2px; background: #000; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; content: ""; left:2px; top:5px; }

.sold .card {position: relative;  cursor: not-allowed; }
.sold .card:before {position: absolute; border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; content: ""; background: rgba(255,255,255,0.7); top:0; bottom: 0; width: 100%; z-index: 1;} 
.sold-item {font-size: 50px;  z-index: 2; transform: translateY(-50%); position: absolute; top:50%;  display: block; width: 100%; height: 100px; display: none; }
.sold-item em {transform: rotate(-35deg); display: block; width: 145px; margin:0 auto; color: rgba(112,112,112,0.40); line-height: 64px; font-family:'Gotham-Black'; text-transform: uppercase;} 
.sold  .sold-item  {display: block;}

.cart-summary {} 
.cart-summary-inner {background: #ebebeb;   padding: 30px;}
.cart-summary  h2 {margin-bottom: 15px; padding-bottom: 10px; border-bottom:2px solid #000; font-size: 34px;}
.cart-summary .form-control {width: 30px; height: 25px; padding: 5px 2px; text-align: center; font-size: 14px; line-height:18px;  border: 1px solid #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; display: inline-block;}
.custom-table {width: 100%;}
.custom-table td {padding: 4px 0;}
.custom-table td span {font-size: 10px;}
.balance-table td:last-child {text-align: right;}
.summary-col {margin-bottom: 30px;}
.summary-col .btn-outer {display: block; text-align: right; }
.summary-col p {font-size: 14px; line-height: 17px; margin-bottom: 5px;}


.order-summary-table  th {font-size: 10px;}
.order-summary-table th:nth-child(2), .order-summary-table td:nth-child(2) {text-align: center; width: 50px;}
.order-summary-table th:last-child, .order-summary-table  td:last-child {text-align: right;}

.cart-summary .pay-btn-outer {text-align: center; display: block;}

.cart-summary .pay-btn-outer .secondary-btn {font-size: 30px; padding: 10px; max-width:130px; width: 100%;}
.cart-summary .summary-note {background: #707070; padding: 20px 45px; color: #ebebeb; text-align: center; font-family:'Gotham-Black'; font-size: 16px; line-height: 16px; }

.receipt-shipping  h2.heading {border-bottom:2px solid #000; padding-bottom: 0; }

.tab-outer {display: flex;}
.tabs {width: 24.5%; margin-top: 13px;}
.item_content {padding: 0 0 0 18px; width: 100%;}
.item_content .item_heading {border-bottom: 2px solid #000; display: flex; justify-content: space-between; padding-bottom: 5px; margin-bottom: 9px;}
.item_content h4 {padding-bottom: 0;}
.item_content h4 em {font-size: 10px;}
.tabs li {margin-bottom: 15px; position: relative; padding-right: 55px;}
.tabs li:before {position: absolute; display: none; content: ""; right: 28px; background: url(../../images/right_arrow.png) no-repeat center center; width: 10px; height: 100%; background-size: 10px;}
.tabs li.active .tab-img {opacity: 1;}
.tabs li.active:before {display: block;}
.tab_container {width:75.5%; padding-left: 5px; }
.tab_container_inner { background:rgba(0,0,0,0.10); height: 100%;}
.tab_drawer_heading { display: none;}
.tab-img {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; display: block; height: 105px; max-width: 260px; opacity: 0.5; cursor: pointer; overflow: hidden; }
.tab-img img {width: 100%; height: 100%; object-fit:cover; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transform: scale(1.1);}
.tabs li:hover .tab-img img {transform: scale(1);}

.item_list > li {padding:0 15px 27px 35px; display: flex; flex-wrap:nowrap; }
.item_list .item_img {background: #FFF; border-radius: 6px; width: 180px; height: 130px; box-shadow: 1px 4px 5px  rgba(0,0,0,0.26); -moz-box-shadow: 1px 4px 5px  rgba(0,0,0,0.26); -webkit-box-shadow: 1px 4px 5px  rgba(0,0,0,0.26);}
.item_list .item_img img {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; width: 100%; height: 100%; object-fit:cover;}
.item_list {padding:35px 0 0; }

.receipt-shipping .cart-summary-inner {background: transparent; padding: 30px 0;}
.receipt-shipping .container {background: url(../../images/account_information_img.png) no-repeat top right 50px; background-size: 500px; }

.tab_content .col-sm-8 {max-width: 60%;}
.tab_content .col-sm-4 {padding-right: 10px;} 



.loader-outer {background: rgba(0,0,0,0.9); position: fixed; top:0; bottom:0; left:0; right: 0; z-index: 9; }
.loader {position: absolute; z-index: 1;  width:100px; margin: 0 auto; left:0; right:0; top:50%; }
.loader-outer img {width: 100%;}
.loader-open {overflow: hidden;}

.step-section ul {display: inline-flex; width: 100%}
.step-section ul li {width: 33.33%; }
.step-section ul li a {background:#707070; position: relative;  font-family: 'Gotham-Bold'; font-size: 20px; color: #FFF; display: block; text-align: center; padding: 20px; border-right: 1px solid #FFF;}
.step-section ul li.active a {background:#0db81c; border-right: none; }
.step-section ul li a:after { position: absolute; right:-16px; top:0; bottom: 0; content: "";  width: 0;
height: 0;
border: 0 solid transparent;
border-bottom-width: 17px;
border-top-width: 17px;
border-left: 17px solid #0db81c; z-index: 1; display: block; margin: auto; display: none; }
.step-section ul li.active a:after {display: block;}
.step-section ul li:last-child a {border:none;}
.btn-center {text-align: center;}

p a.link-dark{color:#000;}
p a.link-dark:hover{color:#3a5c6b;}