@font-face {
    font-family: 'AvantGarde';
    src: url('../../fonts/AvantGarde-Book.woff') format('woff'),
    url('../../fonts/AvantGarde-Book.eot') format('eot'),
    url('../../fonts/AvantGarde-Book.ttf') format('ttf');
}

@font-face {
    font-family: 'AvantGardeMedium';
    src: url('../../fonts/AvantGardeIMedium.woff') format('woff'),
    url('../../fonts/AvantGardeIMedium.eot') format('eot'),
    url('../../fonts/AvantGardeIMedium.ttf') format('ttf');
}

@font-face {
    font-family: 'AvantGardeBookBt';
    src: url('../../fonts/AvantGarde-BookBt.woff2') format('woff2'),
    url('../../fonts/AvantGarde-BookBt.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGardeRegular';
    src: url('../../fonts/AvantGarde-Regular.woff2') format('woff2'),
    url('../../fonts/AvantGarde-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGardeBold';
    src: url('../../fonts/AvantGarde-Bold.woff2') format('woff2'),
    url('../../fonts/AvantGarde-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/**
FOR HEADERS
*/

html{
	position: relative;
}
body{
    font-family: 'AvantGardeBookBt', "AvantGarde", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #3c3c3b;
	min-height: 98vh;
}

*, input, select, textarea, option, option:hover, option:focus, button {
	outline: none;
}

#page{
	padding-bottom: 90px;
}
#page.sign_up_cont,
#page.sign_in_cont{
	padding-bottom: 0;
	margin: 0;
}

#page .sign_up div.image img,
#page .sign_in div.image img{
	height: 100vh;
	object-fit: cover;
}

.trd-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

::-webkit-input-placeholder {
    font-family: 'AvantGardeBookBt', "AvantGarde", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a5a5a5 !important;
}
::-moz-placeholder {
    font-family: 'AvantGardeBookBt', "AvantGarde", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a5a5a5 !important;
} /* firefox 19+ */
:-ms-input-placeholder {
    font-family: 'AvantGardeBookBt', "AvantGarde", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a5a5a5 !important;
} /* ie */
input:-moz-placeholder {
    font-family: 'AvantGardeBookBt', "AvantGarde", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a5a5a5 !important;
}

div{
    letter-spacing: 1px;
}

.ol_showrm_coll_cont .carousel-inner{
	height: 300px;
}
.ol_showrm_coll_cont img.d-block{
	margin-top: 0;
}

.spinner_showroom_loading{
	height: 18px;
	width: 18px;
	margin: 0!important;
}

.just_space{
	padding-left:12px;
}
.spinner_showroom_loading.shrmload_small{
	color: #212529;
	height: 15px;
	width: 15px;
}

.top-btn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #3c3c3d;
    opacity: 0.7;
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 10px;
}

.top-btn:active {
    border-style: none;
}

.call-header{
    background-color: #0094ca;
    padding: 5px 0 0 0;
}

.contact-num{
    color: #ffffff;
    text-align: right;
    margin-top: 2px;
    font-size: 14px;
}

.contact-num .country{
    margin-left: 30px;
}

.toolbar{
    background-color: #ffffff;
    /*padding-bottom: 10px;*/
}

.toolbar .blue-line{
    margin-top:-9px;
    background-color: #0094ca;
    padding:5px;
}

.toolbar .tool-container{
    margin-top: 15px;
}

.toolbar .tool-container img.icon-co{
    max-height: 30px;
}

.toolbar .tool-container .link-container{
    float: right;
}

.progress-container {
    left:0;
    width: 100%;
    height: 0.2em;
    margin-bottom: 0;
    top: 10px;
    position: relative;
    bottom: 0px;
    overflow: hidden;
    content: "";
    display: table;
    table-layout: fixed;
    z-index:1000;
}

.progress-bar {
    width: 0%;
    float: left;
    height: 100%;
    z-index:1000;
    max-width: 100%;
    background-color: #cecece;
    -webkit-transition: width 1.9s ease;
    -o-transition: width 1.9s ease;
    transition: width 1.9s ease;
}

.link-container a.tool-link{
    font-weight: 400;
    font-size: 14px;
    margin-left: 25px;
    color: #3c3c3d;
}

a:hover.tool-link{
    color: #0094ca;
}

a.tool-link-active{
    color: #0094ca;
    font-weight: 600;
    font-size: 14px;
    margin-left: 25px;
}

.sign_in_cont .sign_in .image,
.sign_up_cont .sign_up .image {
	height: 100%;
	width: 49%;
}

.sign_in_cont .log_in .logo,
.sign_up_cont .register .logo{
	margin: 40px 0 0 0;
}

.sign_in_cont .log_in .logo img,
.sign_up_cont .register .logo img {
	width: 254px;
}

.sign_in_cont .log_in .title {
	font-size: 19px;
	margin: 5px 0 30px 0;
}

.sign_up_cont .register .title {
	margin: 8px 0 26px 0;
}

.otp_notif {
	font-size: 15px;
	color: #6c757d;
	width: 357px;
	margin: 0 0 20px 0;
	/*visibility: hidden;*/
}

.showroom_sign_in_alrt{
	background-color: #ffdbdb;
	padding: 6px;
}
.wait_for_password .showroom_sign_in_alrt{
	background-color: #eaffea;
}

.showroom_sign_in_alrt_div{
	color: #9e3030;
}
.wait_for_password .showroom_sign_in_alrt_div{
	color: #2a572a;
}
.showroom_sign_in_alrt_icon{
	font-size: 22px;
	padding: 5px 10px 5px 5px;
}
.showroom_sign_in_alrt_message{
	font-size: 12px;
}
.showroom_sign_in_alrt_message a{
	text-decoration: underline;
	color: #9e3030;
}
.wait_for_password .showroom_sign_in_alrt_message a{
	color: #2a572a;
}

/*.log_in_form form {*/
/*	margin: 0 0 72px 0;*/
/*}*/

.log_in_form .form-group {
	margin-bottom: 0.7rem;
}

.log_in_form .email,
.log_in_form .password {
	border: 1px solid #F5F3F2;
	background-color: #F5F3F2;
	color: #555555;
	font-size: 0.9rem;
}

.login_forgot_pass{
	text-align: center;
	font-size: 12px;
	color: #6c757d;
	padding-top: 10px;
}
.forgot_pass_send_email{
	color: #0094ca;
}

.log_in_form .password {
	/*display: none;*/
	margin-top: 10px;
}

.log_in_form .email:focus,
.log_in_form .password:focus {
	outline: none;
	box-shadow: none;
}

.log_in_form .login_password {
	display: none;
}

.log_in_form .login_email,
.log_in_form .login_password {
	background-color: #0094ca;
	border-color: #0094ca;
	width: 100%;
	font-weight: bold;
	font-size: 15px;
	box-shadow: none;
	height: 45px;
}
.otp_input:focus{
	outline: 0 transparent !important;
}
.otp_input{
	width: 45px;
	text-align: center;
	margin-right: 10px;
	margin-left: 0;
	border-top: none;
	border-right: none;
	border-left: none;
    border-bottom: 1px solid #6c757d;
}
.otp_input.otp1{
	margin-left: 0;
}
.otp_input.otp6{
	margin-right: 0;
}

.sign_up button.signup:hover,
.log_in_form .login:hover {
	opacity: .6;
	box-shadow: none;
}

.sign_up button.signup:active,
.log_in_form .login:active {
	background-color: #3E6787 !important;
	border-color: #3E6787 !important;
	opacity: 1;
	box-shadow: none !important;
}

.sign_up_cont {
	margin: 0 0 33px 0;
	text-align: center;
}

.sign_up_cont .no_account {
	font-size: 12px;
	color: #6c757d;
	margin: 0 100px 0 0;
}

.sign_up_cont .signup {
	border: 1px solid #0094ca;
	color: #0094ca;
	font-size: 12px;
	font-weight: bold;
	box-shadow: none;
	width: 88px;
	height: 34px;
}

.sign_up_cont .signup:active {
	background-color: #0094ca !important;
	border-color: #0094ca !important;
	color: #ffffff;
	box-shadow: none;
}

.no_email {
	font-size: 12px;
	color: #6c757d;
	margin: 60px auto auto auto;
}

.login_box_signin a{
	color: #0094ca;
}

.no_email span {
	color: #0094ca;
}

.no_email span:hover {
	border-bottom: 1px solid #0094ca;
	cursor: pointer;
}

.home div {
	font-size: 12px;
	color: #6c757d;
}

.home div span {
	color: #0094ca;
}

.home div span:hover {
	border-bottom: 1px solid #0094ca;
	cursor: pointer;
}

.no_mail_modal .modal-dialog {
	max-width: 500px;
}

.no_mail_modal .modal-dialog .modal-content {
	border-radius: 0.9rem;
}

.modal-body .mail{
	padding-bottom: 15px;
}
.modal-body .email a{
	color: #0094ca;
}

.mail .modal_close {
	height: 15px;
}

.mail .modal_close .close {
	font-size: 15px;
	color: #6c757d;
}

.mail .modal_close .close:hover {
	color: #6c757d;
}

.mail .modal_close .close:hover {
	outline: none;
}

.mail .icon {
	color: #0094ca;
	font-size: 52px;
	margin: 0 0 8px 0;
}

.mail .notif {
	font-size: 15px;
	color: #6c757d;
	margin: 0 0 19px 0px;
}

.mail .check {
	font-size: 14px;
	color: #6c757d;
	width: 400px;
	margin: auto auto 14px auto;
}

.mail .email {
	font-size: 14px;
	color: #6c757d;
	font-weight: bold;
	margin: 0 0 18px 0;
}

.mail .ok {
	font-size: 14px;
	font-weight: bold;
	width: 98px;
	height: 32px;
	box-shadow: none;
	border: 1px solid #0094ca;
	color: #ffffff;
}

.mail .ok:hover {
	opacity: .6;
	box-shadow: none;
}

.mail .ok:active {
	background-color: #3E6787 !important;
	border-color: #3E6787 !important;
	opacity: 1;
	box-shadow: none !important;
}

.register_form {
	width: 362px;
	margin: 0 0 34px 0;
}

.register_form .form_group {
	margin: 0 0 29px 0;
}
.please_fill{
	border: 1px solid #ee98a1 !important;
}

.register_form .more_info,
.register_form .company,
.register_form .full_name,
.register_form .email,
.register_form .telephone,
.register_form .country,
.register_form .website,
.register_form .company_type,
.register_form .total_store {
	border: 1px solid #F5F3F2;
	background-color: #F5F3F2;
	color: #555555;
	font-size: 0.9rem;
	margin: 0 0 8px 0;
}

.register_form .more_info:focus,
.register_form .company:focus,
.register_form .full_name:focus,
.register_form .email:focus,
.register_form .telephone:focus,
.register_form .country:focus,
.register_form .website:focus,
.register_form .company_type:focus,
.register_form .total_store:focus {
	outline: none;
	box-shadow: none;
}

.modal-body .btn-primary{
	width: 50%!important;
}

.modal-body .btn-primary,
.log_in_form .login_email,
.log_in_form .login_password,
.register_form .signup {
	background-color: #0094ca;
	border-color: #0094ca;
	color: #ffffff;
	width: 100%;
	font-weight: bold;
	font-size: 15px;
	box-shadow: none;
	height: 45px;
}

.modal-body .btn-primary:hover,
.log_in_form .login_email:hover,
.log_in_form .login_password:hover,
.register_form .signup:hover {
	opacity: .6;
	box-shadow: none;
}

.modal-body .btn-primary:active,
.log_in_form .login_email:active,
.log_in_form .login_password:active,
.register_form .signup:active {
	background-color: #3E6787 !important;
	border-color: #3E6787 !important;
	opacity: 1;
	box-shadow: none !important;
}

.log_in_cont {
	margin: 0 0 38px 0;
}

.log_in_cont .has_account {
	font-size: 12px;
	color: #6c757d;
	margin: 0 100px 0 0;
}

.log_in_cont .login {
	border: 1px solid #0094ca;
	color: #0094ca;
	font-size: 12px;
	font-weight: bold;
	box-shadow: none;
	width: 88px;
	height: 34px;
}

.log_in_cont .login:hover {
	ackground-color: #E4EEF5;
}

.log_in_cont .login:active {
	background-color: #0094ca !important;
	border-color: #0094ca !important;
	color: #ffffff;
	box-shadow: none;
}

.registered {
	width: 362px;
	height: 435px;
	display: none;
}

.registered .icon {
	font-size: 108px;
	color: #0094ca;
	margin: 0 0 8px 0;
}

.registered .notif {
	margin: 0 0 32px 0;
}

.registered .message {
	font-size: 13px;
}

.ol_showrm_header .tool-container {
	border-bottom: 1px solid #6c757d;
	padding: 0 0 15px 0;
}

.ol_showrm_header .link-container a.tool-link {
	font-weight: 400;
	font-size: 14px;
	margin-left: 25px;
	color: #6c757d;
	position: relative;
	display: inline-block;
}

.ol_showrm_header .link-container a.tool-link:hover {
	border-bottom: 1px solid #0094ca;
	text-decoration: none;
	color: #0094ca;
}

.ol_showrm_header .link-container a.tool-link i {
	margin-right: 5px;
	color: #6c757d;
}

.ol_showrm_header .link-container a.tool-link .ol_showrm_file_icon {
	transform: scaleX(-1);
}

.ol_showrm_header .ol_showrm_cart_icon-badge {
	position: absolute;
	top: -2px;
	right: 32px;
	padding: 0px 3px;
	border-radius: 50%;
	background-color: #0094ca;
	font-size: 8px;
	color: #ffffff;
}

.ol_showrm_header .ol_showrm_file_icon-badge {
	position: absolute;
	top: -2px;
	right: 44px;
	padding: 0px 3px;
	border-radius: 50%;
	background-color: #0094ca;
	font-size: 8px;
	color: #ffffff;
}

.ol_showrm_header .link-container a.tool-link .ol_showrm_cust_tooltip_logout:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffffff;
	top: -5px;
	left: 26px;
	content: "";
	border-width: 5px;
	display: inline-block;
	position: absolute;
}

.ol_showrm_header .link-container a.tool-link .ol_showrm_cust_tooltip_logout:before {
	content: '';
	position: absolute;
	transform: rotate(45deg);
	width: 21px;
	height: 18px;
	bottom: 10px;
	left: 41px;
	z-index: -1;
	box-shadow: 2px -1px 3px grey;
}

.ol_showrm_header .link-container a.tool-link .ol_showrm_cust_tooltip_logout:hover {
	text-decoration: underline;
	text-decoration-color: #6c757d;
	cursor: pointer;
}

.ol_showrm_header .link-container a.ol_showrm_anchor_cust:hover,
.ol_showrm_header .link-container a.ol_showrm_anchor_cart:hover,
.ol_showrm_header .link-container a.ol_showrm_anchor_quote:hover {
	cursor: pointer;
	border: 0;
}

.ol_showrm_header .link-container a.tool-link:hover .ol_showrm_cust_tooltip_logout {
	visibility: visible;
}

.ol_showrm_coll_cont .ol_showrm_assort,
.ol_showrm_assort_cont .ol_showrm_assort {
	height: 35px;
}

.ol_showrm_coll_nav_menu_cont{
	padding-top: 10px;
}

.ol_showrm_coll_nav_menu_cont,
.ol_showrm_assort_nav_menu_cont {
	border-bottom: 1px solid #6c757d;
}

.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont,
.ol_showrm_assort_cont .ol_showrm_assort_nav_menu_cont {
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
}

.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont .ol_showrm_coll_nav a,
.ol_showrm_assort_cont .ol_showrm_assort_nav_menu_cont .ol_showrm_assort_nav a {
	font-size: 14px;
	margin-left: 40px;
	color: black;
}

.ol_showrm_coll_nav_active {
	border-bottom: 1px solid #0094ca;
	text-decoration: none;
}

.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont .ol_showrm_coll_nav a:hover {
	border-bottom: 1px solid #0094ca;
	text-decoration: none;
}

.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont .ol_showrm_coll_nav a:hover,
.ol_showrm_assort_cont .ol_showrm_assort_nav_menu_cont .ol_showrm_assort_nav a:hover {
	cursor: pointer;
}

.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont .menu_gifts_cont,
.ol_showrm_assort_cont .ol_showrm_assort_nav_menu_cont .menu_gifts_cont {
	display: none;
	border: 1px solid #0094ca;
	position: absolute;
	z-index: 999;
	background: #ffffff;
	font-size: 14px;
	top: 10px;
	/*left: 500px;*/
	/*min-width: 80%;*/
}

.menu_gifts_cont_cont{
	position: relative;
	width: 100%;
}

.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont .arrow {
	display: none;
	position: absolute;
	z-index: 1;
	background: #ffffff;
	font-size: 14px;
	top: 28px;
	left: 634px;
}

.ol_showrm_assort_cont .ol_showrm_assort_nav_menu_cont .menu_gifts_cont:before {
	content: '';
	width: 10px;
	height: 10px;
	background: #ffffff;
	top: -6px;
	left: 15px;
	position: absolute;
	transform: translateX(-50%) rotate(45deg);
	border-left: 1px solid #0094ca;
	border-top: 1px solid #0094ca;
}

.ol_showrm_assort_cont .assorts .img {
	width: 189px;
	height: 189px;
	position: relative;
}
.ol_showrm_assort_cont .assorts .img .view_on_hover{
	position: absolute;
	top: 82px;
	left: 63px;
	font-size: 30px;
	color: #6c757d;
}

.assorts_row .view_on_hover,
.cart_row .view_on_hover{
	position: absolute;
    top: 39%;
    left: 57px;
	font-size: 30px!important;
	color: #6c757d!important;
}

.ol_showrm_assort_cont .assorts .info .ttl {
	height: 39px;
	font-weight: bold;
	color: #000000;
}

.ol_showrm_assort_cont .assorts .img img {
	width: 100%;
	height: 189px;
	object-fit: contain;
}

.ol_showrm_assort_cont .assorts .img img:hover {
	opacity: 0.5;
}

.ol_showrm_assort_cont .assorts .img img:active {
	filter: brightness(50%);
	opacity: 1;
}

ul li:first-child a:hover {
	color: #6c757d !important;
}

ul li:not(first-child) a:hover {
	color: #0094ca !important;
}

.menu_gifts_see_all,
.menu_gifts_gender,
.menu_gifts_product_category,
.menu_gifts_recipient,
.menu_gifts_price,
.menu_gifts_interest {
	/*border-bottom: 1px solid #6c757d;*/
	padding: 0 0 5px 0;
	margin: 10px 10px 5px 10px;
	width: 200px;
}

.menu_gifts_cont .menu_gifts .menu_gifts_see_all .see_all,
.menu_gifts_cont .menu_gifts .menu_gifts_gender .gender,
.menu_gifts_cont .menu_gifts .menu_gifts_product_category .product_category,
.more_menu_one_cont .more_menu .menu_gifts_recipient .recipient,
.more_menu_one_cont .more_menu .menu_gifts_price .price,
.more_menu_one_cont .more_menu .menu_gifts_interest .interest {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu_gifts_cont .menu_gifts div ul li a,
.more_menu_one_cont .more_menu div ul li a {
	text-decoration: none;
	color: #6c757d;
	font-size: 12px;
}

.menu_gifts_cont .menu_gifts div ul li a:hover {
	border-bottom: 1px solid #0094ca;
	text-decoration: none;
}

.menu_gifts_cont .menu_gifts div ul li:first-child a,
.more_menu_one_cont .more_menu div ul li:first-child a {
	font-size: 14px;
}

.more_categories_cont {
	margin: 0;
	padding: 0 0 10px 10px;
	color: #6c757d;
}

.more_menu_one_cont,
.more_menu_two_cont {
	visibility: hidden;
}

.more_menu {
	border-left: 1px solid;
	height: 406px;
}

.more_categories_cont span:hover {
	cursor: pointer;
}

.menu_gifts_cont .menu_gifts div:last-child,
.more_menu_one_cont .more_menu div:last-child,
.more_menu_two_cont .more_menu div:last-child {
	border-bottom: none;
	padding: 0 0 10px 0;
	margin: 10px 10px 0 10px;
}

.ol_showrm_coll_banner_cont .ol_showrm_coll_banner_cont .ol_showrm_coll_banner {
	width: 100%;
}

.ol_showrm_coll_banner_cont .ol_showrm_coll_banner_cont .ol_showrm_coll_banner img {
	height: 300px;
	object-fit: cover;
	width: 100%;
}
.ol_showroom_coll_disable,
.ol_showroom_assort_disable{
	display: none;
}

.ol_showrm_coll_banner_cont .ol_showrm_coll_banner {
	position: relative;
	display: inline-block;
}

.title.text-center{
	position: relative;
}

.ol_showrm_colls_cont {
	margin-top: 30px;
}

.ol_showrm_colls_cont .ol_showrm_colls_col {
	padding-bottom: 30px;
	cursor: pointer;
}

.ol_showrm_colls_cont .ol_showrm_colls_col img {
	width: 100%;
}

.ol_showrm_colls_cont .ol_showrm_colls_col img:hover {
	opacity: 0.5;
}

.ol_showrm_colls_cont .ol_showrm_colls_col img:active {
	filter: brightness(50%);
	opacity: 1;
}


.ol_showrm_colls_cont .ol_showrm_colls_col div button {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
	padding: 12px 20px 12px 20px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}

.ol_showrm_load_more_colls_cont {
	margin:50px 0 80px 0;
}

.ol_showrm_load_more_colls_cont .load_more_colls {
	padding: 12px 65px 12px 65px;
	font-weight: bold;
	background: #0094ca;
	border-color: #0094ca;
}

.ol_showrm_load_more_colls_cont .load_more_colls:hover {
	opacity: 0.5;
}

.ol_showrm_load_more_colls_cont .load_more_colls:active {
	background: #0094ca !important;
	border-color: #0094ca !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

.ol_showrm_load_more_colls_cont .load_more_colls:focus {
	box-shadow: none !important;
}
.menu_gifts_hr{
	border-bottom: 1px solid #6c757d!important;
	margin: 0px 8px;
}
.headof_menu{
	width: 10px;
	height: 10px;
	background: #ffffff;
	position: absolute;
	left: 18px;
	top: 25px;
	z-index: 9999;
	transform: translateX(-50%) rotate(45deg);
	border-left: 1px solid #488AB8;
	border-top: 1px solid #488AB8;
}

.cats_nothing_a{
	padding-top: 10px!important;
	width: 5px;
}

.menu_gifts.menu_generate_cats,
.menu_gifts.menu_generate_after{
	vertical-align: top;
}

.see_all {
	margin-top: 15px;
}

.see_all .bread_crumb {
	font-size: 14px;
	color: #6c757d;
	float: left;
	position: relative;
	width: 41%;
	height: 51px;
}

.assort_bread_crumb a{
	color: #0094ca;
}
.see_all .assort_bread_crumb {
	font-size: 14px;
	color: #6c757d;
	float: left;
	position: relative;
	width: 100%;
	height: 51px;
}

.see_all .bread_crumb .crumb {
	position: absolute;
	top: 33%;
	left: 0;
	transform: translate(0,-50%);
}

.see_all .bread_crumb .crumb span a {
	color: #0094ca;
}

.see_all .sort_filter_by_price_range {
	float: right;
}

.see_all .sort_filter_by_price_range .filter_by,
.see_all .sort_filter_by_price_range .sort_by_sell,
.see_all .sort_filter_by_price_range .price_range {
	display: inline-block;
}

.see_all .sort_filter_by_price_range .sell .sell_lbl {
	font-size: 14px;
	color: #6c757d;
	margin-right: 10px;
}

.see_all .sort_filter_by_price_range .sell .sell_sell {
	font-size: 14px;
	color: #6c757d;
	border: 1px solid #6c757d;
}

.see_all .sort_filter_by_price_range .sell .sell_sell:focus {
	box-shadow: none;
}

.see_all .filter_by {
	margin-right: 10px;
}

.see_all .filter_by .sell .sell_lbl {
	font-size: 14px;
	color: #6c757d;
	margin-right: 10px;
}

.see_all .filter_by .sell .sell_sell {
	font-size: 14px;
	color: #6c757d;
	border: 1px solid #6c757d !important;
	width: 200px;
	padding-top: 6px;
	padding-left: 4px;
	padding-right: 8px;
}

.see_all .price_range .price {
	font-size: 14px;
	color: #6c757d;
}

.see_all .price_range .price input {
	font-size: 14px;
	width: 55px;
	color: #6c757d;
	border: 1px solid #6c757d;
}

.see_all .price_range .price input:focus {
	box-shadow: none;
	outline: none;
	border-color: #6c757d;
}


.see_all .price_range .price button {
	font-size: 14px;
	background: #1C95CC;
	border-color: #1C95CC;
}

.see_all .price_range .price button:hover {
	 opacity: 0.5;
}

.see_all .price_range .price button:active {
	background: #0094ca;
	border-color: #0094ca;
	opacity: 1;
}

.see_all .price_range .price button:focus {
	box-shadow: none !important;
}

.see_all .price_range .price,
.see_all .price_range .price > * {
	margin: 0 5px 0 5px;
}

.assort {
	margin: 0 0 25px 0;
}

.assort .img {
	width: 191px;
	height: 191px;
}

.assort .img img {
	width: 100%;
	height: 191px;
}

.assort .img img:hover {
	cursor: pointer;
}

.assort .img .cart {
	position: absolute;
	top: 4px;
	left: 160px;
}

.assorts .filter_sel,
.assorts .price,
.related_assorts .related_assort {
	font-size: 23px;
	font-weight: bold;
}

.all .assort_col {
	padding: 20px 15px 0 15px;
	border-bottom: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	width: 20%;
}

.all .assort_col:nth-child(5n) {
	border-right: none !important;
}

.related_assorts .assort_col {
	padding: 20px 15px 0 15px;
	border-bottom: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
	width: 20%;
}

.related_assorts .assort_col:nth-child(5n) {
	border-right: none !important;
}

.cart div span:last-child {
	font-size: 12px;
	font-weight: normal;
	color: #6c757d;
}

.cart > :first-child {
	border: none !important;
}

.cart > :first-child span {
	font-size: 24px;
}

.cart > :nth-child(2) {
	padding: 15px 0 15px 0;
	border-top: 1px solid #6c757d;
}

.cart > :not(:last-child) {
	border-bottom: 1px solid #6c757d;
	padding: 15px 0 15px 0;
}

.carts:last-child {
	border-bottom: 1px solid #6c757d;
	padding: 15px 0 15px 0;
}

.cart .carts,
.cart .carts div {
	font-size: inherit;
	font-weight: normal;
	margin: 0;
	color: #6c757d;
}

.carts .cart_row .assort_img {
	width: 150px;
	height: 150px;
	padding: 4px 0 0 0;
}

.carts .cart_row .assort_img img {
	width: 100%;
	height: 150px;
}

.carts .cart_row .assort_img img:hover,
.assort_img_quotes_view:hover{
	opacity: 0.5;
}

.carts .cart_row .assort_img img:active,
.assort_img_quotes_view:active{
	filter: brightness(50%);
	opacity: 1;
}

.carts .cart_row .assort_info_det {
	padding: 12px 0 0 0;
	width: 220px;
}

.carts .cart_row .assort_info_det .assort_no {
	font-size: 12px;
	color: #6c757d;
}

.carts .cart_row .assort_info_det .assort_name {
	font-size: 16px;
	font-weight: bold !important;
	color: #0094ca !important;
	width: 100%;
}

.carts .cart_row .assort_info_det .assort_det {
	font-size: 12px;
	color: #6c757d;
	padding: 0 0 0 15px;
}

.carts .remarks div:first-child {
	width: 525px;
}

.carts .remarks form label,
.carts .remarks form textarea {
	font-size: 12px;
}

.carts .remarks form textarea {
	border: 1px solid #6c757d;
}

.carts .remarks form textarea:focus {
	box-shadow: none;
}

.carts .remarks .close {
	font-size: 20px;
	padding: 0 0 0 100px;
}

.carts .remarks .close i {
	color: #6c757d;
}

.cart_project_manager_cont {
	margin: 46px 0 0 0;
}

.cart_project_manager_cont .project_manager_info .image {
	vertical-align: middle;
	margin: 0 0 16px 0;
}

.cart_project_manager_cont .project_manager_info .info .positon {
	font-size: 12px;
	color: #6c757d;
	padding: 0 0 2px 0;
}

.cart_project_manager_cont .project_manager_info .info .email,
.cart_project_manager_cont .project_manager_info .info .phone_no,
.cart_project_manager_cont .project_manager_info .info .cell_no {
	font-size: 11px;
	color: #6c757d;
	line-height: 12px;
}

.cart_project_manager_cont .project_manager_notif {
	vertical-align: top;
	border-radius: 12px;
	box-shadow: 0px 0px 3px 0px grey;
}

.cart_project_manager_cont .project_manager_notif:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffffff;
	top: 282px;
	left: 580px;
	content: "";
	border-width: 10px;
	display: inline-block;
	position: absolute;
	transform: rotate(-90deg);
}

.cart_project_manager_cont .project_manager_notif:before {
	content: '';
	position: absolute;
	transform: rotate(-45deg);
	width: 15px;
	height: 15px;
	top: 280px;
	left: 588px;
	box-shadow: -2px -2px 3px -1px grey;
}

.cart_project_manager_cont .project_manager_notif .notif {
	font-size: 14px;
	color: #6c757d;
}

.cart_project_manager_cont .project_manager_notif .notif .msg {
	padding: 13px 38px 13px 38px;
}

.cart_project_manager_cont .project_manager_notif .notif span {
	font-size: 18px;
	color: #0094ca;
}

.cart_project_manager_cont .cart_action_cont .quote {
	background: #0094ca;
	border-color: #0094ca;
}

.assort_img_quotes_view{
	width: 150px;
}
.quote_view_img_for_all{
	width: 100px;
}
.img_view_project_manager_img{
	width: 80px;
}

.cart_project_manager_cont .cart_action_cont .quote:hover {
	opacity: 0.7;
}

.cart_project_manager_cont .cart_action_cont .quote:active,
.cart_project_manager_cont .cart_action_cont .quote:focus {
	background: #3C6A88;
	border-color: #3C6A88;
	box-shadow: none !important;
	opacity: 1;
}

.cart_project_manager_cont .cart_action_cont .catalog {
	color: #0094ca;
	border-color: #0094ca;
}

.cart_project_manager_cont .cart_action_cont .catalog:hover {
	background: #DDF2F7;
}

.cart_project_manager_cont .cart_action_cont .catalog:hover {
	background: #DDF2F7;
}

.cart_project_manager_cont .cart_action_cont .catalog:active,
.cart_project_manager_cont .cart_action_cont .catalog:focus {
	background: #4E8CBA;
	border-color: #4E8CBA;
	box-shadow: none !important;
	opacity: 1;
	color: #ffffff;
}

.assorts .filter_sel hr,
.assorts .price hr,
.related_assorts .related_assort hr {
	height: 2px;
	width: 32px;
	background: #0094ca;
	margin-top: 5px;
}

.cart div hr {
	height: 2px;
	width: 38px;
	background: #0094ca;
	margin-top: 5px;
	margin-bottom: 10px;
}

.assort .img .cart i {
	color: #0094ca;
	font-size: 22px;
}

.assort .img .cart i:hover {
	color: white !important;
	background: #0094ca;
	cursor: pointer;
}

.assort .img .cart .fa {
	display: inline-block;
	border-radius: 60px;
	padding: 6px 6px;
}
.sell .select2-container--default .select2-selection--single{
	color: #6c757d;
	border: 1px solid #6c757d!important;
}

.price_warn_olshwrm{
	padding: 8px 16px;
	border-radius: 4px;
	background-color: #fff1d3;
	color: #6c757d;
	font-size: 12px;
	margin: 12px 0;
}

.cart_active {
	color: #ffffff !important;
	background-color: #0094ca !important;
}

.assorts .assort .info,
.related_assorts .assort .info {
	font-size: 12px;
	margin: 0 0 10px 0;
}

.assorts .assort .cart button {
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	background-color: #ffffff;
	color: #0094ca;
	border: 1px solid #0094ca !important;
}

.log_in button.login:hover,
.assorts .assort .cart button:hover {
	background-color: #DDEAF6;
	opacity: 0.5;
}

.log_in button.login:active,
.assorts .assort .cart button:active {
	background-color: #0094ca;
	color: #ffffff;
}

.assorts .assort .cart button:focus {
	box-shadow: none !important;
}


.assorts .assort .det,
.related_assorts .assort .info {
	color: #6c757d;
}

#assort-carousel .carousel-indicators .active {
	background-color: #6c757d;
	border: 1px solid #6c757d;
}

#assort-carousel .carousel-indicators li {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px 0 0;
	cursor: pointer;
	background-color: #E9E8E7;
	border: 1px solid #E9E8E7;
	border-radius: 10px;
	opacity: 1 !important;
	transition: opacity .6s ease;
	background-clip: unset;
}

#assort-carousel .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .5;
}

#assort-carousel .carousel-control-prev,
#assort-carousel .carousel-control-next {
	z-index: 0;
}

#assort-carousel .carousel-control-icon-prev {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	background: #6c757d;
	border: 1px solid #6c757d;
	padding: 6px 3px 0 0;
}

#assort-carousel .carousel-control-icon-next {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	background: #6c757d;
	border: 1px solid #6c757d;
	padding: 6px 0 0 3px;
}

#assort-carousel .carousel-control-icon-prev i,
#assort-carousel .carousel-control-icon-next i {
	color: #ffffff;
}

#assort-carousel .carousel-inner {
	height: 432px;
}

#assort-carousel .carousel-item img {
	margin: 0;
    cursor: zoom-in;
}

#assort-carousel .carousel-control-icon-next:hover,
#assort-carousel .carousel-control-icon-prev:hover,
#assort-thumbnail-carousel .carousel-control-icon-next:hover,
#assort-thumbnail-carousel .carousel-control-icon-prev:hover {
	opacity: 0.5;
}

#assort-carousel .carousel-control-icon-next:active,
#assort-carousel .carousel-control-icon-prev:active {
	background-color: #6c757d;
	opacity: 1;
}

#assort-thumbnail-carousel .carousel-control-icon-next:hover,
#assort-thumbnail-carousel .carousel-control-icon-prev:hover {
	opacity: 0.5;
}

#assort-thumbnail-carousel .carousel-control-icon-next:active,
#assort-thumbnail-carousel .carousel-control-icon-prev:hover {
	opacity: 1;
}

#assort-thumbnail-carousel .carousel-inner {
	height: auto;
}

#assort-thumbnail-carousel .carousel-item {
	text-align: center;
}

#assort-thumbnail-carousel .carousel-item .thumbnail {
	width: 100%;
	margin: 0 2px;
	cursor: pointer;
	max-width: 90px;
	margin: 10px 0 10px 0;
}

#assort-thumbnail-carousel .carousel-item .thumbnail img {
	height: 90px;
}

#assort-thumbnail-carousel .carousel-item .thumbnail:hover {
	box-shadow: 0 0 4px #0094ca;
}

#assort-thumbnail-carousel .carousel-control-next,
#assort-thumbnail-carousel .carousel-control-prev {
	width: 2%;
	color: #6c757d;
}

#assort-thumbnail-carousel.carousel-control-next:focus,
#assort-thumbnail-carousel .carousel-control-next:hover,
#assort-thumbnail-carousel .carousel-control-prev:focus,
#assort-thumbnail-carousel .carousel-control-prev:hover {
	color: #6c757d;
}

.assort_name {
	font-weight: bold;
	font-size: 27px;
	color: #0094ca;
	width: 450px;
	word-wrap: break-word;
}

.assort_info_cart .info {
	color: #6c757d;
}

.assort_info_cart .info ul {
	padding: 0 0 0 18px;
	font-size: 14px;
}

.assort_info_cart .cart {
	position: relative;
}

.assort_info_cart .cart .btn-cart {
	margin: 0 0 0 240px;
	position: absolute;
	top: -32px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #0094ca !important;
	border-radius: 20px;
	width: 150px;
	color: #0094ca;
	background-color: #ffffff;
}

.assort_info_cart .cart .btn-cart:hover {
	background-color: #DDEAF6;
	opacity: 0.5;
}

.assort_info_cart .cart .btn-cart:focus {
	box-shadow: none;
}

.assort_info_cart .cart .btn-cart:active {
	background-color: #0094ca;
	color: #ffffff;
}

.assort_info_cart .cart .btn-cart:active {
	background-color: #0094ca !important;
	border-color: #0094ca !important;
	color: #ffffff !important;
}

.assort_info_cart .cart .btn-cart i {
	padding: 0 8px 0 0;
	font-size: 14px;
}

.cart_active_button {
	background-color: #0094ca !important;
	color: #ffffff !important;
}

.nav-estimate-pricing-packing {
	flex: none !important;
	border: none !important;
	color: #000000 !important;
}

.estimate-pricing-packing-nav {
	font-size: 14px;
	border-bottom: 1px solid #6c757d;
}

.estimate-pricing-packing-nav a:first-child {
	z-index: 1;
}

.nav-estimate-pricing-packing .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-bottom: 3px solid #0094ca !important;
}

.estimate-pricing-packing-nav .info_sign {
	border-radius: 50%;
	border: 1px solid #555555;
	padding: 0 5px 0 6px;
	color: #555555;
	position: relative;
	font-size: 13px;
	top: 0px;
}

.estimate-pricing-packing-nav .info_sign:hover .estimate_pricing_tooltip {
	visibility: visible;
}

.estimate_pricing_tooltip {
    visibility: hidden;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	bottom: 22px;
	box-shadow: 1px 1px 3px grey;
	background: #fff;
	display: inline-block;
	text-align: center;
	width: 188px;
}

.ol_showrm_header .tool-container {
	border-bottom: 1px solid #6c757d;
	padding: 0 0 15px 0;
}

.ol_showrm_header .link-container a.tool-link {
	font-weight: 400;
	font-size: 16px;
	color: #3c3c3d;
	font-weight: 400;
	margin-left: 25px;
	position: relative;
	display: inline-block;
}

.ol_showrm_header .link-container a.tool-link i {
	margin-right: 5px;
	color: #6c757d;
}

.ol_showrm_header .link-container a.tool-link .ol_showrm_file_icon {
	transform: scaleX(-1);
}

.ol_showrm_header a.tool-link-active {
	color: #0094ca;
	margin-left: 25px;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}

.ol_showrm_header .ol_showrm_cart_icon-badge {
	position: absolute;
	top: -2px;
	right: 40px;
	padding: 0px 3px;
	border-radius: 50%;
	background-color: #0094ca;
	font-size: 8px;
	color: #ffffff;
}

.ol_showrm_header .ol_showrm_file_icon-badge {
	position: absolute;
	top: -2px;
	right: 55px;
	padding: 0px 3px;
	border-radius: 50%;
	background-color: #0094ca;
	font-size: 8px;
	color: #ffffff;
}

.ol_showrm_header .link-container a.tool-link .ol_showrm_cust_tooltip_logout {
	visibility: hidden;
	width: 100px;
	height: 30px;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	top: 88%;
	left: 4%;
	font-size: 14px;
	box-shadow: 1px 2px 3px grey;
	background: #fff;
	display: inline-block;
	margin-bottom: 25px;
	text-align: center;
}

.estimate_pricing_tooltip:before {
	content: '';
	position: absolute;
	transform: rotate(130deg);
	width: 11px;
	height: 10px;
	top: 27px;
	left: 11px;
	z-index: -1;
	box-shadow: -1px -2px 3px grey;
}

.estimate_pricing_tooltip:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffffff;
	bottom: -6px;
	left: 6px;
	content: "";
	border-width: 6px;
	display: inline-block;
	position: absolute;
	transform: rotate(180deg);
}

.nav-estimate-pricing {
	font-size: 12px;
	color: #6c757d;
}

.nav-estimate-pricing thead tr th,
.nav-estimate-pricing tbody tr td {
	border: none;
	text-align: center;
	vertical-align: middle;
	width: 102px;
}

.nav-estimate-pricing .info_sign {
	border-radius: 50%;
	border: 1px solid #555555;
	padding: 0 5px 0 6px;
	color: #555555;
	position: relative;
	font-size: 10px;
	top: -1px;
	margin-left: 4px;
	display: inline-block;
}

.nav-estimate-pricing .info_sign .info {
	visibility: hidden;
	width: 100px;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	bottom: 20px;
	left: 0;
	box-shadow: 1px 1px 3px grey;
	background: #fff;
	display: inline-block;
	text-align: center;
}

.nav-estimate-pricing .info_sign .info::after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffffff;
	bottom: -5px;
	left: 8px;
	content: "";
	border-width: 5px;
	display: inline-block;
	position: absolute;
	transform: rotate(180deg);
}

.nav-estimate-pricing .info_sign .info::before {
	content: '';
	position: absolute;
	transform: rotate(130deg);
	width: 12px;
	height: 16px;
	top: 10px;
	left: 5px;
	z-index: -1;
	box-shadow: -1px -2px 3px grey;
}

.nav-estimate-pricing .info_sign:hover .info {
	visibility: visible;
	opacity: 1;
}

.packing ul {
	margin-top: 16px;
	font-size: 14px;
	color: #6c757d;
	padding: 0 0 0 32px;
}

.assort .separator {
	width: 100%;
	margin: 75px 0 0 0;
	height: 2px;
}

.related_assorts {
	margin-top: 60px;
}

.related_assort_load_more_assorts_cont {
	margin:50px 0 80px 0;
	width: 100%;
}

.related_assort_load_more_assorts_cont .load_more_assorts {
	padding: 12px 65px 12px 65px;
	font-weight: bold;
	background: #0094ca;
	border-color: #0094ca;
}

.related_assort_load_more_assorts_cont .load_more_assorts:hover {
	opacity: .5;
}

.related_assort_load_more_assorts_cont .load_more_assorts:active {
	background: #0094ca !important;
	border-color: #0094ca !important;
	box-shadow: none !important;
}

.related_assort_load_more_assorts_cont .load_more_assorts:focus {
	box-shadow: none !important;
}

.cart_request_cont .cart_request .info {
	font-size: 12px;
	font-weight: normal;
	color: black;
	margin: 45px 0 34px 0;
}

.cart_request_cont .cart_request .quote_cont {
	margin: 0 0 8px 0;
}

.cart_request_cont .cart_request .quote_cont button {
	height: 45px;
	width: 276px;
	background: #0094ca;
	border-color: #0094ca;
}

.cart_request_cont .cart_request .quote_cont button:hover {
	opacity: 0.7;
}

.cart_request_cont .cart_request .quote_cont button:focus,
.cart_request_cont .cart_request .quote_cont button:active {
	background: #3C6A88;
	border-color: #3C6A88;
	box-shadow: none !important;
	opacity: 1;
}

.quote_cont .just_space{
	color: white!important;
	font-weight: 700!important;
	font-size: 15px!important;
}

.cart_request_cont .cart_request .catalog_cont {
	margin: 0 0 88px 0;
}

.cart_request_cont .cart_request .catalog_cont button {
	height: 45px;
	width: 276px;
	border-color: #0094ca;
	color: #0094ca;
}

.cart_request_cont .cart_request .catalog_cont button:hover {
	background: #DDF2F7;
}

.cart_request_cont .cart_request .catalog_cont button:focus,
.cart_request_cont .cart_request .catalog_cont button:active {
	background: #0094ca;
	border-color: #0094ca;
	box-shadow: none !important;
	opacity: 1;
	color: #ffffff;
}

.cart_request_cont .cart_request .request {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}

.quote .quote_header,
.view_quote .quote_header {
	margin: 50px 0 36px 0;
}

.quote .quote_header span:first-child,
.view_quote .quote_header span:first-child{
	font-size: 23px;
	font-weight: bold;
	color: #000000;
}

.quote .quote_header hr,
.view_quote .quote_header hr {
	height: 2px;
	width: 32px;
	background: #0094ca;
	margin-top: 7px;
	margin-bottom: 17px;
}

.quote .quote_header span:last-child,
.view_quote .quote_header span:last-child {
	font-size: 12px;
	font-weight: normal;
	color: #6c757d;
}

.project_manager_info .image,
.project_manager_info .info,
.view_quote .project_manager_info .image,
.view_quote .project_manager_info .info {
	vertical-align: middle;
}

.project_manager_info .info .name,
.view_quote .project_manager_info .info .name {
	color: #000000;
	font-size: 12px;
	line-height: 14px;
}

.project_manager_info .info .positon,
.view_quote .project_manager_info .info .positon{
	font-size: 10px;
	color: #6c757d;
	padding: 0 0 2px 0;
}

.project_manager_info .info .email,
.project_manager_info .info .phone_no,
.project_manager_info .info .cell_no,
.view_quote .project_manager_info .info .email,
.view_quote .project_manager_info .info .phone_no,
.view_quote .project_manager_info .info .cell_no {
	font-size: 9px;
	color: #6c757d;
}

.quotes_cont {
	margin-top: 44px;
}

.quotes_cont .quotes:first-child {
	padding: 10px 0 10px 0;
	border-top: 1px solid #6c757d;
}

.quotes_cont .quotes {
	padding: 10px 0 10px 0;
	border-top: 1px solid #6c757d;
}

.quotes_cont .quotes:last-child:not(.ol_showroom_coll_disable) {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #6c757d;
}

.quotes .info,
.quotes .quote_image,
.quotes .action {
	vertical-align: middle;
}

.quotes .quote_image {
	width: 658px;
}

.quotes .info {
	margin: 0 40px 0 0;
}

.quotes .info .date,
.quotes .info .no_assort {
	font-size: 12px;
	color: #6c757d;
	text-align: left;
}

.quotes .info .quote {
	color: #0094ca;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 28px;
}

.quotes .quote_image .images {
	margin: 0 5px 0 0;
}

.quotes .quote_image .images:last-child {
	position: relative;
}

.quotes .quote_image .images .assort_more {
	position: absolute;
	color: #6c757d;
	font-size: 30px;
	top: 30px;
	width: 100%;
	text-align: center;
}

.quotes .action {
	margin: 0 0 0 34px;
}

.quotes .action div:first-child {
	margin: 0 0 5px 0;
}

.quotes .action div button {
	font-size: 12px;
	font-weight: bold;
	width: 135px;
	height: 38px;
}

.view_quote .action {
	margin: 37px 0 53px 0;
}

.view_quote .action div button {
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	height: 38px;
}
.view_quote .action .download_quote_cont {
	margin: 0 2px 0px 0;
}

.quotes .action div .view,
.view_quote .action div .quote {
	background-color: #0094ca;
	border: 1px solid #0094ca ;
}

.quotes .action div .view:hover,
.view_quote .action div .quote:hover {
	opacity: 0.5;
}

.quotes .action div .view:focus,
.view_quote .action div .quote:focus {
	box-shadow: none;
}

.quotes .action div .view:active,
.view_quote .action div .quote:active {
	background: #0094ca !important;
	border-color: #0094ca !important;
	box-shadow: none !important;
}

.quotes .action div .download,
.view_quote .action div .catalog {
	border: 1px solid #0094ca;
	color: #0094ca;
}

.quotes .action div .download:hover,
.view_quote .action div .catalog:hover {
	background-color: #DDEAF6;
}

.quotes .action div .download:active,
.view_quote .action div .catalog:active {
	background-color: #0094ca;
	border-color: #0094ca;
	color: #ffffff;
}

.quotes .action div .download:focus,
.view_quote .action div .catalog:focus {
	box-shadow: none;
}

.quote_pagination .pagination_cont .pagination .page_element {
	margin-right: 8px;
}

.quote_pagination .pagination_cont .pagination .page_element a span {
	color: #000000;
	display: inline-block;
	border-radius: 60px;
	padding: 0px 5px;
}

.quote_pagination .pagination_cont .pagination .page_element:first-child a span,
.quote_pagination .pagination_cont .pagination .page_element:last-child a span {
	color: #0094ca !important;
}

.quote_pagination {
	margin: 65px 0 0 0;
}

.pagination_cont ul li:first-child a span,
.pagination_cont ul li:last-child a span {
	color: #0094ca !important;
}

.pagination_cont .pagination .page_element a span {
	color: #6c757d;
	display: inline-block;
	border-radius: 60px;
	padding: 0px 5px;
	font-size: 16px;
	font-weight: bold;
}

.pagination_cont .pagination .page_element:first-child a:hover,
.pagination_cont .pagination .page_element:last-child a:hover {
	color: #0094ca !important;
	text-decoration: none;
	border-bottom: none;
}

.pagination_cont .pagination .page_element a:hover {
	border-bottom: 1px solid #0094ca;
	text-decoration: underline;
}

.pagination_active {
	color: #000000 !important;
}

.assort_pagination {
	margin: 40px 0 0 0;
}

.view_quote .assorts:not(:last-child) {
	border-top: 1px solid #6c757d;
	padding: 15px 0 15px 0;
}

.view_quote .assorts:last-child {
	border-top: 1px solid #6c757d;
	border-bottom: 1px solid #6c757d;
	padding: 15px 0 15px 0;
	margin: 0 0 122px 0;
}

.view_quote .assorts .assorts_row .assort_img {
	padding: 4px 0 0 0;
}

.view_quote .assorts .assorts_row .assort_info_det {
	padding: 12px 0 0 0;
}

.view_quote .assorts .assorts_row .assort_info_det .assort_no {
	font-size: 12px;
	color: #6c757d;
	text-align: justify;
}

.view_quote .assorts .assorts_row .assort_info_det .assort_name {
	font-size: 16px;
	font-weight: bold;
	color: #0094ca;
}

.view_quote .assorts .assorts_row .assort_info_det .assort_det {
	font-size: 12px;
	color: #6c757d;
	padding: 0 0 0 15px;
	text-align: justify;
}

.view_quote .assorts .assorts_row .remarks {
	font-size: 12px;
	color: #6c757d;
	padding: 2px 0 0 0;
}

.breadcrumb {
    background-color: #0094ca;
    color: #fff;
    border-radius: 0;
    border: 0;
    padding-left: 0px;
}

.breadcrumb-container {
    margin-bottom: 1rem;
}

.breadcrumb h3 {
    margin-bottom: 0px;
    margin-top: .5rem;
}

ol.breadcrumb {
    margin-bottom: 0px;
}

.breadcrumb>li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

.breadcrumb>li a {
    color: #fff
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.link-table tr:first-child td {
    font-weight: bold;
    color: #fff;
    background-color: #777;
}

.link-table td {
    padding: 7px 10px;
    border-top: none;
}

.link-table table,
.link-table tr {
    border: 0;
}

.link-table a {
    text-decoration: none;
}

.normal-table,
.comparison-table {
    color: #333;
    border: 0;
    width: 75% !important;
}

.normal-table tr:first-child td,
.comparison-table tr:first-child td {
    font-weight: bold;
    border-top: none;
}

.normal-table td:first-child,
.comparison-table td:first-child,
.link-table td:first-child {
    border-left: none;
}

.normal-table td,
.comparison-table td {
    padding: 10px;
    border-top: 1px solid #898989;
}

.comparison-table td:nth-child(2) {
    color: #2c9ab7;
}



/***
FOOTER
*/

.info-footer{
    background-color: #3c3c3d;
    padding-top: 25px;
    padding-bottom: 100px;
    margin-bottom: -3px;
    color: #ffffff;
}

.info-footer p{
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 32px;
}

.footer-title{
    font-family: 'AvantGardeBookBt', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: 600;
}

.footer-title.connect{
    margin-top: 40px;
    margin-bottom: 10px;
}

.info-footer .footer-link{
    margin-left: 0;
    font-size: 14px;
}

.footer-link li{
    margin-bottom: 5px;
}

.footer-link .fa{
    margin-top:5px;
    font-size:10px;
}

.footer-connect .fa{
    font-size: 20px;
}

.con-to .fa{
    font-size: 21px;
    padding-right: 3px;
}

.info-footer a{
    line-height: 32px;
}

.info-footer a, .info-footer a:hover{
    color: #ffffff;
}

.trd-footer{
    color: #ffffff;
    background-color: #0094ca;
    padding-bottom: 2px;
}

.trd-text{
    padding-top: 10px;
}

.trd-text p{
    font-size: 12px;
    text-align: center;
    margin-bottom: 3px;
}

/***
FOR HOME
***/

.box-container{
    background-color: #ffffff;
    margin-top: 10%;
    margin-left: 10%;
    padding: 30px;
    position: absolute;
    z-index: 1;
    box-shadow: 3px 3px 15px -2px #3c3c3c;
}

.home-container{
    padding-top: 45px;
    padding-bottom: 75px;
    text-align: center;
}

.one-stop-title{
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 2.5rem;
}

.make-blue{
    font-family: 'AvantGardeMedium';
    color:#0094ca;
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
}

.one-stop-text p{
    color:#696969;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 3px;
}

.car-btn{
    border-radius: 100%!important;
    padding: 7px;
    max-width: 1px!important;
    border: solid 2px #fff!important;
    opacity: 0.7;
}

#myCarousel ol.carousel-indicators{
    margin-right: 0;
    margin-left: 85%;
}

.make-black{
    font-family: 'AvantGardeMedium';
    color: #3c3c3c;
    font-size: 2.5rem;
}

.box-inner{
    color: #505050;
    text-align: center;
}

.box-inner p{
    color: #696969;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 17px;
}

.box-title{
    font-family: 'AvantGardeMedium';
    font-weight: 600;
    font-size: 29px;
    margin-bottom: 20px;
}

.button-cont{
    width:100%;
    padding: 0 !important;
    margin: 4px !important;
    overflow: hidden;
    cursor: pointer;
}

.button-cont:focus{
    outline: none;
}

.showcase-container{
    margin-top:45px;
}

.showcase{
    margin-top: -20px;

}

.showcase-img{
    height: 200px;
    width: 100%;
    object-fit: cover;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.proj-btn-sm-active:hover img,
.proj-btn-sm:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.img-cont{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none!important;
    background-color: #e8e8e8!important;
}

.img-cont.third{
    margin-left: 1px;
}

.showroom-btn-active:hover img,
.showroom-btn:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.prev-desc img, .prev-desc-active img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.prev-desc:hover img,
.prev-desc-active:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.showcase-title{
    margin-bottom: 8px;
}

.showroom-container{
    padding-top: 30px;
}

.showroom-img{
    width:100%;
}

.showroom-prev{
    padding: 3px!important;
    margin: 0!important;
    cursor: pointer;
}

.showroom-prev div{
    text-align: center;
    border: solid 1px #e8e8e8;
}

.showroom-prev p{
    padding:0!important;
    margin:3px 0 4px 0!important;
    font-size: 13px!important;
    color: #9b9b9b;
}

.showroom-prev-img{
    width:100%;
    height: 115px;
    object-fit: cover;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.showroom{
    text-align: left;
}

.showroom-title-container{
    background-color: #0094ca;
    margin:0;
    padding: 7px;
}

.showroom-title{
    color: #ffffff;
    margin-left: 5px;
    margin-top: 5px;
}

.showroom .showroom-content .content-desc{
    margin-top: 10px;
    margin-bottom: 10px;
}

.showroom-content p{
    color: #696969;
    font-size: 17px;
    font-weight: 500;
    margin-left: 25px;
    margin-top: 15px;
}

.showroom-half{
    margin:0!important;
    padding:7px!important;
}

.showroom-content a{
    text-decoration: none!important;
}

.showroom-btn-active .showroom-but div:not(.img-cont), .showroom-btn-active .showroom-but p{
    background-color: #0094ca;
    text-decoration: none;
    border: 1px solid #0094ca;
    color: white;
}

.showroom-btn-active:hover img{
    background-color: #fff;
    border: none!important;
}

.showroom-btn-active .showroom-but div{
}

.proj-btn-sm{
    margin-top: 15px;
    font-weight: 400;
    background-color: #ffffff;
    color: #505050;
    padding: 7px 0 0 0!important;
    font-size: 15px;
    border: none;
    border-radius: 0;
    width: 100%;
}

.proj-btn-sm-active, .proj-btn-sm-active:hover,
.proj-btn-sm-active:focus, .proj-btn-sm-active:visited,
.proj-btn-sm-active:active, .proj-btn-sm-active:hover{
    margin-top: 15px;
    font-weight: 400;
    background-color: #0094ca;
    color: #ffffff;
    padding: 7px 0 0 0!important;
    font-size: 15px;
    border: none;
    border-radius: 0;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.proj-btn-sm-active .img-cont, .proj-btn-sm-active:hover .img-cont,
.proj-btn-sm-active:focus .img-cont, .proj-btn-sm-active:visited .img-cont,
.proj-btn-sm-active:active .img-cont, .proj-btn-sm-active:hover .img-cont{
    background-color: #e8e8e8!important;
}

.showcase .proj-btn-sm{
    border: 1px solid #fff;
}

.proj-btn-sm:focus,
.proj-btn-sm:hover{
    background-color: #fff;
    color: #505050;
}

.proj-btn, .proj-btn:visited{
    margin-top: 15px;
    font-weight: 600;
    background-color: #0094ca;
    padding: 20px 45px;
    font-size: 20px;
}

.proj-btn-big, .proj-btn-big:visited{
    margin: 35px 0;
    font-weight: 600;
    background-color: #0094ca;
    padding: 30px 100px;
    font-size: 23px;
}

.proj-btn:hover, .proj-btn:active,
.proj-btn-big:hover, .proj-btn-big:active{
    background-color: #ffffff;
    color: #0094ca;
}

hr {
    border: 0;
    clear:both;
    display:block;
    background-color: #cecece;
    height: 1px;
}

.itl-desc{
    margin-top: -15px;
    font-style: italic;
    color: #696969;
    font-weight: 400;
    font-size: 15px;
}

.slogan-container{
    background-image: url('../images/home/bg/banner.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
    padding: 50px;
}

.quote{
    color: #ffffff;
    text-align: center;
}

.quote h2{
    font-size: 50px;
    font-weight: 500;
    font-family: 'AvantGardeMedium';
}

.quote h3{
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 500;
}

.quote .proj-btn{
    border:none;
}

.slider-container{
    padding: 35px 0;
    text-align: center;
    width: 60%;
}

.slider-container .slider-for .slick-arrow{
    width: 50px;
    height: 50px;
    opacity: 0.5;
    background-color: #000;
    z-index: 1;
    border-radius: 100%;
    border: solid 3px #ffffff;
    box-shadow: 3px 3px 5px #000000;
}

.slider-for .slick-next{
    margin-right: 80px;
}

.slider-for .slick-prev{
    margin-left: 75px;
}

.slider-container .slider-nav .slick-arrow{
    width: 50px;
    height: 50px;
    opacity: 0.5;
    background-color: #000;
    z-index: 1;
    border-radius: 100%;
    border: solid 3px #ffffff;
    box-shadow: 3px 3px 5px #000000;
}


.slider-for .slide-bg{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.slider-nav{
    margin: auto;
    padding-top: 20px;
    width: 80%;
}

.slider-nav .slide-prev{
    height: 150px;
}

.slick-dots{
    margin-top: 30px;
}

.slick-dots li{
    padding: 7px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #0094ca;
    top: 20px;
}

.slick-dots li button:before{
    content: "";
}

.slick-dots li.slick-active{
    padding: 7px;
    background-color: #0094ca;
    border-radius: 100%;
    border: solid 2px #0094ca;
}

.prev-desc p, .prev-desc-active p, .prev-desc-active:hover p,
.prev-desc-active:active p, .prev-desc-active:visited p,
.prev-desc-active:focus p{
    margin-bottom: 5px;
}

.prev-desc{
    display:inline-block!important;
    text-decoration: none;
    color:#696969;
    cursor: pointer;
    border: 1px solid #fff;
}

.prev-desc:hover, .prev-desc:active, .prev-desc:visited, .prev-desc:focus{
    display: inline-block;
    background-color: #fff;
    color: #696969;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.prev-desc-active, .prev-desc-active:hover,
.prev-desc-active:active, .prev-desc-active:visited,
.prev-desc-active:focus{
    display: inline-block;
    background-color: #0094ca;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.slick-center .prev-desc{
    display: inline-block;
    background-color: #0094ca;
    color: #fff;
}

.slick-clone{
    margin-left: -30px;
}

.slick-active img.slide-prev:hover{
    border: none;
}

.slick-slide{
    width:0;
}

.row{
    margin-right:0!important;
    margin-left:0!important;
    padding-right: 0!important;
    padding-left: 0!important;
}

a.normal-link {
    background-color: transparent;
    text-decoration: none;
    color: #0094ca !important;
}

.normal-link:hover {
    text-decoration: underline;
    background-color: transparent;
}

/** Contact Us Page
-------------------------------------- */
#page.contact{
    padding-top: 10px;
}

#page.contact .contact-info{
    margin-bottom: 25px;
}

#page.contact .contact-info .info{
    padding: 0;
    margin-bottom: 15px;
}

#page.contact .contact-info .info:nth-child(2){
    margin: 0 15px;
}

#page.contact .contact-info .info img{
    width: 100%;
}

#page.contact .contact-info .info.details{
    background: url('../images/contact_us/details.jpg') no-repeat center center #fff;
    background-size: cover;
    color: #fff;
}

#page.contact .contact-info .info.details .wrap{
    padding-left: 25px;
    padding-top: 60px;
}

#page.contact .contact-info .info.details a{
    color: #fff;
    text-decoration: none;
}

#page.contact .contact-info .info.details a:hover{
    text-decoration: underline;
}

#page.contact .contact-info .info.details .title{
    margin-bottom: 40px;
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#page.contact .contact-info .info.details .mailto{
    background: url('../images/contact_us/envelope.png') 0 5px no-repeat;
    padding-left: 30px;
    margin-bottom: 3px;
}
#page.contact .contact-info .info.details .tel{
    background: url('../images/contact_us/telephone.png') 0 5px no-repeat;
    padding-left: 30px;
    margin-bottom: 3px;
}
#page.contact .contact-info .info.details .address{
    background: url('../images/contact_us/pin.png') 0 5px no-repeat;
    padding-left: 30px;
}

#page.contact .contact-form{
    margin-bottom: 80px;
}

#page.contact .contact-form .title{
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#page.contact .contact-form .title:after{
    content: "";
    background: #0094ca;
    width: 150px;
    width: 12vw;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#page.contact .contact-form .col-1{
    padding: 0;
}

#page.contact .contact-form .col-2{
    padding-right: 0;
}

#page.contact .contact-form .form-group{
    margin-bottom: 6px;
}

#page.contact .contact-form input.form-control{
    font-family: 'AvantGarde', "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
}

#page.contact .contact-form textarea{
    font-family: 'AvantGarde', "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 110px;
}

#page.contact .contact-form button{
    background: #0094ca;
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    width: 265px;
    height: 53px;
    border-color: #0094ca;
    cursor: pointer;
}

#page.contact .contact-form button:focus{
    outline: none;
}

#page.contact .form-message p{
    margin-bottom: 0;
    font-size: 14px;
}

#page.contact .form-captcha img{
    float: left;
    margin-right: 20px;
    border: 1px solid rgba(0,0,0,.15);
}

#page.contact .form-captcha input.form-control{
    float: left;
    min-width: 250px;
    width: 250px;
    margin-right: 20px;

}

#page.contact .donotspm{ display: none; }
#page.contact .dntsp{ display: none; } 

#page.contact .form-captcha .g-recaptcha{
	float: left;
    margin-right: 15px;
}


.count-container{
    background-image: url('../images/home/bg/sky.jpg');
    background-attachment: fixed;
    width: 100%;
    text-align: center;
    color: #2b2b2b;
    padding: 80px 0;
    margin-bottom: 30px;
}

.count-container .count{
    margin-top: 20px;
}

.count-container .count h2{
    font-size: 50px;
    font-weight: 500;
}

.count-container .count h3{
    font-size: 18px;
    font-weight: 600;
}


/**
* FOR EVENTS
**/

#page.events .events-container{
    padding: 30px 0 200px 0;
}

#page.events .events-title{
    text-align: center;
    margin-bottom: 20px;
}

#page.events .event .col-md-2{
    padding:0!important;
    margin: 0!important;
}

#page.events .event .col-md-10{
    padding-left:0!important;
    padding-right:0!important;
    margin-right: 0!important;
    margin-left: 0!important;
}

#page.events .event{
    padding-top:20px;
    padding-bottom:20px;
}

#page.events .event-title h5{
    font-weight: 600!important;
    font-size: 18px;
}

#page.events .event-body p{
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}

#page.events .event-body{
    margin-bottom: 7px;
}

#page.events .event-footer h6{
    font-size: 17px;
    font-weight: 500;
}

#page.events .event-footer{
    padding-top:7px;
}

#page.events .event-desc{
    padding-top: 6px;
}

#page.events hr{
    margin:5px;
}

/** Lightbox
------------------------------ */
.lb-nav a.lb-next{
    opacity: 0.3;
    right: -60px;
    position: relative;
}
.lb-nav a.lb-prev{
    opacity: 0.3;
    left: -60px;
    position: relative;
}

.lightbox .lb-dataContainer{
    background: #fff;
    margin-top: -5px;
}

.lightbox .lb-dataContainer .lb-details{
    padding: 5px 10px 0;
    width: 100%;
}

.lb-details .lb-caption{
    color: #3c3c3d;
}

.lb-details .lb-number{
    color: #696969;
    float: right;
    font-size: 11px;
}

.lb-closeContainer{
    position: absolute;
    right: 0px;
    top: -35px;
}

.lb-closeContainer .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../../lib/lightbox/images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-closeContainer .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}


/*
 * BLOGS PAGE STYLES
 */

#page.blog-page{
    padding-top: 30px;
    padding-bottom: 70px;
}

#page.blog-page.alt{
    background-color: #f5f6fa;
}

#page.blog-page .title-container{
    position: relative;
}

#page.blog-page .blog-cat-title{
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

#page.blog-page .see-all{
    font-size: 17px;
    position: absolute;
    top: 7px;
    right: 0px;
}

#page.blog-page .see-all a{
    color:#696969;
    font-style: italic;
}

#page.blog-page .blog-card{
    letter-spacing: 0;
    padding-top: 15px;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

#page.blog-page .card-container{
    border: solid 1px #e5e5e5;
    background-color: #fff;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#page.blog-page .img-cont{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#page.blog-page .explore-link:hover .explore-img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#page.blog-page .explore-img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#page.blog-page .card-btn:hover .card-img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#page.blog-page .card-img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    background-color: #ebebeb;
    border-radius: 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#page.blog-page .card-btn{
    text-decoration: none;
    color:#696969;
}

#page.blog-page .card-cat{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#page.blog-page .card-title{
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    margin-bottom: 5px;
    height: 40px;
    color: #3c3c3d;
}

#page.blog-page .card-content{
    font-size:13px;
    margin: 5px;
    line-height: 96%;
    padding: 10px;
}

#page.blog-page .card-content .card-excerpt{
    height: 25px;
    overflow: hidden;
}

#page.blog-page .card-foot{
    margin-top: 10px;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
}

#page.blog-page .card-foot .author-img{
    border-radius: 100%;
    width: 20px;
    height: 20px;
    object-fit: cover;
}

#page.blog-page .card-foot .card-date{
    float: right;
}

#page.blog-page .card-btn:hover div.card-container{
    border: solid 1px #0094ca;
}

#page.blog-page .explore-img{
    width: 100%
}

/*
 * BLOGS POST
 */

#page.blog-post .post-container{
    margin-top: 30px;
    margin-bottom: 70px;
}

#page.blog-post .post-body .body-img{
    width:100%;
}

#page.blog-post .meta-container{
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #a3a3a3;
}

#page.blog-post .meta-img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
}

#page.blog-post .meta-auth{
    text-align: left;
    margin-left: 0!important;
    padding-left: 0!important;
}

#page.blog-post .meta-cat{
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

#page.blog-post .meta-date{
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0!important;
    padding-right: 0!important;
}

#page.blog-post .meta-cat a{
    color: #a3a3a3;
}

#page.blog-post .body-title h1{
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.25rem;
}

#page.blog-post .body-container{
    margin-top: 40px;
    margin-bottom:25px;
    font-weight: 500;
}

#page.blog-post .body-container p{
    margin-bottom: 20px;
    line-height: 160%;
    font-size: 18px;
}

#page.blog-post .body-container li{
    margin-bottom: 20px;
    font-size: 18px;
}

#page.blog-post .body-container ul, ol{
    margin-bottom: 30px;
    padding-left: 25px;
}


#page.blog-post .body-container img{
    margin: auto;
    max-width: 100%!important;
    height: auto!important;
}

#page.blog-post .body-container video{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#page.blog-post .body-container h1,
#page.blog-post .body-container h2,
#page.blog-post .body-container h3,
#page.blog-post .body-container h4{
    font-family: 'AvantGardeMedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 45px;
    margin-bottom: 20px;
}

#page.blog-post .body-container h1{
    font-size: 1.75rem;
}

#page.blog-post .body-container h2{
    font-size: 1.75rem;
}

#page.blog-post .body-container h3{
    font-size: 1.5rem;
}

#page.blog-post .body-container h4{
    font-size: 1.25rem;
}

#page.blog-post .body-container h5{
    font-size: 1rem;
}

#page.blog-post .body-container a{
    color: #3c3c3d;
    text-decoration: none;
    border-bottom: solid 2px #00b6ef;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#page.blog-post .body-container a:hover{
    border: none;
    background-color: #00b6ef;
    color: #fff;
    font-weight: 500;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#page.blog-post .body-container blockquote{
    padding: 30px 5px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    background-size: 50px auto;
    background-position-y: top;
    background-position-x: right;
    background-color: #f3f8fa;
    background-image: url('../images/blog-page/quotes.png');
    background-repeat: no-repeat;
}

#page.blog-post .body-container blockquote p{
    margin-bottom: 0!important;
    margin-top: 0!important;
    margin-left: 30px;
    margin-right: 40px;
    padding: 0!important;
    font-weight: 500;
    font-style: italic;
    color: #808080;
}

#page.blog-post .body-container .bl-note,
#page.blog-post .body-container .bl-important,
#page.blog-post .body-container .bl-warn{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px 15px 20px !important;
    margin-bottom: 20px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#page.blog-post .body-container .bl-note::before{
    content: "Note";
    clear: right;
    display: block;
    padding-bottom: 10px;
    color: #428bca !important;
    font-weight: bold;
}

#page.blog-post .body-container .bl-important::before{
    content: "Important";
    clear: right;
    display: block;
    padding-bottom: 10px;
    color: #e1a701;
    font-weight: bold;
}

#page.blog-post .body-container .bl-warn::before{
    content: "Warning";
    clear: right;
    display: block;
    padding-bottom: 10px;
    color: #bf0001;
    font-weight: bold;
}

#page.blog-post .body-container code{
    font-family: monospace;
}

#page.blog-post .tag-container{
    font-weight: 600;
    margin: 15px 0;
}

#page.blog-post .tags-cont{
    display: inline-block;
    margin-bottom: 20px;
}

#page.blog-post .tags{
    border: solid 1px #cccccc;
    padding: 7px 15px;
    border-radius: 6px;
    margin-left: 10px;
    color: #b5b5b5;
    font-weight: 500;
}

#page.blog-post .tags:hover{
    border: solid 1px #b5b5b5;
    padding: 7px 15px;
    border-radius: 6px;
    margin-left: 10px;
    background-color: #b5b5b5;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

#page.blog-post .side-title{
    font-size: 23px;
    font-weight: 600;
}

#page.blog-post .small-hr{
    margin: 5px 0;
    width: 95%;
}

#page.blog-post .small-hr-th{
    margin-left:0;
    width: 95%;
    height: 3px;
}

#page.blog-post .tit{
    margin-left: 2em;
}

#page.blog-post .tit, #page.blog-post .tit-link{
    color: #3c3c3d;
    text-decoration: none;
    margin-top: 15px;
    font-weight: 600;
}

#page.blog-post .tit-link:hover{
    text-decoration: underline;
}

#page.blog-post .tit-link .fa{
    text-indent: -2em;
}

#page.blog-post .sub{
    margin-bottom: 15px;
    margin-top: -4px;
    margin-left: 2.6em;
    font-size: 12px;
}

#page.blog-post .recent-container{
    margin-bottom: 50px;
}

#page.blog-post .side-tags{
    color:#696969;
    text-decoration: none;
}

#page.blog-post .side-tags:hover{
    text-decoration: underline;
}

#page.blog-post .side-tags-container {
    margin-bottom: 50px;
}

#page.blog-post .card-container{
    display: inline-block;
    width: 80%;
    height: auto;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#page.blog-post .explore-link:hover .explore-img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#page.blog-post .explore-img{
    width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#page.blog-post div.share-container{
    height: 30px;
}

#page.blog-post div.btn-share{
    float: left;
    margin-right: 10px;
}

#page.blog-post .cat-container{
    margin-bottom: 10px;
    margin-top: -5px;
}

#page.blog-post .cat-link{
    font-size: 18px;
    color: #575758;
    font-weight: 500;
}

/*****  FOR MOBILE  *****/
#mobile-header.toolbar .tool-container img.icon-co{
    max-height: 20px;
}

#mobile-header .bars{
    margin-left: 5%;
    margin-right: 5%;
    width: 100%
}

#mobile-header .bars-drop{
    float: right;
}

#mobile-header .drop-bars{
    color: #545455;
}

#mobile-header .dropdown-menu{
    right: 0;
    left: 57%;
}

#mobile-header .dropdown-menu li{
    padding: 10px;
}

#mobile-header .dropdown-menu li a{
    display: block;
}

#mobile-header .drop-bars,
#mobile-header .drop-bars:active,
#mobile-header .drop-bars:focus{
    padding-left: 7px;
    padding-right: 6px;
    background: none;
    border: none;
    outline: 0;
}

#mobile-header a.tool-link{
    font-weight: 400;
    font-size: 16px;
    margin-left: 25px;
    color: #3c3c3d;
}

/*V4 custom web style*/

#mobile-header a.tool-link {

    text-decoration: none;
}

/*********************/

#mobile-header .breadcrumb h3{
    font-size: 24px;
}

#mobile-header ol.breadcrumb{
    margin-top: -8px;
}

#mobile-header.toolbar .tool-container{
    margin: 0;
    padding-top: 15px;
}

/********  MOBILE HOME  *********/
#mobile-home img.d-block{
    margin-top: 0;
}

#mobile-home .carousel-inner{
    height: 280px;
}

#mobile-home #myCarousel ol.carousel-indicators{
    margin-left: 0;
}

#mobile-home .carousel-indicators{
    bottom: -15px;
    right: 50%;
    left: 50%
}

#mobile-home .carousel-indicators li{
    margin-right: 20px;
}

#mobile-home .proj-btn-big,
#mobile-home .proj-btn-big:visited{
    padding: 20px 0;
    margin: 15px 0;
    width: 85%;
    font-size: 20px;
}

#mobile-home .proj-btn,
#mobile-home .proj-btn:visited{
    padding: 15px 0!important;
    font-size: 20px;
    width: 75%;
}

#mobile-home .slogan-container{
    text-align: center;
}

#mobile-home .home-container{
    padding-top: 15px;
    padding-bottom: 10px;
}

#mobile-home .one-stop-title{
    font-size: 35px;
    margin-bottom: 25px;
}

#mobile-home .showcase-img{
    height: auto;
}

#mobile-home .content-desc p{
    font-size: 19px;
    margin-top: 15px;
    margin-bottom: 30px;
}

#mobile-home .proj-btn-sm-active{
    font-size: 22px;
}

#mobile-home .quote h2{
    font-size: 45px;
}

#mobile-home .slider-container{
    width: 100%;
    padding-top: 55px;
    padding-bottom: 30px;
}

#mobile-home .slider-for .slide-bg{
    width: 100%;
    margin-bottom: 15px;
}

/******  MOBILE ABOUT US  ******/
#mobile-about .quote p{
    margin-top: 30px;
    font-size: 28px;
}

#mobile-about .sp-simpleportfolio-filter .col-md-6{
    width: 85%;
}

#mobile-about .about .container{
    padding: 0!important;
}

#mobile-about .container-title{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}

#mobile-about .sp-simpleportfolio .sp-simpleportfolio-items{
    margin: 0!important;
}

#mobile-about .description-addon{
    font-size: 16px;
}

#mobile-about #animate h2{
    font-size: 23px;
}

#mobile-about .container-about-team h2{
    font-size: 23px;
}

/******  MOBILE EVENTS  ******/
#mobile-events .event-icon-cont{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    width: 50%;
}

#mobile-events .events-title{
    font-size: 25px;
    margin-bottom: 25px!important;
}

#mobile-events .event-icon-cont img{
    width: 100%;
}

#mobile-events .event{
    padding-top: 0!important;
}

/******  MOBILE CONTACT US  ******/
#mobile-contact .form-group{
    width: 100%!important;
    margin-bottom: 15px!important;
    margin-right: auto!important;
    margin-left: auto!important;
}

#mobile-contact .contact-form{
    margin-bottom: 30px!important;
}

#mobile-contact .contact-form button{
    width: 100%!important;
}

#mobile-contact .info{
    margin-left: auto!important;
    margin-right: auto!important;
    margin-bottom: 20px!important;
}

#mobile-contact .info.details{
    padding-bottom: 53%!important;
}

#mobile-contact .contact-form .title{
    font-size: 25px;
}

#mobile-contact .wrap{
    padding-right: 20px;
}

/******  MOBILE BLOG POSTS  ******/
#mobile-blog-post .meta-img{
    width: 20px!important;
    height: 20px!important;
}

#mobile-blog-post .meta-container span{
    font-size: 12px;
}

#mobile-blog-post .meta-container .meta-cat,
#mobile-blog-post .meta-container .meta-date{
    margin-left: 20px;
}

#mobile-blog-post .card-container{
    width: 100%!important;
}

#mobile-blog-post pre{
    background-color: #23241f;
}

@media (max-width: 1366px){
    #page.contact .contact-form button{
        margin-top: 10px;
        width: 60%;
    }
}

/******  FOR LARGER SCREENS (MOBILE)  ******/
@media (max-width: 1024px) and (min-width: 680px){

    #mobile-home .showcase-img{
        height: 250px!important;
    }

    #mobile-home .carousel-inner{
        height: 500px;
    }

    #mobile-home .count-container .count{
        margin-left: 25px;
    }

    #mobile-home .showcase .col-md-6{
        margin-left: 0;
        margin-right: 0;
    }

    .info-footer .col-md-3{
        max-width: 43%;
        margin-left: 30px;
        margin-top: 25px!important;
    }

    #mobile-contact .contact-form .title:after{
        width: 16%!important;
    }
}


@media(max-width: 1024px) and (min-width: 680px) and (orientation:portrait) {
    .lb-nav a.lb-next {
        left: 0 !important;
        opacity: 1;
    }

    .lb-nav a.lb-prev {
        left: 0 !important;
        opacity: 1;
    }
}

/******  FOR SMALLER SCREENS (MOBILE)  ******/
@media (min-width: 321px) and (max-width: 681px){
    .info-footer .col-md-3{
        margin-top: 25px;
    }

    .con-to{
        margin-top: 45px!important;
    }

    #mobile-contact .contact-form .title:after{
        width: 28%!important;
    }

    #mobile-blog-post .side-container{
        margin-top: 30px;
    }

    #mobile-blog-post .side-tags-container{
        display: none;
    }

    #mobile-blog-page .see-all{
        position: static!important;
        margin-left: 10px;
    }

    #mobile-home .proj-btn-big{
        width: 80%;
    }

    #mobile-home .proj-btn,
    #mobile-home .proj-btn:visited{
        width: 90%;
    }

    #mobile-home .slogan-container{
        padding: 30px;
    }

    #mobile-home .quote h2{
        font-size: 35px;
    }

    #mobile-home .quote h3{
        font-size: 25px;
    }

    #mobile-blog-post .meta-container .meta-date{
        display: none;
    }

    #mobile-contact .form-captcha input.form-control{
        margin-top: 10px;
    }
}

@media(min-width: 321px) and (max-width: 681px) and (orientation:portrait) {
    .lb-nav a.lb-next {
        left: 0 !important;
        height: 20%;
        top: 125%;
    }

    .lb-nav a.lb-prev {
        left: 0 !important;
        height: 20%;
        top: 125%;
    }
}

/******  EXTRA SMALL SCREEN  ******/
@media (max-width: 320px ){
    .info-footer .col-md-3{
        margin-top: 25px;
    }

    .con-to{
        margin-top: 45px!important;
    }

    #mobile-header .dropdown-menu{
        right: 0;
        left: 40%;
    }

    #mobile-home .one-stop-title{
        font-size: 25px;
    }

    #mobile-home .proj-btn-sm-active{
        font-size: 20px;
    }

    #mobile-home .proj-btn-big{
        width: 100%;
    }

    #mobile-home .proj-btn,
    #mobile-home .proj-btn:visited{
        width: 100%;
    }

    #mobile-home .slogan-container{
        padding: 30px;
    }

    #mobile-home .quote h2{
        font-size: 35px;
    }

    #mobile-home .quote h3{
        font-size: 25px;
    }

    #mobile-home .carousel-inner{
        height: 230px;
    }

    #mobile-blog-post .meta-container .meta-date{
        display: none;
    }

    #mobile-blog-post .side-container{
        margin-top: 30px;
    }

    #mobile-blog-post .side-tags-container{
        display: none;
    }

    #mobile-blog-page .see-all{
        position: static!important;
        margin-left: 10px;
    }

    #mobile-contact .contact-form .title:after{
        width: 34%!important;
    }
}

@media(max-width: 320px ) and (orientation:portrait) {
    .lb-nav a.lb-next {
        left: 0 !important;
        top: 95%;
    }

    .lb-nav a.lb-prev {
        left: 0 !important;
        top: 95%;
    }
}

@media only screen and (max-width: 600px) {
	.ol_showrm_coll_cont .ol_showrm_coll_nav_menu_cont {
		background-color: red;
	}
}
.sub_menu div ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sub_menu div ul li:first-child a {
	font-size: 14px;
}

.sub_menu div ul li a {
	text-decoration: none;
	color: #6c757d;
	font-size: 12px;
}

.sub_menu div ul li a:hover {
	border-bottom: 1px solid #0094ca;
	text-decoration: none;
}

.sub_menu .sub_menus_cont:last-child {
	border-bottom: none;
}

.more_categ {
	display: none;
}

.more_categ_block .menu_gifts_gender {
	border-bottom: none;
}

.more_categ_list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.more_categ_list li a {
	text-decoration: none;
	color: #6c757d;
	font-size: 12px;
}

.filter_by .select2-container {
	width: 200px !important;
	font-size: 14px;
}

.filter_by .select2-container .select2-selection--single {
	height: 35px;
}

.filter_by .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-top: 3px;
	color: #6c757d;
}

.filter_by .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 3px;
}

.login_greeting_cont{
	font-size: 12px;
	color: #6c757d;
	margin-bottom: 2px;
}

.login_greeting{
	text-align: center;
	padding: 15px 0 25px 0;
}
.login_greeting_name{
	font-weight: 600;
	font-size: 14px;
}

.desktop_page_signin_cont{
	height: 100%;
	width: 400px;
	position: relative;
}

.sign_in_bottext.home{
	position: absolute;
	bottom: 25px;
	left: 18.5%;
}

.login_box_signin{
	border: 1px solid #bbc5cd;
	margin: 0 0 35px 0;
	padding: 45px 25px 30px;
	border-radius: 5px;
	position: relative;
	color: #6c757d;
}

.login_greeting_main{
	text-align: center;
	margin-bottom: 20px;
}
.login_greeting_goback{
	position: absolute;
}
.carousel-indicators{
	z-index: 1;
}
.d-block.w-100.carousel_assort.medium-zoom-image.medium-zoom-image--opened{
	z-index: 1000000001;
	margin-top: 0!important;
	left: 12%!important;
	width: 32vw!important;
	height: unset!important;
}
.medium-zoom-overlay{
	z-index: 1000000000;
}

.ol_showrooom_head{
	position: relative;
}
.ol_showrm_beta_label{
	position: absolute;
	background-color: #69c769;
	color: #FFFFFF;
	font-size: 9px;
	right: -15px;
	bottom: 16px;
	padding: 0 5px 0 6px;
	border-radius: 3px;
}
.ol_showrm_beta_label.sign_in_label{
	right: unset;
	bottom: 15px;
}

.modal-right{
	padding-right: 0!important;
}
.modal-right .modal-dialog{
	margin: 0 0 0 auto;
	height: 100%;
}
.modal-right .modal-dialog .modal-content{
	height: 100%;
	border-radius: 0;
	color: #6c757d;
}
.right_mod_cont_bottom{
	padding-top: 50px;
	text-align: center;
}
.fa_right_mod_message{
	color: #0094ca;
}
.right_mod_cont{
	padding: 15px;
}
.right_mod_div, .right_mod_cont2{
	width: 100%;
}
.right_mod_message_cont{
	padding-bottom: 35px;
}
.fa_right_mod_message{
	font-size: 80px;
}
.right_mod_buttons_cont div{
	padding-bottom: 15px;
}
.right_mod_buttons_cont a{
	width: 95%;
}

.white_btn{
	background-color: #ffffff;
	color: #0094ca;
	border: 1px solid #0094ca;
}
.white_btn:hover,
.white_btn:active{
	background-color: #DDEAF6;
	color: #0094ca;
	opacity: 0.5;
	border: 1px solid #0094ca;
}

.dark_btn{
	background-color: #0094ca;
	color: #ffffff;
	border: 1px solid #ffffff;
}
.dark_btn:hover,
.dark_btn:active{
	background-color: #0094ca;
	color: #ffffff;
	opacity: 0.5;
	border: 1px solid #ffffff;
}
.text_right_mod_close{
	font-size: 13px;
}

.lg-autoplay-button.lg-icon{
	display: none;
}
.lg-close.lg-icon{
	font-size: 35px;
	margin: 0 12px;
}
.lg-actions .lg-next{
	right: 345px;
}
.lg-actions .lg-prev{
	left: 345px;
}
.lg-prev.lg-icon,
.lg-next.lg-icon{
	font-size: 35px;
	background-color: rgba(0,0,0,0.30);
}
.lg-backdrop.in{
	opacity: 0.7;
}
.lg-toolbar{
	background-color: rgba(0,0,0,0.60);
	padding-bottom: 7px;
}
.lg-close.lg-icon{
	position: absolute;
	right: 325px;
	top: -3px;
}
.lg-actions .lg-prev:after,
.lg-actions .lg-next:before{
	color: white;
}
#lg-counter{
	padding-left: 356px;
}


.ebook_back {
	padding-top: 20px;
	text-align: center;
}
.event-btn{
	display: grid;
	margin: auto;
	color: #CDCCCC;
}
.ebook_back .left_arrow:hover{
	color: #000000;
}
.ebook_back .left_arrow:active{
	border: 1px solid #CDCCCC;
}
.ebook_back .left_arrow:focus{
	border: 1px solid #CDCCCC;
}

.ebook_back .left_arrow{
	border: 1px solid #ececec;
	box-shadow: 8px 3px 5px 0px #cccccc78;
	border-radius: 100%;
	width: 50px;
	height: 50px;
}
.ebook_back a{
	/*padding-top: 5px;*/
	font-size: 45px;
	padding-left: 20px;
}
.ebook_back a:hover{
	color: #0c0c0c;
}
.btn_desc{
	font-size: 10px;
	color: #0099CA;
	padding-left: 20px;
}

.temporary_account_modal {
	top: 0;
	position: absolute;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
}

.temp_input_form {
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 5vh 3vh;
	gap: 10px;
	height: auto;
	border-radius: 5px;
}

.temp_account_info {
	width: 325px;
}

.temp_account_form {
	width: 405px;
	height: auto;
	background: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 14px 23px;
}

.temp_account_form .form-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.temp_header_title {
	color: #4299ff;
}

.temp_header_desc {
	color: #707070;
}