/***Fonts***/

@font-face {
font-family:'alasar';
font-style:normal;
font-weight:100;
src:local('alasar'), local('alasar'), url(../style/fonts/alasar/alasar-100.otf) format('opentype');
}

@font-face {
font-family:'alasar';
font-style:normal;
font-weight:400;
src:local('alasar'), local('alasar'), url(../style/fonts/alasar/alasar-400.otf) format('opentype');
}

@font-face {
font-family:'alasar';
font-style:normal;
font-weight:500;
src:local('alasar'), local('alasar'), url(../style/fonts/alasar/alasar-500.otf) format('opentype');
}

@font-face {
font-family:'alasar';
font-style:normal;
font-weight:700;
src:local('alasar'), local('alasar'), url(../style/fonts/alasar/alasar-700.otf) format('opentype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:100;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-100.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:200;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-100.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:300;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-300.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:400;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-400.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:500;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-500.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:600;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-600.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:700;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-700.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:800;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-800.ttf) format('truetype');
}

@font-face {
font-family:'qanelas';
font-style:normal;
font-weight:900;
src:local('qanelas'), local('qanelas'), url(../style/fonts/qanelas/qanelas-900.ttf) format('truetype');
}

@font-face {
font-family:'icons';
font-style:normal;
font-weight:100;
src:local('icons'), local('icons'), url(../style/fonts/icons.ttf) format('truetype');
}

/***End.Fonts***/

html,body {height:100%;}
body {
margin:0;
font:400 15px/30px 'qanelas', Tahoma, Calibri;
color:#282828;
background:;
position:relative;
overflow-y:scroll;
//overflow-y:none;
overflow-x:hidden !important;  
height:100%;
min-width:1120px;
}

body:before {
display:block;	
position:fixed;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background:#6d712e;
opacity:0;
transition:all .4s ease;
}

body.show-menu:before {
opacity:.7;
transition:all .4s ease;
z-index:998;
}

*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before, .clearfix:after {content:'';display:table;}
.clearfix:after {clear:both;}

::selection {
background-color:#cfcfcf;
}

::-webkit-scrollbar {width:4.5px;}
::-webkit-scrollbar-track {background:#fff;}
::-webkit-scrollbar-thumb {background:#282828;}

header:after, .wrap:after, ul:after, form:after {
content:" ";
display:block;
clear:both;
overflow:hidden;
}

.wrap {
position:relative;	
width:100%;
}

.container {
position:relative;
width:1120px;
margin:auto;
}

header#left-header {
position:fixed;
display:block;
width:160px;
height:100%;
background:#099;
z-index:123;
}

.logo-pf {
position:relative;
display:block;
width:120px;
margin:90px auto 0;
color:#fff;
text-align:center;
border:0;
text-transform:uppercase;
z-index:12;
}

.logo-pf:hover {color:#fff;}

.logo-pf p {
display:block;
margin:0;
}

.logo-pf p:nth-child(1) {
letter-spacing:1.25px;
font-size:30px;
line-height:40px;
font-weight:300;
}

.logo-pf p:nth-child(2) {
letter-spacing:3px;
font-size:15px;	
line-height:30px;
font-weight:500;
}

.logo-pf:before {
content:'';
position:absolute;
top:40px;
left:0;
display:block;
width:100%;
height:1.5px;
background:#fff;
}

/*.logo-pf:after {
content:'';
position:absolute;
top:6px;
left:25px;
display:block;
width:32px;
height:32px;
background:url(../images/logo/logo-msi.png) no-repeat center transparent;
background-size:contain;
z-index:12;
}*/

header#left-header .allrights {
position:absolute;
bottom:0;
padding:0 20px;
bottom:20px;
}

header#left-header .allrights p {
display:block;
font:400 10px/18px 'qanelas', Tahoma, Calibri;
color:rgba(255,255,255,.6);
}

/***Nav***/

#nav, #nav li {
display:block;
width:100%;
}

#nav li {
position:relative;
border-bottom:1.5px solid rgba(255,255,255,.25);
}

#nav li:first-child {border-top:1.5px solid rgba(255,255,255,.25);}

#nav li a {
position:relative;
display:inline-block;
width:100%;
color:rgba(255,255,255,.75);
font:600 12px/48px 'qanelas', Tahoma, Calibri;
letter-spacing:4px;
padding:0 20px;
border:0;
text-transform:uppercase;
z-index:23;
}

#nav li a:hover {padding:0 0 0 28px;color:#fff;}
#nav li.active a:hover {padding:0 20px;}

#nav li.active a {color:#fff;background:#008080;}

#nav li:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:0;
height:100%;
background:#008080;
z-index:12;
transition:all .4s ease;
}

#nav li:hover:before,
#top li.active a:before {
width:100%;
transition:all .4s ease;
}

/***End.Nav***/

/***Section***/

section {
position:relative;
top:0;
left:0;
padding:90px 80px 20px 240px;
background:#eee;
z-index:80;
}

section p.tagline,
footer p {
font:400 12px/20px 'qanelas', Tahoma, Calibri;
margin:0;
}

section p.tagline {width:400px;color:rgba(40,40,40,.5);}

section .contact {
position:absolute;
top:0;
right:0;
border:0;
text-align:right;
z-index:12;
}

section .contact p {margin:0;}
section .contact p a {border:0;}

section .contact p:nth-child(1) {font:400 20px/24px 'qanelas', Tahoma, Calibri;}
section .contact p:nth-child(2) {font:400 12px/16px 'qanelas', Tahoma, Calibri;}

/***End.Section***/

/***Page***/

#main-wrap {
padding:120px 40px 80px 200px;
min-height:calc(100% - 60px);
}

.content {padding:80px 0;}

.fullscreen {height:100%;min-height:600px;max-height:800px;overflow:hidden;}

.fullscreen .container, .popup, #nav, .item-2 .item h5,
.item-2 .item .img img {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
z-index:23;
}

.shadow-effect:before, .shadow-effect-white:before {
content:" ";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);
transition:all .4s ease;
z-index:10;
}

.shadow-effect-white:before {background:rgba(255,255,255,.5);}

#iframe-wrap {
position:relative;
height:100%;
overflow:hidden;
}

#iframe-wrap:before {
content:'';
position:absolute;
top:0;
right:0;
display:block;
width:18px;
height:100%;
background:#fff;
z-index:23;
}

#iframe-wrap iframe {
position:relative;
height:calc(100% + 320px);
margin-top:-320px;
border:0;
z-index:12;
}

.tabs__caption {
position:relative;
list-style:none;
width:100%;
padding:0;
border-bottom:1.5px solid #d6d6d6;
margin:0 0 40px;
}

.tabs__caption li {
position:relative;
float:left;
display:inline-block;
margin:0;
padding:10px 40px;
color:#282828;
font:500 15px/30px 'qanelas', Tahoma, Calibri;
cursor:pointer;
transition:all .4s ease;
}

.tabs__caption li:hover {
background:#eee;
transition:all .4s ease;
}

.tabs__caption .active,  
.tabs__caption li.active:hover {
background:#d6d6d6;
transition:all .4s ease;
}

.tabs__caption li.active {border-color:#eee;}

.tabs__content {display:none;}
.tabs__content.active {display:block;}

.item-2 {margin-top:20px;}

.item-2 .item {
position:relative;
display:block;
float:left;
width:calc(50% - 10px);
height:120px;
margin:20px 20px 0 0;
background:#eee;
border:0;
}

.item-2 .item:nth-child(even) {margin-right:0;}

.item-2 .item:hover {
color:#fff;
background:#099;
}

.item-2 .item h5 {
width:100%;
font-weight:400;
font-size:20px;
line-height:25px;
padding:20px 120px 20px 40px;
margin:0;
}

.item-2 .item .img {
position:absolute;
top:20px;
right:20px;
display:block;
width:80px;
height:80px;
background:#fff;
border-radius:50%;
overflow:hidden;
z-index:12;
transition:all .4s ease;
}

.item-2 .item:hover .img {
transform:scale(1.2);
-webkit-transform:scale(1.2);
transition:all .4s ease;
}

.item-2 .item .img img {
width:75%;
}

.map {
height:320px;
margin-top:40px;
}

.page-num {
margin:40px 0 0;
}

.page-num a {
position:relative;
display:inline-block;
width:48px;
height:48px;
line-height:48px;
margin:2px 2px 0 0;
text-align:center;
background:#eee;
color:#282828;
border:0;
}

.page-num a:hover {
background:#dbdcde;
color:#282828;
border:0;
}

.page-num a.active {
background:#282828;
color:#099;
border:0;
}

.back-link {
display:inline-block;
margin:0 0 20px;
color:#099;
border:0;
}

.back-link:hover {
color:#282828;
}

.search-form {margin:20px 0 40px;}

.search-form input {
position:relative;
display:inline-block;
font:400 15px/30px 'qanelas', Tahoma, Calibri;
padding:10px 20px;
border:0;
}

.search-form input[type="text"] {
width:320px;
background:#eee;
}

.search-form input[type="submit"] {
cursor:pointer;
color:#fff;
background:#282828;
transition:all .4s ease;
}

.search-form input[type="submit"]:hover {
color:#fff;
background:#099;
transition:all .4s ease;
}

.serach-hint {margin:20px 0;}

/***End.Page***/

/***BG***/

.bg-white {background:#fff;}
.bg-grey {background:#f4f4f4;}

.bg-001 {background:url(../images/back/bg-001.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-002 {background:url(../images/back/bg-002.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-003 {background:url(../images/back/bg-003.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-004 {background:url(../images/back/bg-004.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-005 {background:url(../images/back/bg-005.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-006 {background:url(../images/back/bg-006.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-007 {background:url(../images/back/bg-007.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-008 {background:url(../images/back/bg-008.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-009 {background:url(../images/back/bg-009.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-010 {background:url(../images/back/bg-010.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-011 {background:url(../images/back/bg-011.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-012 {background:url(../images/back/bg-012.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-013 {background:url(../images/back/bg-013.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-014 {background:url(../images/back/bg-014.jpg) no-repeat center transparent !important;background-size:cover !important;}
.bg-015 {background:url(../images/back/bg-015.jpg) no-repeat center transparent !important;background-size:cover !important;}

/***End.BG***/

/***Footer***/

footer {
position:relative;
padding:20px 80px 20px 200px;
background:#d6d6d6;
}

/***End.Footer***/

/***Elements***/

header, footer, article, section, hgroup, nav, figure {display:block;}
img {border-style:none;vertical-align:top;}
td {vertical-align:middle;}

img.img-content {max-width:100%;}
img.img-content-50 {max-width:420px;margin:0 0 40px;}
img.img-content-right {margin-left:40px;}

.color-green {color:#099;}

ul {
position:relative;
padding:0;
margin:0;
list-style:none;
}

a.none {display:none !important;}
a#link {position:absolute;top:0;}
strong, b {font-weight:500 !important;}

a {
position:relative;
color:#282828;
text-decoration:none;
border-bottom:1.5px solid #099;
transition:all .4s ease;
}

a:hover {
color:#099;
border-color:#099;
text-decoration:none;
transition:all .4s ease;
}

a.more {
position:relative;
display:inline-block;
border:0;
font:700 13px/40px 'qanelas', Tahoma, Calibri;	
text-transform:uppercase;
letter-spacing:1px;
padding:0 30px;
margin:40px 0;
}

a.more:hover {color:#099;border:0;}

a.more:before {
content:'';
position:absolute;
top:-10px;
left:0;
width:60px;
height:calc(100% + 20px);
background:#dbdcde;
z-index:-1;
transition:all .4s ease;
}

a.more:hover:before {
width:100%;
background:#282828;
transition:all .4s ease;
}

h1,h2,h3,h4,h5,.h {
font:300 25px/35px 'qanelas', Tahoma, Calibri;
padding:0;
color:inherit;
margin:40px 0;
}

h1 {font-size:60px;line-height:65px;margin:80px 0 40px;}
h2 {font-size:50px;line-height:55px;}
h3 {font-size:45px;line-height:50px;}
h4 {font-size:40px;line-height:45px;}
h5 {font-size:35px;line-height:40px;}

p {
position:relative;
font:400 15px/30px 'qanelas', Tahoma, Calibri;
margin:10px 0;
}

p.important {
font:400 17px/35px 'qanelas', Tahoma, Calibri;
margin:40px 0 20px;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, a.more:first-child, 
p:first-child, p.important:first-child, img.img-content-50 + h4, img.img-content-50 + h3 {margin-top:0 !important;}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, a.more:last-child, 
p:last-child, p.important:last-child {margin-bottom:0 !important;}

.icon-adress:before,
.icon-phone:before,
.icon-mail:before,
.icon-support:before,
.icon-doc:before,
.icon-person:before,
.icon-company:before,
.icon-contact:before,
.icon-love:before,
.icon-list:before,
.icon-map:before,
.icon-place:before,
.icon-back:before {
font:500 13px/10px "icons";
margin-right:10px;
}

.icon-adress:before {content:"\e096";}
.icon-phone:before {content:"\e010";}
.icon-mail:before {content:"\e01e";}
.icon-support:before {content:"\e056";}
.icon-doc:before {content:"\e040";}
.icon-person:before {content:"\e005";}
.icon-company:before {content:"\e001";}
.icon-contact:before {content:"\e096";}
.icon-love:before {content:"\e08a";}
.icon-list:before {content:"\e067";}
.icon-map:before {content:"\e033";}
.icon-place:before {content:"\e020";}
.icon-back:before {content:"\e050";}

.count {margin:20px 0;padding:0;}
.count li {position:relative;padding-left:40px;margin:0 0 10px;list-style:none;}
.count:last-child, ol.count li:last-child {margin-bottom:0;}
.count:first-child {margin-top:0;}

.count li:before {
content:"";
position:absolute;
top:13px;
left:0;
display:block;
width:20px;
height:1.5px; 
background:#282828;
}

.count.count-list-3 li {
display:inline-block;
width:31%;
padding-right:40px;
}

/***End.Elements***/

/***Menu***/

.icon-menu {
display:block;
width:40px;
height:1.5px;
background:#fff;
transition:all .4s ease;
}

.icon-menu:nth-child(1),
.icon-menu:nth-child(2) {margin:0 0 4.5px;}

.menubutton {
cursor:pointer;
transition:all .4s ease;
}

.menubutton:hover .icon-menu {background:#af0004;transition:all .4s ease;}

*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before, .clearfix:after {content:'';display:table;}
.clearfix:after {clear:both;}

button{-webkit-appearance:button;cursor:pointer;}

button:focus {outline:none;}

.popup a.close, .close-button {
position:absolute;
right:0px;
top:0px;	
width:80px;
height:80px;
padding:20px;
font-size:0;
border:none;
background:transparent;
z-index:100; 
transition:all .4s ease; 
}

.popup a.close::before, 
.popup a.close::after, 
.close-button::before,
.close-button::after {
content:'';
position:absolute;
width:1.5px;
height:30px;
top:25px;
left:50%;
background:#fff;
}

.popup a.close::before, .close-button::before {-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .4s ease;}
.popup a.close::after, .close-button::after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .4s ease;}
.popup a.close:hover::before, .close-button:hover::before {-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .4s ease;}
.popup a.close:hover::after, .close-button:hover::after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .4s ease;}

/* Menu */

.menu-wrap {	
position:fixed;
display:block;
top:0;
left:0;
z-index:1001;
width:400px;
height:100%;
min-height:auto;
background:#282828;
padding:40px;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
overflow:hidden;
}

.menu-wrap::-webkit-scrollbar{width:0px;}
.menu-wrap::-webkit-scrollbar-thumb{}
.menu-wrap::-webkit-scrollbar-thumb:hover{}
.menu-wrap::-webkit-scrollbar-track{}
.menu-wrap::-webkit-scrollbar-track:hover{}

/* Shown menu */
.show-menu .menu-wrap {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
}

/***End.Menu***/