/*
Theme Name: Black Diamond
Theme URI: http://gt3themes.com/wordpress-themes/diamond/
Author: mad_dog
Author URI: gt3themes.com
Description: GT3themes team presents absolutely fresh and clean WordPress Photo theme. Diamond was developed with attention to details, starting from minimal design to the huge number of custom templates and features. The theme was designed to focus users attention to the photos which the main aim of the photography site.
Version: 1.7
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/*!CREATE OR EDIT HERE!*/


/*
** !!!!!!!!!!STOP EDITING!!!!!!!!!!
** !!!!!!!!!!END OF LINE!!!!!!!!!!!
*/
/*
***********************************
***								***
***	!!!ATTENTION!!!WARNING!!!	***
***								***
***********************************
***								***
***		 !!!DO NOT EDIT!!! 		***
***	  !THIS WILL MESS DIRECTLY 	***
***	  WITH THE NAVIGATION BAR!	***
***								***
***********************************
***								***
***			!!THANKS!!			***
***								***
***********************************
*/
@media screen and (min-width:761px)
{
    #lang_sel li::before {
        content: '' !important;
        width: 0px !important;
        height: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
        position: absolute;
    }
    #lang_sel
    {
        height:auto;
    }
    #lang_sel > ul:hover >li> ul, #lang_sel > ul:active >li> ul{
        display:block;
        position:relative;
        visibility:visible !important;
    }
    #lang_sel > ul >li> ul{
        display:none;
        position:relative;
        top: 0px;
        visibility:visible !important;
    }
}
@media screen and (max-width:760px)
{
    .main_header.opened
    {
        display:block !important;
    }
    .main_header
    {
        /*display:none !important;*/
    }
    .header_wrapper {
        padding-top: 25px !important;
    }
    .header_wrapper > *:not(a.menu_toggler){
        padding-top: 0px !important;
        display: inline-block;
        float:left;
        margin-left: 5px;
        margin-right: 5px;
    }
     .header_wrapper > a.menu_toggler
    {
        margin-top: 10px !important;
        display: inline-block;
        float:left;
        margin-left: 5px;
        margin-right: 5px;
    }
    /*languages resp*/
     #lang_sel
    {
        float: none;
        height:50px;
        /*! top: 0; */
        /*! bottom: 0; */
        /*! float: left; */
        display: block;
        /*! overflow: visible; */
        /*! z-index: 9999999; */
        /*! left: 0px; */
    }
    #lang_sel > ul:hover >li> ul{
        z-index:auto;
        position:  relative: important;
        /*! z-index: 9999999; */
        height: auto;
        top: 100%;
        float: left;
    }
    #lang_sel > ul:hover >li> ul, #lang_sel > ul:active >li> ul{
        display:block;
        position:relative;
        overflow:visible;
        visibility:visible !important;
    }
    #lang_sel > ul >li> ul{
        display:none;
        position:relative;
        top: 0px;
        visibility:visible !important;
    }
    #lang_sel li::before {
        content: '' !important;
        width: 0px !important;
        height: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
        position: absolute;
    }
	#lang_sel ul li ul:last-child {
		margin-bottom: 20px !important;
	}
	/*end language select*/
	.header_scroll, .header_scroll .header_wrapper {
		height: initial !important;
		min-height: initial !important;
	}
	.jspContainer, .jspPane {
		height: auto !important;
		position: relative !important;
	}
	.fs_thmb_viewport
	{
		width:100%;
		position:relative;
	}
	.fs_thmb_viewport > *
	{
		position:relative;
		width:auto;
	}
	
}
@media screen and (min-width:650px)
{
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	[class*="col-"] {
		float: left;
		padding: 15px;
		display:inline-block;
		margin: -15px;
	}
	.row{
		width:100%;
	}
	.row.align, .row.align *{
		text-align:center;
	}
	.row:after {
		content: "";
		clear: both;
		display: block;
	}
}
@media screen and (max-width:649.9999999px)
{
	.row{
		width:100%;
	}
	.row > [class*="col-"] {
		float: left;
		width:100%;
	}
}
.vertical-space{
	content:'';
	display:block;
	height:1px;
	width:100%;
	clear:both;
	margin-bottom:30px;
}