#action-btn .page-sub-header, .page-sub-header, .sidebar .facebook_login {
    margin-bottom: 1rem
}
.btn.btn-sm, .page-header .btn-link, .sidebar .card .card-header .card-title, body {
    font-family: nunitoregular, sans-serif
}
.footer-content .footer_bottom ul li a, footer p {
    font-family: nunitolight, sans-serif !important;
    color: #024677;
}
.zoom:hover {
    background: rgba(2, 70, 119, .75)

}
#designer_template_category li a.p_act, #designer_template_category li a:hover, .account_dashboard_box h4, .card-title a.btn-link, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu>a:after, .page-header, .top-header .top-links li a span, .top-header .top_header a .text-call {
    color: #000
}
.page-header h1 small {
    color: #024677 !important
}
#InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover, #category_list a.act, #category_list a:hover, .account-links a:hover .cicon, .breadcrumb_container .breadcrumb li a:hover, .breadcrumb_container .breadcrumb li.active .a, .browse_design:hover a .media-body span, .btn-link.disabled, .btn-link:disabled, .btn-link:focus, .btn-link:hover, .card-title a.btn-link:hover, .custom_design:hover a .media-body span, .form-control:focus~.col-form-label, .form-group .input-valid~.col-form-label, .hire_designer:hover a .media-body span, .nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover, .navbar .navbar-nav .nav-item .dropdown-menu li:hover>.dropdown-item:after, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active>a:after, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover>a:after, .page-section-header, .quote_product:hover a .media-body span, .top-header .top-links li a .text-call, .top-header .top-links li a:hover, .top-header .top-links li a:hover .text-call, .top-header .top-links li a:hover span, .top-header .top_header a:hover, .top-header .top_header a:hover .text-call, .upload_design:hover a .media-body span, footer p a:hover {
    color: #024677
}
.card .card-header .card-title, .h4, .h5, .h6, .page-section-header span, .top-header .top-links li .navbar-text, .tt-dropdown-menu .tt-suggestion a strong, h4, h5, h6 {
    color: #333
}
.page-sub-header {
    color: #000;
    width: 100%;
    border-bottom: 1px solid #dee2e6
}
.table .thead th, .table .thead-light th, .table thead th {
    color: #000 !important;
    background: 0 0;
    border-bottom-color: #000
}
a {
    color: #000;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.btn, .we_can_section .card {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}
a:hover {
    color: #024677;
    text-decoration: none
}
.btn {
    transition: .3s;
    white-space: normal;
    font-family: nunitosemibold, sans-serif
}
.btn.focus, .btn:focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
}
.btn-primary {
    background: #024677;
    border-color: #024677
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #be141a;
    border-color: #be141a
}
.btn-primary.disabled, .btn-primary:disabled {
    background: #024677;
    border-color: #024677;
    color: #fff;
    opacity: .65
}
.btn-info {
    background: #000;
    border-color: #000;
    color: #fff
}
.btn-info:focus, .btn-info:hover, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled):active:focus {
    background: #333;
    border-color: #333;
    color: #fff
}
.btn-info.disabled, .btn-info:disabled {
    background: #000;
    border-color: #000;
    opacity: .65;
    color: #fff
}
.btn-secondary {
    background: #545b62;
    border-color: #545b62
}
.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus {
    background: #6c757d;
    border-color: #6c757d
}
.btn-secondary.disabled, .btn-secondary:disabled {
    background: #545b62;
    border-color: #545b62;
    opacity: .65
}
.btn-success {
    background: #0ab102;
    border-color: #0ab102
}
.btn-success:focus, .btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled):active:focus {
    background: #077f01;
    border-color: #077f01
}
.btn-success.disabled, .btn-success:disabled {
    background: #0ab102;
    border-color: #0ab102;
    opacity: .65
}
.btn-outline-primary {
    background: 0 0;
    border-color: #024677;
    color: #024677
}
.btn-outline-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    background: #024677;
    color: #fff;
    border-color: #024677
}
.btn-outline-secondary {
    background: 0 0;
    border-color: #545b62;
    color: #545b62
}
.btn-outline-secondary:focus, .btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    background: #545b62;
    color: #fff;
    border-color: #545b62
}
.btn-outline-info {
    background: 0 0;
    border-color: #000;
    color: #000
}
.btn-outline-info:focus, .btn-outline-info:hover, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled):active:focus {
    background: #000;
    color: #fff;
    border-color: #000
}
.btn-link {
    color: #000;
    word-break: break-word
}
.border-primary {
    border-color: #024677 !important
}
.border-info {
    border-color: #000 !important
}
.border-secondary {
    border-color: #545b62 !important
}
.loading {
    border-color: transparent #545b62
}
#loading-text, .breadcrumb_container .breadcrumb li a {
    color: #545b62
}
#price_calculator #producttotalprice, .btn-title-text.custom_design:hover a .h4, .btn-title-text.custom_design:hover a i, .btn-title-text.hire_designer:hover a .h4, .btn-title-text.hire_designer:hover a i, .btn-title-text.quote_product:hover a .h4, .navbar .navbar-nav .nav-item .dropdown-menu .list-unstyled>li.active>a, .text-info, .text-primary, .tt-dropdown-menu .tt-suggestion a:hover, .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a, .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong, .tt-dropdown-menu .tt-suggestion:hover strong {
    color: #000 !important
}
#cssmenu .list-group-item>a, .btn-title-text.hire_designer a .h4, .btn-title-text.hire_designer a i, .text-secondary {
    color: #545b62 !important
}
.badge-primary, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background: #024677
}
.badge-info {
    background: #000;
    color: #545b62;
    font-weight: 400
}
a.text-info:focus, a.text-info:hover, a.text-primary:focus, a.text-primary:hover {
    color: #be141a !important
}
.bg-primary {
    background-color: #024677 !important
}
.bg-info {
    background-color: #000 !important
}
.bg-secondary {
    background-color: #545b62 !important
}
.bg-light {
    background-color: #f7f7f7 !important
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #fff;
    color: #024677 !important
}
.bootstrap-select .dropdown-menu li, .bootstrap-select .dropdown-toggle {
    line-height: 26px
}
#cssmenu .list-group-item:hover>a, #faq_details .card-title a:hover, #faq_details h4, #myaccount_menu li.active a, #myaccount_menu li:hover a, #product_price h4, #product_price_with_category .card-title a:hover, #straightmenu .list-group .list-group-item .list-unstyled li.active>a, #straightmenu .list-group .list-group-item .list-unstyled li:hover>a, #straightmenu .list-group .list-group-item>a:hover, #straightmenu .list-group.list-group-flush li:not(.list-group-item) a:hover, .accordion .list-group-item>a:hover, .accordion .list-group-item>a[aria-expanded=true], .accordion-menu .list-group-item>a:hover, .accordion-menu .list-group-item>a[aria-expanded=true], .allbtn a:hover, .bootstrap-select .dropdown-menu li.active small, .bootstrap-select .dropdown-menu li:hover small, .bootstrap-select .dropdown-toggle small, .btn-title-text.browse_design:hover a .h4, .btn-title-text.browse_design:hover a i, .btn-title-text.upload_design:hover a .h4, .btn-title-text.upload_design:hover a i, .code-default .card-title a:hover, .navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover>a strong, .navbar .navbar-nav .nav-item.active>.nav-link, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .list-unstyled li a:hover, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active>a, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover>a, .navbar .navbar-nav .nav-item:hover>.nav-link, .sidebar .list-group-item ul li.active>a, .sidebar .list-group-item ul li:hover>a, .treeview li .act, .treeview li a:hover {
    color: #024677 !important
}
.bootstrap-select .dropdown-menu li a .check-mark {
    top: 8px !important
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #024677;
    border-color: #024677;
    box-shadow: none
}
.form-control:focus, .form-control:focus+.input-group-append .input-group-text, .navbar .navbar-nav .nav-item .dropdown-menu li:hover, .product-box .card.slide-hover, .product-box .card.slideup:hover {
    border-color: #024677
}
.header_register_btn, .page-item.active .page-link, .page-item:hover .page-link {
    background: #024677;
    border-color: #024677;
    color: #fff
}
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
    background-color: #fff
}
.tt-dropdown-menu .tt-suggestion a {
    color: #333 !important
}
.bar, .navbar .navbar-nav .nav-item .dropdown-menu li:hover>.dropdown-item:before {
    background-color: #024677
}
[class*=" icon-"], [class^=icon-] {
    font-family: ops !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-upload_design:before{
    content:"";
    color:#777181;
}
.icon-custom_design:before{
    content:"";
    color:#777181;
}
.icon-browse_design:before{
    content:"";
    color:#777181;
}
.icon-svg_Shipping .path1:before{
    content:"";
    color:#666;
}
.icon-svg_Shipping .path2:before{
    content:"";
    margin-left:-1em;color:#666;
}
.icon-svg_Service .path1:before{
    content:"";
    color:#666;
}
.icon-svg_Service .path2:before{
    content:"";
    margin-left:-1em;color:#666;
}
.icon-svg_Ordering .path1:before{
    content:"";
    color:#666;
}
.icon-svg_Ordering .path2:before{
    content:"";
    margin-left:-1em;
    color:#666;
}
.icon-svg_customer-care .path1:before{
    content:"";
    color:#666;
}
.icon-svg_customer-care .path2:before{
    content:"";
    margin-left:-1em;
    color:#666;
}
body {
    color: #666;
    background: #fff;
    font-size: 1rem
}
.h1, .h2, h1, h2 {
    font-size: 1.375rem;
    font-family: nunitobold, sans-serif;
    color: #333
}
.h3, h3 {
    font-size: 1.125rem;
    font-family: nunitobold, sans-serif;
    color: #333
}
.page-header h1, .page-header h2, .page-header h3 {
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    font-family: nunitobold, sans-serif;
    background: 0 0;
    z-index: 9;
    color: #545b62
}
.page-header h1 small, .page-header h2 small, .page-header h3 small {
    font-size: 65%;
    font-family: nunitoregular, sans-serif
}
.page-header h1 a, .page-header h2 a, .page-header h3 a {
    text-transform: capitalize
}
.page-header .btn-link {
    vertical-align: top
}
b, strong {
    font-weight: 400 !important;
    font-family: nunitobold, sans-serif !important
}
.btn-link {
    font-size: 1rem;
    line-height: 1.2
}
#straightmenu .list-group.list-group-flush li:not(.list-group-item), .btn {
    line-height: 1
}
.btn.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.3
}
#shopping_accordion .card-header, .card .card-header, .home_page_body .middle_content {
    background-color: #f7f7f7
}
.HomePage_Title, .flip3d .card-body .face, .main_title {
    text-align: center
}
.HomePage_Title h1, .main_title h2 {
    position: relative;
    padding-bottom: .625rem;
    font-size: 1.375rem
}
.HomePage_Title h1:after, .main_title h2:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #000;
    margin: 0 auto
}
.accordion .list-group-item>a, .accordion-menu .list-group-item>a {
    position: relative;
    color: #545b62 !important;
    font-size: 1rem
}
.accordion .list-group-item>a:after, .accordion-menu .list-group-item>a:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 6 Pro";
    right: 10px
}
.accordion .list-group-item>a[aria-expanded=true]:after, .accordion-menu .list-group-item>a[aria-expanded=true]:after {
    content: ""
}
.accordion .list-group-item .list-unstyled, .accordion-menu .list-group-item .list-unstyled {
    margin-bottom: .5rem
}
#straightmenu .list-group .list-group-item .list-unstyled, .accordion .list-group-item .list-unstyled li, .accordion-menu .list-group-item .list-unstyled li {
    padding-left: .5rem
}
#templatelist>.row>.col-md-4 .card {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}
#templatelist>.row>.col-md-4 .card .card-header {
    position: relative;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}
#templatelist>.row>.col-md-4 .card .card-header .card-title {
    font-family: nunitobold, sans-serif;
    font-size: 1.25rem
}
#templatelist>.row>.col-md-4 .card .card-body .custom-control {
    margin-left: .3rem
}
.sidebar .card {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0
}
.sidebar .card .card-header {
    position: relative;
    background-color: #fff;
    border: 0
}
.sidebar .card .card-header:after {
    content: " ";
    display: block;
    position: absolute;
    left: -12px;
    bottom: 0;
    top: 18px;
    width: 35px;
    height: 3px;
    background: #dee2e6;
    border-left: 15px solid #024677;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.sidebar .card .card-header .card-title {
    color: #024677
}
.sidebar .card .card-body {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}
.sidebar .card#verticalmenu_sidebar .card-body {
    padding: 0 !important
}
.sidebar .card#myaccount_sidebar .card-body {
    padding: 1rem !important
}
.sidebar .card#togglemenu_sidebar .list-group-item {
    border-left: 0;
    border-right: 0;
    background: 0 0
}
.sidebar .list-group-item ul li a {
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-size: .875rem;
    color: #666 !important
}
.sidebar .list-group-item ul li a:before {
    top: 3px !important
}
.sidebar #login_sidebar .google_login {
    margin-top: 1rem;
    padding: 0
}
#straightmenu .list-group .list-group-item>a {
    color: #666 !important
}
#straightmenu .list-group .list-group-item>a:not(.all-product) {
    padding: .2rem 0 .2rem 1.1rem;
    font-size: 97%
}
#straightmenu .list-group .list-group-item>a:not(.all-product):before {
    top: 4px
}
#straightmenu .list-group .list-group-item>a.all-product {
    font-size: 1rem;
    font-family: nunitosemibold, sans-serif;
    color: #545b62 !important
}
#straightmenu .list-group .list-group-item .list-unstyled li a {
    font-size: .875rem
}
#myaccount_menu li a, footer p {
    font-size: .9375rem
}
#straightmenu .list-group.list-group-flush {
    padding: .8rem 0
}
#straightmenu .list-group.list-group-flush li:not(.list-group-item) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    font-size: .9375rem;
    color: #555 !important
}
#straightmenu .list-group.list-group-flush li:not(.list-group-item) a .badge {
    float: none !important;
    margin-left: .3rem
}
#cssmenu .list-group-item>ul li.active a, #cssmenu .list-group-item>ul li:hover>a {
    color: #024677 !important;
    padding-left: 1.5rem
}
#price_calculator .card-header {
    margin-bottom: 1rem !important
}
#price_calculator label {
    color: #545b62;
    margin-bottom: 0
}
#product-info #related-product {
    margin-top: 1rem
}
#product-info .actionbtn {
    background: #000;
    border-color: #000;
    color: #fff;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px
}
#product-info .actionbtn:focus, #product-info .actionbtn:hover, #product-info .actionbtn:not(:disabled):not(.disabled).active, #product-info .actionbtn:not(:disabled):not(.disabled):active, #product-info .actionbtn:not(:disabled):not(.disabled):active:focus {
    background: #0d0d0d;
    color: #fff
}
#product-info .actionbtn.disabled, #product-info .actionbtn:disabled {
    background: #000;
    border-color: #000;
    opacity: .65;
    color: #545b62
}
.navbar {
    z-index: 999;
    background: #fff
}
.navbar .navbar-nav {
    margin-right: auto !important
}
.navbar .navbar-nav .nav-item>.nav-link {
    color: #333 !important;
    border-top: 1px solid transparent;
    padding: .9rem;
    position: relative;
    font-family: nunitosemibold, sans-serif;
    margin-right: 1px;
    line-height: 1
}
.navbar .navbar-nav .nav-item.show>.nav-link {
    color: #024677 !important;
    background: #fff;
    border-color: #024677
}
.navbar .navbar-nav .nav-item .dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    background: #fff
}
.navbar .navbar-nav .nav-item .dropdown-menu li, .top-header .top-links li:first-child {
    padding-left: 0
}
.navbar .navbar-nav .nav-item .dropdown-menu li>.dropdown-item {
    padding-left: 1.5rem;
    position: relative
}
.navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu .dropdown-submenu>.dropdown-item {
    padding-left: 2.5rem
}
.navbar .navbar-nav .nav-item .dropdown-menu li a {
    font-size: .875rem;
    padding: .5rem .8rem
}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover>.dropdown-item {
    color: #024677 !important;
    background: #fff
}
.navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    top: 1px
}
.navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li {
    background: 0 0;
    padding: 0
}
.navbar .navbar-nav .nav-item .dropdown-menu li ul .dropdown-item {
    padding-left: 2rem
}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav {
    padding: 1rem
}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li>a {
    padding: .2rem .8rem
}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li>a:focus {
    background: 0 0;
    color: #000 !important
}
.btn-title-text.browse_design a:before, .btn-title-text.custom_design a:before, .btn-title-text.hire_designer a:before, .btn-title-text.quote_product a:before, .btn-title-text.upload_design a:before, .navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li>a:before, .navbar .navbar-nav .nav-item .dropdown-menu .card-columns .flex-column li .dropdown-item:before, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a:before, .navbar .navbar-nav .nav-item:last-child .nav-link:before, .product-box .card.hover-box-shadow .card-body .card-text {
    display: none
}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover>a {
    background: 0 0;
    color: #024677 !important
}
.navbar .navbar-nav .nav-item .dropdown-menu img {
    max-width: 100%;
    height: auto
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu>a {
    background: #fff;
    color: #000 !important;
    border-right: 0
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu>a:before {
    top: 50%;
    right: unset;
    bottom: unset;
    width: 2px
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: #fff
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
    border: 0;
    padding: .2rem .5rem !important;
    color: #000 !important
}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a:hover {
    background: 0 0
}
.navbar .navbar-brand {
    max-width: 150px
}
.navbar .navbar-brand img, .top-header .navbar-brand img {
    max-height: none;
    max-width: 100%
}
.media-filter li a {
    border-color: #545b62;
    color: #545b62
}
.media-filter li a.selected, .media-filter li a:hover {
    background: #545b62 !important;
    color: #fff !important
}
.media-filter .media-boxes-drop-down-header {
    border: 1px solid #545b62
}
.card-footer .carousel-control-next, .card-footer .carousel-control-prev {
    width: 7%
}
.slick-next {
    right: -10px
}
.slick-prev {
    left: -10px
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    font-size: .625rem;
    padding: .1rem
}
.browse_design, .custom_design, .hire_designer, .quote_product, .upload_design {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-width: 0 !important;
    position: relative;
    margin: 1.188rem 0 !important
}
.browse_design a, .custom_design a, .hire_designer a, .quote_product a, .upload_design a {
    padding: .1rem 1rem .1rem 0 !important;
    margin-left: 1rem;
    position: relative;
    z-index: 9;
    background: #e5f5f4;
    color: #000 !important
}
.browse_design a span, .custom_design a span, .hire_designer a span, .quote_product a span, .upload_design a span {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}
#InfoTab .nav-tabs .nav-item .nav-link, .my_account .navbar-cart {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}
.browse_design a:before, .custom_design a:before, .hire_designer a:before, .quote_product a:before, .upload_design a:before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #e5f5f4;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: -1
}
.browse_design i, .custom_design i, .hire_designer i, .quote_product i, .upload_design i {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    text-align: center;
    line-height: 80px;
    background: #fff;
    font-size: 2.5rem;
    margin-left: -4px
}
.btn-title-text.browse_design, .btn-title-text.custom_design, .btn-title-text.hire_designer, .btn-title-text.quote_product, .btn-title-text.upload_design {
    padding: 0 !important;
    margin: .5rem 0 !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0px;
    background-color: transparent !important
}
.btn-title-text.browse_design:hover, .btn-title-text.custom_design:hover, .btn-title-text.hire_designer:hover, .btn-title-text.quote_product:hover, .btn-title-text.upload_design:hover {
    -webkit-box-shadow: 0 0 0 0 #73797d;
    -moz-box-shadow: 0 0 0 0 #73797d;
    box-shadow: 0 0 0 0 #73797d
}
.btn-title-text.browse_design a, .btn-title-text.custom_design a, .btn-title-text.hire_designer a, .btn-title-text.quote_product a, .btn-title-text.upload_design a {
    padding: .5rem 1rem !important;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}
.btn-title-text.browse_design a:hover a, .btn-title-text.custom_design a:hover a, .btn-title-text.hire_designer a:hover a, .btn-title-text.quote_product a:hover a, .btn-title-text.upload_design a:hover a {
    -webkit-box-shadow: 0 0 5px 1px #73797d;
    -moz-box-shadow: 0 0 5px 1px #73797d;
    box-shadow: 0 0 5px 1px #73797d
}
.btn-title-text.browse_design i, .btn-title-text.custom_design i, .btn-title-text.hire_designer i, .btn-title-text.quote_product i, .btn-title-text.upload_design i {
    width: auto;
    height: auto;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-align: center;
    line-height: 1.4;
    background: 0 0;
    font-size: 1.125rem
}
.btn-title-text .h4 {
    font-size: 1.125rem
}
.btn-title-text.browse_design a, .btn-title-text.upload_design a {
    background: #024677 !important;
    border-color: #024677
}
.btn-title-text.browse_design a .h4, .btn-title-text.browse_design a i, .btn-title-text.custom_design a .h4, .btn-title-text.custom_design a i, .btn-title-text.upload_design a .h4, .btn-title-text.upload_design a i, .product-box .card.slide-hover .card-body .card-title, .product-box .card.triangle-slide-overlay .card-body .card-title, a.history_approve:hover {
    color: #fff !important
}
#myaccount_menu li a, .btn-title-text.quote_product a .h4 {
    color: #555 !important
}
.btn-title-text.browse_design:hover a, .btn-title-text.custom_design:hover a, .btn-title-text.upload_design:hover a {
    background: 0 0 !important
}
.btn-title-text.custom_design a {
    background: #000 !important;
    border-color: #000
}
.btn-title-text.hire_designer a, .btn-title-text.quote_product a {
    background: #e5f5f4 !important;
    border-color: #e5f5f4
}
.btn-title-text.hire_designer:hover a, .btn-title-text.quote_product:hover a {
    background: 0 0 !important;
    border-color: #000
}
.flip3d {
    background: #fafafa
}
.flip3d .card-header {
    background: #024677;
    padding: .8rem 1rem !important
}
.flip3d .card-header h3 {
    font-size: 1rem;
    color: #fff;
    font-family: nunitolight, sans-serif
}
.flip3d .card-header a:hover h3 {
    color: rgba(255, 255, 255, .8)
}
.flip3d .card-body .face img {
    max-width: 250px;
    width: 100%
}
.product-box .card .card-body .card-title {
    color: #333 !important;
    font-family: nunitoregular, sans-serif
}
.product-box .card .card-body .card-text {
    color: #666
}
.product-box .card .card-body .card-text strong {
    color: #666;
    display: block;
    font-family: nunitoregular, sans-serif
}
.footer-content .footer_bottom ul li a.active, .footer-content .footer_bottom ul li a:hover, .footer-content .footer_links ul li a span b, .product-box .card.slide-hover .card-body .btn, .product-box .card.slide-hover .card-body .card-text, .product-box .card.slide-hover .card-body .card-text strong, .product-box .card.triangle-slide-overlay .card-body .card-text, .product-box .card.triangle-slide-overlay .card-body .card-text strong, .top-header .top-links li a:hover span .badge {
    color: #fff
}
.product-box .card.slide-hover .card-body .card-text {
    background: rgba(2, 70, 119, .8)
}
.product-box .card.slide-hover .card-body .card-title {
    background: #024677 !important;
    color: #fff !important;
    font-size: 1rem;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important
}
.product-box .card.slide-hover .card-body .card-title:after {
    background: #c7151b;
    padding: 1rem;
    line-height: 1
}
.product-box .card.slideup .card-body {
    background: #024677 !important
}
.product-box .card.slideup .card-body .card-title {
    color: #fff !important;
    font-size: 1rem;
    font-family: nunitoregular, sans-serif
}
.product-box .card.flip3d .card-header {
    border: 0
}
.product-box .card.hover-box-shadow {
    text-align: center;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border: 0
}
.product-box .card.hover-box-shadow .thumbnail {
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .07);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .07);
    background: #fff
}
.product-box .card.hover-box-shadow .card-body {
    padding: .938rem .625rem 0 !important
}
.personalize_products .personalize-box .card .card-body h3, .product-box .card.hover-box-shadow .card-body .card-title {
    color: #545b62 !important;
    font-size: 1.25rem;
    font-family: nunitosemibold, sans-serif
}
.partner_section .partner_logo .slick-dots, .product-box .card.hover-box-shadow .card-footer {
    display: none !important
}
#InfoTab .nav-tabs {
    background: #fff;
    border-bottom-color: rgba(2, 70, 119, .3)
}
#InfoTab .nav-tabs .nav-item .nav-link {
    color: #545b62;
    font-size: 1rem;
    padding: .8rem 1rem;
    transition: .5s;
    position: relative;
    border-bottom: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    overflow: hidden;
    z-index: 1;
    border-color: transparent
}
#InfoTab .nav-tabs .nav-item .nav-link:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    z-index: -1
}
#InfoTab .nav-tabs .nav-item .nav-link.active {
    font-family: nunitosemibold, sans-serif;
    border-color: rgba(2, 70, 119, .3)
}
#InfoTab .nav-tabs .nav-item .nav-link.active:after {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
#InfoTab .tab-content {
    border: 1px solid rgba(2, 70, 119, .3);
    border-top: 0;
    padding-left: .75rem;
    padding-right: .75rem
}
.nav-customtabs {
    border: 0 !important
}
.nav-customtabs li .nav-link {
    color: #333;
    font-size: 1rem
}
.nav-customtabs li .nav-link.active:after, .nav-customtabs li .nav-link:hover:after {
    background: #024677;
    width: 50%;
    margin: 0 auto
}
.nav-customtabs li .nav-link.active {
    font-family: nunitosemibold, sans-serif
}
.tab-content {
    padding-top: 1rem
}
.body-container {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.search-toggle {
    z-index: 9
}
.home_page_body .middle_content .body-container {
    padding-top: 3rem;
    padding-bottom: 2rem
}
.top-header {
    position: relative;
    padding: 1.625rem 0
}
.top-header .bootstrap-select {
    margin-left: 1rem !important;
    margin-right: 0 !important
}
.top-header .bootstrap-select .dropdown-menu {
    z-index: 9999 !important
}
.top-header .bootstrap-select>.dropdown-toggle {
    padding: 0 .75rem;
    height: 37px;
    max-height: 37px;
    line-height: 37px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}
.top-header .top_header a {
    color: #333;
    font-family: nunitoregular, sans-serif;
    font-size: .875rem;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: .5rem
}
.top-header .top-links li a i, .top-header .top_header a i {
    font-size: 1.25rem;
    padding-right: .625rem
}
.top-header .top-links li a, .top-header .top-links li a .text-bold {
    font-size: .875rem;
    color: #333
}
.top-header .top_header a .text-bold {
    font-size: .8125rem
}
.top-header .top-links li {
    margin: 0;
    padding-left: .5rem;
    vertical-align: middle
}
.top-header .top-links li a {
    font-family: nunitoregular, sans-serif;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.top-header .top-links li a .badge {
    position: absolute;
    bottom: -5px;
    left: 7px;
    padding: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: .625rem;
    color: #fff
}
.top-header .top-links li .logout-dropdown a {
    padding: .4rem 1rem !important
}
#faq_details .card-title a, #product_price_with_category .card-title a, .code-default .card-title a, .top-header .top-links li .logout-dropdown a i {
    font-size: 1rem
}
.top-header .navbar-brand {
    margin-top: 0 !important
}
.my_account .navbar-cart {
    position: relative;
    font-size: 1rem;
    background: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #000;
    text-align: center;
    margin-left: .5rem;
    transition: .5s
}
.my_account .navbar-cart .badge {
    position: absolute;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    font-size: .625rem;
    bottom: 0;
    right: -4px;
    width: 14px;
    height: 14px;
    line-height: 10px
}
.my_account .navbar-cart:hover {
    border-color: #000;
    background: #fff;
    color: #024677
}
.header-search .twitter-typeahead {
    width: 100%
}
.header-search .twitter-typeahead .typeahead {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-color: #ccc;
    height: 39px
}
.header-search .twitter-typeahead:after {
    color: #333;
    padding: 0;
    width: 40px;
    right: 4px;
    line-height: 2;
    font-size: 1.125rem
}
#top-banner {
    display: block !important
}
#top-banner .slick-arrow i {
    color: rgba(84, 91, 98, .6)
}
.header-content .services_resources {
    padding: 3rem 0 2rem
}
.header-content .services_resources .service_box span {
    font-size: 3.125rem
}
.header-content .services_resources .service_box span .path1:before, .header-content .services_resources .service_box span .path2:before {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: inline-block;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.header-content .services_resources .service_box h3 {
    margin: 1rem 0;
    color: #545b62
}
.header-content .services_resources .service_box p {
    margin: 0
}
.header-content .services_resources .service_box:hover span .path1:before, .header-content .services_resources .service_box:hover span .path2:before {
    color: #024677;
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px)
}
.partner_section, .personalize_products {
    padding: 3.125rem 0
}
.client_testimonial_section, .we_can_section {
    padding: 3.125rem 0 2.5rem
}
.personalize_products .personalize-box .card .thumbnail {
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .07);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .07)
}
.personalize_products .personalize-box .card .thumbnail img, .we_can_section .card .thumbnail img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s
}
.personalize_products .personalize-box .card .card-body {
    padding: .938rem .938rem 0 !important
}
.personalize_products .personalize-box:hover .thumbnail img, .we_can_section .card:hover img {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}
#middle-content .btn-view, .personalize_products .btn {
    padding: .625rem .938rem
}
.we_can_section {
    background-color: rgba(0, 0, 0, .1)
}
.we_can_section .card {
    transition: .3s
}
.we_can_section .card .thumbnail:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1
}
.we_can_section .card h3 {
    font-family: nunitosemibold, sans-serif;
    color: #545b62
}
.we_can_section .card:hover {
    -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .45);
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .45)
}
.client_testimonial_section .testimonial_text {
    padding: .938rem;
    font-size: .875rem;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .05)
}
.client_testimonial_section .testimonial_text:after {
    content: " ";
    display: block;
    position: absolute;
    background-image: url(../images/slant.png);
    background-size: cover;
    bottom: 10px;
    left: 16px;
    width: 24px;
    height: 31px
}
.client_testimonial_section small {
    font-family: nunitobold, sans-serif;
    color: #333;
    padding-top: 1.25rem;
    display: block;
    padding-left: 3.125rem;
    position: relative
}
.client_testimonial_section small:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #024677;
    display: block;
    position: absolute;
    top: 26px;
    left: 35px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}
.partner_section .partner_logo div {
    margin: 0 auto
}
.partner_section .partner_logo div img {
    margin: 0 auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.partner_section .partner_logo div img:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}
.partner_section .partner_logo .slick-arrow {
    display: block !important;
    z-index: 1
}
.partner_section .partner_logo .slick-arrow.slick-next:before, .partner_section .partner_logo .slick-arrow.slick-prev:before {
    font-family: "Font Awesome 6 Pro";
    font-size: 2.5rem;
    line-height: .2;
    color: #024677;
    opacity: 1;
    font-weight: 300
}
.partner_section .partner_logo .slick-arrow.slick-prev {
    left: 0
}
.partner_section .partner_logo .slick-arrow.slick-prev:before {
    content: ""
}
.partner_section .partner_logo .slick-arrow.slick-next {
    right: 0
}
.partner_section .partner_logo .slick-arrow.slick-next:before {
    content: ""
}
.partner_section .partner_logo .slick-arrow:hover.slick-next:before, .partner_section .partner_logo .slick-arrow:hover.slick-prev:before {
    color: #000
}
.subscribe_section {
    padding: 3.125rem 0;
    background: url(../images/subscribe_banner.jpg) top center/cover no-repeat
}
.subscribe_section h2 {
    color: #333;
    font-family: nunitolight, sans-serif
}
.subscribe_section h3 {
    margin: .938rem 0;
    line-height: 1
}
.subscribe_section .btn {
    margin-top: .625rem;
    padding: .625rem .938rem
}
.footer-content .footer_bottom {
    background-color: #181b1b;
    padding: 3.75rem 0 1.4rem
}
.footer-content .footer_bottom h3 {
    font-family: nunitosemibold, sans-serif !important;
    margin-bottom: .8rem;
    color: #024677;
}
.footer-content .footer_bottom ul {
    list-style: none;
    padding: 0
}
.footer-content .footer_bottom ul li {
    display: block;
    padding: 0;
    color: #024677;
}
.footer-content .footer_bottom ul li a {
    padding-bottom: .6rem;
    display: inline-block
}
.footer-content .footer_bottom .subscribe_sidebar {
    margin-top: 1.125rem
}
.btn.google_login, .footer-content .footer_bottom .subscribe_sidebar .card .card-body {
    padding: 0
}
.footer-content .footer_bottom .subscribe_sidebar .card .card-body .input-group {
    max-width: 100%
}
.footer-content .footer_bottom .subscribe_sidebar .card .card-body .input-group input {
    border-color: transparent !important
}
.footer-content .footer_bottom .subscribe_sidebar .card .card-body .btn {
    background-color: #024677 !important;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    padding: .6rem .75rem .5rem
}
.footer-content .footer_bottom .subscribe_sidebar .card .card-body .btn:focus, .footer-content .footer_bottom .subscribe_sidebar .card .card-body .btn:hover, .footer-content .footer_bottom .subscribe_sidebar .card .card-body .btn:not(:disabled):not(.disabled).active, .footer-content .footer_bottom .subscribe_sidebar .card .card-body .btn:not(:disabled):not(.disabled):active, .footer-content .footer_bottom .subscribe_sidebar .card .card-body .btn:not(:disabled):not(.disabled):active:focus {
    background: #be141a !important
}
.footer-content .seprator-bg {
    background: #181b1b
}
.footer-content .seprator-bg .border-top {
    border-color: rgba(255, 255, 255, .1) !important
}
.footer-content .footer_links>ul>li {
    display: inline-block;
    width: 100%;
    vertical-align: top
}
footer {
    background-color: lightgray;
    padding: 1.4rem 0
}
footer .social li {
    display: inline-block
}
footer .social li a {
    display: inline-block;
    position: relative;
    margin: 0 .5rem
}
footer .social li a:before {
    content: " ";
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    display: block;
    background: 0 0;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 265ms ease-out;
    -moz-transition: 265ms ease-out;
    -ms-transition: 265ms ease-out;
    -o-transition: 265ms ease-out;
    transition: 265ms ease-out
}
footer .social li a i {
    color: rgba(255, 255, 255, .7);
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.25rem;
    -webkit-transition: 265ms ease-out;
    -moz-transition: 265ms ease-out;
    -ms-transition: 265ms ease-out;
    -o-transition: 265ms ease-out;
    transition: 265ms ease-out
}
footer .social li a:hover:before {
    background: #fff;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 265ms ease-in;
    -moz-transition: 265ms ease-in;
    -ms-transition: 265ms ease-in;
    -o-transition: 265ms ease-in;
    transition: 265ms ease-in
}
footer .social li a:hover i {
    color: #024677;
    transition: 265ms ease-in;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: 265ms ease-in;
    -moz-transition: 265ms ease-in;
    -ms-transition: 265ms ease-in;
    -o-transition: 265ms ease-in
}
#sitemap ul li a:hover, footer p a {
    color: #000
}
#middle-content #top-banner {
    margin-bottom: 2rem
}
.scroll-top {
    line-height: 30px
}
#related-product .card {
    border-color: rgba(0, 0, 0, .125)
}
#related-product .page-sub-header {
    margin: 1rem 0
}
.navbar-collapse~.navbar-bg-outside {
    z-index: 1
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .navbar-brand {
        width: 100%
    }
}
.zoom .btn {
    position: static;
    height: auto;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.page-sub-header h3 {
    margin-bottom: .5rem !important
}
@media only screen and (min-width:768px) {
    h3 {
        font-size: 1.25rem
    }
    .btn {
        font-size: 1.125rem;
        padding: .6rem .75rem
    }
    .HomePage_Title h1, .main_title h2, .subscribe_section h3 {
        font-size: 1.75rem
    }
    .home_page_body .main-content, .narrow_gutters {
        margin-right: -10px;
        margin-left: -10px
    }
    .home_page_body .main-content .col-12, .narrow_gutters .col-12 {
        padding-right: 10px;
        padding-left: 10px
    }
    .navbar {
        background: #024677
    }
    .navbar .navbar-nav .nav-item>.nav-link {
        color: #fff !important;
        line-height: 1.5
    }
    .navbar .navbar-nav .nav-item>.nav-link:before {
        content: " ";
        position: absolute;
        height: 25px;
        width: 1px;
        background: rgba(238, 238, 238, .5);
        display: block;
        right: -1px;
        top: 13px
    }
    .navbar .navbar-nav .nav-item.active>.nav-link, .navbar .navbar-nav .nav-item:hover>.nav-link {
        color: rgba(255, 255, 255, .8) !important
    }
    .navbar .navbar-nav .nav-item.show>.nav-link {
        color: #024677 !important
    }
    .navbar .navbar-nav .nav-item .dropdown-menu {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
    }
    .navbar .navbar-nav .nav-item .dropdown-menu li>.dropdown-item:before {
        content: " ";
        display: block;
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: transparent;
        top: 50%;
        left: 0;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out
    }
    #middle-content .btn-view, .personalize_products .btn {
        padding: 1.188rem 3.25rem .938rem
    }
    .slick-next {
        right: -25px
    }
    .slick-prev {
        left: -25px
    }
    .top-header .navbar-brand {
        max-width: 200px
    }
    .top-header .navbar-brand img {
        max-height: none;
        max-width: 100%
    }
    .top-header .top-links li a .badge {
        left: 13px;
        top: -5px;
        font-size: .5rem;
        width: 14px;
        height: 14px
    }
    .header-search .twitter-typeahead {
        width: 190px
    }
    .client_testimonial_section, .we_can_section {
        padding: 3.125rem 0
    }
    .client_testimonial_section .card-body, .we_can_section .card-body {
        padding: 1.8rem
    }
    .client_testimonial_section .testimonial_text:after {
        bottom: 18px;
        left: 10px
    }
    .client_testimonial_section small {
        font-size: 1.125rem
    }
    .client_testimonial_section small:before {
        top: 29px
    }
    .subscribe_sidebar .input-group {
        max-width: 326px
    }
}
@media only screen and (min-width:800px) {
    .page-header h1, .page-header h2, .page-header h3 {
        font-size: 1.625rem
    }
    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu li>.dropdown-item, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu>.dropdown-item, .navbar .navbar-nav .nav-item .dropdown-menu li>.dropdown-item {
        padding: .5rem .8rem .4rem
    }
    .top-header .navbar-brand {
        max-width: 230px
    }
}
@media only screen and (min-width:1024px) {
    .HomePage_Title h1, .main_title h2 {
        font-size: 2.5rem
    }
    .top-header .top_header a {
        padding-right: 1.875rem;
        font-size: 1rem
    }
    .top-header .top-links li a i, .top-header .top_header a i {
        font-size: 1.75rem
    }
    .top-header .top-links li {
        padding-left: 1.875rem
    }
    .top-header .top-links li a {
        font-size: 1rem
    }
    .top-header .top-links li a .badge {
        left: 20px;
        top: -5px;
        font-size: .625rem;
        width: 16px;
        height: 16px
    }
    .navbar .navbar-nav .nav-item>.nav-link {
        padding: .85rem 1.5rem
    }
    .product-box .card.hover-box-shadow .card-body {
        padding: 2.188rem .938rem 1rem !important
    }
    .header-search .twitter-typeahead {
        width: 260px
    }
}
@media only screen and (min-width:1248px) {
    #product-info .actionbtn {
        padding: 1.21rem 1rem
    }
    .product-box .card.hover-box-shadow .card-body .card-title {
        font-size: 1.375rem
    }
    .home_page_body .middle_content {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .header-search .twitter-typeahead {
        width: 374px
    }
    .header-content .services_resources {
        padding: 6.875rem 0
    }
    .header-content .services_resources .service_box span {
        font-size: 4.125rem
    }
    .header-content .services_resources h3 {
        margin: 2rem 0 1rem
    }
    .client_testimonial_section, .partner_section, .personalize_products, .we_can_section {
        padding: 6.1875rem 0
    }
    .personalize_products .personalize-box .card .card-body {
        padding: 3.125rem .938rem 0 !important
    }
    .personalize_products .personalize-box .card .card-body h3, .subscribe_section h2 {
        font-size: 1.5625rem
    }
    .personalize_products .personalize-box .btn {
        padding: 1.063rem 3.25rem;
        margin-top: .625rem
    }
    .client_testimonial_section .testimonial_text {
        padding: 1.875rem;
        font-size: 1.0625rem
    }
    .partner_section .slick-arrow.slick-next:before, .partner_section .slick-arrow.slick-prev:before {
        font-size: 3.4375rem
    }
    .subscribe_section {
        padding: 4.0625rem 0
    }
    .subscribe_section h3 {
        font-size: 2.5rem;
        margin: 2.125rem 0
    }
    .subscribe_section p {
        font-size: 1.125rem
    }
    .subscribe_section .btn {
        padding: 1.063rem 2.625rem
    }
    .footer-content .footer_bottom {
        padding: 2.75rem 0 0;
    }
    .footer-content .footer_bottom h3 {
        margin-bottom: 1.3rem
    }
    .footer-content .seprator-bg .border-top {
        max-width: 1350px
    }
    .footer-content .footer_links>ul>li {
        width: 50%
    }
    footer {
        padding: 2.25rem 0
    }
}
@media only screen and (min-width:1440px) {
    .container {
        max-width: 1280px
    }
}
@media only screen and (min-width:1600px) {
    .subscribe_section {
        padding: 6.1875rem 0
    }
}
.footer-content .footer_bottom {
    background-color: lightgray !important;
}
#footersubscribe_sidebar .card-body h3 {
    font-size: 2.75rem;
    color: #fff;
}
#footersubscribe_sidebar .help-block {
    color: #fff;
    margin-bottom: 0;
}
#footersubscribe_sidebar .custom-control {
    display: none;
}
#footersubscribe_sidebar .card-body {
    padding: 0;
}
.HomePage_Title h1 {
    position: relative;
    padding-bottom: 0.625rem;
    color: #024677;
}
.HomePage_Title h1:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #024677;
    margin: 0 auto;
}
footer .social_icon li a i {
    color: #024677;
}