/*
Theme Name: Tra
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
/** Generated by FG **/
@font-face {
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    src: url('./fonts/HelveticaNeueLTStd-Hv.eot');
    src: local('☺'), url('./fonts/HelveticaNeueLTStd-Hv.woff') format('woff'), 
    url('./fonts/HelveticaNeueLTStd-Hv.ttf') format('truetype'), 
    url('./fonts/HelveticaNeueLTStd-Hv.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_PlayfairDisplay-Bold';
    src: url('./fonts//PlayfairDisplay-Bold.eot');
    src: local('☺'), url('./fonts//PlayfairDisplay-Bold.woff') format('woff'), 
    url('./fonts/PlayfairDisplay-Bold.ttf') format('truetype'), 
    url('./fonts/PlayfairDisplay-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_baskerville';
    src: url('./fonts/baskerville.eot');
    src: local('☺'), url('./fonts/baskerville.woff') format('woff'),
     url('./fonts/baskerville.ttf') format('truetype'),
      url('./fonts/baskerville.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Baskerville-bold';
    src: url('./fonts/Baskerville-Bold.eot');
    src: local('./fonts/Baskerville Bold'), local('Baskerville-Bold'),
        url('./fonts/Baskerville-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Baskerville-Bold.woff2') format('woff2'),
        url('./fonts/Baskerville-Bold.woff') format('woff'),
        url('./fonts/Baskerville-Bold.ttf') format('truetype'),
        url('./fonts/Baskerville-Bold.svg#Baskerville-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on November 7, 2017 1:13 PM */

@font-face {
    font-family: 'Baskerville-SemiBold';
    src: url('./fonts/Baskerville-SemiBold.eot');
    src: local('./fonts/Baskerville SemiBold'), local('Baskerville-SemiBold'),
        url('./fonts/Baskerville-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Baskerville-SemiBold.woff2') format('woff2'),
        url('./fonts/Baskerville-SemiBold.woff') format('woff'),
        url('./fonts/Baskerville-SemiBold.ttf') format('truetype'),
        url('./fonts/Baskerville-SemiBold.svg#Baskerville-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Baskerville-BoldItalic';
    src: url('./fonts/BaskervilleBT-BoldItalic.eot');
    src: local('Baskerville Bold Italic BT'), local('BaskervilleBT-BoldItalic'),
        url('./fonts/BaskervilleBT-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/BaskervilleBT-BoldItalic.woff2') format('woff2'),
        url('./fonts/BaskervilleBT-BoldItalic.woff') format('woff'),
        url('./fonts/BaskervilleBT-BoldItalic.ttf') format('truetype'),
        url('./fonts/BaskervilleBT-BoldItalic.svg#BaskervilleBT-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body,
html {
    height: 100%;
}
.top-bar {
    padding-top: 20px;
}
*{
    outline: none !important;
}
div#our_team.remove-pad {
    padding-bottom: 0;
}
div#our_team {
    padding-bottom: 30px;
    position: relative;
}
.inner .baner-title.col-8 p{
    margin-bottom: 10px;
}
strong.red {
    color: #f70800;
}
p{
    font-family: 'Conv_baskerville';
    margin-bottom: 15px;
        font-size: 13pt;
        line-height: 23px;
}
.container {
    max-width: 1300px;
    padding: 0 15px;
    margin: 0 auto
}
ul.list_work li a {
    position: absolute;
    width: 100%;
    height: 100%;
     transition:all 0.5s ease;
}
.slider.retail {
    display: none;
}
#toolbox .list_retails .box{

    -webkit-transition: all 0.3s ease;
    -moz-transition:   all 0.3s ease;
    -ms-transition:    all 0.3s ease;
    -o-transition:   all 0.3s ease;
    transform:       all 0.3s ease;

}
#toolbox .list_retails .shadow .box{
    -webkit-transform: translateY(30px);
    -moz-transform:   translateY(30px);
    -ms-transform:    translateY(30px);
    -o-transform:    translateY(30px);
    transform:       translateY(30px);

 

}

ul.list_work li a:hover {
    background: rgba(0,0,0,0.5);
}
.owl-dots {
    height: auto !important;
    display: none;
}
.owl-carousel {
    position: relative;
    height: auto !important;
}

.owl-carousel div:not(.owl-controls) , .owl-carousel div:not(.owl-dots){
   height: 100%;
   
}
#our_team .banner {
    background: transparent;
    position: relative;
    transform: none;
        padding: 10% 25px;
}
.owl-carousel div.owl--text {
    position: absolute;
    bottom: 4em;
    left: 2em;
    width: 20em;
    height: 8em;
    padding: 1em;
    background: rgba(255, 255, 255, .5);
    border-radius: 4px;
    }

.owl-carousel .owl-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    }
.owl-carousel .owl-controls  .owl-buttons {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    zoom: 1;
    margin: 0;
    width: 50px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: .9em;
    border-radius: 3px;
    color: #FFF;
    background: #000;
    opacity: .6;
    text-transform: capitalize;
}

i.fa.fa-angle-down {
        background: #f70800;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.owl-prev {
    left: 5px;
}
.owl-next {
    right: 5px;
}

.content-inside {
   position: absolute;
    top: 0px;
    z-index: 99;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 1300px;
}
div#home {
    position: relative;
}
.owl-slide {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.left {
    width: 30%;
    float: left;
}
.right {
    width: 70%;
    float: right;
    text-align: right;
}
#our_team .icon-scroll-down{
    position: absolute;
    bottom: 0;
}
.clear{
    clear: both;
}
.logged-in #home .icon-scroll-down {

    bottom: 30px;
}
i.fa.fa-angle-left,i.fa.fa-angle-right {
    width: 50px;
    height: 50px;
    background: #f70800;
    position: relative;
}
i.fa.fa-angle-left:before, i.fa.fa-angle-right:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
/*ul.list_retails li{
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}
ul.list_retails li.active{
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}*/
#retail .list_retails .box{
    width: 100%;
    
}
#retail .list_retails  p{
    color: inherit;
    font-size: 14pt;
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: left;
}
#retail .list_retails li{
        width: calc(100%/5);
}
.banner {
    clear: both;
    max-width: 1000px;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    padding: 40px 30px;
    display: table;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    
}
ul.social li {
    display: inline-block;
    margin-right: 10px;
   margin-bottom: 10px;
}
#home .baner-title.col-left strong {
    line-height: 55px;
    display: block;
    margin: 7px 0;
}
a.red {
    font-style: normal !important;
    font-family: inherit !important;
}
ul.social li a {
    width: 30px;
    height: 30px;
    background: #f70800;
    display: block;
    text-align: center;
    color: #fff;
   /* pointer-events: none;
   cursor: default;*/
}
/*ul.social li:last-child a {
    pointer-events: auto;
    cursor: pointer;
}*/
ul.social li a i{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
a.logo img {
    max-width: 180px;
}
.right h1 , .right a{
    display: inline-block;
}
.right h1{
    display: inline-block;
    font-size: 19pt;
    line-height: 32px;
    color: #fff;
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
        margin-right: 15px;
    vertical-align: top;
    margin-top: 7%;
}

.col-left {
    display: table-cell;
    vertical-align: middle;
}
div#our_work.remove-pad{
    padding-bottom: 0;
}
.remove-pad ul.list_retails{
    padding-bottom: 10px;
}
div#our_work {
    position: relative;
    padding-bottom: 50px;
}
#toolbox{
    position: relative;
}
#toolbox .icon-scroll-up, #our_work .icon-scroll-up{
    top: 0;
    position: absolute;
}
.slider.retail .icon-scroll-up, #toolbox .icon-scroll-down, #our_work .icon-scroll-down{
    position: absolute;
}
.baner-title.col-left {
    font-family: 'Conv_baskerville';
    font-size: 31pt;
    color: #fff;
    background: #253746;
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    float: left;
}
.baner-title.col-left strong{
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    font-size: 39pt;
    color: #fff;

}
.banner-content.col-left{
    padding-left: 25px;
}
.banner-content.col-left p,blockquote{
    font-size: 17pt;
    font-family: 'Conv_PlayfairDisplay-Bold';
    color: #fff;
    margin-bottom: 20px;
    line-height: 30px;

}

blockquote:before {
    content: "\201C";
    
}
blockquote:after {
    content: "\201D";
    
}
div#retail {
    position: relative;
}
.icon-scroll-down {
    /*position: absolute;*/
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: auto;
        z-index: 999;
}
.icon-scroll-down img{

    width: 30px;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 auto;
}

/*About section*/
.baner-title.col-left h2{
        min-width: 230px;
}
#home .baner-title.col-left h2 {
    font-size: 30.6pt;
    margin-top: 30%;
    margin-left: 8%;
    margin-bottom: 15px;
    box-sizing: border-box;
}
 h2 {
    font-size: 37pt;
    font-family: 'Conv_baskerville';
    margin-bottom: 15px;
        margin-bottom: 30px;
}
h2 strong{
    color: #f70800;
    font-weight: bold;
    font-family: sans-serif;
}

h4 {
    font-size: 24pt;
    font-family: 'Conv_baskerville';
    margin-bottom: 40px;
}
/*ul.list_issue {
    display: table;
}*/
.des {
    clear: both;
    font-size: 24pt;
    font-family: 'Conv_baskerville';
}

ul.list_issue li {
    box-sizing: border-box; 
    width: calc(100%/3 - 4%);
    font-family: 'Conv_baskerville';
    font-size: 34pt;
    vertical-align: bottom;
       min-height: 330px; 
    color: #fff;
    float: left;
    position: relative;


}
ul.list_issue  .box span {
    display: block;
    position: absolute;
    bottom: 20px;
}
ul.list_issue li:nth-child(1) .box,
ul.list_issue li:nth-child(2) .box,
ul.list_issue li:nth-child(3) .box{
 z-index: 999;
}
.des p{
    font-size: 24pt;
}
ul.list_issue li .box{
    
     max-width: 80%;
     position: absolute;
     width: 100%;
     padding: 40% 20px 20px 20px;
     box-sizing: border-box;
     height: 100%;
}
ul.list_issue li span strong{
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
        display: block;
        font-size: 43pt;

}
.des {
    clear: both;
}

ul.list_issue li:nth-child(4) .box{

   top: -30%;
   right: -40%;
}

ul.list_issue li:nth-child(5) .box{
   top: -30%;
   right: -40%;
}

ul.list_issue li:nth-child(6) .box{
   top: -30%;
   right: -40%;
}
#retail .list_retails .box{
  
  transition: all 0.3s ease-in-out 0.1s;
  -webkit-transition:all 0.3s ease-in-out 0.1s;
    -moz-transition:  all 0.3s ease-in-out 0.1s;
    -ms-transition:    all 0.3s ease-in-out 0.1s;
    -o-transition:   all 0.3s ease-in-out 0.1s;
  
}
/*#retail .list_retails .box:hover {
   
    transform: scale(1.1);
    z-index: 99999;
}*/

@keyframes blinker {  
  50% { opacity: 0; }
}
.section{
   padding-top: 40px;
}
/*End about*/
ul.list_retails {
    display: table;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
}
ul.list_retails li {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100%/4);
    box-sizing: border-box;
  
    font-family: 'Conv_baskerville';
    font-size: 34pt;
    vertical-align: top;

    color: #fff;
    position: relative;
 
}
ul.list_retails li span strong {
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    display: block;
    font-size: 43pt;
}
ul.list_retails span {
       padding: 50% 10px 25px 25px;
    display: block;
    color: #fff;
}
.slider.retail {
    clear: both;
    position: relative;
    margin-top: 0px;
}

.slider.retail {
    clear: both;
        position: relative;
}
.slider.retail .banner {
    top: 50%;
    transform: translateY(-50%);
    height: auto !important;
}
#toolbox ul.list_retails li{
    vertical-align: top;
}
#toolbox  ul.list_retails p {
    color: #000;
    font-size: 11pt;
    text-align: left;
    padding-right: 25px;
    margin-top: 25px;
    font-family: Baskerville-bold;
    line-height: 20px;
}
.col-half-left{
    width: 50%;
    float: left;
}
.col-half-right{
    float: right;
    width: 50%;
}
#retail ul.list_retails li:last-child .box:after{
    display: none !important;
}
#retail .list_retails .box{
    content:'';
    padding:50% 0; /* vertical value as  100% equals width */
    display:inline-block;
}
#retail ul.list_retails li:nth-child(4) span,
#retail ul.list_retails li:nth-child(5) span {
    font-size: 22pt;
    font-family: 'Conv_HelveticaNeueLTStd-Hv';

}
#retail ul.list_retails span {
    padding: 50% 10px 25px 25px;
    display: block;
    color: #fff;
    text-align: left;
    position: absolute;
    bottom: 0;
    font-size: 24pt;
}
#retail ul.list_retails li span strong {
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    display: block;
    font-size: 28pt;
}

#retail ul.list_retails li span strong {
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    display: block;
    font-size: 28pt;
}

#retail ul.list_retails .box:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid;
    border-right-color: inherit;
       transition: all 0.3s ease-in-out 0.1s;
    bottom: -29px;
    position: absolute;
    top: 50%;
    right: -29px;
    /* width: 40px; */
    /* height: 40px; */
    z-index: 99;
    display: block;
 
    transform: translateY(-50%);
}
#toolbox ul.list_retails .box:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid ;
    border-top-color: inherit;
    border-color: i;
    bottom: -29px;
    position: absolute;
    left: 50%;
    right: 0;
    /* width: 40px; */
    /* height: 40px; */
    z-index: 9999999999;
    display: block;
    bottom: -30px;
    transform: translateX(-50%);
}
.box {
    position: relative;
}
.owl-nav > div,.owl-nav {
    height: auto !important;
}
.owl-nav > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 40px;
    padding: 0 15px;
}
#toolbox .banner-content.col-left p{
        font-size: 11pt;
}
.banner-content.col-left h4{
    margin-bottom: 0 !important;
}
#toolbox .baner-title.col-left{
     max-width: 180px;
}
#toolbox .baner-title.col-left strong {
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    font-size: 38pt;
    color: #fff;
   
}
ul.list_work{
    display: block;
        margin-top: 35px;
}

ul.list_work li{
    display: block;
    float: left;
    width: 50%;
    position: relative;
}

ul.list_work li:nth-child(3) {
    clear: left;
}

ul.list_work li img{
    width: 100%;
    height: auto;
    display: block;
}
ul.list_work li h3 {
    font-size: 61pt;
    color: #fff;
    position: absolute;
    bottom: 30px;
    margin-left: 25px;
    font-family: 'Conv_PlayfairDisplay-Bold';
}
.col-half-right p {
    text-align: left;
    font-family: Baskerville-bold;
    font-size: 11pt;
    margin-top: 0px;
    line-height: 22px;
    /*-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;*/
}
.col-half-right p em{
    font-family: 'Baskerville-SemiBold';
}

#our_work .slider.retail .banner-work{
    clear: both;
    max-width: 1200px;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    padding: 40px 30px;

    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
     -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;

      -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
     column-gap: 45px;
}
}

.banner-work p{
    font-size: 13pt;
}
.banner-work p strong{
    font-size: 15pt;
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    display: block;
    margin-bottom: 10px;
}

#our_work .slider.retail .banner-work p{
    color: #fff;
}
.owl-carousel div:not(.owl-controls), .owl-carousel div:not(.owl-dots) {
    /* height: 100%; */
}

.list-client {
    display: block;
    overflow: hidden;
    text-align: center;
    max-width: 890px;
    margin: 0 auto;
}
.list-client img {
    max-height: 50px;
  
    width: auto !important;
    display: block;
    margin-right: 29px;
        margin-bottom: 30px;
}
.list-client li {
        margin-bottom: 25px;
    display: inline-block;
    text-align: center;
    text-align: center;
}
ul.teams li a:hover{
    background: rgba(0,0,0,0.5);
}
ul.teams li a{
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
ul.teams li .thumbnail{
    position: relative !important;
   
}

ul.teams li {
    width: calc(100%/3);
    float: left;
    position: relative;
        margin-bottom: 50px;
}

ul.teams li img {
 width: 100%;  
 display: block;
 height: auto;
}
.teams h3 {
    font-family: 'Conv_baskerville';
    font-size: 18pt;
    color: #000;
    margin-top: 15px;
}
.teams h3 strong {
       font-family: sans-serif;
    color: #f70800;
    font-weight: bold;
    font-size: 17pt;
   
}
#customer .icon-scroll-down {
     position: absolute; 
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: auto;
    z-index: 999;
    clear: both;
}
div#customer {
    position: relative;
}
.baner-title.col-4 {
    width: 40%;
    float: left;
}
#customer 
.baner-title.col-8 {
    width: 60%;
    float: left;
}
#contact_us .col-4{
    position: relative;
    border-left: solid 1px #f70800;
}
#contact_us .col-4 strong{
    color: #f70800;
}
#contact_us .col-4 a:hover{
  text-decoration: underline !important;
}

#contact_us .col-4 em a:hover{
  text-decoration: none !important;
}

#contact_us .col-4 em{
 
    font-size: 22px;
}
/*#contact_us .col-4:after{
    position: absolute;
    height: 100%;
    width: 1px;
    background: red;

}*/

img{
    height: auto;
    max-width: 100%;
}


#our_team .slider.retail{
    background: #ddd;
}

#contact_us{
   
    padding-bottom:  60px;
}
#contact_us h3 {
    color: #000;
    font-family: 'Conv_PlayfairDisplay-Bold';
    font-size: 39pt;
    width: 100%;
    margin-bottom: 15px;
    line-height: 40px;
}
#contact_us h4{
    font-size: 25pt;
    font-family: 'Conv_PlayfairDisplay-Bold';

}
.col-8 {
    width: 65%;
    float: left;
}
#contact_us p {
    font-family: 'Conv_PlayfairDisplay-Bold';
    margin-bottom: 10px;
}
#contact_us p a{
    color: #000;
    text-decoration: none !important;
}
#contact_us .container{
     margin-top: 50px;
}
.col-4 {
    width: 30%;
    float: right;
    text-align: right;
    padding-left: 10px;
}
#contact_us blockquote:before, #contact_us blockquote:after{
    float: left;
}

#contact_us ul.social {
    margin-top: 25px;
    display: block;
}
#contact_us ul.social li:last-child {
   margin-right: 0 !important;
}
ul.portfolio li{
    float: left;
    width: calc(100%/3);
    display: table;
}
ul.portfolio li img{
    width: 100%;
    height: auto;
    display: block;
}
div#our_client {
    background: #ffffff;
}
div#our_client h2 {
    margin-bottom: 30px;
}
div#our_client {
    padding-bottom: 10px;
}
.left.social-ul {
    width: auto;
   float: none;
    position: absolute;
    bottom: 40px;
        right: 5px;
}
header#header:not(.hasScrolled){
position: fixed;
z-index: 9999999;
/* right: 90%; */
top: 20%;
font-family: 'Baskerville-bold';
font-size: 12pt;
color: #fff;
/* transform: translateY(-50%); */
max-width: 1300px;
width: 100%;
margin: 0 auto;
left: 0;
    right: 0;
}
header#header:not(.hasScrolled) a{
    text-align: left;

}
header#header {
    position: fixed;
       z-index: 9999999;
    right: 0;
    top: 50%;
    font-family: 'Baskerville-bold';
    font-size: 12pt;
    color: #fff;
    transform: translateY(-50%);
}
header#header a{
        font-family: 'Baskerville-SemiBold';
    font-size: 13pt;
    color: #fff;
    margin-bottom: 14px;
    display: block;
    text-align: right;
    text-decoration: none !important;
}
header#header:not(.hasScrolled) a{
    color: #fff !important;
}
.hasScrolled nav#menu.open{
    display: block !important;
}
.icon-toggle {
    text-align: right;
    width: 45px;
    float: right;
    display: none;
   cursor: pointer;
}
.icon-toggle span {
    display: block;
    background: #D3D3D3 !important;
    margin-bottom: 10px;
    text-align: center;
    margin-right: 0 !important;
    opacity: 1;
    z-index: 999;
    position: relative;
    border: solid 2px;
    border-color: #D3D3D3 !important;
}
.logo-work img {
    max-height: 70px;
    width: auto !important;
}
.logo-work {
    position: absolute;
    top: 10%;
    left: 0;
    max-width: 1200px;
    right: 0;
    margin: 0 auto;
}
#burdens .logo-work li:first-child{
        background: #fff;
    padding: 10px;
}
/*#berkowitz .logo-work li:first-child{
        background: #000;
    padding: 10px;
}*/
#berkowitz .logo-work li{
    display: block;
}
.logo-work li {
    display: inline-block;
    margin-right: 15px;
}
.hasScrolled .icon-toggle {
    display: block;
}
.hasScrolled nav#menu {
    display: none;
}
.icon-toggle span{
    display: block;
   
    height: 2px;
 
}
#toolbox  .banner-toobox ul{
    margin-bottom: 15px;
}
#toolbox  .banner-toobox ul li {
    list-style: square;
    color: #f70800;
        font-family: 'Playfair Display', serif;
    list-style-position: inside;
        font-size: 11pt !important;
  
    line-height: 25px !important;
}
#toolbox  .banner-toobox ul li  strong {
    color: #fff;
}
.inner .baner-title.col-4 h2 {
    font-size: 25pt;
    position: absolute;
    bottom: 25px;
    left: 20px;
    margin-bottom: 0;
}
.inner .baner-title.col-4 {
    width: 280px;
   position: relative;
    margin-right: 5%;
    float: left;
    text-align: left;
    background: #f70800;
    color: #fff;
    /*padding: 10% 10px 10px 20px;*/
    box-sizing: border-box;
    height: 280px;
}
.inner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
.inner .baner-title.col-4 strong{
    color: inherit;
}
.inner .baner-title.col-4 h2{
    font-size: 34pt;
}
.inner .baner-title.col-4 h2 strong{
    display: block;
    font-size: 43pt;
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
}

.inner .baner-title.col-8 p, .inner .baner-title.col-8 ul li{
        line-height: 30px;
    font-size: 13pt;
    font-family: 'Conv_PlayfairDisplay-Bold';
}
.inner .baner-title.col-8 ul li{
    list-style: square;
    color: #f70800;
    list-style-position: inside;
}

.inner .baner-title.col-8 ul li strong{

    color: #000;
}
h4 p{
    font-size: inherit !important;
}
#customer .baner-title.col-8 a, #toolbox  .banner-content.col-8 a{
        display: inline-block;
    margin-top: 10px;
    font-size: 15pt;
    font-family: 'Baskerville-BoldItalic';
    color: #f70800;
    text-decoration: none;
    padding-bottom: 5px;
    /* display: block; */
    border-bottom: solid 2px;
}

 #toolbox  .banner-content.col-8 a{
    color: #fff !important;
    border-color: #f70800;
 }
#customer .baner-title.col-8 a span{
    color: #000;
}

.icon-scroll-down a i, .icon-scroll-up a i{
    font-size: 40px;
    color: #Fff;
    z-index: 999;
}
#home .icon-scroll-down{
    position: absolute;
    bottom: 0px;
}
.icon-scroll-up{
    /*position: absolute; */
    background: #f70800;
    width: 50px !important;
    height: 50px;
    left: 0;
    right: 0;
    top: 0px;
    margin: 0 auto;
    text-align: center;
    width: auto;
    z-index:999;
}
#portfolio .slider {
    clear: both;
    position: relative;
    background: #ddd;
}
header.hasScrolled {
    top: 60px !important;
    transform: translateY(0) !important;
    display: none;
}
header.hasScrolled.open_menu {

    display: block!important;

}


#our_team .banner {
    background: transparent;
}
/*#our_team i.fa , #portfolio i.fa{
    color: #333 !important;
}*/
#our_team .baner-title.col-4 {
    width: 35%;
    float: left;
}
#our_team .baner-title.col-4 h3{
    color: #000;
    font-size: 18pt;
    font-family: 'Conv_baskerville';
    text-align: left;
    margin-top: 30px;
    display: block;
}
#our_team .baner-title.col-4 span{
    color: #f70800;
    text-align: left;
    font-size: 16pt;
    display: block;
    font-family: sans-serif;
   /* font-family: 'Conv_HelveticaNeueLTStd-Hv';*/
}
a.trigger_slider {
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
        left: 0;
    height: 100%;
}
#video-background {
/*  making the video fullscreen  */
  position: absolute;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
div#retail p,
div#retail p {
    font-size: 14pt !important;
     font-family: 'Baskerville-bold';
         margin-bottom: 50px;
    margin-top: 40px;
    display: block;
}
div#toolbox h4 {
    font-size: 14pt;
    font-family: 'Baskerville-bold';
    line-height: 25px;
}
.banner-content.col-8 p {
    padding-left: 5%;
   font-family: 'Playfair Display', serif;
    font-size: 13pt;
    line-height: 25px;
    line-height: 29px;
}
#our_team .banner-content.col-8 p {
    font-family: 'Conv_PlayfairDisplay-Bold';
}

div#contact_us h2 {
    margin-bottom: 50px;
}

ul.teams {
    margin-top: 30px;
}

div#portfolio h2 {
    margin-bottom: 40px;
    display: block;
}
div#about {
    padding-bottom: 40px;
}
.full-content {
    overflow: hidden;
    padding: 15% 15px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#portfolio .banner-portfolio{
    top: 5%!important;
    transform: translateY(0) !important;
    height: auto !important;
    right: 30px;
  
    margin: 0 auto;
    padding: 40px 30px;
    position: absolute;
    text-align: right;
}
#portfolio .banner-portfolio .baner-title{
    font-size: 40pt;
    font-family: 'Conv_baskerville';
}

#portfolio .banner-portfolio .baner-title strong{
    color: #f70800;
    font-family: sans-serif;
}
#portfolio .banner-portfolio .baner-title p{
 max-width: 500px;
    font-size: 11pt;
    font-family: 'Baskerville-bold';
    float: right;
    margin-top: 30px;
    line-height: 23px;
}

.banner-toobox {
      position: absolute;
    height: auto !important;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    left: 50%;
}
.banner-toobox .baner-title.col-4 {
       width: 250px !important;
    height: 250px;
        margin-bottom: 25px;
    margin-right: 5%;
    float: left;
    text-align: left;
    color: #fff;
    /*padding: 20% 10px 10px 20px;*/
    box-sizing: border-box;
    font-family: 'Conv_baskerville';
    font-size: 30pt;
    position: relative;
}
.banner-toobox .baner-title.col-4 .title{
  
    position: absolute;
    bottom: 35px;
    height: auto;
    left: 25px;
}
.banner-toobox .baner-title.col-4 strong{
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    display: block;
    font-size: 33pt;
}
.banner-toobox{
    color: #fff;
    padding: 30px 15px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.5);
}
.banner-toobox h4{
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    font-size: 13pt;
    margin-bottom: 10px;
    line-height: 23px;

}

.banner-toobox p{
    padding-left: 0 !important;
        font-size: 11pt !important;
       margin-bottom: 10px;
    line-height: 22px !important;
}
 div#home .owl-carousel,
  div#toolbox .owl-carousel{
        height: 100vh !important;
}
#toolbox .list_retails span{
        position: absolute;
    bottom: 40px;
}
#toolbox .list_retails .box {
    position: relative;
  
    /*padding: 10% 10px 25px 25px;*/
}
#retail .baner-title.col-left {
   height: 250px;
    background: #f70800;
    position: relative;

}
#retail  .baner-title.col-left h2 {
        position: absolute;
    bottom: 20px;
    margin-bottom: 0;
    margin-left: 15px;
}
div#toolbox {
   
  background: rgba(234,246,249,1);
background: -moz-linear-gradient(left, rgba(234,246,249,1) 0%, rgba(234,246,249,0.95) 30%, rgba(177,214,215,0.92) 49%, rgba(234,246,249,0.88) 68%, rgba(234,246,249,0.83) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234,246,249,1)), color-stop(30%, rgba(234,246,249,0.95)), color-stop(49%, rgba(177,214,215,0.92)), color-stop(68%, rgba(234,246,249,0.88)), color-stop(100%, rgba(234,246,249,0.83)));
background: -webkit-linear-gradient(left, rgba(234,246,249,1) 0%, rgba(234,246,249,0.95) 30%, rgba(177,214,215,0.92) 49%, rgba(234,246,249,0.88) 68%, rgba(234,246,249,0.83) 100%);
background: -o-linear-gradient(left, rgba(234,246,249,1) 0%, rgba(234,246,249,0.95) 30%, rgba(177,214,215,0.92) 49%, rgba(234,246,249,0.88) 68%, rgba(234,246,249,0.83) 100%);
background: -ms-linear-gradient(left, rgba(234,246,249,1) 0%, rgba(234,246,249,0.95) 30%, rgba(177,214,215,0.92) 49%, rgba(234,246,249,0.88) 68%, rgba(234,246,249,0.83) 100%);
background: linear-gradient(to right, rgba(234,246,249,1) 0%, rgba(234,246,249,0.95) 30%, rgba(177,214,215,0.92) 49%, rgba(234,246,249,0.88) 68%, rgba(234,246,249,0.83) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf6f9', endColorstr='#eaf6f9', GradientType=1 );
}
#toolbox .list_retails .box:before{
    content:'';
    padding:50% 0; /* vertical value as  100% equals width */
    display:block;
}
#toolbox .list_retails h5 {
    font-size: 14pt;
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    text-align: left;
    margin-top: 70px;
    color: inherit;
}
#toolbox .list_retails span{
        position: absolute;
    bottom: 40px;
    text-align: left;
    padding: 0;
    left: 20px;
}
.list_retails .box {
    position: relative;
  
}
#our_team .col-8 {
    width: 62%;
    float: left;
}

@media(min-width: 1400px){
   /* .owl-carousel div:not(.owl-controls) , .owl-carousel div:not(.owl-dots){

       max-height: 100vh;
    }*/
    div#home .owl-carousel,
    div#toolbox .owl-carousel,
    div#retail .owl-carousel
    {
        height: 100vh !important;
    }
    #portfolio .owl-nav > div.owl-prev {
  
    left: -50px;
}
#portfolio .owl-nav > div.owl-next {
  
    right: -50px;
}
}

@media (max-width: 1349px){
    /*div#home .owl-carousel,
    div#toolbox .owl-carousel,
    div#retail .owl-carousel
    {
        max-height: 850px !important;
    }*/
    #portfolio .owl-carousel .owl-item img {
    display: block;
    width: 100%;
        margin-bottom: 50px;
    margin-top: 10%;
    }
    .banner-toobox {
 
    padding: 15px 15px;
  
    }
}
@media (max-width: 1310px){
    ul.list_retails li span strong,ul.list_issue li span strong {
 
    font-size: 34pt;
    }
    ul.list_retails li ,ul.list_issue li{
  
    font-size: 28pt;
   

}
ul.list_issue li .box{
    max-width: 90%;
}
ul.list_issue li{
    min-height: 280px;
}
}

@media (max-width: 1110px){
    #retail ul.list_retails li{
        width: calc(100%/3);
    }
    #retail ul.list_retails li:nth-child(3) .box:after {
        display: none;
    }
}
@media (max-width: 1030px){
    ul.list_issue li {
   
    font-size: 25pt;
    
    }
    ul.list_issue li span strong {
  
    font-size: 30pt;
}
ul.list_issue li .box {
    max-width: 95%;
    position: absolute;
   
}
}

@media (max-width: 1024px){
    /*header#header:not(.hasScrolled){
        display: none;
    }*/
    .left.social-ul {
    width: auto;
    float: none;
    position: static;
    bottom: 40px;
    right: 5px;
    margin-top: 24px;
    /* float: right; */
}
   ul.list_retails li span strong,ul.list_issue li span strong {
 
    font-size: 25pt;
    }
    ul.list_retails li ,ul.list_issue li{
  
    font-size: 22pt;

    }
    ul.list_work li h3 {
        font-size: 48pt;

    }
    #home .content-inside,#home .banner {
    position: static;
       padding-top: 20px;
   
}
#home .slider {
    display: none;
}
}
@media (max-width: 850px){
    ul.list_retails span {
    padding: 40% 10px 25px 10px;
    display: block;
    color: #fff;
    }
    ul.list_work li h3 {
        font-size: 45pt;
       
    }
    #portfolio .owl-carousel .owl-item img {
 
    margin-top: 25%;
    }
    .inner .baner-title.col-4 h2 strong {
 
    font-size: 31pt;
   
    }
    .inner .baner-title.col-4 h2 {
        font-size: 25pt;
    }

}

@media (max-width: 800px){
    ul.list_retails li {
    display: inline-block;
       min-height: 300px;
    width: calc(100%/2);
        margin-bottom: 40px;
   
}
ul.list_retails li span strong{
 
    font-size: 35pt;
    }
    ul.list_retails li{
  
    font-size: 28pt;

    }
    ul.list_issue li {
    font-size: 21pt;
}
p {
    
    font-size: 12pt;
}
.teams h3 strong {
    color: #f70800;
    font-weight: bold;
    font-size: 14pt;
}
.baner-title.col-left strong {
    font-family: 'Conv_HelveticaNeueLTStd-Hv';
    font-size: 31pt;
    color: #fff;
}
#home .baner-title.col-left h2 {
    font-size: 25pt;
    margin-bottom: 15px;
}
.banner-content.col-left p, blockquote {
    font-size: 14pt;
    
}
}

@media (max-width: 768px){
    #contact_us .col-4,
    #contact_us .col-8 {
    position: relative;
    border-left: solid 1px #f70800;
    float: none;
    width: 100%;
    margin-bottom: 25px;
    border: none;
    text-align: center;
        padding-left: 0;
}
.banner-toobox .baner-title.col-4 {
    margin-bottom: 25px;
}
.banner-toobox .banner-content.col-8 {
    width: 100%;
    margin-bottom: 60px;
}
/*.baner-title.col-left {
  
    width: 200px;
    height: 200px;
  
    }*/
}


@media (max-width: 767px){
    #home .banner {
     position: static;
     margin-top: 25px;
     padding: 15px 30px;
    }
    .logged-in #home .icon-scroll-down {

    bottom: 0px;
    }
    .banner-content.col-left p, blockquote {
        font-size: 12pt;
        margin-bottom: 10px;
    }
    div#home .owl-carousel, div#toolbox .owl-carousel {
        min-height: 600 !important;
    }
    #home .baner-title.col-left h2 {
   
    min-width: 0;
   
    }
    ul.list_issue li .box {
        max-width: 100%;
        /* position: static; */
        top: 0 !important;
        right: 0 !important;
        /* padding: 0; */
        height: 100%;
        display: block;

    }
    ul.list_issue li {
       min-height: 250px;
        width: calc(100%/3);
        
        font-size: 31pt;
     
    }
    ul.list_issue li {
        font-size: 19pt;
    }
    ul.list_issue li span strong {
        font-size: 21pt;
    }
    .des p {
        font-size: 16pt;
    }
    ul.list_issue {
        overflow: hidden;
        margin-bottom: 25px;
    }
    h2 {
        font-size: 26pt;
       
    }
    h4 {
        font-size: 20pt;
        font-family: 'Conv_baskerville';
        margin-bottom: 40px;
    }
    #portfolio .banner-portfolio .baner-title {
        font-size: 30pt;
        margin-top: 60px;
        font-family: 'Conv_baskerville';
    }
    #portfolio .owl-carousel .owl-item img {
        margin-top: 30px;
            margin-bottom: 50px;
    }
    ul.list_work li h3 {
        font-size: 28pt;
    }
    #portfolio .owl-slide{
        display: table;
    }
    #portfolio .banner-portfolio{
        display: table-header-group;
        float: none;
        position: static;
    } 
    #our_work .slider.retail .banner-work{
        position: static;
        moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 1;
    }

}

@media (max-width: 700px){
    .banner {
        transform: none !important;
    position: static;
    
    }
    .col-left{
        display: block;
        clear: both;
            padding-left: 0 !important;
    }
    .baner-title.col-left {
        margin-bottom: 15px;
    padding: 15px;
    }
    .baner-title.col-left h2 {
    
        margin-bottom: 0;
    }
    .banner-toobox {
    position: static;
    transform: none !important;
    overflow: hidden;
    padding: 50px 15px;
    }
   div#toolbox .owl-carousel {
    height: 850px !important;
    }
    .inner .baner-title.col-4 {
  
    max-width: 100%;
  float: none;
    padding: 15px;
 
}
#customer 
 .baner-title.col-8 {
    width: 100%;
    float: none;
    padding: 15px;
    margin-top: 5px;
}

}

@media (max-width: 690px){
    #retail ul.list_retails li{
        width: calc(100%/2);
    }
    #retail ul.list_retails li:nth-child(2) .box:after,
    #retail ul.list_retails li:nth-child(4) .box:after {
        display: none;
    }
    #retail ul.list_retails li:nth-child(3) .box:after,
    #retail ul.list_retails li:nth-child(5) .box:after {
        display: block ;
    }
}
@media (max-width: 540px){
    ul.teams li {
    width: calc(100%/2);
    float: left;
    margin-bottom: 50px;
    min-height: 270px;
}
ul.list_retails li span strong {
    font-size: 30pt;
}
#our_team .baner-title.col-4 ,#our_team .col-8 {
    width: 100%;
    float: none;
    padding-left: 0;

}
#our_team .baner-title.col-4{
        margin-top: 50px;

}
#toolbox .list_retails .box {
    position: relative;
    min-height: 150px;
    padding: 10% 10px 25px 25px;
}
#our_team .col-8 p{
    padding-left: 0 !important;
    margin-top: 15px;
}
.teams h3 strong {
   
    font-size: 16pt;
}
ul.portfolio li {
    float: left;
    width: calc(100%/2);
}
}
@media (max-width: 500px){
    ul.list_work li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    }
    ul.list_retails li {
       
        font-size: 16pt;
       
    }
    ul.list_retails li span strong {
     
        font-size: 16pt;
    }
    .list_retails .box, ul.list_retails li,ul.list_issue li {
        position: relative;
        min-height: 180px;
    }
    ul.list_issue li {
       
        width: calc(100%/2);
        
    }
    div#home .owl-carousel {
        height: 900px !important;
     }


    #retail ul.list_retails li{
        width: calc(100%);
        min-height: 0;
            max-width: 260px;
    }
    #retail .list_retails .box{
        min-height: 0 !important;
    }
    #retail ul.list_retails .box:after {
        display: none !important;
    }
    
}


/*@media (max-width: 670px){
    
}*/