﻿*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ margin: 0; outline: none; -webkit-text-size-adjust: none; }

body{ font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.428571429; color: #333; margin: 0; }

/*font-family: 'Kaushan Script', cursive;*/

.white{ background: rgba(255,255,255,1); }
.red{ background: #b00c27; }
.yellow{ background: #dbc63f; }

.bg-secondary{ background: #b00c27; color: #fff; }
.bg-primary{ background: #dbc63f; color: #fff; }

.block{ position: relative; z-index: 1; }
.block .container{ z-index: 1; }
.block.white-trans:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.9); position: absolute; top: 0; left: 0; z-index: 0; }
.block.dark-trans:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(102,102,102,0.95); position: absolute; top: 0; left: 0; z-index: 0; }
.block.yellow-trans:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(219,198,63,0.9); position: absolute; top: 0; left: 0; z-index: 0; }

.red, .red a,
.yellow, .yellow a,
.yellow-trans, .yellow-trans a,
.dark-trans, .dark-trans a{ color: #fff; border-color: #fff!important; }

.red .heading:after,
.yellow .heading:after,
.yellow-trans .heading:after,
.dark-trans .heading:after{ background: #fff; }

div.theme { display: block; width: 2000px; max-width: 100%; margin: 0 auto; min-height: 100vh; overflow: hidden;
    -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.1);
}

/*
.theme{ background: none!important; }
.theme:before{ content: ""; background: rgba(255,255,255,.98); position: fixed; width: 100%; height: 100%; top: 0; z-index: -1; }
*/

.fixed-bg{ position: fixed; width: 100%; height: 100%; top: 0; z-index: -2; text-align: center;
max-width: 2000px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}
.fixed-bg{ background: url('/files/layout/css/bg-body.jpg') top center no-repeat; background-size: cover; }

@media (min-width: 768px) {
    .container { width:750px }
}

@media (min-width: 992px) {
    .container { width:970px }
}

@media (min-width: 1200px) {
    .container { width:1200px }
}

.header a.logo{ position: absolute; z-index: 2; top: 0; left: 15px; transition: all 0s ease; background: url(/files/layout/css/logo.png) no-repeat; display: block; width: 150px; height: 160px; background-size: contain; }
.header a.logo{
-webkit-box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.04);
box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.04);
}

ul{ list-style-type: none; margin: 0; padding: 0; }
a{ text-decoration: none; }

.header { position: relative; z-index: 3; margin-bottom: 6px; background: rgba(255,255,255,.8); }
.header .container{ height: 124px; position: relative; }

.frontpage .header{  }

.block{ padding: 50px 0; }
.pt0{ padding-top: 0!important; }
.pb0{ padding-bottom: 0!important; }

.header .container .menu-panel{ position: absolute; top: 24px; right: 15px;  }
.menu-panel li{ float: left; margin-left: 20px; }
.menu-panel li a{ color: #393f40; font-size: 12px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 600; }
.menu-panel li i.fa{ margin-right: 5px; }

.header .container .menu{ position: absolute; bottom: 15px; right: 15px; }
.menu > li{ float: left; margin: 0 0 0 30px; }
.menu > li > a{ display: inline-block; font-size: 16px; line-height: 1em; text-transform: uppercase; color: #393f40; font-weight: 600; }

.submenu-wrapper {background: url('/files/layout/css/submenu-bgtop.png') center center repeat-x; }
.submenu-wrapper .container{ height: 90px; }

.submenu{ position: absolute; top: 20px; right: 15px; }
.submenu li{ float: left; margin-left: 30px; }
.submenu li a.True{ font-weight: 700; }

.sticky-wrapper { position: relative; z-index: 10;	}
.sticky-wrapper + div#royalSlider{ margin-top: -130px; }

.sticky-wrapper.sticky .header{	border-bottom: 3px solid #555; margin: 0; }

.frontpage .sticky { -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); }

.sticky {	    max-width: 2000px; width: 100%;	position: fixed;	z-index: 10;	top: 0; }		

.sticky .header{ background: rgba(255,255,255,.95); }

/*
.sticky .header .container a.logo { width: 76px; height: 82px; transition: all .1s ease; }			
.sticky .header .container{ height: 65px; }			
.sticky .header .container .menu-panel{ top: 7px; }
.sticky .header .container .menu-panel li a{ font-size: 10px; }
.sticky .menu-panel li { margin-left: 30px; }
.sticky .header .container .menu { bottom: 10px; }
*/

.sticky .menu > li > a.True:after,
.sticky .menu > li:hover > a:after { top: 36px; }

.sticky .fixed{ display: none; }

.sticky + div#royalSlider{ margin-top: 0; }
.sticky + div { margin-top: 130px; }

.sticky .header .container a.logo:before{ display: none; }
.sticky .breadcrumb-wrapper{ display: none; }

.sticky .submenu-wrapper .container{  }
.sticky .submenu-wrapper .container .submenu{ }
.sticky .submenu-wrapper {background: url('/files/layout/css/submenu-bgsticky.png') center center repeat-x; }

@media (max-width: 1199px) {
 
  .header .container { height: 110px; }
  .header a.logo{ width: 130px; height: 140px; }
  .menu > li { margin: 0 0 0 20px; }
  .menu > li > a { font-size: 15px; }
  
}

@media (max-width: 991px) {
 
  .header .container { height: 65px; }
  .header a.logo{ width: 76px; height: 82px; }
  
}