/*-- FONT FAMILY INCLUDE --*/
@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-SemiBold.eot');
    src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli-SemiBold.woff') format('woff'),
        url('../fonts/Muli-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'The Woodlands';
    src: url('../fonts/TheWoodlands-Regular.eot');
    src: url('../fonts/TheWoodlands-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TheWoodlands-Regular.woff') format('woff'),
        url('../fonts/TheWoodlands-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*-- FONT FAMILY INCLUDE --*/

* {
    outline: 0;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'muli';
    color: #000000;
    font-size: 12px;
    background-color: #555;
}

img {
    border: none;
}

#divOverlay {
    position: absolute;
    display: none;
}

#divMainWrapper {
    background: #333;
}

/*
#divMobileWrapper{
    width:1166px;
    overflow:hidden;
    margin:auto;
    background:#333;
    white-space:nowrap;
    -moz-transition-property: width;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease-in;
}*/
#divMobileMenu {
    display: none;
    position: absolute;
    z-index: 101;
    left: 0;
    text-align: left;

    /*margin:20px 0 0 0;*/
}

#divMobileMenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;

    /*border-top:1px solid #5E5E5E;*/
}

#divMobileMenu ul li {
    padding: 15px 30px;
    border-bottom: 1px solid #5E5E5E;
}

#divMobileMenu ul li a.aMenu {
    display: block;
    width: 100%;
    color: #FFF;
    font-family: 'Gilda Display',serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #f2f2f2;
    text-decoration: none;
}

#divMobileMenu #divSearch {
    display: table;
    margin: 22px 30px 20px 30px;
}

#divMobileMenu #divSearch input {
    padding: 2px 15px 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #A8A8A8;
    webkit-appearance: none;
    -moz-appearance: none;
}

#divMobileMenu #divSearch #divInputSearch {
    display: inline-table;
}

#divMobileMenu #divSearch #divIsearch {
    display: inline-table;
    margin: -3px 0 0 -20px;
}

#divMobileMenu .divSubmenu {
    display: none;
    background: #4d4d4d;
}

#divMobileMenu .divSubmenu a:first-child {
    border-top: 1px solid #a0a0a0;
}

#divMobileMenu .divSubmenu a {
    display: block;
    border-bottom: 1px solid #a0a0a0;
    padding: 12px 20px 12px 55px;
    font-family: 'Gilda Display',serif;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
}

#divRespInfo {
    display: none;
    position: absolute;
    right: 0;
    color: #fff;
}

/*#divGlobal{
    width:1166px;
    display:table;
    margin:0 auto;
    z-index:99;
}*/
header #divGrey_fullScreen {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(76, 74, 74, 0.49);
    z-index: 100;
}

header, footer, #divContent_wrapper {
    width: 1166px;
    display: table;
    margin: 0 auto;
    -moz-transition-property: width;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease-in;
}

header #divHeader {
    margin: 20px;
    background: #333;
    white-space: nowrap;
}

header #divHeader #aLogo {
    display: inline-table;
    background: transparent url(/images_cr/logo.svg) no-repeat top;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    width: 250px;
    height: 25px;
    vertical-align: top;
    cursor: pointer;
}

header #divHeader #divMainMenu {
    display: inline-table;
    float: right;
    vertical-align: top;
    margin: -7px 0 0 0;
}

header #divHeader #divMainMenu ul {
    margin: 0;
    padding: 0;
}

header #divHeader #divMainMenu ul li {
    display: inline-table;
}

header #divHeader #divMainMenu ul li a.aMenu:link, header #divHeader #divMainMenu ul li a.aMenu:visited {
    /*font-family: 'Gilda Display',serif;
    font-size: 17px;*/
    font-size: 16px; font-family: 'Muli'; font-weight: 400;
    text-transform: uppercase;
    font-weight: normal;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 0 16px 0;
    margin: 0px 0 0 20px;
    text-decoration: none;
    display: inline-block;
    border-bottom: 4px solid #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header #divHeader #divMainMenu ul li a.aMenu:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 4px solid #999999;
}

header #divHeader #divMainMenu .divSubmenu {
    display: none;
    position: absolute;
    background: #4d4d4d;
    z-index: 1000;
    margin: 0 0 0 20px;
    text-align: left;
}

header #divHeader #divMainMenu .divSubmenu a {
    display: block;
    border-top: 1px solid #FFF;
    padding: 12px 20px 12px 15px;
    /*font-family: 'muli';
    font-size: 16px;*/
    color: #FFF;
    text-decoration: none;

    font-size: 14px; font-family: 'Muli'; font-weight: 300;
}

header #divHeader #divMenuResp {
    position: absolute;
    display: none;
    margin: -7px 0 0 0;
    cursor: pointer;
    z-index: 101;
}

header #divHeader #divMenuResp .bar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 5px;
    width: 35px;
    margin: 5px;
    background: #FFF;
}

#divMobileMenu {
    background: #333;
    border-top: 1px solid #5E5E5E;
}

#divContent {
    width: 100%;
    background: #FFF;
}

#divContent #divContent_wrapper {
    min-height: 50px;
    padding: 10px 6px;
}

#divContent #divContent_wrapper #divHeader {
    margin: 65px 0 45px 0;
}

#divContent #divContent_wrapper #divHeader #divBreadCrumb {
    display: inline;
    font-family: 'Gilda Display',serif;
    font-size: 16px;
    text-transform: uppercase;
}

#divContent #divContent_wrapper #divHeader #divBreadCrumb a {
    color: inherit;
    text-decoration: none;
}

#divContent #divContent_wrapper #divHeader #divJumpTo {
    display: inline-table;
    float: right;
}

#divContent #divContent_wrapper #divHeader #divTitle {
    clear: both;
    padding: 115px 0;
    font-family: 'Gilda Display',serif;
    text-align: center;
    font-size: 45px;
    text-transform: uppercase;
}

#divContent #divContent_wrapper #divHeader #divTitle h1 {
    margin: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#divContent #divContent_wrapper .contentText {
    font-family: 'muli';
    font-size: 16px;
    line-height: 33px;
    padding-bottom: 170px;
}

#divContentAddl {
    width: 100%;
    background: #555;
}

#divContentAddl #divContent_wrapper {
    padding: 25px 0;
    color: #FFF;
    font-size: 16px;
}

#divContentAddl #divContent_wrapper a {
    color: inherit;
    font-weight: bold;
    text-decoration: none;
}

footer {
    background: #333;
}

footer #divFooter {
    margin: 0 6px;
    padding: 20px 0;

    /*border:1px solid red;*/
}

footer#footer1 #divFooter .footer_block {
    width: 20%;
    float: left;
    margin: 0 0 0 6%;
}

footer #divFooter .footer_block .title {
    font-family: 'timeless';
    font-size: 17px;
    color: #fff;
    padding: 0 0 22px 0;
    border-bottom: 2px solid #5E5E5E;
}

footer #divFooter .footer_block .text {
    margin: 15px 0 0 0;
    font-size: 15px;
    color: #FFF;
}

footer #divFooter .footer_block .text a {
    display: block;
    font-size: inherit;
    color: inherit;
    font-weight: bold;
    text-decoration: none;
}

footer#footer1 #divFooter .footer_block .text.crText {
    line-height: 22px;
    text-align: left;
}

footer#footer1 .text.twtr {
    width: 250px;
}

footer #divFooter #copyRights_socials {
    border-top: 2px solid #5E5E5E;
    margin: 15px 0 0 0;
    padding: 22px 0 0 0;
    color: #fff;
    font-size: 15px;
    float: left;
    width: 100%;
    white-space: nowrap;
}

footer #divFooter #copyRights {
    float: left;
}

footer #divFooter #copyRights, footer #divFooter #socials {
    display: inline;
}

footer #divFooter #socials {
    float: right;
}

footer #divFooter #socials i {
    margin: 0 0 0 22px;
    font-size: 25px;
    color: #fff;
}

footer#footer2, footer#footer3 {
    display: none;
}

footer#footer2 #divFooter .footer_block, footer#footer3 #divFooter .footer_block#instag, footer#footer3 #divFooter .footer_block#tweet {
    width: 44%;
    display: inline-table;
    margin: 0 0 0 10%;
    white-space: normal;
}

footer#footer2 #divFooter .footer_block .title, footer#footer3 #divFooter .footer_block .title {
    font-size: 16px;
    border: none;
    padding: 0;
}

footer#footer2 #divFooter .footer_block .text, footer#footer3 #divFooter .footer_block .text {
    font-size: 12px;
}

footer#footer2 #divFooter .footer_block .text a {
    font-weight: normal;
}

footer#footer2 .text.twtr {
    width: 285px;
}

footer#footer2 #divFooter #copyRights_socials, footer#footer3 #divFooter #copyRights_socials {
    font-size: 12px;
}

footer#footer3 #divFooter .footer_block {
    display: block;
    white-space: normal;
}

footer#footer3 .text.twtr {
    width: 212px;
}

footer#footer3 #divFooter #copyRights, footer#footer3 #divFooter #socials {
    display: block;
    float: none;
}

footer#footer3 #divFooter #socials i {
    margin-left: 87px;
}

footer#footer3 #divFooter #sep480 {
    display: none;
}

.separator_fullWidth {
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    background-color: #5E5E5E;
}

.selectBox, .multiselectBox {
    padding: 3px 50px 2px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #A8A8A8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-family: 'muli';
    font-size: 15px;
    text-indent: 1px;
    text-overflow: '';
    background: #fff url("/images/selectTag_downArrow.png") no-repeat;
    background-position: right 10px top 9px;
    background-size: 10px;
}

#fSearch select, #fSearch input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 2px solid #A8A8A8;
    font-family: 'muli';
    font-size: 15px;
    box-sizing: border-box;
}

#fSearch input[type=text] {
    padding: 3px 0 2px 10px;
}

#fSearch input[type=button] {
    background: #fff;
    padding: 3px 10px;
}

#divOverlay #divSearch {
    width: 300px;
    padding: 10px 30px;
    background-color: #FFF;
    text-align: left;
    font-family: 'muli';
}

/*======================= New Home Page =========================*/
header #divHeader #divMainMenu ul li a.aMenu{font-size: 16px; font-family: 'Muli'; font-weight: 400;}
header #divHeader #divMainMenu ul li a.aMenu.active, header #divHeader #divMainMenu ul li.active a.aMenu{border-bottom: 4px solid #999999;}
#divMobileMenu ul li a.aMenu{font-family: 'Muli'; font-weight: 400;}
#divMobileMenu .divSubmenu a{font-family: 'Muli'; font-weight: 300;}
.center-block {
    margin-left: auto;
    margin-right: auto;
}

.heroWarpper {
    min-height: 100%;
    min-height: -webkit-calc(100vh - 65px);
    min-height: -moz-calc(100vh - 65px);
    min-height: -ms-calc(100vh - 65px);
    min-height: -o-calc(100vh - 65px);
    min-height: calc(100vh - 65px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/crownring-banner.jpg");
}

.welcome-caption2{padding:70px 0 50px !important;}
.welcomeWarpper, .welcomeWarpper:after, .welcomeWarpper:before, .welcomeWarpper *, .welcomeWarpper *:after, .welcomeWarpper *:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.welcomeWarpper{padding: 100px 0 70px;}
.welcomeWarpper h1{font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 0 0 20px; font-family: 'Muli';}
.welcomeWarpper .more{font-size: 16px; line-height: 1.8; font-weight: 300; font-family: 'Muli'; margin: 0;}
.welcomeWarpper .more h2{font-size: 18px; font-weight: 700; line-height: 1.4; margin: 25px 0 10px;}
.welcomeWarpper .morecontent span{display: none;}
.welcomeWarpper .morecontent .morelink{display: block; font-size: 16px; max-width: 120px; text-align: center; margin: 30px auto 0; color: #000; text-decoration: none;}
.welcomeWarpper .morecontent .morelink:hover{text-decoration: underline;}

.collectionWarpper, .collectionWarpper *, .collectionWarpper *:after, .collectionWarpper *:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.collectionWarpper .collectionContainer {
    max-width: 1600px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

.collectionWarpper .collectionSlider {
    padding: 0;
    position: relative;
    margin: 0;
}

.collectionWarpper .collectionSlider:after {
    content: "";
    clear: both;
    display: table;
}

.collectionWarpper .collectionSlider li {
    /*width: 20%;
    float: left;
    padding: 0 25px;*/
    list-style: none;
}
.collectionWarpper .collectionSlider li a{
    display: block;
    margin:  0 auto;
    padding: 0 25px;
    max-width: 275px;
}

.collectionWarpper .collectionSlider li .img-product {
    filter: grayscale(1);
    margin-bottom:  35px;
}

.collectionWarpper .collectionSlider li a:hover .img-product {
    filter: grayscale(0);
}
.collectionWarpper .collectionSlider li.slick-current .img-product{
    filter: grayscale(0);
}
.collectionWarpper .collectionSlider li a .img-colored{display: none;}
.collectionWarpper .collectionSlider li a:hover .img-colored{display: block;}
.collectionWarpper .collectionSlider li a:hover .img-gray{display: none;}
.collectionWarpper .collectionSlider li.slick-current a .img-colored{display: block;}
.collectionWarpper .collectionSlider li.slick-current a .img-gray{display: none;}

.collectionWarpper .collectionSlider .slick-arrow{font-size: 40px; color: #aeadae; position: absolute; z-index: 10; top: 40%; transform: translateY(-50%);}
.collectionWarpper .collectionSlider .slick-arrow img{width: 18px;}
.collectionWarpper .collectionSlider .slick-arrow.navArrow-left{left: 0;}
.collectionWarpper .collectionSlider .slick-arrow.navArrow-right{right: 0;}

.collectionSubWarpper{
    padding:90px 0;
    background-color: #eef0f1;
    margin-top:  120px;
    overflow: hidden;
}
.collectionSubWarpper .row{margin-left: -15px; margin-right: -15px;}
.collectionSubWarpper .row:after{
    content: "";
    clear: both;
    display: table;
}
.collectionSubWarpper .col-6{float: left; width:50%; padding: 0 15px;}
.collectionSubWarpper .col-left{float: left; width:45%; padding: 0 15px;}
.collectionSubWarpper .col-right{float: left; width:55%; padding: 0 15px;}
.collectionSubWarpper .cl-info{text-align: : center; position: relative; padding-bottom: 80px;}
.collectionSubWarpper .cl-info .cl-logoBlk{display: block; max-width: 355px; position: relative; margin: 0 auto;}
.collectionSubWarpper .cl-info .cl-logoBlk:before{content: ""; padding-top: 34%; display: block;}
.collectionSubWarpper .cl-info .cl-logoBlk img{position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto auto;}
.collectionSubWarpper .cl-info h3{font-size: 20px; text-transform: uppercase; margin: 50px 0 20px; color: #515151; font-family: 'Muli'; font-weight: 400;}
.collectionSubWarpper .cl-info p{font-size: 16px; color: #515151; font-family: 'Muli'; font-weight: 300; line-height: 2;}
.collectionSubWarpper .cl-info .viewButton{display: inline-block; border-radius: 7px; padding: 10px 20px; color: #515151; border: 1px solid #333333; width: 260px; text-transform: uppercase; transition: all 0.4s; margin-top: 40px; text-decoration: none; position: absolute; bottom: 0; left: 0; right: 0; margin: auto auto;}
.collectionSubWarpper .cl-info .viewButton:hover{background-color: #333; color: #fff;}

.collectionSubWarpper .slider-for .slick-arrow{font-size: 40px; color: #aeadae; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%);}
.collectionSubWarpper .slider-for .slick-arrow.navArrow-left{left: -70px;}
.collectionSubWarpper .slider-for .slick-arrow.navArrow-right{right: -70px;}


.hWarpper2, .hWarpper2 *, .hWarpper2 *:after, .hWarpper2 *:before,
.specialTextWarrper, .specialTextWarrper *, .specialTextWarrper *:after, .specialTextWarrper *:before,
.hFindWarpper, .hFindWarpper *, .hFindWarpper *:after, .hFindWarpper *:before,
.naviFootWarpper, .naviFootWarpper *, .naviFootWarpper *:after, .naviFootWarpper *:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hWarpper2{padding: 90px 0;}
.hWarpper2 .container-lg{max-width: 1600px; margin-left: auto; margin-right: auto;}
.hWarpper2 .row:after{content: ""; clear: both; display: table;}
.hWarpper2 .row .col-6{width: 50%; float: left; position: relative;}
.hWarpper2 .row .col-6.col-pull-6{right: 50%;}
.hWarpper2 .row .col-6.col-push-6{left: 50%;}
.hWarpper2 .flexRow{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ 
    align-items: center;
}
.hWarpper2 .infoBlk{margin-left: auto; margin-right: auto; max-width: 600px; padding: 20px; text-align: center;}
.hWarpper2 .infoBlk h2{font-size: 20px; color: #515151; margin: 0 0 75px; text-transform: uppercase; font-weight: 400; font-family: 'Muli'; letter-spacing: 2px;}
.hWarpper2 .infoBlk p{font-size: 16px; font-weight: 300; font-family: 'Muli'; color: #515151; line-height: 1.9; margin:0;}
.hWarpper2 .infoBlk p .txtbr{display: block;}
.hWarpper2 .imgBlk .jewel_480, .hWarpper2 .imgBlk .jewel_320{display: none;}

/* .specialTextWarrper{background-color: #c3cfd9; padding: 20px 10px 42px;} */
.specialTextWarrper{background-color: #c3cfd9; padding: 33px 45px 33px;}
.specialTextWarrper p{color: #fff; font-size: 40px; font-family: 'The Woodlands'; margin: 0; position: relative; letter-spacing: 3px; line-height: 1;}
.specialTextWarrper .sp-img{display: block; margin: 0 auto; max-width: 100%; height: auto;}

.hFindWarpper{padding: 100px 0;}
.hFindWarpper .container-lg{max-width: 1600px; margin-left: auto; margin-right: auto;}
.hFindWarpper ._head{max-width: 730px; margin-left: auto; margin-right: auto; padding: 0 15px; margin-bottom: 90px; text-align: center;}
.hFindWarpper ._head h2{font-size: 20px; color: #515151; margin: 0 0 30px; text-transform: uppercase; font-weight: 400; font-family: 'Muli'; letter-spacing: 2px;}
.hFindWarpper ._head p{font-size: 16px; font-weight: 300; font-family: 'Muli'; color: #515151; line-height: 1.9; margin:0;}
.hFindWarpper ._head .Button{display: inline-block; border-radius: 7px; padding: 8px 20px; color: #515151; border: 1px solid #333333; min-width: 260px; text-transform: uppercase; transition: all 0.4s; margin-top: 40px; text-decoration: none; font-size: 16px; line-height: 1;}
.hFindWarpper ._head .Button:hover{background-color: #333; color: #fff;}
.hFindWarpper .imagesWarp .img-1024, .hFindWarpper .imagesWarp .img-480, .hFindWarpper .imagesWarp .img-320{display: none;}

/*-- // Footer Part // --*/
.naviFootWarpper{background-color: #eeeeee;}
.naviFootWarpper .container-lg{max-width: 1600px; margin-left: auto; margin-right: auto;}
.naviFootWarpper ul{display: block; padding: 0; list-style: none; margin: 0;}
.naviFootWarpper ul:after{
    content: "";
    clear: both;
    display: table;
}
.naviFootWarpper ul li{float: left; width: 20%;}
.naviFootWarpper ul li a{padding: 25px 10px; display: block; transition: all 0.3s;}
.naviFootWarpper ul li a img{margin-left: auto; margin-right: auto; height: 18px;}
.naviFootWarpper ul li a:hover{background-color: #dddddd;}

/*-- Main Footer --*/
#footerWarpper, #footerWarpper:after, #footerWarpper:before, #footerWarpper *, #footerWarpper *:after, #footerWarpper *:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#footerWarpper{background-color: #333333; padding: 65px 0 40px; text-align: left;}
#footerWarpper .container-lg{max-width: 1600px; margin-left: auto; margin-right: auto;}
#footerWarpper .row:after{content: "";
    clear: both;
    display: table;}
#footerWarpper .col-quickView{float: left; width: 45%; padding-left: 15px; padding-right: 9%;}
#footerWarpper .col-WhoWeAre{float: left; width: 31%; padding-left: 15px; padding-right: 8%;}
#footerWarpper .col-Crownring{float: left; width: 24%; padding-left: 15px; padding-right: 15px;}
#footerWarpper .col-12{float: left; width: 100%; padding: 0 15px; position: relative;}
#footerWarpper .col-6.col-6-push{left:50%;}
#footerWarpper .col-6.col-6-pull{right:50%;}
#footerWarpper .ftBlks{}
#footerWarpper .ftBlks h3{font-size: 18px; font-family: 'Muli'; font-weight: 400; margin: 0 0 30px; padding: 0 0 25px; border-bottom: 1px solid #747474; text-transform: uppercase; color: #fff; letter-spacing: 1px;}
#footerWarpper .ftBlks p{font-size: 16px; font-family: 'Muli'; font-weight: 300; color: #fff; line-height: 1.9;}
#footerWarpper .ftBlks ul{padding: 0; margin: 0; list-style: none;}
#footerWarpper .ftBlks ul:after{
    content: "";
    clear: both;
    display: table;
}
#footerWarpper .ftBlks ul li{margin-bottom: 20px;}
#footerWarpper .ftBlks ul li a{font-size: 16px; font-family: 'Muli'; font-weight: 300; color: #fff; line-height: 1.9; text-decoration: none;}
#footerWarpper .ftBlks ul li a:hover{color: #bbb;}
#footerWarpper .col-quickView .ftBlks ul li{float: left; width: 50%;}
#footerWarpper .ftBlks .showOnly480{display: none;}
#footerWarpper .ftSectionLast{border-top: 1px solid #747474; margin-top: 40px; padding-top: 20px;}
#footerWarpper .ftSectionLast p{font-size: 16px; font-family: 'Muli'; font-weight: 300; color: #fff; line-height: 1.9; margin: 5px 0 0;}
#footerWarpper .ftSectionLast .socialsIcons{float: right;}
#footerWarpper .ftSectionLast .socialsIcons a{margin: 0 0 0 22px; font-size: 25px; color: #fff; display: inline-block; transition: all 0.4s;}
#footerWarpper .ftSectionLast .socialsIcons a i{font-size: 25px;}
#footerWarpper .ftSectionLast .socialsIcons a:hover{opacity: 0.7;}