﻿body
{
    margin: 0 auto;
    padding: 0;
    /*font-family:   'Open Sans', sans-serif;*/
    font-family: 'TitilliumText22L600wt';
    font-size: 16px;
    max-width: 1366px;
    color:#5a5a5a;
    letter-spacing: 1px;
 }
.container-fluid
{
   
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.row 
{
    margin-right: -15px;
    margin-left: -15px
}
.container 
{
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
a
{
       outline:none !important;
       text-decoration:none !important;
}
.overlay
{
    position:absolute;
    width:100%;
    height:250px;
    /*background:rgba(0,0,0,.1) url(../images/pattern.png);*/
    z-index:9;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.64) 2%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.64) 2%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.64) 2%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );

}
.hidden-block
{
    overflow:hidden;
    display:block
}
.clearfix
{
    clear:both;
}
.text-center
{
    text-align: center;
}
.text-right{text-align: right;}
/*--------Fonts-----------*/
@font-face {
    font-family: 'LitolandRegular';
    src: url('../fonts/LitolandRegular.eot');
    src: url('../fonts/LitolandRegular.eot') format('embedded-opentype'),
         url('../fonts/LitolandRegular.woff2') format('woff2'),
         url('../fonts/LitolandRegular.woff') format('woff'),
         url('../fonts/LitolandRegular.ttf') format('truetype'),
         url('../fonts/LitolandRegular.svg#LitolandRegular') format('svg');
}
@font-face {
    font-family: 'AvantGardeGothicITCW08-Bold';
    src: url('../fonts/AvantGardeGothicITCW08-Bold.eot');
    src: url('../fonts/AvantGardeGothicITCW08-Bold.eot') format('embedded-opentype'),
         url('../fonts/AvantGardeGothicITCW08-Bold.woff2') format('woff2'),
         url('../fonts/AvantGardeGothicITCW08-Bold.woff') format('woff'),
         url('../fonts/AvantGardeGothicITCW08-Bold.ttf') format('truetype'),
         url('../fonts/AvantGardeGothicITCW08-Bold.svg#LitolandRegular') format('svg');
}
@font-face {
    font-family: 'PolyRegular';
    src: url('../fonts/PolyRegular.eot');
    src: url('../fonts/PolyRegular.eot') format('embedded-opentype'),
         url('../fonts/PolyRegular.woff2') format('woff2'),
         url('../fonts/PolyRegular.woff') format('woff'),
         url('../fonts/PolyRegular.ttf') format('truetype'),
         url('../fonts/PolyRegular.svg#PolyRegular') format('svg');
}
@font-face {
    font-family: 'MISTRAL';
    src: url('../fonts/MISTRAL.eot');
    src: url('../fonts/MISTRAL.eot') format('embedded-opentype'),
         url('../fonts/MISTRAL.woff2') format('woff2'),
         url('../fonts/MISTRAL.woff') format('woff'),
         url('../fonts/MISTRAL.ttf') format('truetype'),
         url('../fonts/MISTRAL.svg#MISTRAL') format('svg');
}
@font-face {
    font-family: 'TitilliumText22L600wt';
    src: url('../fonts/TitilliumText22L600wt.eot');
    src: url('../fonts/TitilliumText22L600wt.eot') format('embedded-opentype'),
         url('../fonts/TitilliumText22L600wt.woff2') format('woff2'),
         url('../fonts/TitilliumText22L600wt.woff') format('woff'),
         url('../fonts/TitilliumText22L600wt.ttf') format('truetype'),
         url('../fonts/TitilliumText22L600wt.svg#TitilliumText22L600wt') format('svg');
}

/*--------------Header Row----------------*/
.header-block
{
   width: 100%;
    display:block;
    position:absolute;
    z-index:999;
    overflow:hidden;
    margin:0;
    padding:0;
    top:0;
    max-height:100px;
   /* background:#fff;*/
}

.logo-part
{
    width: 300px;
    float: left;
    height: 175px;
    background: #E46C0B;
    overflow: hidden;
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    text-align: center;
    margin-top: -145px;
    border:3px solid #fff;
    border-radius:30px;
    
}
.logo-part a img{
    width: 100px;
    margin: 110px 0 0 195px;
    transform: rotate(-25deg);
}

/*----------Menu----------*/
.menu-part
{
     width: 990px;
    float: left;
   max-height:100px;
   padding:0;
   margin:0;
  
   overflow:hidden;
   display:block;
   position:relative;
}
.menu-part ul{
 
   margin:28px 0;
    float:right;
}
.menu-part ul li{
    display:inline-block;
    list-style-type: none;
}
.menu-part ul li a{
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom:2px solid transparent;
}
.active-menu
{
     background:#E46C0B;
      border-bottom:2px solid #fff !important;
}
.menu-part ul li a:hover
{  
    color: #fff;
    background:#E46C0B;
    border-bottom:2px solid #fff;
}
.iso-logo{
    float: right;
margin-top: 10px;
margin-left:20px;
}
.iso-logo img
{
    width:100px;
}
/*----------fixed menu------------*/
.fixed-header
{
    position: fixed;
    height: 65px;
    background: rgba(0,0,0,0.7) url(../images/pattern.png);
    border-bottom: 3px solid #fff;
}
.fixed-logo 
{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    margin-top: 5px;
    height: 55px;
    background: none;
    border: none;
}
.fixed-logo a img
{
     width: 100px;
    margin: 0px;
     transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    border:2px solid #fff;
}
.fixed-menu-part
{
    height: 65px;
    margin-top: 0px;
}
.fixed-menu-part ul {
    margin: 17px 0;
   
}
.fixed-menu-part .iso-logo {
    margin-top: 4px;    
}
.fixed-menu-part .iso-logo img {width: 90px;}
/* -----------   Animation css for fixed Menu  -------- */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
/*---------fixed menu over--------*/
.slide-text
{
    position: absolute;
    left: 25%;
    top:35%;
    width:700px;
    padding: 20px;
    text-align:center;
    overflow:hidden;
    display:block;
    /*background:rgba(0,0,0,.2);*/
    z-index:999;

}
.slide-text h4
{
   font-family: 'MISTRAL';
font-size: 60px;
color: #E46C0B;
font-weight: 400;
margin: 0;
padding: 0;
text-shadow: 2px 4px 5px #000;
}
.flexslider > .slides > li > .slide-text >span
{  
    font-size:50px;
    letter-spacing: 3px;
    color:#fff;   
    text-shadow: 2px 4px 5px #000;
    font-family: 'AvantGardeGothicITCW08-Bold',Arial;
}
.flexslider > .slides > li > .slide-text > p
{ 
   font-family: 'TitilliumText22L600wt';
    font-size:16px;    
    color:#fff;   
    z-index:9999;
    letter-spacing: 5px;
    margin: 15px 0;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
}
/*--------background--------*/
.bg1
{
     background:#fff url(../images/diamond-bg-red.svg)no-repeat right;
     background-size: cover;
}
.bg2
{
     background:#E46C0B;
}
.prod_bg
{
     background:#f5f5f5;
}
.contact_bg
{
     background:#f5f5f5 url(../images/contact-bg.jpg)no-repeat center;
     background-size: cover;
}
.footer_bg
{
     background:#000;
    
}
/*----------Pointer----------*/
.pointer 
{
    position:absolute;
    width:70px;
    height:70px;
    bottom:0px;
    z-index:999;
    left:50%;
    text-decoration: none;
     animation: fadeInDown 2s infinite;
}
  
         @-webkit-keyframes fadeInDown {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes fadeInDown {
            0% {
               opacity: 0;
               transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
         .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
         }
/*-----------content part-----------*/
.content-part
{
    display:block;
    overflow:hidden;
    margin:0;
    padding:50px 0;
    width:100%;
    position: relative;
    /*min-height:400px;*/
}
.heading
{
    color: #F88C35;
    font-weight: 500;
    font-family: 'AvantGardeGothicITCW08-Bold',Arial;
    letter-spacing: 2px;
    margin-bottom: 60px;
}
.heading span{color:#333;text-transform: uppercase;}
.heading::before
{
    content: '';
width: 150px;
height: 2px;
background: #000;
position: absolute;
left: 45%;
top: 128px;
}
.heading::after
{
    content: '';
width: 100px;
height: 2px;
background: #E46C0B;
position: absolute;
left: 47%;
top: 135px;
}
.content-part p
{
    line-height:1.5em;
    letter-spacing: 1px;
    color: #5a5a5a;
}
.right-part
{
    width:50%;
    display:block;
    overflow:hidden;
    float:right;
}
.left-part
{
    width:50%;
    display:block;
    overflow:hidden;
    float:left;
}
.part-bg
{
    background: rgba(231, 231, 231, 0.5);
    padding: 10px 20px;
}
.right-part ul,.left-part ul
{
    width: 100%;
    display: block;
    margin-left: -25px;
    color: #5a5a5a;
}
.right-part ul li,.left-part ul li{margin:6px 0;}
.right-part h2
{
    font-weight: 600;
    color:#333333;
}
/*-----------Mission------------*/
.mission-part
{
    height: 450px;
    padding: 30px 0;
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -35px;
}
.mission-part::before
{
    content: '';
    width: 700px;
    height: 30px;
    position: absolute;
    right: -15px;
    margin-top: -30px;
    background: #E46C0B;
    transform: skew(-40deg);
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
}
.mission-part::after
{
    content: '';
width: 700px;
height: 30px;
position: absolute;
right: -15px;
bottom: 0px;
background: #fff;
transform: skew(-40deg);
}
.mission-text p,.mission-text ul,.mission-text h2
{
    color: #fff;
}
.mission-text h2
{
    text-shadow: 2px 2px 1px #333;
    margin-top: 12px;
    font-weight: 600;
}
.m-img
{
    width: 85%;
    margin: 40px 0 50px 70px;
    opacity: .9;
}
/*-----------Products------------*/
.nav-tabs > li {
   
    margin-bottom: -1px;
   margin-right: 5px;
}
.nav-tabs > li > a {
    width: 100%;

    border-radius: 10px 10px 0 0;
    padding: 11px 10px 10px;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #ddd;
    border: 1px solid #ccc;    
    border-bottom: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,.nav > li > a:focus, .nav > li > a:hover {
    color: #fff;   
    background-color: #E46C0B;
    width: 100%;
    border: 1px solid transparent;
   }
.tab-content 
{
    margin-top: 0;
    padding: 5px 20px 20px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
}
.nav-tabs {
    border-bottom: none;
}
.tab-content > .active {
   background: #fff;
}
.prod-img
{
    float: left;
    width: 220px;
   margin: 0 20px 20px 0;
    border: 1px solid #ccc;
    padding: 10px;
}
.tab-content  h3
{
    font-size: 20px;
    font-weight: 600;
    color: #E96B06;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/*-------------contact address--------------*/
.address-block
{
    width: 32%;
    padding: 0px 10px;
    margin: 15px 10px 15px 0;
    height: 250px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    text-align: center;   
    background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
    
}
.address-block:first-child
{
    margin-left: 0px;
}
.address-block:last-child
{
    margin-right: 0px;
}
.icon-block
{
    display: block;
    width: 100px;
    height: 100px;
    border: 4px solid #adadad;
    margin: 20px auto;
     background: #fff;
    
}
.icon-block img
{
    margin-top: 15px;

}
.address-block h3
{
    color: #F88C35;
    font-size: 20px;
    font-weight: 600;   
    letter-spacing: 1px;
    text-transform: uppercase;
}
.address-block p
{
    margin-top: 20px;    
    font-size: 14px;
    text-transform: uppercase;
}

.cp-block
{
    width: 98.7%;
    padding: 10px;
    /*margin-left: 15px;*/
    height: 50px;
    display: block;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    text-align: center;
    background: #f5f5f5;
    
}
.cp-block p
{
    margin-top: 0px;    
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: 2px 4px 2px #b0b0b0;
}
.cp-block p span
{
    margin-right: 15px;    
   font-weight: 600;
   color: #E56C03;
   font-size: 22px;
}
.map
{
    padding: 10px 10px 3px;
    border: 4px solid rgb(255, 255, 255);
    background: rgba(255,255,255,.3);
    max-height: 440px;
    height: 440px;
}
.contact-form {
    display: block;
    overflow: hidden;
    position: relative;
    height: 440px;
    max-height: 440px;
    padding: 20px;
    margin: 0px 0px 50px;
    background: rgba(255, 255, 255, 0.5);
   
}
.form-control {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
}
.form-control:focus {
    border-color: #fff;
    box-shadow:0 0 10px #666,inset 0 0 10px #d1d1d1;
}
.contact-form input, .contact-form textarea {
    margin: 10px 0px;
    border-bottom: 1px solid #F8F8F8;
    box-shadow: inset 0 0 10px #d1d1d1;
}
.form-btn
{
   padding: 8px 10px;
    text-align: center;
    margin-top: 1px;  
     font-size: 14px;
    letter-spacing: 1px;
    border: 2px solid #fff;  
    color: #5a5a5a;
    text-transform: uppercase;
     background-color: rgba(233, 233, 233, 0.5);
}
.submit-btn {  
    position: relative;    
   
}

.form-btn i
{
    font-size: 14px;
    padding-right: 10px;
    color: #E56C03;
    margin-right: 8px;
    border-right: 2px dotted #fff;
}
.form-btn:hover{
    background: #E46C0B;
    color: #fff;
}
.form-btn:hover i
{    
    color: #fff;
}
/*-----------Footer--------------*/
.footer-part 
{
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0px 0;
    width: 100%;
    position: relative;
     border-top: 5px solid #fff;
}
.footer-part p
{
    font-size: 14px;
    color: #666;
    text-shadow: 1px 1px 0px #000;
    margin: 10px 0;
    line-height: 1.7em;
    z-index: 99;
    position: relative;
}
.footer-part p a
{
    
    color: #E56C03;
    letter-spacing: 1px;
}
.anchor-link {
    margin-top: 18px;
    display: block;
    position: relative;
    z-index: 99;
}
.socialicon-block {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;    
    border: 1px solid #666;
    overflow: hidden;
}
.socialicon-block a {
    color: #666;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    padding: 6px 3px;
    display: block;
}

.fb:hover
{
    border-color: #005FAA !important;
   
}
.fb:hover a{background: #005FAA !important;color: #fff}
.tw:hover
{
    border-color: #00ABF1 !important;
}
.tw:hover a
{
   background: #00ABF1 !important;
   color: #fff;
}
.ln:hover a
{
    background: #E46C0B !important;
    color: #fff;
}
.white-overlay
{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 50px;
    margin-top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 100%)
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
/*---------------Back To Top------------------*/
.cd-top
{
   display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #E46C0B url(../images/top-arrow.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 999;
    border:2px solid #fff;

}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover
{
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible
{
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out
{
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: 1;
}
.no-touch .cd-top:hover
{
    background-color: #e86256;
    opacity: 1;
}
/*----------media screen-------*/

@media (min-width: 1400px) 
{
    .header-block,.fixed-header {
       width: 90.6%;
    }
    .cd-top 
    {
       right: 6%;
    }
}
@media (min-width: 1600px) 
{
    .header-block,.fixed-header {
       width: 81%;
    }
    .cd-top 
    {
       right: 10%;
    }
}
@media (min-width: 2000px) 
{
    .header-block,.fixed-header {
       width: 67.5%;
    }
    .cd-top 
    {
       right: 17%;
    }
}
@media (min-width: 2700px) 
{
    .header-block,.fixed-header {
       width: 51%;
    }
    .cd-top 
    {
       right: 25%;
    }
}
@media (min-width: 4000px) 
{
    .header-block,.fixed-header {
       width: 1366px;
    }
    .cd-top 
    {
       right: 35%;
    }
    .flexslider .slides img {
        height: 625px;
    }

}

.RequiredField
{
    position: absolute;
top: 0px;
right: 0px;
font-size: 3rem;
    }
