﻿@font-face{
font-family:'almoni-dl7';
font-weight:700; /*(bold)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-dl-aaa-700.eot'); 
src: url('/Static/fonts/almoni/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
url('/Static/fonts/almoni/almoni-dl-aaa-700.ttf') format('truetype'), 
url('/Static/fonts/almoni/almoni-dl-aaa-700.woff') format('woff'), 
url('/Static/fonts/almoni/almoni-dl-aaa-700.svg#almoni-dl-bold') format('svg');
}

@font-face{
font-family:'almoni-dl';
font-weight:400; /*(regular)*/
font-style: normal;
src: url('/Static/fonts/almoni/almoni-dl-aaa-400.eot'); 
src: url('/Static/fonts/almoni/almoni-dl-aaa-400.eot?#iefix') format('embedded-opentype'), 
url('/Static/fonts/almoni/almoni-dl-aaa-400.ttf') format('truetype'), 
url('/Static/fonts/almoni/almoni-dl-aaa-400.woff') format('woff'), 
url('/Static/fonts/almoni/almoni-dl-aaa-400.svg#almoni-dl-regular') format('svg');
}           

a img { border:none 0; }
body { font-family:'almoni-dl'; }
.col-md-2.link { text-align:center; }
.col-md-2.link a { text-align:center; line-height:38px; color:#8780BD}
.bg-wizard
{
background: #000;
opacity: 0.8;
width: 100%;
height: 100%;
position: fixed;
z-index: 10;
display:none;
}
.wizard-box
{
width: 100%;
max-width:575px;
position:fixed;
z-index: 11;
left: 50%;
margin-left:-288px;
display:none;
top:150px;
overflow:Visible;
}
.wizard-box .embed-responsive-item{
max-height: 430px !important;
border: 6px solid #FFF !important;
} 
img#close-video {
position: absolute;
left: -20px;
top: -20px;
cursor:pointer;
z-index:20;
}
h2.title
{
font:36px/36px 'almoni-dl7';
}
a.more-details
{
display: block;
margin-top: 10px;
font:16px/16px 'almoni-dl';
color:#8780bd;
} 
a.more-details:hover
    {
    color:#c00;
    font-weight: bold;
    }       
div.subtitle, div.subtitle *
{  
font:16px/22px 'almoni-dl';
color:#666;
} 
.element small
    {
    font-size:16px;
    }   
#page-wrap 
{
direction: rtl;
width:100%;
margin: 0 auto;
}
#GPage_main
{
clear:none;
float:none;
width:100%;
}
.header-row
{
margin-bottom:30px;
position:relative;
} 
.header-row .globes-logo
{
float:right;
}       
.header-row .logo-box
{
padding-left:0;
padding-right:0;
}  
#logos-mobile
{
    margin-bottom:20px;
    margin-top:20px;
}     
footer
{
text-align:center;
margin-bottom:100px;
}
footer a
    {
        color:#8780bd;
    }
footer span
{
display:inline-block;
margin:0 5px;
color:#337AB7;
}
.header-btns a span
{
display:block;
color:#766baf;
font-size:12px;
font-weight:normal;
} 
.row.header-btns {
    margin-top: 10px;
}      
.header-row.border-bottom    
{
    padding-bottom:5px;
}
.border-bottom
{
border-bottom:2px solid #B4ACDF;
margin-bottom:30px;
padding-bottom:30px   
}
.icons-row img
{
margin:0 auto   
}
.icons-row p
{
font-size:14px;
}   
#more-articles-box section:nth-of-type(even) .col-md-push-6
{
left:auto;
}    
#more-articles-box section:nth-of-type(even) .col-md-pull-6
{
right:auto;
} 
#article #article-image img
{
width:100%;
display:block;
margin: 30px auto 0;
overflow:hidden;
}
#article #article-image #ImageCradit
{
width: 100%;
display: block;
margin: 0 auto 30px;
overflow: hidden;
background: #666;
color: #FFF;
padding: 10px;
}    
#article h2
{
color:#000;
font-weight: bold;
margin-top:0;
}
section#article-box
    {
    margin-bottom:5px !important; 
    }
.article-subtitle
{
font-size: 16px;
color: #666;
}    
#article #text
{
    font-size: 18px;
    color: #000;
    line-height: 24px;
}  
#article #text p {
    margin-bottom: 20px;
}
.article-icons-row:first-child
{
margin-bottom:60px;
margin-top:25px;
}
.article-icons-row > div > div
{
float: left;
width: 65%;
}
.article-icons-row > div > a
{
float:right;
width:30%;
}
.article-icons-row h2
{
font-size: 19px;
line-height: 19px;
text-align: right;
font-weight: bold;    
margin: 10px 0 0;
}
.article-icons-row a.more-details
{ 
font-size: 12px;
margin-top: 0;     
}
#other_articles .row > div h2.title
{
font-size: 16px;
font-weight: bold;
line-height: 16px;
margin-top: 10px;
}
.img-link-control-01
{
position:relative;
display:block;
}
.video_article_icon
{
position:absolute;
bottom:20px;
left:20px;
display:none;
}
#header-mobile
{
display:none;
}
.time-date, .author
{
display: inline-block;
    margin: 5px 0 0 0;
    font-size: 16px;
    color: #666;  
}
.LineSepration_100Pecent {
    height: 0;
    margin: 0;
    padding: 0;
}
.icon-homepage h2
{
font: bold 20px/16px 'almoni-dl7';
}
.icon-homepage
{
padding-top:50px !important;
padding-bottom:70px !important;
}
.img-responsive
{
margin:0 auto;
}
#Tagiut_Tohen {
visibility:hidden;
}
#Tagiut_Tohen span {
margin-left:10px;
}
#Tagiut_Logo_Box
{
float:left;
}
.Tagiut
{
margin: 15px 0 0;
visibility: hidden;
margin-bottom: 0;
padding-bottom: 0;
}
div#article-image {
    margin-top: -15px;
}
.badge {
padding: 2px 6px;
font-size: 12px;
font-weight: normal;
background-color:#766BAF;
    
}
/*Mobile - xs*/
@media (max-width: 764px) 
{ 
    h2.title 
        {
        font: 24px/24px 'almoni-dl7';
        }
    .icon-homepage 
        {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        }
    .icons-row > div
        {
        margin-bottom: 25px !important;
        border-bottom: 1px solid #8780BD;
        padding-bottom: 25px;
        }
    .icons-row p
        {
        font-size:18px;
        }
div#article-image {
    margin-top:0px;
}        
.article-icons-row:first-child
    {
    margin-bottom:0;
    }
    .hidden-lg  {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    }
    #header-box
    {
    background-size: contain !important;
    margin-right: 0;
    margin-left: 0;
    background-position: 0 0;
    padding-bottom: 190px;
    }
    .header-row
    {
    background-image:none;
    }
    .header-row .float-left, .header-row .float-right
    {
    margin-right:auto;
    margin-top:auto; 
    float:none;   
    }
    .header-row .globes-logo, .header-row .logo-box
    {
    float:none;
    text-align:center;
    } 
    .icons-row .col-md-3
    {
    border-bottom: 2px solid #89a7bb;
    margin-bottom: 20px;
    padding-bottom: 20px;            
    } 
    .icons-row .col-md-3:last-child
    {
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
    } 
    .article-icons-row > div
    {
     overflow: hidden;
  margin-bottom: 20px;
  margin-top: 20px;
  }
#other_articles .row .col-md-3
{
    margin-bottom:30px;               
}
}
/*Tablet - sm*/
@media (min-width: 764px) and (max-width: 992px) 
{
    #greenBuilder    {
    display: block;
    margin: 0;    
    }
    .header-row .float-left, .header-row .float-right
    {
    margin-right: 10px;
    margin-top: 0;
    margin-left: 20px;
    }
    .header-row .globes-logo, .header-row .logo-box
    {
    float:none;
    text-align:center;
    } 
    #logo-greenbuilding img
    {
    display: block;
    margin: 0 auto;
    }
    .globes-logo .float-right
    {
    float:none;
    } 
    .header-row
    {
    background:none;
    }
    .icons-row .col-md-3
    {
    border-bottom: 2px solid #89a7bb;
    margin-bottom: 20px;
    padding-bottom: 20px;            
    }
    .icons-row .col-md-3:last-child
    {
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
    } 
.icons-row .col-sm-5 {
    border-bottom: 0 none;
    min-height: 380px;
}
    .icon-homepage 
    {
    padding-top: 10px !important;
    padding-bottom: 40px !important;
    }
    #other_articles .row .col-md-3
    {
    margin-bottom:30px;               
    }
   #other_articles .row .col-md-3 h2.title
    {
    font-size: 26px;
  line-height: 28px;               
    }
}
@media (min-width:1024px) and (max-width:1170px) 
{
    a.more-details 
    {
    display: block;
    margin-top: 10px;
    font: 14px/16px 'almoni-dl';
    color: #8780BD;
    }
    .icon-homepage 
    {
    padding-top: 10px !important;
    padding-bottom: 40px !important;
    }
}