/*basic atts*/
*               { font-family: "Open Sans", sans-serif; text-decoration: none!important; }
img             { width: 100%;}
#wrapper            { overflow: hidden; }
.case           { display: inline-block; width: 100%; position: relative; }
.case-title             { margin-bottom: 30px; position: relative; }
.case-title h3              { font-size: 28px; letter-spacing: 3px; margin-top: 0; font-weight: 600; color: #212121; line-height: 60px; margin-bottom: 0;}
.case-title.bordered h3                 { border-bottom: 2px solid #d50f27; }
.case-title p                   { font-size: 12px!important; font-family: "Open Sans", sans-serif!important; font-weight: 400; line-height: 16px;  color: #666;  letter-spacing: 1.5px; }
.case-inner p                   { font-size: 12px!important; line-height: 25px; font-family: "Open Sans", sans-serif!important; font-weight: 400; color: #666; letter-spacing: 1.5px; }
.case-inner a                   { color: #d50f27; }
 .site-logo             { position: relative; top: 10px; position: relative; z-index: 1000}
 .site-logo img            { position: relative; top: 10px; width: auto; max-width: 139px;}



.tab-navigation > ul > li            { padding: 0 15px; }
.tab-navigation > ul > li > a            { display: block; letter-spacing: 2px; font-size: 16px; color: #555; line-height: 40px;  }
.tab-navigation > ul > li > a.active             { color: #212121; border-bottom: 2px solid #d50f27; }
.inner-tab-navigation > ul > li > a              { font-size: 12px; line-height: 30px; padding: 0 10px; display: block; color: #888; letter-spacing: 2px; }
.inner-tab-navigation > ul > li > a.active-inner             { color: #212121;  }

.product                { float: left; }
.product-image           { margin-bottom: 30px; }
.product-name h2             { font-size: 20px; font-weight: 600; color: #d50f27; }
.product-name h2 p           { font-size: 14px; color: #555; margin-top: 15px; font-weight: 400; }
.product img             { width: 100%; max-width: 370px; }

#aboutus                { padding-bottom: 100px; }
#catalogue              { padding-top: 30px; }
#banner ul               { margin: 0; }
#aboutus,
#contactus,
#withus                 { background: #f0f0f0; clear: both; }
#withus                 { padding: 30px 0 70px;}
#contactus .case-title          { background: #fff; padding: 25px 0 0;}
#contactus .case-title p            { margin-top: 30px; }
#contactus .case-title:after            { content: ""; border-right:1000px solid transparent; border-left:1000px solid transparent; border-top: 60px solid #fff; left: 50%; top: 100%; margin-left: -1000px; position: absolute; z-index: 2; }
#aboutus:after          { content: ""; border-right:1000px solid transparent; border-left:1000px solid transparent; border-bottom: 60px solid #f0f0f0; left: 50%; bottom: 100%; margin-left: -1000px; position: absolute; z-index: 200; }
#withus:before              { content: ""; border-right:1000px solid transparent; border-left:100px solid transparent; border-bottom: 60px solid #fff; left: 0%; bottom: 0; margin-left: -200px; position: absolute; z-index: 200; }
#withus:after               { content: ""; border-right:800px solid transparent; border-left:400px solid transparent; border-bottom: 60px solid #fff; left: 50%; bottom: 0; margin-left: -400px; position: absolute; z-index: 200; }

#header:before              { content: ""; border-right: 370px solid transparent; border-left: 340px solid transparent; border-top: 35px solid #fff; left: 15%; top: 100%; margin-left: -420px; position: absolute; z-index: 200;}
#header:after               { content: ""; border-right:100px solid transparent; border-left:1000px solid transparent; border-top: 20px solid #fff; left: 50%; top: 100%; margin-left: -400px; position: absolute; z-index: 200; }

#catalogue              { padding: 0 0 100px 0; }
#catalogue:before               { content: ""; border-right: 290px solid transparent; border-left: 810px solid transparent; border-bottom: 45px solid #fff; left: 15%; bottom: 100%; margin-left: -520px; position: absolute; z-index: 200;}
#catalogue:after                { content: ""; border-right:400px solid transparent; border-left:1000px solid transparent; border-bottom: 50px solid #fff; left: 50%; bottom: 100%; margin-left: -400px; position: absolute; z-index: 200; }

#withus:after               { content: ""; border-right: 290px solid transparent; border-left: 810px solid transparent; border-bottom: 45px solid #f0f0f0; left: 15%; bottom: 100%; margin-left: -520px; position: absolute; z-index: 200;}
#withus:before              { content: ""; border-right:400px solid transparent; border-left:1000px solid transparent; border-bottom: 50px solid #f0f0f0; left: 50%; bottom: 100%; margin-left: -400px; position: absolute; z-index: 200; }

#contactus:before               { content: ""; border-right: 490px solid transparent; border-left: 360px solid transparent; border-bottom: 40px solid #fff; left: 50%; bottom: 100%; margin-left: -260px; position: absolute; z-index: 200;}
#contactus:after                { content: ""; border-right: 370px solid transparent; border-left: 340px solid transparent; border-bottom: 35px solid #fff; left: 15%; bottom: 100%; margin-left: -230px; position: absolute; z-index: 200;}

.download-area          { padding: 40px 0 0px;  margin-top: 30px;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.download-area p            { font-size: 14px; font-weight: 400; letter-spacing: 2px; line-height: 40px; }
.download-area .catalogue           { margin-bottom: 15px; }
.download-area .catalogue a             { display: block; overflow: hidden; border: 1px solid #ccc; position: relative; }
.download-area .catalogue .overlay      { opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); 
    -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.download-area .catalogue:hover .overlay        { opacity: 1; }
.download-area .catalogue .overlay i        { position: absolute; top: -100%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #eee; font-size: 30px;   -webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.download-area .catalogue:hover .overlay i      { top: 50%; }
.download-area .catalogue p             { font-size: 9px; margin: 10px 0; }

.contact-info           { padding-top: 100px; overflow: hidden; }
.contact-info h5            { font-size: 16px; font-weight: 700; margin: 25px 0;  letter-spacing: 2px;}
.contact-info p             { font-size: 12px; font-weight: 300; letter-spacing: 2px; line-height: 25px;  }
.contact-info a             { color: inherit; }
.contact-info .social-link a            { display: block; font-size: 24px; color: #888; padding: 0 5px;  }
.contact-info .social-link .facebook:hover          { color: #3b5998 }
.contact-info .social-link .instagram:hover             { color: #9b6954 }
.contact-info .social-link .twitter:hover           { color: #00aced }
.contact-info .social-link .gplus:hover             { color: #dd4b39 }
.contact-info .social-link .youtube:hover           { color: #bb0000 }
.contact-info label             { width: 100%; max-width: 370px; border-bottom: 1px solid #aaa; margin-bottom: 15px; font-weight: 400; font-style: italic; color: #000; letter-spacing: 2px; }
.contact-info input,.contact-info textarea          { background: transparent; width: 100%; color: #000; letter-spacing: 1px;}
.contact-info input             { line-height: 45px; }
.contact-info button            { line-height: 45px; font-weight: 700; color: #212121; letter-spacing: 2px; background: transparent; font-size: 16px; margin-bottom: 50px; }
.form-title                 { font-size: 24px; margin: 25px 0;  letter-spacing: 2px;}
/* MENU */  
.menu-opener            { position: absolute; height: 16px; width: 22px; right: 45px; top: 40px; z-index: 10000; }
.t,.m,.b                { width: 22px; height: 2px; background: #212121; position: absolute; left: 0; transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; }
.t                      { top: 0;  }
.m                      { top: 7px;  }
.b                      { top: 14px;  }
.active span    {top: 6px; background: #fff; }
.active span.m  { opacity: 0; }
.active span.t  { -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg) }
.active span.b  { -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg) }

.menu           { position: relative; padding: 0; }
.menu ul                { opacity: 0; position: absolute; top: 55px;right: -300px; background: #d50f27; width: 255px; padding: 20px 45px 0px; z-index: 9999; transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; }
.menu ul.active                { opacity: 1; right: 0; }
.menu ul:before                { content: ''; position: absolute; bottom: 100%; right: 0; border-left: 255px solid transparent; border-right: 0px solid transparent; border-bottom: 200px solid #d50f27;   }
.menu ul:after                { content: ''; position: absolute; top: 100%; right: 0; border-left: 255px solid transparent; border-right: 0px solid transparent; border-top: 90px solid #d50f27; z-index: -1;  }
.menu ul a                { line-height: 39px; display: block; color: #fff; font-weight: 600; font-size: 18px; letter-spacing: 2px; }


.owl-wrapper-outer          { position: relative; }
.owl-buttons > div          {  position: absolute; font-size: 40px; top: 50%; width: 56px; height: 56px; line-height: 56px; text-align: center; margin-top: -28px; }
.owl-next         { left: 100%; margin-left: -25px; }
.owl-prev         { right: 100%; margin-right: -25px; }
.owl-item       { padding: 0 10px; }


.legal-bar:before               { content: ""; border-right: 490px solid transparent; border-left: 360px solid transparent; border-bottom: 40px solid #fff; left: 50%; bottom: 100%; margin-left: -260px; position: absolute; z-index: 200;}
.legal-bar:after                { content: ""; border-right: 370px solid transparent; border-left: 340px solid transparent; border-bottom: 35px solid #fff; left: 15%; bottom: 100%; margin-left: -230px; position: absolute; z-index: 200;}

.legal-bar          { padding: 20px 0 40px;  position: relative;}
.legal-bar p            { font-size: 10px; font-weight: 300; color: #000; letter-spacing: 2px; line-height: 17px; }

.provider img { width: auto;  }
@media (max-width: 767px) {
.provider, .legal-bar p  { text-align: center; }
 .site-logo img            { max-width: 119px;}
#site-map{ height: 300px!important; }
}