.tophead
{
margin:0;
padding:0;
width:100%;	
float:left;
background-color:#c89a2b;
border-bottom:1px solid #666;
}


.tophead-inner
{
margin:0 0 0 10%;
padding:0;
width:80%;	
float:left;
 }


.tophead-left
{
margin:2% 0 0 0;
padding:0;
width:25%;	
float:left;
color:#fff;
 }

 
.tophead-left a
{
    color: #fff;
    text-decoration: none;
}

.tophead-right
{
margin:0;
padding:0;
width:65%;	
float:left;
 }


.tophead-cart
{
margin:0;
padding:0;
width:10%;	
float:left;
 }


.tophead-cart a
{
    color: #fff;
    text-decoration: none;
}


.search {
  width: 100%;
  position: relative;
  margin-top: 0%;
}

.searchTerm {
  float: left;
  width: 50%;
  border: 3px solid #00B4CC;
  padding: 5px;
  height: 20px;
  border-radius: 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}
.searchButton {
    position: initial;
    right: -50px;
    width: 40px;
    height:40px;
    border: 1px solid #000;
    background: #000;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
    background-image:url(../img/search.png);
    background-repeat:no-repeat;
    background-position: center;
}


.headk1 {
    width: 25%;
    margin: 0;
    padding: 0;
    float: left;
}
.headk1
 p {
    color: #fff;
    padding-top: 5%;
    text-decoration: none;
    font-size: 15px;
}

.headk {
    width: 75%;
    margin: 0;
    padding: 0;
    float: left;
}

.headk p
{
margin:0;
padding:3% 5% 0 0;
font-size:16px;
text-align:right;
 color:#fff;
}

.tophead-left p
{
margin:0;
padding:2% 0% 0 0;
font-size:16px;
 
 color:#fff;
}



.nav-primary
{
width:100%;
}


.nav-primary__list li
{
 font-size: 0.75rem;
 line-height: 1.05rem;
  font-family: 'Lato', sans-serif;
 line-height: 1
}

.cretbox1
{
margin:0;
padding:0;
background-color:#d9a448;
color:#fff;
}

.cretbox12 {
    margin: 2% 0 0 5%;
    float: left;
    text-align: center;
    width: 20%;
    padding: 1% 1%;
    background-color: #d9a448;
    color: #fff;
}

body.cms-index-index #homepage_category_grid {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: -4px;
}

.component-grid-items:last-child, .component-grid:last-child {
    margin-right: 0;
}


.component-grid-items, .component-grid {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0;
}


.component-grid-items.layout-n li {
    float: left;
    display: block;
    margin-right: 0%;
    width: 50%;
    margin-bottom: 0;
    border: none;
}






.crationbox
{
width:100%;
margin:0;
padding:0;
font-family: 'Lato', sans-serif;
background-color:#fff;
float:left;
}


.cration-left {
    width: 25%;
    margin: 0;
    padding: 17% 2%;
    float: left;
}

.cration-right
{
width:75%;
margin:0;
padding:0;
float:left;
font-family: 'Lato', sans-serif;
}

.crationpro
{
width:33.33%;
margin:0;
padding:0;
position: relative;
 overflow: hidden;
float:left;
}

.crationpro img
 {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
            transition: 0.5s ease-out;
    outline: 1px rgba(255,255,255,0.5) solid;
    outline-offset: -15px;
}
.crationpro:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
        
    
}

.headmain {
    margin: 0 auto;
    padding: 0;
    width: 80%;
}


.head-cr {
    margin: 0 auto;
    padding:2% 0 0 0;
    width: 50%;
    background-color:#fff;
}


.col-kr.1

{
margin:0;
padding:0;
float:left;
width:65%;
}


.headcart

{
margin:0;
padding:0;
 
width:100%;
}
 

.creationfooter
{
margin:0;
padding:3% 0;
width:100%;	
background-color:#000;
}

.creationfootbox1 {
    margin: 0 auto;
    padding: 0;
    width: 60%;
    background-color:#000;
}
.creationsocial {
    margin: 0 0 2% 40%;
    padding: 0;
    width: 30%;
    float: left;
}
.creationemail
{
margin:0;
padding:0;
width:50%;
float:left;	
}


.footer-newsletter {
    margin: 0;
    display: inline-block;
    width: 100%;
}



.footer-newsletter {
    margin: auto auto 1.875rem;
    background: transparent;
    border: 2px solid #dedede;
    position: relative;
    max-width: 280px;
}

.social-icons ul li
{
margin:0;
padding:0;
float:left;
}


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


.creationfootbox1 ul li
{
margin:0;
padding:0 0 0 3%;
color:#fff;
float:left;
}


 
.creationfootbox1 a {
    text-decoration: none;
    color: #ffffff;
    margin-left:5%;
}

.creatfom
{
margin:0;
padding:2% 0;
width:50%;
border:1px solid #ccc;

}







@media screen and (min-width: 992px) {
    .component-grid-items.layout-n li:nth-child(1) {
        display: block;
    }
}

.component-grid-items.layout-n li:nth-child(1), .component-grid-items.layout-n li:nth-child(6), .component-grid-items.layout-n li:nth-child(7) {
    display: none;
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-n li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 25%;
        border: none;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-n li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%;
    }
}



@media screen and (min-width: 768px) 
{

.nav-primary__list li { letter-spacing: 3px }
}








.nav-primary { display: none }
@media screen and (min-width: 768px) {

.nav-primary {
    border-bottom: 3px solid #d9a448;
}
}
@media screen and (min-width: 992px) {

.nav-primary { display: block;     background-color: #fff; }

}

.nav-primary--open { display: block }

.nav-primary__list
{
 padding: 0 1.25rem;
     background: #fff;
 display: block;
 height: calc(100% - 65px);
 overflow-y: auto;
 position: fixed;
 width: 100%;
 z-index: 999
}

.nav-primary__list:after
{
 content: "";
 display: table;
 clear: both
}
@media screen and (min-width: 768px) {

.nav-primary__list
{
 display: flex;
 justify-content: space-between;
 overflow: visible;
 position: static
}
}
@media screen and (min-width: 992px) {

.nav-primary__list
{
 margin: auto;
 max-width: 940px
}
}

.nav-primary__list li.level2:last-child a { margin: 0 !important }

.nav-primary__list li.level0.parent
{
 border-bottom: 1px solid #dddee3;
 letter-spacing: 2px;
 line-height: 1;
 position: relative
}

.nav-primary__list li.level0.parent::after
{
 background: url("../images/svg-min/arrow-right.svg") no-repeat;
 bottom: 0;
 content: " ";
 display: block;
 height: 15px;
 margin: auto;
 position: absolute;
 right: 0;
 top: 0;
 width: 15px
}
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent::after { display: none }
}

.nav-primary__list li.level0.parent.no-event>a { color: #999 }

.nav-primary__list li.level0.parent.no-event::after { display: none }

.nav-primary__list li.level0.parent:last-child
{
 margin: 0 0 3.125rem;
 border: 0
}
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent:last-child { margin: 0 }
}

.nav-primary__list li.level0.parent:hover>a { color:#d9a448 }
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent:hover>.sub { display: block }
}
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent
{
 border: 0;
 display: inline-block;
 position: static;
     font-size: 12px;
    font-weight: 700;
  font-family: 'Lato', sans-serif;
}
}

.nav-primary__list li.level0.parent a
{
 padding: 1.25rem 0.3125rem;
 display: block;
 text-transform: uppercase;
 line-height: 1
}
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent a
{
 margin: 0 0 1.125rem;
 padding: 0
}
}

.nav-primary__list li.level0.parent>.sub { display: none }
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent>.sub
{
 padding: 1.875rem 0 3.125rem;
 background: #fff;
 border-top: 1px solid #8f9cb7;
 left: 0;
 position: absolute;
 width: 100%;
 z-index: 9999
}
}

.nav-primary__list li.level0.parent>a
{
 margin: 0 !important;
 color: #000;
}
@media screen and (min-width: 768px) {

.nav-primary__list li.level0.parent>a { padding: 0.625rem 0.625rem 1.875rem }
}
@media screen and (min-width: 992px) {

.nav-primary__list li.level0.parent>a { padding: 0.625rem 1.25rem 1.875rem }
}

.nav-primary__children { display: none }

.nav-primary__children-header
{
 color: #1d2345;
 text-align: center;
 text-transform: uppercase
}

.nav-primary__children-inner { margin-bottom: 50px }

.nav-primary__children-inner a
{
 color: #999;
 display: block;
 margin: 10px 0;
 text-transform: uppercase
}

.nav-primary__children-inner a.has-children { color: #1d2345 !important }

.nav-primary__children-inner ul.level0
{
 display: flex;
 flex-wrap: wrap
}

.nav-primary__children-inner ul.level0 li { width: 100% }

.nav-primary__children-inner ul.level0 li>a { margin-top: 0 }

.nav-primary__children-inner ul.level0 li:nth-last-child(2) .sub { border: 0 }

.nav-primary__children-inner ul.level0 .topmenu-image
{
 display: none;
 margin: 0 0 1.25rem;
 order: -1
}

.nav-primary__children-inner ul.level0 .topmenu-image__src
{
 display: block;
 margin: auto
}

.nav-primary__children-inner .level1 .sub
{
 border-bottom: 1px solid #dddee3;
 margin-bottom: 30px;
 padding-bottom: 20px
}

.nav-primary__children-inner .level1:nth-child(3) .sub { border: 0 }

.nav-primary__children-inner .level1:last-child .sub
{
 border: 0;
 margin: 0;
 padding: 0
}
@media screen and (min-width: 768px) {

.nav-primary .sub ul.level0.has-multiple-children { display: flex }
}
@media screen and (min-width: 768px) {

.nav-primary .sub li.level1
{
 padding: 0 1.875rem;
 vertical-align: top
}
}
@media screen and (min-width: 768px) {

.nav-primary .sub li.level1.parent
{
 padding: 0 1.875rem;
 align-items: stretch;
 border-left: 1px solid #dadedf;
 display: inline-flex;
 flex-flow: wrap;
 flex-direction: column;
 vertical-align: top;
 width: 33.3%
}

.nav-primary .sub li.level1.parent:nth-child(1) { border: 0 }

.nav-primary .sub li.level1.parent .has-children
{
 margin: 0 0 2.0625rem;
 color: #1d2345
}
}
@media screen and (min-width: 992px) {

.nav-primary .sub li.level1.parent { width: 25% }
}

.nav-primary .sub a
{
 font-size: 0.625rem;
 line-height: 0.875rem;
 color: #999;
     font-size: 11px;
 letter-spacing: 2px
}

.nav-primary__back-link
{
 padding: 1.25rem 0;
 cursor: pointer;
 position: relative;
 text-align: center;
 width: 100%
}

.nav-primary__back-link::before
{
 background: url("../images/svg-min/arrow-left.svg") no-repeat;
 background-size: 7px 14px;
 bottom: 0;
 content: " ";
 display: block;
 height: 17px;
 left: 0;
 margin: auto;
 position: absolute;
 top: 0;
 width: 15px
}

.nav-primary__sub
{
 padding: 0 1.25rem;
 background: #fff;
 height: calc(100% - 65px);
 overflow-y: auto;
 position: fixed;
 width: 100%;
 z-index: 99
}
@media screen and (min-width: 768px) {

.nav-primary__sub { display: none }
}

.nav-primary__icons
{
 bottom: 0;
 height: 20px;
 left: 0;
 margin: auto;
 position: absolute;
 top: -2px
}

.nav-primary__icons-text { padding-left: 20px }
@media screen and (min-width: 768px) {

.dropdown-centering
{
 display: flex;
 justify-content: flex-end
}

}
@media screen and (max-width: 425px)
{
    .tophead-inner {
    margin: 0 0 0 2%;
    padding: 0;
    width: 98%;
    float: left;
}

}



@media screen and (max-width: 425px)
{
    .creationsocial
    {
        margin: 0 0 2% 20%;
        padding: 0;
        width: 80%;
        float: left;
    }

 
.creationfootbox1 ul li {
    margin: 0;
    padding: 0 0 5% 3%;
    color: #fff;
        text-align:center;
    float: none;
}
.creationfootbox1 a {
    text-decoration: none;
    color: #ffffff;
    margin-left: 10%;
 
}

.cration-left {
    width: 100%;
    margin: 0;
    padding: 0% 2%;
    float: left;
}


.cration-right {
    width: 100%;
  
}
.crationpro {
    width: 50%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    float: left;
}


.head-cr {
    margin: 0 auto;
    padding: 2% 0 0;
    width: 80%;
    
    background-color: #fff;
}

.header-2 .logo {
    padding: 8px 0 22px 0;
}

.tophead-right {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.tophead-inner {
    margin: 0 0 0 5%;
    padding: 0;
    width: 90%;
    float: left;
}

.tophead-left {
    margin: 2% 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
    color: #fff;
}
.headcart {
    margin: 0;
    padding: 0;
    width: 90%;
    position: absolute;
}

.tophead-cart a
{
    color: #000;
    text-decoration: none;
}

.headk {
    width: 70%;
    margin: 0;
    padding: 0;
    float: left;
}

.headk1 {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
}

}