/*
Theme Name: Webcore
Description: Wordpress theme framework
Version: 1.0
Author: Remigijus Dikas
*/

/* Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                   font-size: 100%;vertical-align: baseline;
                   background: transparent;}
body              		 	{line-height: 1;}
ol, ul           				{list-style: none;}
blockquote, q     		{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after 		{content: '';	content: none;}
:focus            			{outline: 0;}
ins               				{text-decoration: none;}
del               			{text-decoration: line-through;}
table             			{border-collapse: collapse;border-spacing: 0;}

a:hover, a:focus, a:active	{text-decoration: none;}
a, a:hover, a:focus, a:active,
input, input:hover, input:focus, input:active,
select, select:hover, select:focus, select:active,
button, button:hover, button:focus, button:active
{ outline: 0!important; }

/*------------------------------------*\
    General
\*------------------------------------*/
html{
	background-color: #000000;
}
body, html {
    height:  100%;
    margin:  0px auto;
    padding: 0px auto;
}
body{
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
a,a:hover,a:active,a:focus{
	text-decoration: none!important;
}
.wrapper{
	float: left;
	width: 100%;
	height: auto;
    min-height: 100%;
	position: relative;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.page-bg{
	float: none;
	clear: both;
	position: absolute;
	max-height: 100%;
	min-height: 100%;
	height: auto;
	min-width: 100%;
	width: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	pointer-events: none;
}
body:not(.home) .page-bg{
	max-height: none;
	min-height: 300px;
	height: auto;
	min-width: 110%;
	width: auto;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}
.container{
	max-width: 1270px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none;
	clear: both;
}
.col{
	float: left;
}
.no-side-padding{
	padding-left: 0px;
	padding-right: 0px;
}
.no-right-side-padding{
	padding-right: 0px;
}
.no-left-side-padding{
	padding-left: 0px;
}
.centered-block{
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
}
.empty-posts-msg{
	float: left;
	width: 100%;
	margin-bottom: 32px;
	font-size: 13px;
	color: black;
	line-height: 20px;
}

/*------------------------------------*\
    Logo
\*------------------------------------*/
.logo{
	padding-top: 21px;
}
.logo img{
	float: left;
	max-width: 100%;
	height: auto;
	width: auto;
}
.logo .slogan{
	float: left;
	width: 100%;
	color: white;
	font-size: 13px;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 20px;
}

/*------------------------------------*\
    Before main menu
\*------------------------------------*/
.before-navigation{
	margin-bottom: 13px;
}
.before-navigation .contacts{
	float: right;
	line-height: 52px;
	margin-left: 26px;
}
.before-navigation .contacts a{
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

/*------------------------------------*\
    Language switcher
\*------------------------------------*/
.language-switcher{
	width: 40px;
	margin-left: 36px;
}
.desktop-header .language-switcher{
	float: left;
}
.wpml-ls-legacy-dropdown-click{
	width: auto;
}
.wpml-ls-legacy-dropdown-click a{
	background-color: transparent;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 53px;
	width: 100%;
	padding-left: 0px!important;
	padding-right: 0px!important;
	-webkit-transition: color 0.2s ease-in-out 0.2s;
	-moz-transition: color 0.2s ease-in-out 0.2s;
	-ms-transition: color 0.2s ease-in-out 0.2s;
	-o-transition: color 0.2s ease-in-out 0.2s;
	transition: color 0.2s ease-in-out 0.2s;
}
.mobile-header .language-switcher{
	margin-right: 15px;
}
.mobile-header .wpml-ls-legacy-dropdown-click a{
	line-height: 52px;
}
.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:focus>a,
.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:active>a,
.language-switcher .wpml-ls-item-legacy-dropdown-click a:hover,
.language-switcher .wpml-ls-item-legacy-dropdown-click a:focus,
.language-switcher .wpml-ls-item-legacy-dropdown-click a:active,
.language-switcher .wpml-ls-legacy-dropdown-click ul>li>a:hover,
.language-switcher .wpml-ls-legacy-dropdown-click ul>li>a:focus,
.language-switcher .wpml-ls-legacy-dropdown-click ul>li>a:active{
	background-color: transparent;
	color: white;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
	background-image: url('img/dropdown-arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover,
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:focus{
	background-image: url('img/dropdown-arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
   	display: none;
}

/* Language switcher submenu */
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
	border-top: none;
	width: 40px;
	background-color: rgba(9,63,93,0.73);
	padding-left: 9px;
	padding-right: 9px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	border: 1px solid white;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li{
	float: left;
	width: 100%;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li:not(:last-child){
	border-bottom: 1px solid white;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li a{
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	-webkit-transition: color 0.2s ease-in-out 0.2s;
	-moz-transition: color 0.2s ease-in-out 0.2s;
	-ms-transition: color 0.2s ease-in-out 0.2s;
	-o-transition: color 0.2s ease-in-out 0.2s;
	transition: color 0.2s ease-in-out 0.2s;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li a:hover{
	color: white!important;
}

/*------------------------------------*\
    Main menu
\*------------------------------------*/
.desktop-header nav{
	display: none;
}
.desktop-header .language-switcher{
	display: none;
}
.desktop-header nav ul{
	float: left;
	width: calc(100% + 31px);
	text-align: right;
}
.desktop-header nav ul li{
	display: inline-block;
	margin-left: 14px;
}
.desktop-header nav ul li a{
	line-height: 62px;
	height: 62px;
	padding-left: 31px;
	padding-right: 31px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	-webkit-transition: all 0.1s ease-in-out 0.1s;
	-moz-transition: all 0.1s ease-in-out 0.1s;
	-ms-transition: all 0.1s ease-in-out 0.1s;
	-o-transition: all 0.1s ease-in-out 0.1s;
	transition: all 0.1s ease-in-out 0.1s;
	border: 2px solid transparent;
}
.desktop-header nav ul li:hover a{
	border: 2px solid white;
	background-color: rgba(9,63,93,0.43);
}

/*------------------------------------*\
    Home url
\*------------------------------------*/
.home-url{
	color: white;
	font-size: 32px;
	margin-top: 10px;
	float: left;
}
.home-url:hover{
	color: white;
}

/*------------------------------------*\
    Mobile menu
\*------------------------------------*/
.mobile-header{
	float: left;
	width: 100%;
	display: block;
	position: relative;
	z-index: 9;
}
.mobile-wrapper{
	float: left;
	width: 100%;
	background-color: #003053;
}
.mobile-menu-toggle{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	background: transparent;
	border: none;
	outline: 0px;
	width: 32px;
	height: 32px;
	padding-left: 0px;
	padding-right: 0px;
}

/* Mobile menu button bars */
.mobile-menu-toggle .bar{
	float: left;
	width: 100%;
	height: 3px;
	background: white;
	margin-bottom: 6px;
}
.mobile-menu-toggle .bar:first-child{
	margin-top: 6px;
}
.mobile-menu-container{
	float: left;
	width: 100%;
	background-color: darkgrey;
}

/* General menu styles */
ul.mobile-menu{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.mobile-menu ul{
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
ul.mobile-menu li{
	float: left;
	width: 100%;
	-webkit-transition: all 0.1s ease-in-out 0.1s;
	-moz-transition: all 0.1s ease-in-out 0.1s;
	-ms-transition: all 0.1s ease-in-out 0.1s;
	-o-transition: all 0.1s ease-in-out 0.1s;
	transition: all 0.1s ease-in-out 0.1s;
}
ul.mobile-menu li a{
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	position: relative;
	-webkit-transition: all 0.1s ease-in-out 0.1s;
	-moz-transition: all 0.1s ease-in-out 0.1s;
	-ms-transition: all 0.1s ease-in-out 0.1s;
	-o-transition: all 0.1s ease-in-out 0.1s;
	transition: all 0.1s ease-in-out 0.1s;
}

/* First level */
ul.mobile-menu>li{
	border-bottom: 1px solid #003e6b;
	background-color: #003053;
}
ul.mobile-menu>li:last-child{
	border-bottom: none;
}
ul.mobile-menu>li>a{
	font-size: 20px;
}

/* Second level */
ul.mobile-menu>li>ul{
	max-height: 0px;
	overflow: hidden;
	padding-bottom: 0px;
}
ul.mobile-menu>li>ul>li{
	border-top: 1px solid #003053;
	background-color: #003e6b;
}

/* Third level */
ul.mobile-menu>li>ul>li>ul{
	max-height: 0px;
	overflow: hidden;
	padding-bottom: 0px;
}
ul.mobile-menu>li>ul>li>ul>li{
	background-color: white;
	border-top: 1px solid #cc470d;
}
ul.mobile-menu>li>ul>li>ul>li a{
	color: black;
}

/* Hover/Active states */
ul.mobile-menu>li:hover,
ul.mobile-menu>li.menu-expanded{
	background-color: #003e6b;
}
ul.mobile-menu>li>ul>li:hover,
ul.mobile-menu>li>ul>li.menu-expanded{
	background-color: #003053;
}
ul.mobile-menu>li>ul>li>ul>li:hover a{
	color: #cc470d;
}
ul.mobile-menu>li>ul.expanded,
ul.mobile-menu>li>ul>li>ul.expanded{
	max-height: 5000px;
	padding-bottom: 20px;
}

/*Customize menu*/
.menu-item-230, .menu-item-238 {
	float: left;
}

/* Submenu indicator */
ul.mobile-menu li.menu-item-has-children>a:after,
ul.mobile-menu li.menu-item-has-children>a::after{
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
        border-bottom-width: 0.313em;
        border-bottom-style: solid;
        border-top-color: transparent;
        border-bottom-color: transparent;
    border-bottom: none;
    border-top-color: white;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
}
ul.mobile-menu li.menu-item-has-children.menu-expanded>a:after,
ul.mobile-menu li.menu-item-has-children.menu-expanded>a::after{
	width: 0;
    height: 0;
    border: 0.313em solid transparent;
        border-top-width: 0.313em;
        border-top-style: solid;
        border-bottom-color: transparent;
        border-top-color: transparent;
    border-top: none;
    border-bottom-color: white;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
}

/*------------------------------------*\
    Main content
\*------------------------------------*/
main{
	display: block;
	z-index: 9;
	position: relative;
}
.home main{
	margin-top: 95px;
	margin-bottom: 200px;
}
.home main h1{
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 23px;
	color: white;
	text-transform: uppercase;
}
.home main h2{
	font-size: 24px;
	line-height: 32px;
	color: white;
}
body:not(.home) main{
	float: left;
	width: 100%;
	margin-bottom: 28px;
	margin-top: 118px;
}
body:not(.home) main h1{
	float: right;
	width: 100%;
	background-color: #003053;
	color: white;
	font-size: 36px;
	font-weight: normal;
	padding: 28px;
	margin-bottom: 6px;
}
body:not(.home) main .page-content{
	float: left;
	width: 100%;
	background-color: white;
	padding-top: 48px;
	padding-bottom: 48px;
	padding-right: 33px;
	padding-left: 33px;
}
body:not(.home) main .catalog-wrapper{
	float: left;
	width: 100%;
}
body:not(.home) main .catalog-content{
	float: right;
	width: 100%;
	background-color: white;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-right: 46px;
	padding-left: 46px;
}
body:not(.home) main .contacts-wrapper{
	float: left;
	width: 100%;
}
body:not(.home) main .contacts-content{
	float: right;
	width: 100%;
	background-color: white;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-right: 30px;
	padding-left: 30px;
}
.alignleft{
	float: left;
}
img.alignleft{
	margin-right: 58px;
	margin-bottom: 15px;
	max-width: 100%;
	width: auto;
	height: auto;
}
.alignright{
	float: right;
}
img.alignright{
	margin-left: 58px;
	margin-bottom: 15px;
	max-width: 100%;
	width: auto;
	height: auto;
}
.aligncenter{
	float: none;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter{
	max-width: 100%;
	width: auto;
	height: auto;
}
body:not(.home) main .page-content h2{
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #0d273a;
}
body:not(.home) main .page-content p{
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 25px;
	font-size: 16px;
	color: #585858;
	line-height: 24px;
}
body:not(.home) main .page-content ul{
	margin-bottom: 13px;
	padding-left: 40px;
	display: block;
	list-style-image: url('img/bullet.png');
}
body:not(.home) main .page-content ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #585858;
	line-height: 38px;
	width: 100%;
}
body:not(.home) main .page-content figure{
	width: 100%!important;
}
body:not(.home) main .page-content figure a{
	width: 100%!important;
}
body:not(.home) main .page-content figure a img{
	float: left!important;
	width: 100%!important;
	height: auto!important;
}
.catalog-btn{
	float: left;
	width: 100%;
	margin-bottom: 17px;
	text-align: center;
	border: 3px solid #003053;
	color: #003053;
	font-size: 18px;
	font-weight: bold;
	padding-top: 17px;
	padding-bottom: 17px;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out 0.1s;
	-moz-transition: all 0.1s ease-in-out 0.1s;
	-ms-transition: all 0.1s ease-in-out 0.1s;
	-o-transition: all 0.1s ease-in-out 0.1s;
	transition: all 0.1s ease-in-out 0.1s;
}
.catalog-btn:hover{
	background-color: #003053;
	color: white;
}
body:not(.home) main .contacts-content h2{
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #0d273a;
	font-family: 'Open Sans', sans-serif;
}
body:not(.home) main .contacts-content p{
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 25px;
	font-size: 16px;
	color: #585858;
	line-height: 24px;
}
body:not(.home) main .contacts-content .fa{
	color: #003053;
	width: 21px;
	font-size: 26px;
}

/*------------------------------------*\
    Footer
\*------------------------------------*/
footer .left,
footer .right{
	text-align: center;
	margin-bottom: 16px;
	color: #6f6f6f;
	font-size: 16px;
	font-weight: lighter;
}
footer a{
	color: #6f6f6f;
}
footer a:hover{
	color: #6f6f6f;
	text-decoration: underline!important;
}
.home footer{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	float: left;
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small devices (landscape phones) */ 
@media only screen and (min-width : 576px) {
.logo .slogan{
	padding-right: 30px;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body:not(.home) main h1{
	width: 50%;
	text-align: right;
}
body:not(.home) main .catalog-content{
	width: 50%;
}
body:not(.home) main .contacts-content{
	width: 50%;
}
body:not(.home) main .contacts-content{
	padding-right: 70px;
	padding-left: 70px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
body:not(.home) main h1{
	width: 515px;
}
body:not(.home) main .catalog-content{
	width: 515px;
}
body:not(.home) main .contacts-content{
	width: 515px;
}
footer .left{
	text-align: left;
}
footer .right{
	text-align: right;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.desktop-header nav{
	display: block;
}
.desktop-header .language-switcher{
	display: block;
}
.logo{
	padding-top: 54px;
}
.mobile-header{
	display: none;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
.home .wrapper{
	background-size: auto 100%;
}
}