/*
 Theme Name:   مبین
 Theme URI:    http://boionicmobin.com
 Description:  قالب مبین یک قالب چند زبانه و انعطاف پذیر می باشد که این توان را به شما می دهد تا آن را با توجه به نیازهای خود تغییر دهید.
 Author:       Babak Nabizadeh
 Author URI:   http://baabak.net
 Version:      1.0.0 beta
*/



/***** Main Body *****/


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box
}

body	{
    background-color:  #eaeaea;
    font-family: 'Lateef', cursive;
}

.print-header {
    visibility: hidden;
}

a   {
    color: #333;
    font-size: 1em;
    text-decoration: none;
}

a:hover	{
    color: #36F;
}

.container	{
    width: 100%;
    height: auto;
    min-height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.space	{
    height: 150px;
    background: none;
}



/***** Header Menu *****/



header	{
    width: 100%;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    padding: 0;
    z-index: 99999;
    text-align: left;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    background: #006f9e;
}

header.smaller	{
    height: 60px;
    position: fixed;
    background: none;
}

header span#logo	{
    width: 100px;
    height: 100px;
    position: absolute;
    background: url(images/logo.png)  center no-repeat;
    background-size: 100px 100px;
    display: inline-block;
    margin: 0;
    margin-left: 100px;
    margin-top: 10px;
}

header.smaller span#logo	{
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0;
    background: url(images/logo.png)  center no-repeat;
    background-size: 50px 50px;
    display: inline-block;
    margin: 0;
    margin-top: 6px;
    margin-left: 10px;
}

header h1    {
    position: absolute;
    top: 15px;
    left: 220px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 800;
}


header.smaller h1    {
    top: -8px;
    left: 90px;
    color: #2e2e2e;
    font-size: 1.6em;
    font-weight: 400;
}
header h2    {
    position: absolute;
    top: 50px;
    left: 220px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
}

header.smaller h2    {
    display: none;
}

header nav {
    width: 80%;
    height: 60px;
    margin-top: 120px !important;
    margin: auto;
    background: #fff;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
  }
header.smaller nav {
    width: 100%;
    height: 60px;
    margin-top: 0px !important;
    -webkit-box-shadow: 0px 1px 8px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 8px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 8px -1px rgba(0,0,0,0.75);
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    border-top: 5px solid #006f9e;
}

header nav ul  {
    margin: 0;
}



header nav ul li  {
    width: 120px;
    height: 55px;
    min-width: 80px;
    margin-top: 5px;
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    border-left: 1px solid #f5f5f5;
    float: right;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;    
}

header nav ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #006f9e;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

header nav ul li:hover:before, header nav ul li:focus:before, header nav ul li:active:before {
    left: 0;
    right: 0;
}

header.smaller nav ul li  {
    height: 55px;
}

header.smaller nav ul a    {
    line-height: 50px;
}

header nav ul a:hover    {
    line-height: 50px;
}

header nav ul li.current_page_item:hover {
    background: none;
}

header nav a:link,
header nav a:visited   {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 50px;
    color: #666;
}

header nav a:hover {
    color: #666;
}

header nav ul li.current_page_item a:link,
header nav ul li.current_page_item a:visited {
    font-size: 1.5em;
    font-weight: 200;
    cursor: default;
}

header nav ul ul   {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    background:#fff;
    padding:0
}

header nav ul ul li    {
    float: right;
    width: auto;

}

header nav ul ul li a   {
    line-height: 40px;

}

header nav ul ul ul    {
    top:0;
    right: 100%;
}

header nav ul li:hover > ul    {
    display:block
}

.post-type-archive-tips .menu-item-23{
    color: #e38484;
    font-size: 1.4em;
    font-weight: 500;
    cursor: default;
}



/***** Front Page Style *****/


.slider	{
    width: 80%;
    height: 500px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 30px;
    text-align: right;
}

.slideinn	{
    width: 100%;
    height: 100%;
    position:relative;
    z-index: 9;
}

#no1.slideinn	{
    
}

#no2.slideinn	{
    
}

#no3.slideinn	{
    
}

#no4.slideinn	{
    
}

.slideinn h3	{
    color: #d90742;
    font-family: 'Amiri', sans-serif;
    font-size: 3em;
    font-weight: 300;
    position: relative;
    right: 10px;
    top: 120px;
    padding: 0;
   
}

.innner {
    background: none;
    position: absolute;
    width: 60%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    
   
}

.innner p {
    color: #666;
    font-size: 2em;
    font-weight: 300;
    top: 0px;
    margin: 2px;
    padding: 0;
    padding-right: 10px;
}

.slideinn span  {
    background: #d90742;
    width: 90px;
    position: relative;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
    padding: 10px;
    margin-top: 30px;
    text-align: left;
}



/***** Information Tab Style *****/

.award  {
    width: 80%;
    height: 100px;
    margin: auto;
    margin-bottom: 60px;
}

.award ul   {
    height: 100px;
}

.award ul li   {
    width: 200px;
    height: 100%;
    margin: auto;
    background: #d8d8d8;
    display: inline-block;
    list-style: none;
    background: #eaeaea;
}

.award ul li:hover   {
    -webkit-box-shadow: 0px 0px 29px -2px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 0px 29px -2px rgba(0,0,0,0.52);
    box-shadow: 0px 0px 29px -2px rgba(0,0,0,0.52);
}

.award img  {
    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: 10px;
}

.award ul li h3 {
    color: #666;
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0;
}


/***** Information Tab Style *****/

.frontfeed	{
    width: 80%;
    min-height: 400px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 60px;
    padding-top: 50px;
    border-top: 2px solid #eaeaea;
}

.frontfeed #in  {
    width: 47%;
    float: right;
    display: inline-block;
    vertical-align: top;
    background: #f7f7f7;
}

.frontfeed #in p	{
    color: #333;
    font-size: 1.2em;
    font-weight: 400;
    text-align: justify;
    padding: 10px;
}

.is   {
    height: 250px;
    background: #0091EA;
    margin: 0;
}



/***** Product Showcase Style *****/

/* Vertical Showcase */
.slide    {
    height: 250px;
}

.slide span   {
    min-height: 100%;
    width: 100%;
    z-index: 2000;
    margin-top: 5px;
    font-size: 0em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.slide span:before  {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.slide span:hover, .slide span:focus, .slide span:active {
    color: white;
    font-size: 1.6em;
    font-weight: 400;
}

.slide span:hover:before, .slide span:focus:before, .slide span:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.slide img  {
    height: 100%;
    width: auto;
}

/* Front Page Showcase */
.slide#front   {
    height: 250px;
}

.slide#front p {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    background: #eaeaea;
    margin: 0;
    color: #2e2e2e;
    font-size: 1.4em;
    font-weight: 400;
}

.slide#front:hover p {
    color: #ff0505;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/* Single Product/Post Showcase */
.slide#single-product   {
    height: 150px;
}

.slide#single-product span {
    display: none;
}

.slide#single-product:hover span {
    height: 100%;
    width: 100%;
    display: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #002e38;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    margin: 0;
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
}





/***** Footer Style *****/

footer	{
    width: 100%;
    height: auto;
    min-height: 235px;
    margin: auto;
    margin-top: 40px;
    background: #eaeaea;
    padding: 0;

}

footer ul   {
    width: 20%;
    min-width: 200px;
    height: auto;
    min-height: 200px;
    display: inline-block;
    text-align: justify;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: top;
    margin: auto;
    margin-top: 10px;
}

footer ul#center   {
    width: 25%;
    min-width: 250px;
    display: inline-block;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: justify;
    padding-right: 20px;
    padding-left: 20px;
}

footer ul li   {
    list-style: none;
    color: #fff;
}

footer ul li h5, footer#center ul li h5 {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 10px;
}

footer ul li p, footer#center ul li p  {
    color: #fff;
    font-size: 1em;
    text-align: justify;
    line-height: 20px;
    margin-top: 0;
}

footer ul li#social {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin: 5px;
}

footer ul li#social:hover   {
    opacity: 0.5;
}

footer ul li a  {
    color: #fff;
    font-size: 1.2em;
    text-align: justify;
    line-height: 8px;
    margin-top: 0;
}

footer ul li a:hover    {
    color: #ccc;
}


/***** Contact Form styl *****/
.input-footer   {
    width: 60%;
    height: 25px;
    background: #dddddd;
    border: 1px solid #424242;
}

.submit-footer  {
    width: 50px;
    height: 30px;
    background: none;
    border: 0;
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242;
    color: #fff;
    font-weight: 400;
}

.submit-footer:hover  {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
}

.input-general   {
    width: 90%;
    height: 25px;
    background: #efefef;
    border: 1px solid #ccc;
}

.text-general   {
    width: 90%;
    height: 150px;
    background: #efefef;
    border: 1px solid #ccc;
}

.menu-general {
    width: 90%;
    height: 25px;
    background: #efefef;
    border: 1px solid #ccc;
}

.submit-general {
    width: 80px;
    height: 30px;
    background: #efefef;
    border: 0;
    border: 1px solid #ccc;
    color: #666;
    font-weight: 400;
}

.submit-general:hover  {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
}

#searchsubmit {
    width: 55px;
    height: 30px;
    background: #efefef;
    border: 0;
    border: 1px solid #ccc;
    color: #666;
    font-weight: 400;
}

#searchsubmit:hover {
    background: #ccc;
    color: #2e2e2e;
    cursor: pointer;
}

#searchform #s {
    width: 70%;
    height: 25px;
    background: #efefef;
    border: 1px solid #ccc;
}


/***** Archive Product Page Style *****/

.product-archive	{
    width: 80%;
    min-height: 700px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    padding: 0;

}

.product-archive article    {
    width: 60%;
    padding-top: 30px;
    float: right;
    display: inline-block;
}

.product-archive article h4#search {
    background: #eee;
    color: #006f9e;
    font-size: 1.3em;
}

.product-archive article span#search {
    color: #666;
    font-size: 1em;
    font-weight: 300;
}

.product-archive article a    {
    color: #666;
}
.product-archive article a:hover	{
    color: #666;
}

.product-archive article ul	{
    width: 100%;
    min-height: 150px;
    height: auto;
    margin: 2px;
    padding: 0;
    background: #eee;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-archive article ul:before  {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.product-archive article ul:hover, .product-archive article ul:focus, .product-archive article ul:active {
    color: #fff;
}

.product-archive article ul:hover:before, .product-archive article ul:focus:before, .product-archive article ul:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.product-archive article ul:hover   {

}

.product-archive article ul li	{
    width: 70%;
    margin-left: 5px;
    list-style: none;
    float: right;
    display: inline-block;
}

.product-archive article ul li h3	{
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2em;
    text-align: right;
    margin: 0;
    margin-top: 10px;
    margin-right: 10px;
}

.product-archive article ul li p	{
    font-size: 1.1em;
    font-weight: 200;
    line-height: 1.2em;
    text-align: justify;
    padding-left: 20px;
    padding-bottom: 10px;
    margin: 0;
    margin-right: 10px;
}

.product-archive article ul li h4:hover	{


}

.product-archive article ul li#thumbnail	{
    width: 150px;
    height: 150px;
    float: left;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.product-archive aside {
    width: 30%;
    min-height: 700px;
    display: inline-block;
    float: left;
    margin-right: 4%;
    vertical-align: top;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.product-archive aside hr {
    width: 90%;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
}

.product-archive aside ul  {
    display: block;
    padding: 0;
}

.product-archive aside ul li   {
    width: 100%;
    height: 40px;
    display: block;
    background: #eee;
    margin: 1px;
    list-style-type: none;
    
}

.product-archive aside ul li:hover   {
    border-left: #B71C1C 10px solid;
    background: #fff;
}

.product-archive aside ul li.current_page_item  {
    background: #fff;
    border-left: 10px solid #f7cc48;
}

.product-archive aside ul li a  {
    height: 100%;
    display: block;
    font-size: 1.3em;
    font-weight: 400;
    color: #666;
}

.product-archive aside ul li a:hover  {
    color: #880E4F;
}

/***** Single Product Page Style *****/


.product	{
    width: 80%;
    margin: auto;
    padding: 10px;
}

.product article    {
    width: 60%;
    min-height: 700px;
    display: inline-block;
    float: right;
    vertical-align: top;
    padding: 30px;
}

.product article h3	{
    text-align: right;
    color: #333;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0;
    border-bottom: 1px solid #eee;
}

.product article h6	{
    text-align: right;
    color: #666;
    font-size: 1em;
    font-weight: 200;
    line-height: 1em;
    margin: 0;
    margin-bottom: 10px;
}

.product article  a:link,
.product article a:visited  {
    color: #999;
}

.product article a:hover  {
    color: #e38484;
}


.product article p	{
    text-align: justify;
    color: #212121;
    font-size: 1em;
    font-weight: 400;
}

.product aside  {
    width: 30%;
    min-height: 700px;
    display: inline-block;
    float: left;
    margin-right: 4%;
    vertical-align: top;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
}

.product aside hr {
    width: 90%;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
}

.clear{
    height: 0%;
    clear: both;

}

.sidebar-form    {
    width: 300px;
    height: auto;
    padding: 10px;
    padding-right: 40px;
    margin: auto;
    border: #ebebeb 1px solid;
    overflow: hidden;
    text-align: justify;
}

.sidebar-form p {
}

.sidebar-excerpt {
    width: 300px;
    height: auto;
    padding: 10px;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
}

.sidebar-excerpt h2	{
    text-align: right;
    color: #333;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
}

.sidebar-excerpt h3	{
    text-align: right;
    color: #666;
    font-size: 1em;
    font-weight: 100;
    line-height: 2em;
    margin: 0;
    margin-bottom: 10px;
}



/***** Page Style *****/

.page   {
    width: 80%;
    min-height: 700px;
    margin: auto;
    margin-top: 30px;
}

.page article   {
    width: 60%;
    min-height: 700px;
    display: inline-block;
    float: right;
    vertical-align: top;
    padding: 30px;
}

.page article p {
    padding: 10px;
}

.page article h3    {
    font-size: 1.5em;
    font-weight: 400;
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
    text-align: start;
}

.page aside {
    width: 30%;
    min-height: 700px;
    display: inline-block;
    float: left;
    margin-right: 4%;
    vertical-align: top;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 40px;
}

.page aside hr {
    width: 90%;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
}

.page aside ul  {
    display: block;
    padding: 0;
}

.page aside ul li   {
    width: 100%;
    height: 40px;
    display: block;
    background: #eee;
    margin: 1px;
    list-style-type: none;
}

.page aside ul li:hover   {
    border-left: #B71C1C 10px solid;
    background: #fff;
}

.page aside ul li.current_page_item  {
    background: #fff;
    border-left: 10px solid #f7cc48;
}

.page aside ul li a  {
    height: 100%;
    display: block;
    font-size: 1.3em;
    font-weight: 400;
    color: #666;
}

.page aside ul li a:hover  {
    color: #880E4F;
}




/***** Style Sheet for Small Media Devices *****/ 



@media screen and (max-width: 1300px)	{

    .slider	{
    width: 100%;
    height: 600px;
    margin: auto;
    margin-top: 30px;
    text-align: right;
    }
    

.slideinn h3	{
    color: #d90742;
    font-family: 'Amiri', sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    position: relative;
    right: 10px;
    top: 230px;
    padding: 0;
}

.innner {
    background: none;
    position: absolute;
    width: 40%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
}

    .innner p	{
    color: #666;
    font-size: 2em;
    font-weight: normal;
    top: 0px;
    margin: 2px;
    padding: 0;
    padding-right: 10px;
    }

    .slideinn span  {
    background: #d90742;
    width: 100px;
    position: relative;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    padding: 4px;
    margin: 5px;
    margin-top: 80px;
    text-align: left;
    }
    
}


@media screen and (max-width: 1065px)	{

    header nav {
        width: 100%;
    }
    .slider	{
        width: 100%;
        height: 500px;
    }
    
    .award  {
        width: 95%;
    }
    
    .frontfeed {
        width: 95%;
    }
    footer {
        width: 100%;
    }
    
    .slideinn h3	{
    color: #d90742;
    font-family: 'Amiri', sans-serif;
    font-size: 2.4em;
    font-weight: 300;
    position: relative;
    right: 10px;
    top: 130px;
    padding: 0;
}

.innner {
    background: none;
    position: absolute;
    width: 40%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
}

    .innner p	{
    color: #666;
     background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .5); 
    display: inline-block;
    font-size: 1.7em;
    font-weight: normal;
    top: 0px;
    margin: 1.5px;
    padding: 0x;
    padding-left: 10px;
    padding-right: 10px;
    }
    
    
    
}

@media screen and (max-width: 960px)	{
    
    header nav ul li  {
    width: 80px;
    height: 55px;
    min-width: 70px;
    margin-top: 5px;
    list-style: none;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid #f5f5f5;
    float: right;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;    
}
    
    

    .slider	{
    width: 100%;
    height: 400px;
    margin: auto;
    margin-top: 10px;
    text-align: right;
    }

    .slideinn	{
    width: 100%;
    height: 100%;
    position:relative;
    z-index: 9;
    }

.slideinn h3	{
    color: #d90742;
    font-family: 'Amiri', sans-serif;
    font-size: 2em;
    font-weight: 300;
    position: relative;
    right: 10px;
    top: 130px;
    padding: 0;
}

.innner {
    background: none;
    position: absolute;
    width:400px;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
}

    .innner p	{
    color: #666;
     background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .5); 
    display: inline-block;
    font-size: 1.7em;
    font-weight: normal;
    top: 0px;
    margin: 1.5px;
    padding: 0x;
    padding-left: 10px;
    padding-right: 10px;
    }

    .slideinn span   {
    background: #d90742;
    width: 100px;
    position: relative;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    padding: 4px;
    margin: 5px;
    margin-top: 15px;
    text-align: left;
    }

    .award {
    display: none;
    }
    
    footer ul#center   {
    border: 0;
    margin-left: 40px;
    }
    
    footer ul#footer-menu   {
    display: none;
    }
    
    .product-archive	{
    width: 100%;
    }

    .product-archive article    {
    width: 50%;
    padding-top: 30px;
    float: right;
    display: inline-block;
    margin-right: 30px;
    }
    
    .product-archive article ul li#thumbnail	{
    width: 100px;
    height: 100px;
    }
    
    .product-archive article ul li h3	{
    font-size: 1.5em;
    }

    .product-archive article ul li p	{
    font-size: 1em;
    }
    
    .product-archive aside {
    width: 45%;
    min-height: 700px;
    display: inline-block;
    float: left;
    margin-right: 0;
    }
    
    .page   {
    width: 100%;
    min-height: 700px;
    margin: 0;
    }

    .page article   {
    width: 50%;
    min-height: 700px;
    display: inline-block;
    float: right;
    }
    
    .page article h3    {
    
    }

    .page aside {
    width: 40%;
    min-height: 700px;
    display: inline-block;
    float: left;
    margin-right: 0;
    vertical-align: top;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 40px;
    }
    
    .product	{
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 0px;
    }

    .product article    {
    width: 50%;
    min-height: 700px;
    display: inline-block;
    float: right;
    vertical-align: top;
    padding: 0px;
    }

    .product article p	{
    padding: 20px;
    }
    
    .product article h3	{
    padding: 20px;
    }

    .product article h6	{
    padding: 20px;
    }
    
    .product aside  {
    width: 45%;
    min-height: 700px;
    display: inline-block;
    float: left;
    margin-right: 0;
    vertical-align: top;
    padding: 0;
    }
}

@media screen and (max-width: 745px)	{
    
    header {
    height: 80px;
    }

    header.smaller	{
    height: 40px;
    background: #006f9e;
    z-index: 99999;
    }

    header span#logo	{
    width: 60px;
    height: 60px;
    position: absolute;
    display: inline-block;
    margin: 0;
    margin-left: 5px;
    margin-top: 10px;
    }

    header.smaller span#logo	{
    width: 0px;
    height: 0px;
    }

    header h1    {
    position: absolute;
    width: 200px;
    top: -10px;
    left: 70px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    }


    header.smaller h1    {
    position: absolute;
    width: 200px;
    top: -5px;
    left: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    }
    header h2    {
    position: absolute;
    top: 20px;
    left: 70px;
    color: #fff;
    font-size: 1em;
    font-weight: 100;
    }

    header nav	{
    display: none;
    }

    .space	{
    height: 70px;
    background: none;
    }

    .award  {
    display: none;
    }
    .slider	{
    width: 100%;
    height: 250px;
    margin: auto;
    margin-top: 10px;
    text-align: right;
    }

    .slideinn	{
    width: 100%;
    height: 100%;
    position:relative;
    z-index: 9;
    }

.slideinn h3	{
    color: #d90742;
    font-family: 'Amiri', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    position: relative;
    right: 10px;
    top: 60px;
    padding: 0;
}

.innner {
    background: none;
    position: absolute;
    width: 240px;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
   
}

    .innner p	{
    color: #666;
    background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .5); 
    font-size: 1em;
    font-weight: 100;
    top: 0px;
    margin: 2px;
    }

    .slideinn span   {
    background: #d90742;
    width: 70px;
    position: relative;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    padding: 4px;
    margin: 2ps;
    margin-top: 0px;
    text-align: left;
    }

    .bx-wrapper {
    margin-top: 30px;
    margin-bottom: 0;

    }

    .slide#front   {
    height: 100px;
    }

    .slide#front span {
    height: 25px;
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    background: #eaeaea;
    margin: 0;
    color: #2e2e2e;
    font-size: 1em;
    font-weight: 200;
    }

    .slide#front:hover span {
    color: #ff0505;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    }

    .frontfeed	{
    width: 100%;
    min-height: 400px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 60px;
    padding-top: 20px;
    border-top: 2px solid #eaeaea;
    }

    .frontfeed #in  {
    width: 100%;
    float: right;
    display: inline-block;
    vertical-align: top;
    background: #f7f7f7;
    }

    .frontfeed #in p	{
    color: #333;
    font-size: 1.2em;
    font-weight: 400;
    text-align: justify;
    padding: 10px;
    }

    .is   {
    height: 100px;
    background: #0091EA;
    margin: 0;
    }

    /* The side navigation menu */
    .sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    opacity: 0.9;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    }

    .sidenav ul {

    }

    .sidenav ul li {
    list-style: none;
    }

    /* The navigation menu links */
    .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s
    }

    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
    background: #2098d1;
    }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    }

    .box-shadow-menu {
    position: relative;
    padding-left: 2em;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 25%;
    }
    
    .box-shadow-menu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 1.5em;
    height: 0.2em;
    background: #fff;
    box-shadow: 
    0 0.45em 0 0 #fff,
    0 0.9em 0 0 #fff;
    }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
    transition: margin-left .5s;
    padding: 0px;
    }
    
    

    footer ul   {
    padding-right: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #d8d8d8;
    }

    footer ul#footer-menu   {
    display: none;
    }

    footer ul#center   {
    width: 25%;
    min-width: 250px;
    display: inline-block;
    border-left: 0px;
    border-right: 0px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
    }
    
    .product-archive	{
    width: 100%;
    }

    .product-archive article    {
    width: 100%;
    padding-top: 30px;
    float: none;
    display: inline;
    }
    
    .product-archive article ul li#thumbnail	{
    width: 90px;
    height: 90px;
    }
    
    .product-archive article ul li h3	{
    font-size: 1.5em;
    }

    .product-archive article ul li p	{
    font-size: 1em;
    }
    
    .product-archive aside {
    width: 100%;
    min-height: 700px;
    display: inline;
    float: none;
    margin-right: 0;
    }
    
    .page   {
    width: 100%;
    min-height: 700px;
    margin: 0;
    }

    .page article   {
    width: 100%;
    min-height: 700px;
    display: inline;
    float: none;
    }
    
    .page article h3    {
    
    }

    .page aside {
    width: 100%;
    min-height: 700px;
    display: inline;
    float: none;
    margin-right: 0;
    vertical-align: top;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 40px;
    }
    
    .product	{
    width: 100%;
    margin: 0;
    padding: 0px;
    }

    .product article    {
    width: 100%;
    min-height: 700px;
    display: inline;
    float: none;
    vertical-align: top;
    padding: 30px;
    }

    .product article p	{
    padding: 10px;
    }
    
    .product article h3	{
    padding: 10px;
    }

    .product article h6	{
    padding: 10px;
    }
    
    .product aside  {
    width: 100%;
    min-height: 700px;
    display: inline;
    float: none;
    margin-right: 0;
    vertical-align: top;
    padding: 0;
    }
    

}

@media screen and (max-width: 340px)	{

    header {
    height: 60px;
    }

    header.smaller	{
    height: 40px;
    background: #006f9e;
    z-index: 99999;
    }

    header span#logo	{
    width: 50px;
    height: 50px;
    position: absolute;
    display: inline-block;
    margin: 0;
    margin-left: 5px;
    margin-top: 5px;
    }

    header h1    {
    position: absolute;
    width: 200px;
    top: -10px;
    left: 60px;
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
    }


    header.smaller h1    {
    position: absolute;
    width: 200px;
    top: -5px;
    left: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    }
    header h2    {
    position: absolute;
    top: 20px;
    left: 60px;
    color: #fff;
    font-size: 0.8em;
    font-weight: 100;
    }

    header nav	{
    display: none;
    }
    
    .slider	{
    width: 100%;
    height: 250px;
    margin: auto;
    margin-top: -10px;
    text-align: right;
    }

}


/***** Print Style *****/

@media print	{
	header nav { display: none !important; }
	header {
		text-align: right;
		background: none;		
	}
	header span#logo { display: none !important; }
	header h1    {
		position: absolute;
		top: 0px;
		right: 40px;
		color: #424242;
		font-size: 1.8em;
		font-weight: 800;
		margin-bottom: 40px;
	}
	header h2    {
		display: inline;
		position: absolute;
		top: 35px;
 		right: 40px;
		color: #424242;
		font-size: 1.2em;
		font-weight: 400;
	}
	header.smaller {
		text-align: right;
		position: absolute;		
	}
	header.smaller h1    {
		position: absolute;
		top: 0px;
		right: 40px;
		color: #424242;
		font-size: 1.8em;
		font-weight: 800;
		margin-bottom: 40px;
	}
	header.smaller h2    {
		display: inline;
		position: absolute;
		top: 35px;
 		right: 40px;
		color: #424242;
		font-size: 1.2em;
		font-weight: 400;
	}
	footer ul#center { display: none !important; }
	footer ul#footer-menu { display: none !important; }
	footer {
		width: 330px;
		height: auto;
		max-height: 200px !important;
		min-height: 200px;
		position: absolute;
		top: 0px !important;
		left: 0;
		text-align: left;
		margin: 0;
		margin-top: 0;
		background: none;
		border: 1px solid #fff;
	}

	footer ul {
		width: 300px;
		postiont: absolute;
		bottom: 0px;
		left: 0px;
		color: #666;
		background: none;
	}
	footer ul li {
		color: #424242;
	}
	footer ul li p {
	    	color: #424242;
	    	font-size: 10px;
	    	text-align: justify;
	    	line-height: 1em;
	   	margin-top: 0;
		margin-right: 20px;
	}
	aside	{ display: none !important; }
	.sidenav { display: none !important; }
	
	.product  { 
		width: 100%;
		height: auto;
		position: absolute;
		top: 140px;
		margin: auto;
	}
	.product article  {
		width: 100%;
	}
	.product article h6  { display: none !important; }

}