/*
Theme Name: 	O&O Wordpress Theme
Theme URI: 	http://over-out.com
Description: 	O&O Wordpress Theme - Advacned Rigging
Version: 	1.0
Author: 	Over & Out LTD
Author URI: 	http://over-out.com
*/

/*
===========================
CONTENTS:

01 Imports
02 Typography
03 General classes
04 Layout
05 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "assets/css/reset.css";
@import "assets/css/grid.css?v=1";
@import "assets/css/iconmoon.css";
@import "assets/css/flexslider.css";
@import "assets/css/colorbox.css";

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
html { font-size: 62.5%; overflow-y: scroll;  } 
html, body {height:100%; background-color:#fff;}
body,
input,
textarea {  
    font-family: sans-serif; 
    font-weight: 200; 
    font-size:14px; 
    font-size: 1.4em; 
    line-height:1.6em; 
    color:#333;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
h1 a, 
h2 a,
h3 a, 
h4 a, 
h5 a, 
h6 a { font-weight:400;  color:#333; text-decoration:none; line-height:1.2em;/* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

h1 a:hover, 
h2 a:hover,
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {text-decoration: underline;}

h1 {
    font-size:32px; 
    font-size:3.2rem; 
    line-height:1.1em; 
    margin: 0 0 10px 0;
    font-weight:700;
} 

h2 {
    font-size:24px; 
    font-size:2.4rem;
    margin: 0 0 10px 0;
} 


h3 {    
    font-weight: 700;
    font-size:18px;
    font-size:1.8rem;    
    text-decoration:none;
    /*text-transform:uppercase;   */
    margin: 0 0 5px 0;
} 
h4, 
h5, 
h6  {
    font-size:16px; 
    font-size:1.6rem;
    margin: 0 0 10px 0;
}

h1.heavy,
h2.heavy {
    font-size:32px; 
    font-size:3.2rem;
    margin: 0 0 20px 0;
    font-weight:700;
} 


p{
    margin: 0 0 18px 0;
}

strong{
    font-weight:bold;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 General classes -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body{}
a{
    text-decoration:none;
     -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    
    
    color:#00BAD1;
}
a:hover{    
    text-decoration:underline;
}
.sprite{
    background: url(assets/images/sprites.png) no-repeat -9999px -9999px;
    padding:0;
    margin:0;
    height:0;
    width:0;
    line-height:0;
    overflow:hidden;
    text-indent:-9999px
}

.title{
      background: url(assets/images/ar-title-icon.png) no-repeat 0 0;
      line-height:48px;
      display:block;
      padding: 0 0 0 60px;
      margin: 5px 0;
}

.clear{
    clear:both;
}

.pagination{
    padding:16px 0 32px 0;
    text-align:center;
}

.pagination .prev,
.pagination .next{ 
  display:inline-block;
  margin:0 8px;
}

.pagination a{
    line-height:24px;
    text-decoration:none;
    background: #fff;
    display:block;
}

.pagination a:hover:before{
   background: #333;
}

.pagination .prev a:before,
.pagination .next a:before{    
    font-family: 'icomoon' !important;
    font-size:12px;
    line-height:24px;
    text-align:center;    
    display:block;
    width:24px;
    height: 24px;
    border-radius: 100%;
    border:1px solid #333;
    color:#00BAD1;
    margin: 0 auto 8px auto;
         -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pagination .prev a:before{
    content: '\ea38';
}

.pagination .next a:before{
    content: '\ea34';
}

.fluid{
    display:block;
    width:100%;
    height:auto;
}

/* ---------------------------------------------------------------------------------------------------------- 
04 Layout -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
div#header{
    /*background:url(assets/images/bg-header.png);*/
    background: rgba(255, 255, 255, 0.9);
    padding:10px 0;    
    position:relative;
    width:100%;
    height:auto;
    top:0;
    left:0;
    z-index:9999;
}
div#header.fixed{
    position:fixed;
}



header{
   /* background:url(assets/images/bg-header.png);
    padding:10px 0;
    position:fixed;
    width:100%;
    height:auto;
    top:0;
    left:0;
    z-index:9999;*/
}
/*header.fixed{
    position:fixed;
}*/
header #telephone{
     margin:42px 0 0 0 !important;
     display:block;
                  -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

header #telephone.shrink{
        margin:22px 0 0 0 !important;
    }

    a#logo{
        display:block;
        width:205px;
        height:65px;
    }
        a#logo.shrink{
            display:block;
            width:142px;
            height:45px;
        }
        
        a#logo img{
            width:100%;
            height:auto;
        }
    
    #menu-primary-navigation{
        //position:absolute;
        //bottom:0;
        //right:0;
        margin:42px 0 0 0;
             -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    }
    #menu-primary-navigation.shrink{
        margin:22px 0 0 0;
    }
        #menu-primary-navigation li{
            display:inline-block;
            padding:0;
            margin:0;
        }
        #menu-primary-navigation li:after{
            content:"|";
            padding:0 8px 0 10px;
        }
        #menu-primary-navigation li:last-child:after{
            content:"";
            padding:0;
        }
            #menu-primary-navigation li a{
                color:#000;
                text-decoration:none;
                padding:0;
                margin:0;
            }
               #menu-primary-navigation li a:hover, 
               #menu-primary-navigation li.current-menu-item a,
               #menu-primary-navigation li.current-menu-ancestor a,
               #menu-primary-navigation li.current-menu-parent a,
               #menu-primary-navigation ul.sub-menu li.current-menu-item a{
                    text-decoration:none;  
                    color:#00bad1;
                }    
                    #menu-primary-navigation ul.sub-menu{
                        display:none;
                        position:absolute;
                        width:240px;
                        left:-60px;
                        top:32px;
                        background:#241f21;
                        border:1px solid #241f21;
                        padding:5px 30px 15px 60px;
                    }
                        #menu-primary-navigation ul.sub-menu li{
                            display:block;
                            float:none;
                            margin:0;
                            padding:0;
                        }           
                        #menu-primary-navigation ul.sub-menu li:after{
                            content:"";
                            padding:0;
                        }
                         #menu-primary-navigation ul.sub-menu li a{
                            display:block;
                            margin:0;
                            padding:5px 0;
                            font-size:1.3rem;
                            font-size:13px;
                            line-height:1.2em;
                            font-weight:200;
                            color: #fff;
                        }           
                        #menu-primary-navigation ul.sub-menu li a:hover{
                            /*background-color:#00bad1*/
                        }
                         #menu-primary-navigation ul.sub-menu li a:hover:before{
                            color:#00bad1;
                            content: '>';
                            width:16px;
                            margin-left:-16px;
                            float:left;
                            display:block;
                        }


footer{
    background:#241f21;
    padding:20px 0;
}

    footer,
    footer a, 
    footer p{
        color:#fff;
        font-size:12px;
        font-size:1.2rem;
    }
    footer .copyright{
        padding:5px 0;
    }
    
    #footer-news{
        padding:16px 0;
    }
    
        #footer-news h3{
            color: #fff;
            font-size:24px;
            display:inline-block;
            margin-right:32px;
        }
    
        
        #footer-news .n-btn{
            color:#00BAD1;
        }

            #footer-news .n-btn:before{  
                content: '\ea34';
                font-family: 'icomoon' !important;
                font-size:10px;
                line-height:16px;
                text-align:center;    
                display:inline-block;
                width:16px;
                height: 16px;
                border-radius: 100%;
                background: #fff;
                color: #00BAD1;
                margin: 0 8px 0 0 ;
                -webkit-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
            }

            #footer-news .n-btn:hover:before{
               color:#fff;
               background: #00BAD1;
            }
        
        
    
        #footer-news ul.news-items{
            padding:16px 0;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

            #footer-news ul.news-items:after{
                content: '';
                display:block;
                clear:both;
            }        
        
            #footer-news ul.news-items li{
                display:block;
                box-sizing: border-box;
                width:25%;
                float:left;
                padding-right:3%;
                 margin-bottom:0px;
            } 
                #footer-news ul.news-items li img.thumb{
                    display:block;
                    box-sizing: border-box;
                    width:30%;
                    float:left;
                    margin-right:3%;
                    height:auto;
                }    
                
                #footer-news ul.news-items li .text{
                    display:block;
                    width:67%;
                    float:left;
                }               
                
                #footer-news ul.news-items li .text h4{
                    color: #fff;
                    margin-bottom:4px;
                }               
                
                #footer-news ul.news-items li .text .snippet p{
                    color: #666;
                    line-height:1.2em;
                    margin-bottom:4px;
                }                               
                
                
              
#addthis-bar{
    margin-bottom:16px;
}  

#page{padding: 85px 0 0 0;}
#telephone{  
   color:#00BAD1;
   text-align:right;
   font-size:16px;
   font-size:1.6rem;
}
.page  #telephone{margin-bottom:30px; }


#content .gradient{
    padding:40px 0 0 0;
    background:url(assets/images/bg-page-top.png) repeat-x;
}
    .dock{
        z-index:900;
        height:78px;
    }
        .dock-ar-icon{
            display:block;
            width:116px;
            padding:130px 0 0 0;
            position:absolute;
            top:-34px;
            background-position:0 0 ;
        }

    .logo-bar {
        display:table;
        width:100%;
    }       
        .logo-bar li{
            display:table-cell;
            text-align:center;
        }   
            .logo-bar li a{
                display:block;
            }       
                .dock .logo-bar li img{
                         -webkit-transition: all .4s ease-in-out;
                        -moz-transition: all .4s ease-in-out;
                        -o-transition: all .4s ease-in-out;
                        transition: all .4s ease-in-out;    
                        -webkit-transform: scale(0.8);
                        -moz-transform:    scale(0.8);
                        -ms-transform:     scale(0.8);
                        -o-transform:      scale(0.8);
                        transform:        scale(0.8);                     
                } 
                .dock .logo-bar li:hover img{
                             -webkit-transform: scale(1);
                        -moz-transform:    scale(1);
                        -ms-transform:     scale(1);
                        -o-transform:      scale(1);
                        transform:        scale(1);
                                          margin:0 10px;
                } 
                
            footer .logo-bar{
                margin: 0 0 30px 0;
            }    
            footer .logo-bar li:first-child{
                text-align:left;
            }     
                
                
     .image-grid{margin: 0 0 60px 0;}           
        .image-grid li{ /*padding:10px;*/ }      
         .image-grid li.row-spacer{ padding:10px 0; }      
       
            .image-grid li a{display:block; position:relative; height:280px; overflow:hidden; padding:0; margin:0;}
            .image-grid li a img{ 
                    -webkit-transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    -o-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
                
                    -webkit-transform: scale(1);
                    -moz-transform:    scale(1);
                    -ms-transform:     scale(1);
                    -o-transform:      scale(1);
                    transform:        scale(1); 
                    transform-origin: 50% 50%;
            }
            .image-grid li a:hover img{ 
                        -webkit-transform: scale(1.1);
                        -moz-transform:    scale(1.1);
                        -ms-transform:     scale(1.1);
                        -o-transform:      scale(1.1);
                        transform:        scale(1.1);
            }
            .image-grid li img{width:100%; height:auto;}
            .image-grid li .border{
                  display:block;
                  position:absolute;
                  top:0;
                  z-index:99;
                  width:100%;
                  height:220px;
                   box-sizing:border-box;
                  -moz-box-sizing:border-box;
                  -webkit-box-sizing:border-box;
                  border: 10px solid rgba(255, 255, 255, 0.4);
                  border-bottom:none;
            }     
                .image-grid li h3{
                      display:block;
                      position:absolute;
                      top:auto;
                      bottom:0;
                      background-color: rgba(255, 255, 255, 0.8);                      
                      margin:0;
                      width:100%;
                      padding:10px 5% 10px 70px;
                      height:60px;                      
                      text-transform:uppercase;
                      
                      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                      box-sizing: border-box;         /* Opera/IE 8+ */
                }
                    .image-grid li h3.title{
                        background-position:10px;
                        line-height:1.2em;
                    }
                    
 /*--------------------------------
| home
*/   
#block-latest,
#block-about{
    padding-bottom:32px !important;
}

.home-latest .all-news,
.home-latest .all-projects{
    float:right;
}

    .home-latest h2{
        float:left;
    }

        .home-latest .n-btn{
            color:#00BAD1;
            font-size:18px;
        }
            .home-latest .n-btn:hover{
                text-decoration:none;
            }

            .home-latest .n-btn:before{  
                content: '\ea34';
                font-family: 'icomoon' !important;
                font-size:12px;
                line-height:28px;
                text-align:center;    
                display:inline-block;
                width:28px;
                height: 28px;
                border-radius: 100%;
                background: #fff;
                color: #00BAD1;
                border: 1px solid #333;
                margin: 0 8px 0 0 ;
                -webkit-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
            }            
                .home-latest .n-btn:hover:before{
                   color:#fff;
                   background: #333;
                }
        
        
    
        #home-latest-news ul.news-items{
            padding:0 0 16px 0;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

            #home-latest-news ul.news-items:after{
                content: '';
                display:block;
                clear:both;
            }        
        
            #home-latest-news ul.news-items li{
                display:block;
                width:100%;
            } 
            
                #home-latest-news ul.news-items li a{
                    text-decoration:none;
                } 
            
                #home-latest-news ul.news-items li img.fluid{
                    margin-bottom:16px;
                }    
                
                #home-latest-news ul.news-items li .text{
                    display:block;
                }               
                
                #home-latest-news ul.news-items li .text h3{
                   // color: #fff;
                   font-size:24px;
                   font-weight:400;
                   margin-bottom:4px;
                }               
                
                #home-latest-news ul.news-items li .text .snippet p{
                    color: #666;
                    line-height:1.2em;
                    margin-bottom:4px;
                    font-size:18px;
                }                     
      
                
 /*--------------------------------
| news
*/   
  

        #news-content .n-btn{
            color:#00BAD1;
            font-size:18px;
        }
            #news-content .n-btn:hover{
                text-decoration:none;
            }

            #news-content .n-btn:before{  
                content: '\ea34';
                font-family: 'icomoon' !important;
                font-size:12px;
                line-height:28px;
                text-align:center;    
                display:inline-block;
                width:28px;
                height: 28px;
                border-radius: 100%;
                background: #fff;
                color: #00BAD1;
                border: 1px solid #333;
                margin: 0 8px 0 0 ;
                -webkit-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
            }            
                #news-content .n-btn:hover:before{
                   color:#fff;
                   background: #333;
                }
        
        
    
        #news-content ul.news-items{
            padding:0 0 16px 0;
            border-top: 1px solid #fff;            
        }

            #news-content ul.news-items:after{
                content: '';
                display:block;
                clear:both;
            }        
        
            #news-content ul.news-items li{
                display:block;
                width:100%;
                border-bottom:  1px solid #ccc; 
                padding:32px 0;
            } 
            
                #news-content ul.news-items li:first-child{
                    padding-top: 16px;
                }
            
                #news-content ul.news-items li a{
                    text-decoration:none;
                } 
            
                #news-content ul.news-items li img.thumb{
                    float:left;                    
                    margin-right:16px;
                    //margin-bottom:16px;
                }    
                
                #news-content ul.news-items li .text{
                    display:block;
                }               
                
                #news-content ul.news-items li .text h3{
                   // color: #fff;
                   font-size:24px;
                   font-weight:400;
                   margin-bottom:4px;
                }               
                
                #news-content ul.news-items li .text .snippet p{
                    color: #666;
                    line-height:1.2em;
                    margin-bottom:4px;
                    font-size:18px;
                }   
                
                
                
                
                
                
                
                
                
                
                

        #sidebar-news .n-btn{
            color:#00BAD1;
            font-size:18px;
        }
            #sidebar-news .n-btn:hover{
                text-decoration:none;
            }

            #sidebar-news .n-btn:before{  
                content: '\ea34';
                font-family: 'icomoon' !important;
                font-size:12px;
                line-height:28px;
                text-align:center;    
                display:inline-block;
                width:28px;
                height: 28px;
                border-radius: 100%;
                background: #fff;
                color: #00BAD1;
                border: 1px solid #333;
                margin: 0 8px 0 0 ;
                -webkit-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
            }            
                #sidebar-news .n-btn:hover:before{
                   color:#fff;
                   background: #333;
                }
        
                
                #sidebar-news .all-news{
                    float:right;
                }    
                
                #sidebar-news h2.heavy{
                    border-bottom:none;
                    float:left;
                    margin:0;
                }
        
    
        #sidebar-news ul.news-items{
            //margin-top:20px;*/
            padding:0 0 16px 0;
            border-top: 1px solid #ccc;            
        }

            #sidebar-news ul.news-items:after{
                content: '';
                display:block;
                clear:both;
            }        
        
            #sidebar-news ul.news-items li{
                display:block;
                width:100%;
                border-bottom:  1px solid #ccc; 
                padding:32px 0;
            } 
            
                #sidebar-news ul.news-items li:first-child{
                    padding-top: 16px;
                }
            
                #sidebar-news ul.news-items li a{
                    text-decoration:none;
                } 
            
                #sidebar-news ul.news-items li img.thumb{
                    float:left;                    
                    margin-right:5%;
                    width:25%;
                    height:auto;
                    //margin-bottom:16px;
                }    
                
                #sidebar-news ul.news-items li .text{
                    display:block;
                    width:70%;
                    float:left;
                }               
                
                #sidebar-news ul.news-items li .text h3{
                   // color: #fff;
                   font-size:24px;
                   font-weight:400;
                   margin-bottom:4px;
                }               
                
                #sidebar-news ul.news-items li .text .snippet p{
                    color: #666;
                    line-height:1.2em;
                    margin-bottom:4px;
                    font-size:18px;
                }                       
                    
/*--------------------------------
| blocks
*/


.block-border{
    position:absolute;
    z-index:100;
    width:100%;
    /*height:100%;*/
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-top: 10px solid rgba(255, 255, 255, 0.4);
 /* border-left:0;
  border-right:0;*/
}

.page .content li,
.service-block li,
.text-block li{
    margin: 0 0 0 20px;
    list-style:disc;
}



.service-block{
    margin: 60px 0 20px 0;
}

    .brand-logos{
        display:block;
        width:100%;
        margin:20px 0 0 0;
    }
        .brand-logos li{
            display:inline-block;
            margin:0 15px 15px 0;
        }
        
    .contact-icons{
        display:block;
        width:100%;
        margin:20px 0;
        text-align:center;
        list-style:none;
    }
        .contact-icons li{
            display:inline-block;
            /*margin:0 15px 0 0;
            padding:0 0 0 50px;*/
            margin:0;
            padding:0 4px;
            font-size:13px;
            font-size:1.3rem;  
            min-width:44px;
            text-align:center;
            color:#00BAD1;
            font-size:12px;
            font-size:1.2rem;
            list-style:none;
        }
            .contact-icons li:last-child{
                margin:0;
            }
            
            .contact-icons li span{
                /*width:44px;
                padding:42px 0 0 0;
                line-height:84px;      */
                display:block;
               /* position:absolute;
                left:0;
                top:-8px;*/
               height:42px;
               width:100%;
               margin: 0 0 10px 0;
              
            }
                .contact-icons li span.telephone{
                    background: url(assets/images/icon-call.png);
                    background-position: center center; /*-140px -65px;*/
                     background-repeat: no-repeat;
                }
                .contact-icons li span.enquire{
                    background: url(assets/images/icon-email.png);
                    background-position: center center; /*-260px -65px;*/
                     background-repeat: no-repeat;
                }
                .contact-icons li span.brochure{
                    background: url(assets/images/icon-brochure.png);
                    background-position: center center; /*-260px -65px;*/
                     background-repeat: no-repeat;
                }
.text-block{
    margin: 20px 0 ;
}

    .text-block .media img{
        width:100%;
        height:auto;
    }
    
    .text-block .media .video {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }
        .text-block .media .video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

.gallery-block{ 
    width:100%;
    margin:0;
    padding:0;    
}
    .gallery-block li{ 
        float:left;
        display:block;
        height:auto;
        margin:0;
        padding:0;
        line-height:0;
    }
    
    .gallery-block li img{
          width:100%;  height:auto;
          margin:0;
          padding:0;
        }
    
        .gallery-block li a{
              display: block;
              margin:0;
              padding:0;
              line-height:0;
              width:100%;
              height:100%;
              overflow:hidden;
              position:absolute;
              top:0;
              left:0;
              z-index:99;
              line-height:0;
            }

                .gallery-block li a img{
                         -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
                     transform-origin: 50% 50%;
                     -webkit-transform: scale(1);
  -moz-transform:    scale(1);
  -ms-transform:     scale(1);
  -o-transform:      scale(1);
  transform:        scale(1);
                } 
                .gallery-block li a:hover img{
                     -webkit-transform: scale(1.1);
  -moz-transform:    scale(1.1);
  -ms-transform:     scale(1.1);
  -o-transform:      scale(1.1);
  transform:        scale(1.1);
                    margin:0 10px;
                } 
        

        
.image-block, 
.image-block img{
  width:100%;  height:auto;
  margin:0;
  padding:0;
  display: block;
}

.image-block-parallax{
  overflow:hidden; 
  position:relative;
  width:100%;  height:100%;
}

    .image-block-parallax img.parallax{
        width:160%;
        position:absolute;
        left:-30%;
        top:0;
        display:block;
    }

    .image-block-body,
    .image-block-title{
        position:absolute;
        z-index:99;    
        display:block;
    }
    .image-block-title,
    .image-block-body-content{
        background-color: rgba(255, 255, 255, 0.8);
    }

    .image-block-body{
       width:100%;
       top:15%;    
    }

    .image-block-body-content{
        padding:15px;
    }



    .image-block-title{
        width:100%;
        top:auto;
        bottom:15%;
    }

.video-block {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56%/*56.25%*/;
    padding-top: 25px;
    height: 0;
    margin:0;
    border:0;
}
    .video-block iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin:0;
    border:0;
    padding:0;
    }

/*--------------------------------
| posts
*/    
    
.post-title{    
    font-size:24px;
    border-bottom:1px solid #ccc;
    padding-bottom:20px;
    margin-bottom:20px;
    line-height:32px;
}
/*--------------------------------
| social icons
*/
ul.social-icons li{background-image:url(assets/images/sprites-social.png);
background-repeat:no-repeat;
background-color:#FFF;
background-position:0 100px;
display:inline-block;
margin:-1px 1px 5px 0;
padding:0;
border-radius:100%;
overflow:visible;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
-moz-border-radius:100%;
-webkit-border-radius:100%;}
ul.social-icons li a{display:block;
height:30px;
width:30px;
text-align:center}
ul.social-icons li[class] a{text-indent:-9999px}
ul.social-icons li a:hover{text-decoration:none}
ul.social-icons li a i[class^="fa-"]{
color:#444;
font-size:16px;
position:relative;
top:3px}
ul.social-icons li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)}
ul.social-icons li:active,ul.social-icons li a:active{border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%}
ul.social-icons li.digg{background-position:0 0}
ul.social-icons li.digg:hover{background-position:0 -30px}
ul.social-icons li.dribbble{background-position:0 -60px}
ul.social-icons li.dribbble:hover{background-position:0 -90px}
ul.social-icons li.facebook{background-position:0 -120px}
ul.social-icons li.facebook:hover{background-position:0 -150px}
ul.social-icons li.flickr{background-position:0 -180px}
ul.social-icons li.flickr:hover{background-position:0 -210px}
ul.social-icons li.forrst{background-position:0 -240px}
ul.social-icons li.forrst:hover{background-position:0 -270px}
ul.social-icons li.googleplus{background-position:0 -300px}
ul.social-icons li.googleplus:hover{background-position:0 -330px}
ul.social-icons li.html5{background-position:0 -360px}
ul.social-icons li.html5:hover{background-position:0 -390px}
ul.social-icons li.icloud{background-position:0 -420px}
ul.social-icons li.icloud:hover{background-position:0 -450px}
ul.social-icons li.lastfm{background-position:0 -480px}
ul.social-icons li.lastfm:hover{background-position:0 -510px}
ul.social-icons li.linkedin{background-position:0 -540px}
ul.social-icons li.linkedin:hover{background-position:0 -570px}
ul.social-icons li.myspace{background-position:0 -600px}
ul.social-icons li.myspace:hover{background-position:0 -630px}
ul.social-icons li.paypal{background-position:0 -660px}
ul.social-icons li.paypal:hover{background-position:0 -690px}
ul.social-icons li.picasa{background-position:0 -720px}
ul.social-icons li.picasa:hover{background-position:0 -750px}
ul.social-icons li.pinterest{background-position:0 -780px}
ul.social-icons li.pinterest:hover{background-position:0 -810px}
ul.social-icons li.reddit{background-position:0 -840px}
ul.social-icons li.reddit:hover{background-position:0 -870px}
ul.social-icons li.rss{background-position:0 -900px}
ul.social-icons li.rss:hover{background-position:0 -930px}
ul.social-icons li.skype{background-position:0 -960px}
ul.social-icons li.skype:hover{background-position:0 -990px}
ul.social-icons li.stumbleupon{background-position:0 -1020px}
ul.social-icons li.stumbleupon:hover{background-position:0 -1050px}
ul.social-icons li.tumblr{background-position:0 -1080px}
ul.social-icons li.tumblr:hover{background-position:0 -1110px}
ul.social-icons li.twitter{background-position:0 -1140px}
ul.social-icons li.twitter:hover{background-position:0 -1170px}
ul.social-icons li.vimeo{background-position:0 -1200px}
ul.social-icons li.vimeo:hover{background-position:0 -1230px}
ul.social-icons li.wordpress{background-position:0 -1260px}
ul.social-icons li.wordpress:hover{background-position:0 -1290px}
ul.social-icons li.yahoo{background-position:0 -1320px}
ul.social-icons li.yahoo:hover{background-position:0 -1350px}
ul.social-icons li.youtube{background-position:0 -1380px}
ul.social-icons li.youtube:hover{background-position:0 -1410px}
ul.social-icons li.github{background-position:0 -1440px}
ul.social-icons li.github:hover{background-position:0 -1470px}
ul.social-icons li.behance{background-position:0 -1500px}
ul.social-icons li.behance:hover{background-position:0 -1530px}
ul.social-icons li.yelp{background-position:0 -1560px}
ul.social-icons li.yelp:hover{background-position:0 -1590px}
ul.social-icons li.mail{background-position:0 -1620px}
ul.social-icons li.mail:hover{background-position:0 -1650px}
ul.social-icons li.instagram{background-position:0 -1680px}
ul.social-icons li.instagram:hover{background-position:0 -1710px}
ul.social-icons li.foursquare{background-position:0 -1740px}
ul.social-icons li.foursquare:hover{background-position:0 -1770px}
ul.social-icons li.zerply{background-position:0 -1800px}
ul.social-icons li.zerply:hover{background-position:0 -1830px}
ul.social-icons li.vk{background-position:0 -1860px}
ul.social-icons li.vk:hover{background-position:0 -1890px}


/*--------------------------------
| web forms 
*/
.web-form, .web-form .line {width:100%;}
.web-form * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
.web-form .line,
.web-form .line:last-child,
.web-form .last-unit{overflow:hidden;}
.web-form .unit{float:left; padding:0 5px;}
.web-form .unit-right{float:right;}
.web-form .unit-1of1{float:none; width:100%;}
.web-form .unit-1of2{width:50%;}
.web-form .unit-1of3{width:33.33333%;}
.web-form .unit-2of3{width:66.66666%;}
.web-form .unit-1of4{width:25%;}
.web-form .unit-3of4{width:75%;}
.web-form .line:last-child,
.web-form .last-unit{float:none;width:auto;}
.web-form p,
.web-form h1,
.web-form h2,
.web-form h3,
.web-form h4,
.web-form h5,
.web-form h6 {margin-top: 0;}
.web-form p {}
.web-form label {font-weight: bold;}
.web-form .required {margin-left: 4px; color:#59B3E8;}
.web-form input.error{border:1px solid #59B3E8; background-color:#eee;}
.web-form textarea,
.web-form input[type="text"],
.web-form input[type="email"],
.web-form input[type="url"],
.web-form input[type="number"],
.web-form input[type="password"],
.web-form input[type="search"] {
    width: 100%; border:1px solid #97a4af;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:14px;
    font-size:1.4rem;
}
.web-form textarea{resize:vertical;}
.web-form .button{
    padding:5px 20px;
    background:#00bad1;
    color:#fff;
    text-transform:uppercase;
    border:none;
    font-weight: bold;
    cursor:default;
    font-size:16px;
    font-size:1.6rem;
}

/*--------------------------------
| contact form 7
*/
.wpcf7-form-control-wrap {
    width:100%;
}
.wpcf7 .wpcf7-not-valid,
.wpcf7 input.wpcf7-not-valid{
    border:1px solid #990000;
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-validation-errors{
    font-size:12px;
    font-size:1.2rem; 
    color:/*#fff;
    background:*/#990000;
   /* text-transform:uppercase;*/
    border:none;
    font-weight:600;
    clear:both;
  
}


.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output {
    color:#00bad1;
    text-transform:uppercase;
    background:#eee;
    border:1px solid #ccc;
    padding:10px;
    font-weight:700;
    margin-top:0;
}


/*--------------------------------
| Colorbox Default Theme Override
*/
#cboxOverlay{background:#f1f1f1/*#00515b;*/; opacity:0.9;}
#colorbox{}
    #cboxContent{/*margin-bottom:40px;*/ padding:5px 5px 40px 5px; overflow:visible; background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:1px;}
        #cboxLoadingGraphic{background:url(assets/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{position:absolute; top:auto; bottom:8px; text-transform:uppercase; color:#666;  font-size: 14px; display: inline-block;  text-align:center; }
        #cboxPrevious, #cboxNext{}
        #cboxPrevious{left:8px;}
        #cboxPrevious:hover{}
        #cboxNext{left:88px;}
        #cboxNext:hover{ }
        #cboxClose{right:8px;z-index:999;}
        #cboxClose:hover{ }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

        #cboxSocials{position:absolute; top:auto; bottom:2px; left:50%; margin-left:-100px; width:200px; text-align:center;z-index:999;}
            #cboxSocials ul.social-icons li{box-shadow:none;}
            
           #cboxInfo {/*display:none;*/ height:100%; width:190px; position:absolute; top:10px; left:auto; right:5px;font-size:12px;
    font-size:1.2rem; }
           #cboxInfo h3{font-size:15px;
    font-size:1.5rem; }
           #colorbox.cbox-info .cboxPhoto{padding:0 200px 0  0; }
           
           #cboxInfo .info{
                display: table;
                height:100%;
           }
           
               #cboxInfo .info div{
                   height:100%;
                 display: table-cell;
                vertical-align:middle;
           }
/*--------------------------------
| FlexSlider Default Theme Override
*/
.flexslider .text-wrap{
    display:block;    
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;

}

.flexslider .text{  
   
    box-sizing: border-box;
    display:block;
    position:absolute;
    background:rgba(36, 31, 33, 0.7);//#241f21;
    z-index:99;    
    padding:20px;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.4em;
    color:#fff;       
    max-width:420px;
    position: relative;
    top: 50%;
    left:80px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height:auto;

}
.flexslider .text h1,
.flexslider .text h2,
.flexslider .text h3,
.flexslider .text h4,
.flexslider .text h5,
.flexslider .text h6{  
    display:block;
    color:#fff;   
    font-size:22px;
    font-size:2.2rem;
    line-height:1.4em;
}
.flexslider .text p{
    display:block;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.4em;
}

.flexslider .text a{
    display:inline-block;
    margin:0;
    padding:8px 16px;
    background: #00BAD1;
    color: #fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-size:1.2rem;
    letter-spacing:2px;
     line-height:1.4em;
    text-align:center;
}

.flexslider .slide-video video#s-video { 
    position:absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);    
    visibility: visible;
}

.flexslider .slide-video .s-image{    
    visibility: hidden;
}



.flexslider-wrap{width:100%; height:auto; overflow:hidden;}

.flexslider { 
    margin: 0; 
   // background: #fff; 
   background:rgba(36, 31, 33, 1);//#241f21;
    border: none; 
    position: relative; 
    -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; 
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0); -o-box-shadow: 0 1px 4px rgba(0,0,0,0); box-shadow: 0 1px 4px rgba(0,0,0,0); 
    zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;
position: absolute; 
    top: 50%; width:100%;}
.flex-direction-nav a  { 
    display: block; 
    width: 20px; 
    height: 20px; 
    margin: -10px 0 0; 
    position: absolute; 
    top: 50%; 
    z-index: 10; 
    overflow: hidden; 
    opacity: 0; 
    cursor: pointer; 
    color: rgba(255,255,255,1); 
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3); 
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    transition: all .3s ease;
}
.flex-direction-nav a:hover{
    color: #00bad1; color: rgba(0,186,209,1);
}

.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; width:20px; text-align:center; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
 */
/* Control Nav */
.flex-control-nav {
    width: 100%; 
    position: absolute; 
    top:auto;
    bottom: 20px; 
    text-align: center;
    z-index: 9;
    height:9px;
    
    /*
     background:rgba(36, 31, 33, 1);//#241f21;
    padding:12px 0;    
    bottom:auto;
    display:block;
    position:relative;
    */
}
.flex-control-nav li {
    margin: 0 4px; 
    display: inline-block; 
    zoom: 1; *display: inline;
}
.flex-control-paging li a {
    width: 9px; 
    height: 9px; 
    display: block; 
    background: #fff; 
    background: rgba(255,255,255,1); 
    cursor: pointer; 
    text-indent: -9999px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    -o-border-radius: 20px; 
    border-radius: 20px; 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
}
.flex-control-paging li a:hover { background: #00bad1; background: rgba(0,186,209,1); }
.flex-control-paging li a.flex-active { background: #00bad1; background: rgba(0,186,209,1); cursor: default; }
/*
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
*/




/* ---------------------------------------------------------------------------------------------------------- 
05 Media queries  -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 640px)  { 
    .flexslider .slide-video video#s-video {     
        visibility:hidden;
        display:none;
    }   
    
    .flexslider .slide-video .s-image{    
        visibility: visible;
    }
    
    .flexslider .text-wrap{    
        display:block;
        position:relative;
        height:auto;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;    
    }    
    
    .flexslider .text{     
        box-sizing: border-box;
        display:block;  
        height:180px;
        background:rgba(36, 31, 33, 1);//#241f21;
        position:relative;
        text-align:center;
        min-width:100%;
        max-width:100%;
        width:100%;
        top:0;
        left:0;
        padding:20px;     
        overflow:hidden; 
        font-size:14px;
        font-size:1.4rem;
        line-height:1.4em;
        color:#fff; 
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }    
    
    .flex-control-nav {
        width: 100%; 
        text-align: center;
        height:9px;
        background:rgba(36, 31, 33, 1);//#241f21;
        padding:12px 0;    
        bottom:auto;
        position:relative;
    }
}