/*
Theme Name: Galleria Metropolia
Theme URI: http://cmsmasters.net/galleria-metropolia/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Galleria Metropolia WordPress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. Galleria Metropolia theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. Galleria Metropolia comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme.
Version: 1.0.8
License:
License URI:
Text Domain: galleria-metropolia
Domain Path: /theme-vars/languages
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*-------------------------------------------------------------------------*/
/* Browser Reset
/*-------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
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 {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}
html {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
object,
video,
audio,
embed,
canvas,
iframe,
main,
summary {
  display: block;
}
video,
audio,
progress,
canvas {
  vertical-align: baseline;
}
video {
  background-color: #000000;
}
template,
[hidden],
audio:not([controls]) {
  display: none;
}
audio:not([controls]) {
  height: 0;
}
iframe {
  max-width: 100%;
}
abbr,
address,
progress {
  display: inline-block;
  text-decoration: none;
}
abbr:not([class]),
acronym {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

#middle ul:after,
#bottom ul:after,
#middle ol:after,
#bottom ol:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

dl {
  display: block;
  overflow: hidden;
}
dt {
  display: block;
  font-weight: bold;
  overflow: hidden;
}
dd {
  display: block;
  overflow: hidden;
}
blockquote {
  padding-left: 30px;
  padding-right: 0;
  position: relative;
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: none;
}
q:before,
q:after {
  content: none;
}
del {
  text-decoration: line-through;
}
table {
  width: 100%;
}
img {
  display: inline-block;
  color: transparent;
  height: auto;
  font-size: 0;
  vertical-align: middle;
  max-width: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: auto;
  image-rendering: auto;
  -ms-interpolation-mode: bicubic;
}
img.wp-smiley,
img.emoji {
  font-size: 1em;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}
figure {
  background-image: none !important;
}
fieldset {
  margin: 25px 2px 30px;
  padding: 1.5em 1em .5em;
  border-width: 0;
  border-style: solid;
}
fieldset legend {
  padding: 3px 10px;
  margin-top: -25px;
}
input {
  line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
textarea {
  resize: vertical;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
optgroup {
  font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=submit],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
  pointer-events: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
p:empty {
  display: none;
}
:focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  background-color: transparent;
  color: inherit;
  font-family: monospace;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: 1px;
}
pre {
  white-space: pre-wrap;
}
pre a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
code {
  display: inline-block;
}
code a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
svg:not(:root) {
  overflow: hidden;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
b,
strong {
  font-weight: bold;
}
th,
td,
caption {
  font-weight: normal;
}
dfn {
  font-style: italic;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  color: #000000;
}
.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}
.full-width1{
width: 100%;
    position: absolute;
        bottom: 41%;
    height: auto;
}
.full-width1 .box {
    width: 33.3333333%;
    float: left;
    font-size: 23px;
    height: 170px;
	padding: 23px 60px 23px 60px;
}
.border-top{
	border-top: 1px solid rgba(255, 255, 255, 0.32941176470588235);
}
.border-right{
	border-right: 1px solid rgba(255, 255, 255, 0.32941176470588235);
}

/* on slider start */
.full-width1 .box h3{
	    letter-spacing: 2px;
    font-weight: 700;
    font-family: Karla;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
}
.full-width1 .box .para{
	
    font-weight: 400;
       padding: 34px 60px 23px;
    font-family: Muli;
       color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
	    line-height: 26px;
}
.flex-box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.flex-box a{
	    width: 60%;
}
.full-width1 .box .target{
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0px;
    font-family: Muli;
    width: 49%;
    display: inline-block;
    float: left;
}
.box .btn-slider{
font-size: 13px;
    line-height: 26px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    letter-spacing: 2px;
    font-family: Karla;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px;
    outline: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
    box-sizing: border-box;
    padding-top: 10px;
    text-align: center;
    height: 51px;
    width: 204px;
}
.box .btn-slider:hover{
	    background-color: #fff;
	    color: #000;
}

/* on slider End */
.full-width2{
	display:none;
}
.full-width1 .box3{
width: 62%;
    float: left;
    font-size: 23px;
    height: 90px;
    padding: 23px 60px 23px 60px;
}

.full-width1 .box4{
width: 38%;
    float: left;
    font-size: 23px;
    height: 90px;
    padding: 21px 0px;
    display: inline-block;
    text-align: center;
}

.rp15{
    
    color: #e6dfdf;
    margin-right: 15px;
    font-size: 1.34vw;
    
}

.rpbtn{
    
    color: #e6dfdf;
    margin: 0px 15px;
    padding: 0px 14px;
    border: 1px solid #e6dfdf;
    background-color: #f0f8ff00;
    line-height: 3;
    font-size: .8vw;
    letter-spacing: .1vw;
/*     margin-top: 3vh; */
    
}
.customizing-html{
	height:100%;
}
.dflex-in{
    height: 100%;
    display: inline-flex;
	align-items: center;
}


@media screen and (max-width:1024px){
 .sl-none{
     display: none;
 }   
#header2 {
  display: none;
}
}




/* After slider start for mobile*/
@media screen and (max-width:767px){
	.full-width1{
	display:none;
}
.full-width2{
    display: block;
    width: 100%;
    height: auto;
}
.full-width2 .box {
    width: 100%;
    font-size: 23px;
    height: 170px;
    padding:23px 30px 23px 30px;
    background: #0d100c;
	    text-align: center;
}
	
.full-width2 .box h3{
	    letter-spacing: 2px;
    font-weight: 700;
    font-family: Karla;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
}
.full-width2 .box .para{
	
    font-weight: 400;
       padding: 34px 60px 23px;
    font-family: Muli;
       color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
	    line-height: 26px;
}
.full-width2 .flex-box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.full-width2 .flex-box a{
	    width: 60%;
}
.full-width2 .box .target{
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0px;
    font-family: Muli;
    width: 50%;
    display: inline-block;
    float: left;
}
.full-width2 .box .btn-slider{
font-size: 13px;
    line-height: 26px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    letter-spacing: 2px;
    font-family: Karla;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 2px;
    outline: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
    box-sizing: border-box;
    padding-top: 10px;
    text-align: center;
    height: 51px;
    width: 204px;
}
.full-width2 .box .btn-slider:hover{
	    background-color: #fff;
	    color: #000;
}
	}
/* After slider End for mobile*/
@media screen and (max-width:1024px){
		.hidden-sm{
		display:none !important;
	}
	div#cmsmasters_row_mep5hzo1ri {
    display: none;
}
}

@media screen and (max-width:991px){
		#cmsmasters_column_ .cmsmasters_column_inner {
    width: 100% !important;
}
	.full-width1 .box:nth-child(2), .full-width1 .box:nth-child(3){
		padding: 23px 0 23px 17px;
	}
		.full-width1 .box:nth-child(1){
		    padding: 23px 60px 23px 69px;
	}
	.flex-box {
    align-items: end;
}
#layerslider_6 > div.ls-inner > div > div:nth-child(5) > div{
	top: 128.275px !important;
}
#layerslider_6 > div.ls-inner > div > div:nth-child(4) > div{
	top: 109.287px !important;
}	
}
@media screen and (max-width:767px){
	a.logo {
    max-width: 192px  !important;
    width: 100%  !important;
}
	img.logo_retina {
    width: 100%  !important;
}
	.header_top{
			display:none !important;
	}
	.hidden-xs{
		display:none !important;
	}
	.wrapper-boxing .cmsmasters_column_inner {
    width: 100% !important;
}


}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */ 
    /*.myClass { color:red; } */
    
    /* Safari only override */ 
    /*::i-block-chrome, .myClass { color:blue; } */
    #mega-menu-wrap-header-menu {
clear: both;
  position: relative;
    top: calc(50% - 38px);
}
#cmsmasters_row_mep5hzo1ri {
z-index: 1 !important;
zoom: 90%;
}

    
}
@media screen and (min-width:1025px){
    .head-txt-set-0{
       font-size:28px !important;
       line-height: 97px !important;
       font-family:prata !important;
    }
    .cont-txt-set-0{
            font-size: 21px !important;
    line-height: 30px;
    }
    .mfp-content{
        top: 32px;
    }
    .mail-st-0{
        line-height:3;
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
    .head-txt-set-0{
       font-size:28px !important;
       line-height: 97px !important;
       font-family:prata !important;
    }
    .cont-txt-set-0{
            font-size: 21px !important;
    line-height: 30px;
    padding-bottom: 70px !important;
    }
    .mfp-content{
        top: 26px;
    }
    .mail-st-0{
        line-height:3;
    }
    #cmsmasters_row_9c2rb8r1uk .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_0o49268frd .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_inner.cmsmasters_row_fullwidth{
        padding-top:15px !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_outer_parent{
        padding-top:0 !important;
    }
     #cmsmasters_row_htjgwau0wt .cmsmasters_row_outer_parent{
        padding-top:0 !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_93whcdevv .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_ar3w7djrbq .cmsmasters_row_outer_parent{
    padding-bottom:0 !important;
    }
    #cmsmasters_row_0rkv39c9q0 .cmsmasters_row_outer_parent{
    padding-bottom:0 !important;    
    }
}
@media screen and (max-width:767px){
    .head-txt-set-0{
       font-size: 30px !important;
       margin-bottom: 29px !important;
       text-align:left !important;
       line-height: 1 !important;
    }
    .cont-txt-set-0{
    font-size: 18px !important;
    line-height: 28px;
    text-align:left !important;
    padding-bottom: 50px !important;
    }
    #cmsmasters_row_ghn31pa62v .cmsmasters_row_outer_parent {
    padding-bottom: 0 !important;
    }
    #cmsmasters_row_cdwn3h9kro .cmsmasters_row_outer_parent{
        padding-bottom: 0 !important;
    }
    #cmsmasters_row_0rkv39c9q0 .cmsmasters_row_outer_parent{
        padding-bottom: 0 !important;
    }
    .mail-st-0{
        line-height:3;
    }
    .mfp-content{
        top: 0;
    }
    #cmsmasters_row_9c2rb8r1uk .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_0o49268frd .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_9c2rb8r1uk .cmsmasters_row_inner.cmsmasters_row_fullwidth{
        padding-top:15px !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_inner.cmsmasters_row_fullwidth{
        padding-top:15px !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_outer_parent{
        padding-top:0 !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_outer_parent{
        padding-top:0 !important;
    }
    #cmsmasters_row_htjgwau0wt .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_93whcdevv .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_mkloq7b1h7 .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_mk01yoepra .cmsmasters_row_outer_parent{
        padding-bottom:0 !important;
    }
    #cmsmasters_row_ar3w7djrbq .cmsmasters_row_outer_parent{
    padding-bottom:0 !important;
    }
}
@media screen and (max-width:320px)
{
    #cmsmasters_row_ask60uo1ad > div > div > div{
        width:auto !important;
    }
    #cmsmasters_column_4fnhn5ap1g > div{
        width:auto !important;
    }
    #cmsmasters_row_7tq67osn8u > div > div > div{
            width: auto;
    }
    #cmsmasters_row_4fvb5sop2h > div > div > div{
            width:auto;
    }
    .txt-set-flyer-0{
        font-size:19px !important;
    }
    #cmsmasters_tab_o95b1qf8ap > div > p > a{
            font-size: 15px;
    }
    
}
#menu-item-19390 > ul {
overflow-y: scroll;
height: 350px;
overflow-x: hidden;
}
.ul-style > li {
    text-indent: -73px;
}
.ul-style{
        padding-left: 53px;
}
/*@media screen and (min-width:768px){
    .text-set-years{
        white-space: nowrap;
        font-size: 15px;
    }
    
}*/
@media screen and (max-width:390px){
    .msm-head{
        font-size:30px !important;
    }
    .msm-cont-one{
        font-size:16px !important;
    }
    .msm-cont-two{
        font-size:16px !important;
    }
    .msm-cont-three
    {
        font-size:14px !important;
    }
    .msm-cont-four{
        font-size:14px !important;
    }
    .rrr_box{
      height:auto !important;   
    }
}
@media screen and (max-width:320px){
    #bottom{
            left: -6px;
    }
}