@import url('https://fonts.googleapis.com/css?family=Lato:100,300,300i,400,700,700i,900');
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
{#{% include "hubspot/styles/responsive/modules.css" %}
#}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body { counter-reset:li, mega-step; }
.our-work .what-we-did-panel .hs_cos_wrapper_type_image_slider .hs_cos_flex-direction-nav .hs_cos_flex-prev{height: 50px!important; background: none!important; width: 50px!important;}
.our-work .what-we-did-panel .hs_cos_wrapper_type_image_slider .hs_cos_flex-direction-nav .hs_cos_flex-next{height: 50px!important; width: 50px!important; background: none!important;}
.hs_cos_flex-slider .hs_cos_flex-slides img{height: auto!important;}

/*.stickymainmenu { z-index:999999999 !important;}*/
/* FOOTER */

.footer-container{width: 100%!important; max-width: none!important; padding: 0px!Important;}
.top-layercake{border-top: 1px solid #dadadb; padding: 30px 0px 0px;}
.top-layercake .maxer{max-width: 1170px; margin: 0 auto;}
.top-layercake .maxer .logo-hold{position: relative; width: 31.623931624%; float: left; border-right: 1px solid #dadadb; height: 100px; margin-right: 2%;}
.top-layercake .maxer .logo-hold:nth-child(3){border-right: 0px; margin-right: 0;}
.top-layercake .maxer .logo-hold img{float: left; height: 100px !important;}
.top-layercake .maxer .logo-hold span{display: table-cell; height: 100px; vertical-align: middle; padding-left: 20px; font-family: 'Lato',sans-serif; font-size: 13px; line-height: 18px; color: #1b2327; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;}


.middle-layercake{clear: both; background: #1b2327; padding: 30px 0; margin-top: 130px!important; text-align: center; }
.middle-layercake ul li a, .middle-layercake ul li{color: #86bd3a !important; font-size: 30px;}
.middle-layercake ul li{margin: 0; padding: 0 10px; display: inline-block;}
.middle-layercake h6{font-size: 13px; line-height: 18px; color: #6e6e70; margin: 0;}
.middle-layercake h3 a{font-size: 25px; color: #fff; line-height: 30px; margin: 10px 0; display: block;}

.bottom-layercake{background: #2f2f31; padding: 15px 0; color: #fff; text-align: center; overflow: hidden;}
.bottom-layercake .btm-menu{float: left; }
.bottom-layercake .btm-menu ul{margin-bottom: 0px!important;}
.bottom-layercake .btm-menu ul li a{color: #979799; text-transform: uppercase; font-size: 12px; line-height: 30px; padding: 0 15px!important;}
.bottom-layercake .copy{color: #6e6e70; font-size: 12px; text-align: right!important; float: right;}
.bottom-layercake .maxer{max-width: 1170px; margin: 0 auto; }


#rs_container { overflow: hidden; display: none; }

.blog-clone2017 .container, .blog-clone2017 .container-fluid { padding:0; }

.row-fluid .hero-section { position:relative; }
.row-fluid .hero-section:before { position:absolute;  background:rgba(0,0,0,0.7); width:100%; float:left; height:100%; content:""; top:0; left:0;}
.row-fluid .hero-section .wrapper { position:relative; z-index:1;}

.row-fluid .inner-item { width:100%; float:left; color:#fff; text-align:left; }
.row-fluid .inner-item .inner-left { width:60%; float:left; }
.row-fluid .inner-item .inner-left .inner-title a { font-size:42pt; line-height:50pt; color:#ffffff; font-weight:500; }
.row-fluid .inner-item .inner-right { width:40%; float:left;}
.row-fluid .inner-item .hubspot-editable { float:left; width:auto; color:#fff !important; font-size:20px; font-weight: 500 !important; padding-right:15px; font-style: normal !important;}
.row-fluid .inner-item .hubspot-editable .author-link{ font-size:20px; color:#45d5fb !important; font-style: normal; font-weight: 500; text-decoration: underline;}
.row-fluid .inner-item .inner-date { width:auto; float:left; font-size:20px; font-weight: 500;}
.row-fluid .inner-item .inner-more { background:#45d6fc; padding:11px 15px; width:100%; float:left; font-size:20px; color:#fff; text-align:center; font-weight:500; transition:all .7s ease; } 
.row-fluid .inner-item .inner-more:hover { background:#7cc90f; transition:all .7s ease;}
 
 
.row-fluid .flip-container { margin:0 -15px; width:auto; float:none;}
.row-fluid .blog-main { padding:50px 0; background:#f5f5f7;}
.row-fluid .post-item { width:33.33%; padding:0 15px; float:left;   border-right:0 !important;   margin-bottom:30px; position:relative; overflow:hidden;}
.row-fluid .post-item:first-child { display:none;}
.row-fluid .post-item .post-btm { width:100%; float:left; position:absolute; left:0; bottom:0; padding:20px;}


.row-fluid .column3:first-child .client-cta{ display:block; } 
/*.row-fluid .column3 .client-cta{ display:none;  }*/
.row-fluid .blog-main.cta-show .column3 .client-cta{ display:block;  }

.text-line { position:absolute; background:#fff;   width:auto;   max-width: 170px; text-align: left; line-height: 30px;}
.text-line1 {left:20px; top:570px; }
.text-line2 {right:20px; top:40%; }
.text-line3 {left:20px; bottom:150px; }

.text-line .flyout-box {border:5px solid #ffd146; border-left:0; border-right:0; font-weight:600; padding:15px 1px; font-size:18px; color:#2f2f31; width:100%; float:left;}
.text-line .flyout-box:empty { display:none; }

.article-box { position:absolute; width:auto; max-width:170px; background:#fff; }
.article-box span { color:#b6b6b7; font-size:14px; line-height:20px; font-weight:600; text-transform:uppercase; letter-spacing:1px; padding-top:10px !important;  }
.article-box .article-img { width:100%; height:120px; float:left; background-size:cover !important; margin-top:10px;}
.article-box h6 a{ font-size:17px; color:#2f2f31; line-height:27px; margin:15px 0 0 0; float:left; width:100%; font-weight:600;}

.article-box1 { top:55%; right:20px; }
.article-box2 { top:30%; left:20px; }
.article-box3 { top:70%; left:20px; }


.hs-blog-listing .post-item .item-hover .italic-box span{ width: 2%; float: left; text-align: right; margin-right: 4px;}
.hs-blog-listing .post-item .item-hover .italic-box p {width:95%; float:left; clear: none !important; margin:0 !important;  padding:0 !important;}
.row-fluid .post-item .hs-featured-image-wrapper { width:100%; margin:0;}
.row-fluid .post-item .post-img { width:100%; float:left; height:215px; background-size:cover !important; }
.row-fluid .post-item .post-header { width:100%; float:left; padding:15px 0 50px;}
.row-fluid .post-item .post-header h2 { margin:5px 0 10px; float:left; width:100%;}
.row-fluid .post-item .post-header h2 a { color:#272727; font-size:27px; line-height:34px;}
.row-fluid .post-item .rotet-icon { float:right; width:auto; color:#7bc70e; }
.row-fluid .post-item #hubspot-author_data { float:left; margin-top:32px;}
.row-fluid .post-item .rotet-icon { margin-top:32px; }

.row-fluid .post-item .post-auther { width:30px; height:30px; float:left; border-radius:50%; margin-right:10px; }
.row-fluid .post-item .author-link { font-style:normal; color:#757575; font-size:16px;}

/*.row-fluid .post-item .item-hover { width:100%; float:left; color:#fff; transition:all .7s ease; height:100%; z-index:-1  position:absolute; top:0; left:0; background:#41423f; padding:20px; margin:0 !important;}
.row-fluid .post-item:hover .front { -webkit-transform: rotateY(-180deg);   -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg);   transition:all .7s ease;}
.row-fluid .post-item .item-hover {  box-shadow: 0 0 66px 9px rgba(0,0,0,0.15);  transform:rotateY(-180deg); opacity:0;   webkit-backface-visibility: hidden;    -moz-backface-visibility: hidden;     -o-backface-visibility: hidden;     backface-visibility: hidden;    position: absolute;    top: 0;    left: 0;    transition:all .7s ease;}

.row-fluid .inner-main.front {    box-shadow: 0 0 66px 9px rgba(0,0,0,0.15);  background:#fff; float:left; width:100%; padding:20px; z-index:1; border-top:6px solid #7bc70e;  }

.row-fluid .post-item:hover .back { transform:rotateY(0deg); transition:all  .7s ease; opacity:1;}
*/
.row-fluid .post-item .item-hover p { margin: 0; padding: 10px 0 !important}
.row-fluid .post-item .item-hover h2  { color:#ffffff; font-size:27px;}
.row-fluid .post-item .item-hover h2 { margin:8px 0; font-size: 27px;    line-height: 33px;}

.row-fluid .post-item .post-follow { position:absolute; display:none; }
.post-follow {  max-width:580px; border: 2px solid #7bc70e !important;  padding:20px 30px !important;  background: transparent;}
.post-follow .fancy-open {background:#fff; }
.follow-content { color:#000; color:#5b5b5b; font-size:27px; line-height:32px; } 
.post-follow h4 {color:#5b5b5b; font-size:20px; font-weight:600; margin-bottom:0; }
.post-follow .fancybox-close-small:hover { background:transparent;}

.hs-author-social-links ul { width:100%; float:left; padding:0; margin:0 0 15px;}
.hs-author-social-links ul li { width:auto; float:left; margin-right:20px; } 
.hs-author-social-links ul li:focus { border:none;}
.hs-author-social-links ul li a i { color:#7bc70e !important; font-size:40px;  transition:all .7s ease;}
.hs-author-social-links ul li a i:hover { color:#5b5b5b !important ; transition:all .7s ease;}

.row-fluid .post-item .post-content { float:left; width:100%;  padding:10px 0; position: absolute; bottom: 20px; left: 50%;   max-width: 300px;   margin-left: -150px;}
.blog-main .r-box .back a { color:#fff;}
.row-fluid .post-item .post-text { padding:50px 0 0; float: left;    width: 100%;}
.row-fluid .post-item .more-link {  background: #7cc90f; margin-top:10px;  padding: 10px; width: 100%; float: left; border-bottom:0;  font-size: 15px; color: #fff; text-align: center; font-weight: 500; transition: all .7s ease;}
.row-fluid .post-item .more-link:hover { background: #45d6fc;}
.row-fluid .post-item .sameheight { width:100%; float:left;} 

.row-fluid .post-item .share-btn { float:right; width:auto; color:#7bc70e !important; font-size: 22px;  margin-top: -5px;}
.row-fluid .post-item .hover-all a { width:100%; float:left;} 



.topic-top { padding-top:55px; background:#f5f5f7;}
.post-filter {   }  
.post-filter ul { padding:0; margin:0; width:100%; float:left; text-align:center;}
.post-filter h3 { display:none;}
.post-filter ul li { float:none; display:inline-block; width:auto; margin-right:20px;}
.post-filter ul li a { background:#87bacb; border-radius:2px; padding:12px 20px; float:left; color:#fff; text-transform:uppercase; width:auto; transition:all .7s ease;}
.post-filter ul li a:hover { color:#fff;   transition:all .7s ease;  }

.post-filter ul li a:hover { transition:all .7s ease; background: #14100c !important; 
background: -moz-linear-gradient(top, #14100c 0%, #141414 25%, #1c1c1c 51%, #191919 81%, #151623 100%) !important; 
background: -webkit-linear-gradient(top, #14100c 0%,#141414 25%,#1c1c1c 51%,#191919 81%,#151623 100%) !important;
background: linear-gradient(to bottom, #14100c 0%,#141414 25%,#1c1c1c 51%,#191919 81%,#151623 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14100c', endColorstr='#151623',GradientType=0 ) !important;}
 

.post-filter ul li:first-child a{
    
    background: #87bacb; /* Old browsers */
    background: -moz-linear-gradient(top, #87bacb 0%, #87bacb 22%, #88bbcb 51%, #8cbdcd 78%, #87bacb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bacb', endColorstr='#87bacb',GradientType=0 );transition:all .7s ease;
}

.post-filter ul li:nth-child(2) a{
        
    background: #d2bea1; /* Old browsers */
    background: -moz-linear-gradient(top, #d2bea1 0%, #d2bea1 23%, #d2bea1 51%, #d2bea1 78%, #d2bea1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2bea1', endColorstr='#d2bea1',GradientType=0 );transition:all .7s ease;
}


.post-filter ul li:nth-child(3) a{
        
    background: #bda8c8; /* Old browsers */
background: -moz-linear-gradient(top, #bda8c8 0%, #bea8c9 23%, #bda8c8 51%, #bda8c8 79%, #bda8c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bda8c8 0%,#bea8c9 23%,#bda8c8 51%,#bda8c8 79%,#bda8c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bda8c8 0%,#bea8c9 23%,#bda8c8 51%,#bda8c8 79%,#bda8c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bda8c8', endColorstr='#bda8c8',GradientType=0 );transition:all .7s ease;
}



.post-filter ul li:nth-child(4) a{
        
   background: #fdaa9b; /* Old browsers */
background: -moz-linear-gradient(top, #fdaa9b 0%, #feaa9c 23%, #fdaa9c 51%, #fdaa9c 79%, #fdaa9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdaa9b 0%,#feaa9c 23%,#fdaa9c 51%,#fdaa9c 79%,#fdaa9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdaa9b 0%,#feaa9c 23%,#fdaa9c 51%,#fdaa9c 79%,#fdaa9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdaa9b', endColorstr='#fdaa9c',GradientType=0 );transition:all .7s ease;
}

.post-filter ul li:nth-child(5) a{
        
    background: #aacdd9; /* Old browsers */
background: -moz-linear-gradient(top, #aacdd9 0%, #aacdda 24%, #aaccd9 51%, #aacdda 79%, #aacdda 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #aacdd9 0%,#aacdda 24%,#aaccd9 51%,#aacdda 79%,#aacdda 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #aacdd9 0%,#aacdda 24%,#aaccd9 51%,#aacdda 79%,#aacdda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aacdd9', endColorstr='#aacdda',GradientType=0 );transition:all .7s ease;
}

.post-filter ul li:nth-child(6) a{
        
    background: #9ec776; /* Old browsers */
background: -moz-linear-gradient(top, #9ec776 0%, #9dc676 24%, #9ec777 51%, #9dc677 79%, #9ec776 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9ec776 0%,#9dc676 24%,#9ec777 51%,#9dc677 79%,#9ec776 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9ec776 0%,#9dc676 24%,#9ec777 51%,#9dc677 79%,#9ec776 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec776', endColorstr='#9ec776',GradientType=0 );transition:all .7s ease;transition:all .7s ease;
}


.post-filter ul li:nth-child(7) a{
        
    background: #87bacb; /* Old browsers */
    background: -moz-linear-gradient(top, #87bacb 0%, #87bacb 22%, #88bbcb 51%, #8cbdcd 78%, #87bacb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bacb', endColorstr='#87bacb',GradientType=0 );transition:all .7s ease;
}


.post-filter ul li:nth-child(8) a{
        
      background: #fdaa9b; /* Old browsers */
background: -moz-linear-gradient(top, #fdaa9b 0%, #feaa9c 23%, #fdaa9c 51%, #fdaa9c 79%, #fdaa9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdaa9b 0%,#feaa9c 23%,#fdaa9c 51%,#fdaa9c 79%,#fdaa9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdaa9b 0%,#feaa9c 23%,#fdaa9c 51%,#fdaa9c 79%,#fdaa9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdaa9b', endColorstr='#fdaa9c',GradientType=0 );transition:all .7s ease;
}



/*.blog-pagination { display:none;} */

.blog-main .r-box{display: block; float: left; cursor: pointer;  } 
/*.blog-main .r-box:first-child { display:none;}*/
.r-box:hover .card-contain, .r-box.hover .card-contain {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.card-contain {width:100%; float:left;  -webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg); margin-top:0 !important;}
.blog-main .r-box .front{background: #fff; float:left; width:100%; border-top: 6px solid #7bc70e;-webkit-border-radius: 3px;-moz-border-radius:3px;border-radius: 3px;padding: 20px; -webkit-box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); -moz-box-shadow:box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); position: relative; box-sizing: border-box; }
.blog-main .r-box .back{ -webkit-border-radius: 3px;-moz-border-radius:3px;  border-radius: 3px; color:#fff; padding: 20px;   -webkit-box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); -moz-box-shadow:box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15);}
.blog-main .r-box .back {
    background: -moz-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(103,103,102,1)), color-stop(22%, rgba(92,93,90,1)), color-stop(40%, rgba(80,81,78,1)), color-stop(62%, rgba(68,69,65,1)), color-stop(82%, rgba(64,65,62,1)), color-stop(100%, rgba(63,64,61,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* ie10+ */
background: linear-gradient(37deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f403d', endColorstr='#676766',GradientType=0 ); /* ie6-9 */}

.auther-section { padding:30px 0; color:#fff;}
.auther-section .auther-inner { background:#3e3f3c; padding:25px; } 
.auther-section .authors-box { float:left;  } 
.auther-section .authors-box ul {padding:0; margin:0; width:100%; float:left;  } 
.auther-section .authors-box ul li {width:25%; float:left; text-align:center; } 
.auther-section .authors-box ul li a {width:100%; float:left; color:#fff; font-size:13px; font-weight:500; padding:3px 15px 10px;} 
.auther-section .auther-img {height:100px; width:100px; float:none; display:inline-block; background-size:100% 100% !important; }

.author-part { text-align:center;}
.author-part img {height: 100px; width: 108px !important;   float: none;   display: inline-block;}
.author-part h4 a{ color:#fff; font-size:13px; font-weight:500; padding:10px 15px 10px;  float:left; margin:0; text-align:center; width:100%;}

.auther-section .right-auther h3{margin:0;  }
.auther-section .right-auther p {margin:10px 0; }
.right-auther .blog-subscribe { margin-top:10px;}
.right-auther .blog-subscribe  h3 { font-size:26px; color:#fff; margin-bottom:20px; }
.blog-subscribe .hs_email input[type=email] { background:transparent; border-bottom:2px solid #7bc70e;  height:35px; padding:5px 15px; }  
.blog-subscribe .hs_email { float:left; width:70%; padding-right:15px !important;}
.blog-subscribe .hs_submit { float:left; width:30%;}
.blog-subscribe .hs_submit .hs-button { border-radius: 0 !important; background: #5ebed6 !important; height: 35px; padding: 5px 15px !important; line-height: 4px !important;}
.blog-subscribe .hs_submit .hs-button:hover { background:#000 !important;}
 
.client-cta { margin:0px 0 30px !important; padding:0 15px;}
.client-cta img { width:100% !important;}
.hs-blog-post .more-btn { display:none !important;}
.more-btn { margin-top:50px; border:2px solid #777979; padding:10px 30px; width:auto; float:none; line-height:30px; cursor:pointer; font-weight:500;  display:inline-block; font-size:26px; color:#777979;  transition:all .7s ease;}
.more-btn:hover { background:#45d6fc; border-color:#45d6fc; transition:all .7s ease; color:#fff;}
.more-box { text-align:center; }

.row-fluid .inner-item .inner-right p { margin-top:0;} 

/*-=-===inner-page--=*/   
.hs-blog-post .row-fluid .hero-section { display:none; }
.hs-blog-post .auther-section { display:none; }
.hs-blog-post .blog-main { background:#fff; } 
.hs-blog-post .topic-top { padding:130px 0 40px; } 
.hs-blog-post .client-cta { display:none !important; }
.hs-blog-post .inner-cta { display:block !important; z-index:999999; transition:all .7s ease;}

.sticky .inner-cta { transition:all .7s ease;  position: fixed;   width: 100%; float: left;    bottom: 0; right: 0;}
.inner-cta a img { width:100% !important; margin: 0 auto;max-width: 900px; position: relative; display: block;box-shadow: 0px 0px 20px 2px #ccc;}
.inner-cta { position:relative;}
.inner-cta  .cta-close { opacity:0; }
.sticky .cta-close { opacity:1;  position:absolute; width:30px; height:30px; color: #000; background:#fff;  top: -12px; right: 212px;  border-radius: 50%; cursor:pointer; z-index:9999;}
.cta-close:before { position:absolute; content:"\f057";   font-size:36px; color:#93c21f; font-family: 'FontAwesome';     top: -10px;    right: 0px;}

.comment-box { background:#f5f5f7;}


.blog-post-wrapper .post-inner { width:100%; float:left; }
.blog-post-wrapper .post-inner h1 span{ color:#2f2f31; font-size:50px; line-height:60px; font-weight: 500; width:100%; float:left; text-align:center;}
.blog-post-wrapper .section.post-header { width:100%; float:left; position:relative;} 
.blog-post-wrapper .post-img { width:100%; float:left; height:400px; background-size: cover !important; margin:20px 0; }
.blog-post-wrapper .topic-box {width:100%; float:left;     padding: 0 0 15px !important;}
.blog-post-wrapper .topic-link { border:1px solid #ececed; float:left; transition:all .7s ease; color:#6e6e70; font-size:12px; padding:10px 20px; margin-right:7px;  border-radius:30px; background:transparent; text-transform:uppercase;}
.blog-post-wrapper .topic-link:hover { background:#000; color:#fff; transition:all .7s ease;}
.blog-post-wrapper .section.post-body { width:100%; float:left; padding:0 300px; position:relative;} 
.blog-post-wrapper .section.post-body .img-box { width:150%; margin:20px -27%;  float:left;}
.blog-post-wrapper .section.post-body .img-box img { width:100% !important;} 
.blog-post-wrapper .section.post-body iframe { width:100% !important;}

.blog-post-wrapper .topic-link.inbound-marketing:hover {     background: #87bacb;
    background: -moz-linear-gradient(top,#87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%);
    background: -webkit-linear-gradient(top,#87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%);
    background: linear-gradient(to bottom,#87bacb 0%,#87bacb 22%,#88bbcb 51%,#8cbdcd 78%,#87bacb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87bacb',endColorstr='#87bacb',GradientType=0);
    transition: all .7s ease; }

.blog-post-wrapper .topic-link.design:hover {   background: #d2bea1;
    background: -moz-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: -webkit-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: linear-gradient(to bottom,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2bea1',endColorstr='#d2bea1',GradientType=0);
    transition: all .7s ease; }

.blog-post-wrapper .topic-link.content-marketing:hover {   background: #d2bea1; 
    background: -moz-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%); 
    background: -webkit-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: linear-gradient(to bottom,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2bea1',endColorstr='#d2bea1',GradientType=0);
    transition: all .7s ease; }

.blog-post-wrapper .topic-link.branding:hover {   background: #d2bea1;
    background: -moz-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: -webkit-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: linear-gradient(to bottom,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2bea1',endColorstr='#d2bea1',GradientType=0);
    transition: all .7s ease; }


.blog-post-wrapper .topic-link.seo:hover {   background: #d2bea1;
    background: -moz-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: -webkit-linear-gradient(top,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%);
    background: linear-gradient(to bottom,#d2bea1 0%,#d2bea1 23%,#d2bea1 51%,#d2bea1 78%,#d2bea1 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2bea1',endColorstr='#d2bea1',GradientType=0);
    transition: all .7s ease; }



/*.blog-post-wrapper .section.post-body p { width:100%; float:left;}
.blog-post-wrapper .section.post-body strong { width:100%; float:left;}*/


.blog-comment { padding:0 300px; }
.blog-comment #comment-form form { padding-top:0;}
.blog-comment #comments-listing { margin-top:0; }
.comment-box h4 { margin-top:40px; color:#93c21f;padding:0 300px; width:100%; float:left; font-size:25px; line-height:30px;}
.blog-comment .hs-form .field.hs_comment { width:100% !important;}
.blog-comment form textarea { background:#fff !important; border:1px solid #c7c7c7 !important; width:100%; height:100px !important; }
.blog-comment .hs-form textarea:focus { background:#fff;}
.blog-comment .hs-form .field { width:100% !important; margin:0 !important; }
.blog-comment form input[type="text"], .blog-comment form input[type="email"] { padding:5px 15px; margin-bottom:0; background:#fff;}
.blog-comment .hs-form .hs_submit input { border-radius:30px; float:right;max-width:220px;  line-height: 21px; transition:all .7s ease; margin-top:15px;}
.blog-comment .hs-form .hs_submit input:hover { background:#000; transition:all .7s ease;}

.blog-comment .comment-reply-to {  text-align:left; height:auto; width:100%; float:left;     background-position: 1% 22% !important;}
.blog-comment .comment-reply-to:hover { color:#000;}
.blog-comment .comment-reply-to em { width:100%; float:left; text-align:left; padding-bottom:10px;}
.blog-comment .hs-common-confirm-message { width:100%; float:left; margin-bottom:28px !important;}
.blog-comment .comment-body p { margin:10px 0; float: left; width:100%;}
.blog-comment .comment  { padding:20px !important; background:#fff; margin-bottom:20px; border:1px solid #ececed; float:left; width:100%;}
.blog-comment .comment-from h4 { padding:0; margin:0;  text-align:left;}
.blog-comment .comment-date { width:100%; float:left;     text-align: left;} 

.post-inner .inner-social { position:absolute; top: 260px; left: 2%; width: auto; max-width:42px; background:#fff; transition:all .7s ease; z-index:9999;}
.sticky .post-inner .inner-social { position:fixed; top:150px; transition:all .7s ease;}
.post-inner .inner-social ul { padding:0; margin:0; width:100%; float:left; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;  }
.post-inner .inner-social ul li { width:100%;  float:left;}
.post-inner .inner-social ul li:first-child a {border-top:1px solid #e6e6e6; }
.post-inner .inner-social ul li a { font-size:24px; border-bottom:1px solid #e6e6e6; width:40px; height:40px;  float: left; text-align: center;}
.post-inner .inner-social ul li a:hover { color:#000 !important; } 
.post-inner .inner-social ul li:nth-child(2) a { color:#1da1f2; }
.post-inner .inner-social ul li:nth-child(4) a { color:#dd4b39; }
.post-inner .inner-social ul li:nth-child(5) a { color:#0077b5; } 


.hs-blog-post .comment-box { display:block !important; }
.hs-blog-listing .comment-box { display:none !important; }
.hs-blog-post .recent-center { display:block !important;}
.recent-center { background:#fafafa; padding:50px 0; display:none !important;} 
.recent-item { width:31%; float:left; margin-right:2.5%;}
.recent-item:nth-child(3) { margin-right:0;}
.recent-item .post-img { width:100%; float:left; height:250px; background-size: 100% 100% !important;}  
.recent-item .recent-title { width:100%; float:left; padding:20px 0 0;}
.recent-item .recent-title a { font-size:17px; color:#2f2f31; font-weight:600;}
.recent-item .recent-title a:hover { color:#7cbd31;}

.recent-top h6 { color:#b6b6b7; font-size:30px; line-height:36px; font-weight:500; margin-bottom:10px;}
.recent-top h5 { color:#2f2f31; font-size:40px; line-height:44px;  margin-bottom:30px;}

.post-inner .hs-author-avatar { width:125px; float:none; display:inline-block; height:125px; background-size:100% 100% !important; border-radius:50%; margin-bottom:10px; margin-top:8px;}
.post-inner .authorMain .hs-author-avatar { float:left;}
.see-more { background:#7cbd31; padding:10px 40px; transition:all .7s ease; float:left; border-radius:30px; color:#fff; font-weight:400; margin-top:15px;  text-transform:uppercase;}
.see-more:hover { background:#000; color:#fff; transition:all .7s ease;}
.folow-link { float:right; width:auto; font-size:22px; color:#0077b5;}


.author-text { width:100%; float:left;}
.post-inner .author-in { width:100%; float:left; text-align:center; }
.post-inner #hubspot-author_data {width:12%; float:left; font-style:italic; color:#2f2f31;font-size:17px;  position: absolute; bottom: -200px; left: 0; z-index:99999; text-align:center;  }
.post-inner #hubspot-author_data .author-link { width: auto; float: none;  display: inline-block; color:#549ad6; font-size:17px; text-decoration: underline;}  
.post-inner .inner-date { width:100%; float:left; color:#6e6e70; font-style:normal; font-size:12px; text-align:center; text-transform:uppercase; }
#hubspot-topic_data { padding:0; width:100%; float:left;} 

.author-bottom { width:100%; float:none; display:inline-block;  border:2px solid #ececed; padding:35px; max-width:660px;}
.author-bottom .author-right { width:74%; float:left; text-align:left; padding-left:30px;}
.author-bottom .author-in { text-align:left; color:#2f2f31; font-size:25px; font-style:italic;} 
.author-bottom .author-in a { color:#549ad6; font-size:25px; text-decoration:underline; font-style:normal;}
.author-bottom .inner-date { text-align:left; padding:10px 0; color:#6e6e70; font-size:12px; text-transform:uppercase;} 
.authorMain { width:100%; float:left; text-align:center;}
.all-article { background:#93c21f; border-radius:30px; text-transform:uppercase; margin-top:20px; color:#fff; font-weight:400; padding:10px 40px; float:left; } 
.follow-link { }
.follow-link a { color:#0077b5; font-size:22px;} 
 
.total-post { text-align:center; margin-top: 105px;}
.total-post h2 { background:#2f2f31; color:#fff; position:relative; text-align:center; width:99px; height:99px; margin-bottom:0;  float:none; display:inline-block; padding-top: 16px ; font-size: 25px;  line-height: 28px; border-radius:50%;}
.total-post h2:before { position:absolute; content:"\f067";     font-family: 'FontAwesome'; font-size:18px; color:#fff; background:#93c21f; width:35px; height:35px; padding: 4px;  border-radius: 50%; left: -14px;}
.total-post h2 span { width:100%; float:left; font-size: 17px; font-style:italic; color:#6e6e70;}
.total-post h6 { width:100%; float:left; color:#b6b6b7; font-size:12px; text-transform:uppercase; text-align: center; line-height: 20px;} 

.blog-post-wrapper .hs-migrated-cms-post .italic-box { float:left; width:100%; margin-bottom:20px;  border-top:1px solid #ececed; font-family: 'Playfair Display', serif; border-bottom:1px solid #ececed; padding:15px 15px 15px 0;  color:#2f2f31; font-size:20px; line-height:24px; }  
.blog-post-wrapper .hs-migrated-cms-post .italic-box span { width:14%; float:left; font-size: 80px;  text-align:center;   line-height: 86px;}
.blog-post-wrapper .hs-migrated-cms-post .italic-box p { margin:0; width:86%; float:left; font-style:italic;}
.blog-post-wrapper .italic-box { float:left; width:130%;     margin: 20px -90px ; border-top:1px solid #ececed; font-family: 'Playfair Display', serif; border-bottom:1px solid #ececed; padding:15px 15px 15px 0;  color:#2f2f31; font-size:20px; line-height:24px; }  
.blog-post-wrapper .italic-box span { width:14%; float:left; font-size: 80px;  text-align:center;   line-height: 86px;}
.blog-post-wrapper .italic-box p { margin:0; width:86%; float:left; font-style:italic;}
.blog-post-wrapper  p {   width:100%; float:left; }

.blog-post-wrapper .hs-migrated-cms-post p  {  width:100%; float:left;}
.blog-post-wrapper .hs-migrated-cms-post span {  width:100%; float:left;}

.blog-section .hs-author-listing-header { margin-top:25px !important;}
.hs-author-profile .hs-author-avatar { width: 130px; height: 130px;  border-radius: 50%;  overflow: hidden; }
.hs-author-profile .hs-author-bio {  width:100%; float:left; padding:15px 0; }
.hs-author-profile .hs-author-social-links { padding-right:10px;}

/*-=-==-=-=*/
.manufacturers .HeroSection { padding:240px 0 180px; text-align:center; position:relative; }
.manufacturers .HeroSection:before { position:absolute; content:""; background:rgba(0,0,0,.5); top:0; left:0; width:100%; height:100%;}
.manufacturers .HeroSection .wrapper { position:relative; z-index:99999;}
.hero-after {padding:100px 0 30px ; background:#fff; text-align:center; font-family: 'Lato',sans-serif; letter-spacing: 0; font-weight: 400; color:#6e6e70; font-size:25px; line-height:30px;}

.markting-section .markting-left h4 {color:#2f2f31; font-size:35px; line-height:45px;  }
.markting-section .markting-left ul { padding:0; margin:15px 0 0; width:100%; float:left;} 
.markting-section .markting-left ul li { width:100%; float:left; position:relative; padding-left:30px; color:#252526; font-size:18px; line-height:28px;  margin-bottom:15px; font-weight:600;}   
.markting-section .markting-left ul li:before { position:absolute; content:"\f058"; font-family: 'FontAwesome'; font-size:22px; color:#93c21f; left:0; top:0; }

.markting-section .btn-cta { margin: 15px 0 30px !important;  }    


.testimonial-section { padding:200px 0 100px;  position:relative; text-align:center; }
.testimonial-section:before { position:absolute; content:""; background:rgba(0,0,0,0.2); width:100%; height:100%; left:0; top:0; }
.testimonial-section .video-main a { background:url('https://cdn2.hubspot.net/hubfs/105208/videro-icon.png') no-repeat center; background-size:100% 100% !important; width:165px; height:165px; float:none; display:inline-block; }
.testimonial-section .wrapper { position:relative; z-index:9;}
.bottom-ditels { float: left;  width: 100%;  position: absolute;bottom: 0; left: 0;  padding: 0 18px 10px;}
.sameheight { width:100%; float:left;}

/*.testimonial-section .video-main { display:none; }*/ 
.video-content { text-align:left; padding-top:80px; font-size:12px; line-height:28px; color:#fff; padding-left:650px;}
.video-content h3 { color:#fff; font-size:28px; line-height:40px; font-style:italic;  float:right; margin:0 0 15px; } 


.casestudy-section .casestudy-main {width:100%; float:left; overflow:hidden;} 
.casestudy-section .casestudy-main span > .hs_cos_wrapper { width:50%; float:left; }
.casestudy-section .casestudy-box {width:100%; float:left; color:#fff;} 
.casestudy-section .casestudy-main span > .hs_cos_wrapper:first-child .casestudy-img {padding:50px 50px 50px 250px;  }
.casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-img {padding:50px 250px 50px 50px;  }
.casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-title {-webkit-transform: rotate(90deg); -mz-transform: rotate(90deg);  transform: rotate(90deg); left: auto; right: 0;}
/*.casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-title:before { content: ""; width: 23px; height: 20px;  top: 33%; left: -33px;}*/
.casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-img:before { background:rgba(105,164,26,0.7);}
.casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-btn {background:#6fd3f7; }

.row-fluid .casestudy-box .casestudy-img { width:100%; float:left; background-size:100% 100% !important;  padding:50px ; position:relative;}  
.row-fluid .casestudy-box .casestudy-img:before { position:absolute; content:""; background:rgba(32,120,156,0.7); left:0; top:0; width:100%; height:100%;}
.row-fluid .casestudy-box .case-inner { width:100%; float:left; position:relative; z-index:9;}
.row-fluid .casestudy-box .casestudy-content { width:100%; float:left; color:#fff; font-size:24px; line-height:28px; }  
.row-fluid .casestudy-box .casestudy-content h5 {color:#fff; font-size:35px; line-height:45px; margin:0 0 10px;}  
.row-fluid .casestudy-box .casestudy-text { width:100%; float:left; font-family: 'Lato',sans-serif;     font-weight: 400; font-style: italic; margin-bottom:40px;}
.row-fluid .casestudy-box .casestudy-btn { float:left; width:auto; background:#86bd3b; font-size:16px; color:#fff; border-radius:2px; padding:10px 30px; transition:all .7s ease;     font-weight: 600;    letter-spacing: 1px;}
.row-fluid .casestudy-box .casestudy-btn:hover { background:#000 !important; transition:all .7s ease;}

.row-fluid .casestudy-box .casestudy-title { width:auto; float:left; position:absolute; top:45%; left:0; z-index:9; -webkit-transform:rotate(-90deg) translateY(-50%); -mz-transform:rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%); }
.row-fluid .casestudy-box .casestudy-title:before { position:absolute; content:""; width: 60px; height: 15px; top: 35%;  left: -80px; background:#fff;}
.row-fluid .casestudy-box .casestudy-title:after { position:absolute; content:""; width: 60px; height: 15px; bottom: 35%; right: -80px; background:#fff; }
.row-fluid .casestudy-box .casestudy-title h4 { font-size:50px; line-height:50px; color:#fff; margin:0;}

.markting-section {    background-position: top !important;     padding: 200px 0;    background-size: 100% 100% !important; }
.markting-form { text-align:center;}
.markting-form form.hs-form fieldset .hs-form-field {  padding:0 10px 0 0 !important;}
.markting-form form.hs-form fieldset .hs-form-field:nth-child(2) {padding:0 0 0 10px !important;}
.markting-form form { width:100%; float:none; margin-bottom:50px !important;  margin-top: -80px;   box-shadow: 1px 7px 30px 0 #7b7b7b; display:inline-block; max-width:900px; border-top:10px solid #016c92;  padding:40px; background:#fff;}
.markting-form form .hs-form-field label { color:#828282; font-weight:400; width: 100%; float: left; position: relative; height: auto; margin-bottom:7px; text-align:left;}
.markting-form input[type=text],
.markting-form input[type=email],
.markting-form input[type=tel],
.markting-form textarea,
.markting-form select { height:50px; background:#fff; padding:5px 15px; border:1px solid #cdcdcd; width:100%; margin-bottom:30px; border-radius:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.markting-form select { background:#f8f8f8; border-radius:4px !important;}
.markting-form form.hs-form fieldset .hs-form-field.hs_message { padding:0 !important;}

.markting-form input[type=text]:focus,
.markting-form input[type=email]:focus,
.markting-form input[type=tel]:focus,
.markting-form textarea:focus,
.markting-form select:focus { border:1px solid #93c21f;}
.markting-form form .hs_submit .hs-button { background:#ff6430; width:auto; max-width:auto; line-height: 20px; padding:10px 40px; border-radius:30px; letter-spacing:1px; color:#fff;  transition:all .7s ease; margin-top:30px;}
.markting-form form .hs_submit .hs-button:hover { background:#000; transition:all .7s ease;}
.markting-form .hs_message  textarea { position: relative !important;    box-sizing:border-box;  max-width: 100%; width: 100% !important; float: left;  height: 150px; margin:20px 0 !important;}
.markting-form .hs_message .input  { width:100% !important; float:left; } 
.markting-form grammarly-ghost { display:none;}


.markting-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d8d8d8; font-weight:400;font-size:18px;
}
.markting-form ::-moz-placeholder { /* Firefox 19+ */
  color: #d8d8d8; font-weight:400;font-size:18px;
}
.markting-form :-ms-input-placeholder { /* IE 10+ */
  color: #d8d8d8; font-weight:400; font-size:18px;
}
.markting-form :-moz-placeholder { /* Firefox 18- */
  color: #d8d8d8; font-weight:400; font-size:18px;
} 
.markting-form :placeholder {  
  color: #d8d8d8; font-weight:400; font-size:18px;
} 

.markting-form .hs-error-msgs { position: relative; margin-bottom: 10px;}
.markting-form .hs-error-msgs label { color:red !important;} 
 
.resources-available { padding:30px 0; background:#f5f5f7; text-align:center; }
.resources-available  h4 {font-weight:300; font-size:35px; line-height:45px; color:#2f2f31; }
.guesswork-box { text-align:center; color:#fff; padding:130px 0; background-size:cover;}
.guesswork-box h3 { margin:0;}

.method-section h4 {color:#2f2f31; font-size:35px; line-height:45px; font-weight:400; margin-bottom: 20px; font-family: 'Lato',sans-serif;}
.method-section { padding:15px 0;  font-family: 'Lato',sans-serif;}
.method-section .btn-cta {  float:left; max-width:100%;  margin: 40px 0 20px!important; font-weight: 600; letter-spacing: 1px;  width: auto;  font-family: 'Lato',sans-serif;}
.method-section .btn-cta a { padding:10px 30px;}
.method-section .method-main { width:100%; float:left;}
.method-section .method-main .hs_cos_wrapper { width:100%; float:left;}
.method-section .mathod-box { width:100%; float:left; margin-bottom:24px;}   
.method-section .mathod-box h5 { color:#2f2f31 ; font-size:14px; line-height:20px; font-weight:800; letter-spacing:1px; text-transform:uppercase; margin-bottom:0; cursor:pointer;}
.method-section .mathod-contet { width:100%; float:left;  font-size:16px; line-height:26px; color:#6e6e70; display:none; padding-top:10px;}

.row-fluid .method-main ul { float:left; width:100%; margin:0; padding:0; position:relative;} 
.row-fluid .method-main ul:before { position:absolute; content:""; width: 5px; height: 100%; border-left: 3px dotted #ccc; left: 13px;  top: 7px;}
.row-fluid .method-main ul li { float:left; width:100%; position:relative;  padding-left:40px;  counter-increment: mega-step; z-index:1;}
.row-fluid .method-main ul li.open:before  { background:#86bd3b; color:#fff; border-color:#86bd3b; }
.row-fluid .method-main ul li:before { position:absolute;  content: counter(mega-step, decimal); background:#fff;  z-index:9999; top:6px; left:0; height: 30px; width: 30px; float: left; color: #000; border-radius: 100%; text-align: center;  font-weight:800; line-height: 27px; border:1px solid #000; }
.row-fluid .method-main ul li:last-child  .mathod-box { margin-bottom:0; }
 
.method-top { padding:50px 0; }
.method-top .animated-section { padding-left:10px;}  

.ResourcesSection { background:#f5f5f7; } 
.ResourcesMain span .hs_cos_wrapper {width:20%; float:left; padding: 10px; }
.ResourcesMain .resources-box { width:100%; float:left;  margin-bottom:20px;}    
.resources-inner { width:100%; float:left; position:relative; }
.ResourcesMain .resources-inner { width:100%; float:left;}   
.ResourcesMain .resources-img { width:100%; float:left; height:200px; margin-bottom:18px; background-size:cover !important;}     
.ResourcesMain .resources-text  { width:100%; float:left;}

.ResourcesMain .resources-box h6 { font-size:16px; color:#757575; margin:0; width:auto; float:left;}
.ResourcesMain .resources-box h2 { margin:10px 0 20px;  padding-bottom:20px;  font-weight: 300; color:#272727; font-size:27px; width:100%; float:left;}
.ResourcesMain .resources-author { width:30px; height:30px; background-size:cover !important; border-radius: 50%; float:left;     margin-right: 12px; margin-top: -3px;}
.ResourcesMain .resources-box .resources-rotate{ float:right; width:auto; color:#93c21f;  }
.ResourcesMain .resources-hover h2 { color:#fff; }
.ResourcesMain .resources-box .resources-reding {  background: #7cc90f; position: absolute;  bottom: 20px; left: 50%; margin-left: -104px;  margin-top: 10px;  padding: 10px 60px; width: auto; float: left;  border-bottom: 0; font-size: 15px;  color: #fff;  text-align: center;  font-weight: 500;   transition: all .7s ease; }
.ResourcesMain .resources-box .resources-reding:hover {     background: #45d6fc;}
.ResourcesMain .inner-text { width:100%; float:left; margin:10px 0; color:#fff;}
.ResourcesMain .resources-box .resources-back h6 { color:#d7d7d7; }
 

.ResourcesMain .r-box{display: block; float: left; cursor: pointer;  } 
.r-box:hover .resources-inner, .r-box.hover .resources-inner {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.resources-inner {width:100%; float:left;  -webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg); margin-top:0 !important;}
.ResourcesMain .r-box .front{background:#fff;    border-top:5px solid #7bc70e !important; border: 1px solid #dededf; padding:23px;   float:left; width:100%;  -webkit-border-radius: 3px;-moz-border-radius:3px;  -webkit-box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); -moz-box-shadow:box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); position: relative; box-sizing: border-box; }
.ResourcesMain .r-box .back{ -webkit-border-radius: 3px;-moz-border-radius:3px;  border-radius: 3px; color:#fff; padding: 20px;   -webkit-box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); -moz-box-shadow:box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15); box-shadow: box-shadow: 0 3px 25px -1px rgba(0,0,0,0.15);}
.ResourcesMain .r-box .back {
    background: -moz-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(103,103,102,1)), color-stop(22%, rgba(92,93,90,1)), color-stop(40%, rgba(80,81,78,1)), color-stop(62%, rgba(68,69,65,1)), color-stop(82%, rgba(64,65,62,1)), color-stop(100%, rgba(63,64,61,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(53deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* ie10+ */
background: linear-gradient(37deg, rgba(103,103,102,1) 0%, rgba(92,93,90,1) 22%, rgba(80,81,78,1) 40%, rgba(68,69,65,1) 62%, rgba(64,65,62,1) 82%, rgba(63,64,61,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f403d', endColorstr='#676766',GradientType=0 ); /* ie6-9 */}

.resources-center .rescenter-back { width:100%; float:left; background:#fff !important;   }
.resources-center .rescenter-img { height:260px; width:100%; float:left; margin:15px 0;}
.resources-center .rescenter-button {  background: #7cc90f; position: absolute;  bottom: 20px; left: 50%; margin-left: -100px;  max-width:200px;  padding: 10px 20px; width: 100%; float: left;  border-bottom: 0; font-size: 15px;  color: #fff;  text-align: center;  font-weight: 500;   transition: all .7s ease; }
.resources-center .rescenter-button:hover { background: #45d6fc;}
.resources-center .rescenter-topic { width:100%; float:left;}
.resources-center .rescenter-text { width:100%; float:left;}

.resources-center .rescenter-text h6 { color:#757575; font-size:16px; line-height:20px;padding:0;margin:40px 0 0 0;}
.resources-center .rescenter-text h2 { color:#272727; font-size:27px; line-height:32px; font-weight: 300; margin-top:0;}
.resources-center .rescenter-topic img { width:40px; height:40px; float:left; margin:0 10px 10px 0;}
.resources-center .rescenter-topic h6 i{float: left; font-size: 25px;margin-right: 10px;}
.resources-center .rescenter-topic h6 { width:auto; float:left;font-size: 16px;color: #909090;font-weight: 300;}
.resources-center .rescenter-topic h6 span{ top: 2px; position: relative;}

.ResourcesMain .rsblog1 .r-box .front{ border-top-color: #c76161; }
.rsblog1 .resources-center .rescenter-button{background:#c76161;}
.rsblog1 .resources-center:hover .rescenter-button{background:#1b6685;}
.ResourcesMain .rsblog1 .rescenter-inner{border-top:5px solid #1b6685;} 

ResourcesMain .rsblog2 .r-box .front{ border-top-color: #c76161; }
.rsblog2 .resources-center .rescenter-button{background:#c76161;}
.rsblog2 .resources-center:hover .rescenter-button{background:#1b6685;}
.ResourcesMain .rsblog2 .rescenter-inner{border-top:5px solid #1b6685;} 



.ResourcesMain .rsblog3 .r-box .front{ border-top-color: #61538b; }
.rsblog3 .resources-center .rescenter-button{background:#61538b;}
.rsblog3 .resources-center:hover .rescenter-button{background:#1b6685;}
.ResourcesMain .rsblog3 .rescenter-inner{border-top:5px solid #1b6685;} 

ResourcesMain .rsblog4 .r-box .front{ border-top-color: #c76161; }
.rsblog4 .resources-center .rescenter-button{background:#c76161;}
.rsblog4 .resources-center:hover .rescenter-button{background:#1b6685;}
.ResourcesMain .rsblog4 .rescenter-inner{border-top:5px solid #1b6685;} 

.ResourcesMain .rsblog5 .r-box .front{ border-top-color: #ef6747;}
.rsblog5 .resources-center .rescenter-button{background:#ef6747;}
.rsblog5 .resources-center:hover .rescenter-button{background:#1b6685;}
.ResourcesMain .rsblog5 .rescenter-inner{border-top:5px solid #1b6685;} 
.ResourcesMain > span{max-width: 1950px; display: block;margin: 0 auto;width: 100%;}

.resources-inner .sameheight{min-height: 400px;}

/*Training colors */
.r-box.Ebook .front{border-top: 6px solid #5c8566 !important;}
.r-box.Ebook .front .fa{color: #5c8566;}
.r-box.Ebook .front .rescenter-button{background:#5c8566;}

.r-box.Training .front{border-top: 6px solid #476EB4 !important;}
.r-box.Training .front .fa{color: #476EB4;}
.r-box.Training .front .rescenter-button{background:#476EB4;}
/*webinar colors */
.r-box.Webinar .front{border-top: 6px solid #61538B !important;}
.r-box.Webinar .front .fa{color: #61538B;}
.r-box.Webinar .front .rescenter-button{background:#61538B;}
/*infographic colors */
.r-box.Infographic .front{border-top: 6px solid #EF6747 !important;}
.r-box.Infographic .front .fa{color: #EF6747;}
.r-box.Infographic .front .rescenter-button{background:#EF6747;}
/*Case Study colors */
.r-box.Case.Study .front{border-top: 6px solid #73A0AF !important;}
.r-box.Case.Study .front .fa{color: #73A0AF;}
.r-box.Case.Study .front .rescenter-button{background:#73A0AF;}
/*Helpful Tools colors */
.r-box.Helpful.Tools .front{border-top: 6px solid #C76161 !important;}
.r-box.Helpful.Tools .front .fa{color: #C76161;}
.r-box.Helpful.Tools .front .rescenter-button{background:#C76161;}

@media (min-width: 2900px) { 
     
    .post-inner #hubspot-author_data { bottom: -290px !important; }
    
}

@media (min-width: 2300px) {  .sticky .post-inner .inner-social { left:30px;}
    
}
@media (min-width: 1650px) {
    .row-fluid .casestudy-box .casestudy-title h4{font-size:45px;line-height:45px;}
}

@media (min-width: 992px) and (max-width: 1240px){
     
    .more-btn { margin-top:10px;}
    .row-fluid .post-item .item-hover h2  { font-size: 22px; line-height: 24px;}
    .row-fluid .post-item .post-header h2  { font-size: 22px; line-height: 28px;} 
    .auther-section .authors-box ul li { width:33%;}
    .row-fluid .inner-item .inner-left .inner-title a { font-size: 30px; line-height: 40px;} 
    
    .blog-post-wrapper .section.post-body { padding:0 190px;}
    .recent-item .post-img { height: 190px;}        
    .post-inner .inner-social { width:4%;}
    .blog-comment { padding:0 170px;}
    .blog-post-wrapper .post-inner h1 span { font-size: 44px;}
    .blog-post-wrapper .section.post-body .img-box { width: 100%; margin: 0;}
    .row-fluid .post-item .post-content {max-width: 230px; margin-left: -114px;}
    .text-line { display:none !important;}
    .article-box { display:none !important;}
    .blog-comment { padding:0 50px;}
    .comment-box h4 {padding:0 50px;}
    .row-fluid .casestudy-box .casestudy-title { display:none;}
    
     
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-img { padding:30px;}
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-title { transform: rotate(0deg);}
    .row-fluid .casestudy-box .casestudy-title {  position:relative;transform: rotate(0deg); top:0; left:0;}
    .row-fluid .casestudy-box .casestudy-title:before { display:none;}    
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:first-child .casestudy-img { padding:30px;}
    .row-fluid .casestudy-box .casestudy-title:after { display:none;} 
    .row-fluid .casestudy-box .casestudy-title h4 { font-size: 38px; line-height: 46px; }
    
    .guesswork-box { padding:60px 0 110px;}
    .markting-form form { padding:30px;}
    .manufacturers .HeroSection { padding:180px 0 100px;}
    .markting-section { padding:120px 0 50px;}
    .hero-after { padding:60px 0 30px;}
    .testimonial-section iframe { height: 480px !important;}
    
    .ResourcesMain span .hs_cos_wrapper { width:33.33%; padding:0 10px; margin-bottom:0;   display:inline-block;}
    .ResourcesMain .resources-box .resources-back h6 {  text-align:center; width: 100%;}
    .ResourcesMain .resources-box { margin-bottom: 20px;}
    .ResourcesMain .resources-center { margin-bottom: 20px;}  
    .post-inner #hubspot-author_data { bottom:-280px !important;}
    
    .video-content { padding:30px 0 0 0; text-align:center;}
    .testimonial-section { padding:150px 0 100px;}
    .blog-post-wrapper .italic-box { width:100%; margin:20px 0 ;}
    
}


@media (min-width: 768px) and (max-width: 991px){
     
     .more-btn { margin-top:10px;}
     .row-fluid .post-item .item-hover h2  { font-size: 22px; line-height: 24px;}
     .row-fluid .post-item .post-header h2  { font-size: 22px; line-height: 28px;}
     .auther-section .authors-box ul li { width:33%;}
     .row-fluid .post-item { padding:0 10px;}
     .row-fluid .flip-container { margin:0;}
     .row-fluid .inner-item .inner-left .inner-title a {     font-size: 30px;    line-height: 40px;} 
     
     .blog-post-wrapper .post-inner h1 span { font-size: 36px; line-height: 46px;} 
     .blog-post-wrapper .section.post-body { padding:0 70px;}
     .post-inner .inner-social { display:none;}
     .recent-item .post-img { height:170px;}
     .blog-comment { padding:0 70px;}
     .blog-comment #comment-form form { padding-top:0;}
     .post-inner .hs-author-avatar { float:none; display:inline-block;}
     .post-inner #hubspot-author_data { width:100%; position:relative; text-align:center; bottom:0;}
     
     .row-fluid .post-item .post-content { max-width: 200px; margin-left: -100px;}
     .row-fluid .post-item .post-header h2 a { font-size: 22px; line-height: 28px}
     .blog-post-wrapper .section.post-body .img-box { width: 100%; margin: 0;}
     .article-box { padding:10px;}
    
    .text-line { display:none !important;}
    .article-box { display:none !important;}
    
    .author-left .author-part { width:47%; margin-left:0 !important; margin-right:10px;  float:left;}
    .blog-comment { padding:0 20px;}
    .comment-box h4 {padding:0 20px;}
    
    .manufacturers .HeroSection { padding:170px 0 90px;}
    .manufacturers .HeroSection h1 { font-size: 52px; line-height: 68px;}
    .hero-after { font-size: 20px; line-height: 26px; padding:60px 0 30px;}
    .markting-section { padding:89px 0 40px;}
    .testimonial-section iframe { height: 340px !important;}
    
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-img { padding:30px;}
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-title { transform: rotate(0deg);}
    .row-fluid .casestudy-box .casestudy-title {  position:relative;transform: rotate(0deg); top:0; left:0;}
    .row-fluid .casestudy-box .casestudy-title:before { display:none;}    
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:first-child .casestudy-img { padding:30px;}
    .row-fluid .casestudy-box .casestudy-title:after { display:none;} 
    .row-fluid .casestudy-box .casestudy-title h4 { font-size: 38px; line-height: 46px; }
    
    .ResourcesMain span .hs_cos_wrapper { width:33.33%; padding:0 10px; margin-bottom:0;   display:inline-block;}
    .ResourcesMain .resources-box .resources-back h6 {  text-align:center; width: 100%;}
    .ResourcesMain .resources-box { margin-bottom: 20px;}
    .ResourcesMain .resources-center { margin-bottom: 20px;}   
    .sticky .cta-close { right:0;}
    .video-content { padding:30px 0 0 0; text-align:center;}
    .testimonial-section { padding:150px 0 100px;}
    .blog-post-wrapper .italic-box { width:100%; margin:20px 0 ;}
     .row-fluid .casestudy-box .casestudy-title { display:none;}
}

@media (min-width: 30px) and (max-width: 767px){

    .blog-main .r-box { width:100%; max-width:350px; float:none; display:inline-block;}
    .blog-main .flip-container.post-listing { text-align:center;}
    .auther-section .authors-box ul li a { padding:3px 5px 10px;}
    .blog-subscribe .hs_submit .hs-button { font-size: 10px !important; padding: 5px 5px !important;}
    .right-auther { text-align:center;}
    .row-fluid .inner-item { text-align:center;}
    .row-fluid .inner-item .inner-left { width:100%;}
    .row-fluid .inner-item .inner-right { width:100%;}
    .more-btn { margin-top:10px;}
    .post-filter { float:left !important; padding-bottom:25px; }
    .post-filter ul li { margin-right:10px;}
    .auther-section .authors-box ul { text-align:center;}
    .auther-section .authors-box ul li { width:49%; float:none; display:inline-block;}
    .row-fluid .inner-item .inner-left .inner-title a { font-size: 30px; line-height: 40px; margin-bottom:10px;}
    #hubspot-author_data { float:none; display:inline-block;}
    .row-fluid .inner-item .inner-date { float:none; display:inline-block;}
    .post-inner .inner-social { display:none;}
    
    .blog-post-wrapper .post-inner h1 span { font-size: 26px; line-height: 36px;}

    .post-inner #hubspot-author_data { position:relative; width:100%; bottom:0; text-align:center;}
    .post-inner .hs-author-avatar { float:none; display:inline-block;}
    .blog-post-wrapper .section.post-body { padding:0; text-align:center; margin-bottom:10px;}
    #hubspot-topic_data { padding-left:0 !important; margin:0 0 20px;}
    .author-bottom { padding:20px;}
    .author-bottom .author-right { width:100%; padding:0; text-align:center;}
    .author-bottom .author-in { text-align :center; }
    .author-bottom .inner-date { text-align :center; }
    .recent-center { padding:20px 0; text-align:center;}
    .recent-item { margin-right:0; width:100%; margin-bottom:20px;}
    .blog-post-wrapper .section.post-body .img-box { width: 100%; margin: 0;}       
    .row-fluid .post-item .post-content { max-width: 250px; margin-left: -125px;}
    .text-line { display:none !important;}
    .article-box { display:none !important;}
    .blog-post-wrapper .topic-link { margin-bottom:10px;}
     
    .row-fluid .post-item { padding:0 10px;} 
    .row-fluid .flip-container { margin:0;}       
    .author-part { text-align: center; width: auto !important; float: none !important; display: inline-block !important; margin-right: 15px}
    .author-left {text-align:center;}
    .blog-comment { padding:0;}
    .comment-box h4 {padding:0;}
    .blog-comment form input[type="text"], .blog-comment form input[type="email"]  { margin-bottom:15px;}
    
    .sticky .cta-close { right:0;}
    .manufacturers .HeroSection { padding:150px 0 80px;} 
    .manufacturers .HeroSection .banner-title1 h1 { font-size: 36px;}
    .hero-after { padding:40px 0  ;}
    .markting-section { padding: 140px 0 50px; background-size: cover !important; }
    .markting-section .markting-left h4 { font-size: 26px;  line-height: 40px; }
    .testimonial-section iframe { height:280px !important;}
    .casestudy-section .casestudy-main span > .hs_cos_wrapper { width:100%; margin-bottom:15px;}
    .markting-form form { padding:25px;}
    .markting-form form.hs-form fieldset .hs-form-field { padding:0 !important; width:100%;}
    .markting-form form.hs-form fieldset .hs-form-field:nth-child(2) { padding:0 !important; width:100%;}
    .markting-form input[type="text"], .markting-form input[type="email"], .markting-form input[type="tel"], .markting-form textarea, .markting-form select {margin-bottom:10px; width:100% !important;}
    
    .guesswork-box { padding:70px 0 100px;}
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:first-child .casestudy-img { padding:30px;}
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-img { padding:30px;}
    .casestudy-section .casestudy-main span > .hs_cos_wrapper:nth-child(2n) .casestudy-title { transform: rotate(0deg);}
    .row-fluid .casestudy-box .casestudy-title {  position:relative;transform: rotate(0deg); top:0; left:0;}
    .row-fluid .casestudy-box .casestudy-title:before { display:none;}    
    .row-fluid .casestudy-box .casestudy-title:after { display:none;} 
    .row-fluid .casestudy-box .casestudy-title h4 { font-size: 38px; line-height: 46px; }
    
    .ResourcesMain { text-align:center;}
    .ResourcesMain span .hs_cos_wrapper { width:100%; padding:0 20px; margin-bottom:0; max-width:400px; float:none; display:inline-block;}
    .ResourcesMain .resources-box .resources-back h6 {  text-align:center; width: 100%;}
    .ResourcesMain .resources-box { margin-bottom: 20px;}
    .ResourcesMain .resources-center { margin-bottom: 20px;}
    .post-inner .authorMain .hs-author-avatar { float:none;}
    .blog-post-wrapper .italic-box { width:100%; margin:20px 0 ;}
    .follow-link { width: auto; float: right; display: inline-block; } 
    .all-article { float:none; display:inline-block;}
    .video-content { padding:30px 0 0 0;}
    .testimonial-section { padding:150px 0 100px;}
        .row-fluid .casestudy-box .casestudy-title { display:none;}
} 

@media(max-width: 800px){
.top-layercake .maxer .logo-hold{clear: both; float: none; height: 100px; margin: 0 auto 40px!important; border-right: 0px; width: 90%; max-width: 350px;}
.top-layercake .maxer .logo-hold:nth-child(3){margin-bottom: 0px!important;}
.top-layercake .maxer .logo-hold:nth-child(3):after{content: none;}
.top-layercake .maxer .logo-hold:after{content: ""; display: block; width: 100%;  border-bottom: 1px solid #dadadb; margin: 20px auto 0px;}
.top-layercake .maxer .logo-hold span{max-width: 170px; height: 100px;}
.top-layercake .maxer .logo-hold img{height: 100px;}
.middle-layercake{margin-top: 30px!important;}
.bottom-layercake .btm-menu{float: none!important; margin: 0 auto; width: 100%; }
.bottom-layercake .copy{margin: 0 auto; float: none; text-align: center;}
}


@media(max-width: 766px){
    .bottom-layercake .btm-menu{display: none;}
}
    
    
    
    