/* Reset CSS */

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {font-family: 'PT Sans', sans-serif;  font-size: 13px;  line-height: 22px;  color: #7e7e7e;
background-color: #f6f6f6;}

/* Typography */
a { color: #3d3d3d; font-weight: 500;}
a:hover { text-decoration: none; color: #000;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;}
p { color: #a1a1a1; margin-bottom: 20px;}

/* Lists */
ul, ol {margin-top: 0; margin-bottom: 10px; list-style-type: disc; padding-left: 40px; }
ol {list-style-type: decimal;}
.reset-list,
.reset-list ul,
.reset-list ol {margin:0; padding:0; list-style: none; }
.reset-list2,
.reset-list2 ul,
.reset-list2 ol {list-style: none; }

/*ul.styled-list li:before { content: "\f105"; font-family: 'icomoon'; color: #ff525e; font-size: 11px; margin-right: 5px;}
ul.styled-list li ul li:before { content: "\f105"; font-family: 'icomoon'; color: #ff525e; font-size: 11px; margin-right: 5px;}*/
ul.styled-list li ul li { list-style: none;}
ul.styled-list { list-style: none;}
ol.styled-list { list-style: none;}

/* Tooltip */
.tooltip-test + .tooltip > .tooltip-inner {background-color: #ff525e; border-radius: 0; padding: 6px 10px;}
.tooltip.top .tooltip-arrow {border-top-color: #ff525e; }

h1, h2, h3, h4{font-family: 'Roboto', Helvetica, Arial, sans-serif;font-weight:300;color:#7a7a7a !important;}

h1 {font-size: 30px; line-height: 34px !important; margin: 0 0 5px 0;font-weight:300;}
h2 {font-size: 26px; line-height: 30px;}


/* Buttons */


.btn2 {border: none; border-radius: 4px; font-weight: 300; font-family: 'PT Sans', sans-serif;font-size: 13px; color: #343434; cursor: pointer; padding: 0;
display: inline-block; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
transition: all 0.3s;}
.btn2:hover,.btn2:focus {background: #fff; color: #343434;text-decoration:none; }
.btn2:hover { color: #343434;background-color: #efefef;}


/* Padding/Margin/Colors */
.tcolor { color: #ff525e !important;}
.gray { color: #a1a1a1;}
.black { color: #161616 !important;}
.white { color: #fff;}
.red{color:#ff0000;}
.center { text-align: center !important;}
.left { text-align: left;}
.right { text-align: right;}
.fnone { float: none !important;}
.fleft { float: left;}
.fright { float: right;}
.inline-block { display: inline-block;}
.block { display: block;}
.italic { font-style: italic;}
.rounded { border-radius: 50%;}
.width100 { width: 100%;}
.thin-shadow { box-shadow: 0 1px 1px rgba(0,0,0,0.15);}
.relative { position: relative !important;}
.border{border-bottom:1px solid #efefef;padding-top:10px;}
.cleaning{display:table;}
.celaning:after{clear:both;}
.clear{clear:both;}
.w100{width:100%;}
.w50{width:49%;}

.toupper{text-transform:uppercase;}

.weight300 { font-weight: 300;}

.size17 { font-size: 17px !important; line-height: 22px !important;}
.size18 { font-size: 18px !important;}
.size20 { font-size: 20px !important;}

.l30 { line-height: 30px;}


/*Paddings*/
.p0{padding:0 !important;}
.ptop5 { padding-top: 5px !important;}
.ptop10 { padding-top: 10px !important;}
.ptop50 { padding-top: 50px !important;}
.ptop70 { padding-top: 70px !important;}
.ptop100 { padding-top: 100px !important;}
.pbottom50 { padding-bottom: 50px !important;}
.pbottom70 { padding-bottom: 70px !important;}
.pbottom80 { padding-bottom: 80px !important;}
.pright0 { padding-right: 0 !important;}
.pright25 {padding-right: 25px !important;}
.pright30 { padding-right: 30px !important;}
.pleft0 { padding-left: 0 !important;}

/* Margins */
.mauto { margin: 0 auto !important;}
.m0 { margin: 0 !important;}
.mtop5 { margin-top: 5px !important;}
.mtop10 { margin-top: 10px !important;}
.mtop20 { margin-top: 20px !important;}
.mtop25 { margin-top: 25px !important;}
.mtop30 { margin-top: 30px !important;}
.mtop40 { margin-top: 40px !important;}
.mtop50 { margin-top: 50px !important;}
.mtop70 { margin-top: 70px !important;}
.mtop100 { margin-top: 100px !important;}
.mtop106 { margin-top: 106px !important;}
.mtop130 { margin-top: 130px !important;}
.mbottom0 { margin-bottom: 0 !important;}
.mbottom5 { margin-bottom: 5px !important;}
.mbottom10 { margin-bottom: 10px !important;}
.mbottom15 { margin-bottom: 15px !important;}
.mbottom20 { margin-bottom: 20px !important;}
.mbottom25 { margin-bottom: 25px !important;}
.mbottom30 { margin-bottom: 30px !important;}
.mbottom35 { margin-bottom: 35px !important;}
.mbottom40 { margin-bottom: 40px !important;}
.mbottom50 { margin-bottom: 50px !important;}
.mbottom60 { margin-bottom: 60px !important;}
.mbottom70 { margin-bottom: 70px !important;}
.mbottom80 { margin-bottom: 80px !important;}
.mbottom90 { margin-bottom: 90px !important;}
.mbottom100 { margin-bottom: 100px !important;}
.mleft5 { margin-left: 5px !important;}
.mleft10 { margin-left: 10px !important;}
.mleft15 { margin-left: 15px !important;}
.mleft20 { margin-left: 20px !important;}
.mleft30 { margin-left: 30px !important;}
.mleft50 { margin-left: 50px !important;}
.mleft60 { margin-left: 60px !important;}
.mleft65 { margin-left: 65px !important;}
.mleft80 { margin-left: 80px !important;}
.mleft85 { margin-left: 85px !important;}
.mleft90 { margin-left: 90px !important;}
.mleft160 { margin-left: 160px !important;}
.mleft240 { margin-left: 240px !important;}
.mright5 { margin-right: 5px !important;}
.mright10 { margin-right: 10px !important;}
.mright20 { margin-right: 20px !important;}
.mright15 {margin-right: 15px !important;}
.mright25 { margin-right: 25px !important;}
.mleft230 { margin-left: 230px !important;}


/* Header */
#header { background-color: #fff;  min-height: 80px; position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%;z-index: 9999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index:99999;padding-top:20px;}
#header>.container>.row>.col-sm-12{min-height:70px;}
#content { margin-top: 100px;}

/* Logo */
h1#logo { margin: 0;}
#logo { float: left; /*padding: 30px 0;*/padding: 21px 5px 5px 0 !important;}

#logo a img{max-height:65px;}

/* InfoCard */
.logo-container { z-index: 1001;position:absolute;bottom:5px;left:0;}

/* Back to top button */
#back-top { position: fixed; bottom: 0px; right: 15px; background: #666; border-radius: 4px;
border-bottom: solid 2px #000;z-index:9999; }
#back-top a { color: #fff; padding: 5px 13px; line-height: 30px;}
#back-top:active { border-bottom: none;}

/* Menu */
#main-menu { float: right; /*margin-right: 40px;*/ position: relative; }
#main-menu ul { list-style: none; padding: 0; margin: 0; line-height: 1; }
#main-menu > ul { position: relative; display: block; width: 100%; z-index: 500; }
#main-menu > ul > li { display: block; position: relative; float: left; margin: 0; padding: 0; }
#main-menu > ul > #menu-button { display: none; }
#main-menu ul li a { display: block; font-family: 'Roboto', Helvetica, sans-serif; font-weight: 400;}
#main-menu > ul > li > a { line-height: 75px; /*font-size: 14px;*/font-size: 12px; padding: 10px 10px 0 10px; color: #bababa; text-transform: uppercase;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;  }
#main-menu > ul > li.last > a{padding-right:0;}
#main-menu > ul > li.has-sub > a:hover { color: #3d3d3d;}
#main-menu > ul > li > a:hover, #main-menu > ul > li.active > a { color: #3d3d3d; }
#main-menu > ul > li > a:hover, #main-menu > ul > li:hover > a { color: #3d3d3d; }


#main-menu ul ul { position: absolute; left: -9999px; top: 130px; opacity: 0;
-webkit-transition: opacity .4s ease, top .3s ease; -moz-transition: opacity .4s ease, top .3s ease;
-ms-transition: opacity .4s ease, top .3s ease; -o-transition: opacity .4s ease, top .3s ease;
transition: opacity .4s ease, top .3s ease; z-index: 1000; }
#main-menu ul ul ul { top: 37px; }
#main-menu ul ul li { position: relative; }
#main-menu > ul > li:hover > ul { left: auto; top: 102px; opacity: 1; }
#main-menu ul ul li:hover > ul { left: 230px; top: 0; opacity: 1; }
#main-menu ul ul li a { min-width: 230px; border-bottom: 1px solid #eee; padding: 12px 20px; font-size: 14px; color: #3d3d3d; background: #fafafa; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; }
#main-menu ul ul li:hover > a, #main-menu ul ul li.active a { background: #f4f4f4; color: #3d3d3d; border-right: solid 3px #ff525e; }
#main-menu ul ul li a:hover { padding-left: 25px;}
#main-menu ul ul li.active a { padding-left: 25px;}
#main-menu ul ul li.active:hover { border-right: 0;}
#main-menu ul ul li:last-child > a,
#main-menu ul ul li.last > a { border-bottom: 1px solid #fff; }
#main-menu ul ul li.has-sub::after { border: 4px solid ; border-left-color: #9ea2a5; right: 10px; top: 12px; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease; }
#main-menu ul ul li.has-sub:hover::after { border-left-color: #fff; right: -5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
#main-menu ul ul li.has-sub span {position: absolute; right: 10px;font-size: 9px; top: 15px;}
#main-menu > ul > li:hover ul.second-submenu { left: 230px;}

/* Header Style 2 */
.header #slideshow {}
.header .btn-slide {display: none;}
.header #panel { display: block;}
.header.nav-up { top: -255px !important;}
.header .slide { border-top: 0;}
.header #main-menu ul ul { top: 120px;}
.header .dl-menuwrapper { text-align: right !important; /*margin-right: 80px;*/}


/* Responsive Menu */
#dl-menu {text-align: right; padding-top: 28px; padding-right:10px;/*margin-right: 80px;*/}
.dl-menuwrapper { text-align: right !important; /*margin-right: 80px !important; */padding-top: 36px; z-index: 1000;
-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em;
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent; }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d;
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; background: #fafafa; }
.dl-menuwrapper ul li.active { background: #EEEEEE;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px;
font-weight: 300; color: #3d3d3d; outline: none; }
.dl-menuwrapper li a.active {background: #EEEEEE;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); }
.dl-menuwrapper li.dl-back:after,
/*.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon';
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }*/
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none;
-webkit-transform: translateY(10px); transform: translateY(10px);
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); width: 100%;
position: absolute; left: 0; margin: 0; top: 82px; display: block; height: 400px; max-height: 400px; overflow: scroll;
overflow-x: hidden; }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 102px; left: 0; margin: 0; }
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s;  }

@-webkit-keyframes MenuAnimOut1 {
  0% { }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@keyframes MenuAnimOut1 {
  0% { }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}



/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }


/* Diagram */
.circular-bar .sub-title { padding: 0 150px;}
.circular-bar span {font-size: 18px; color: #343434; display: block;}
.circular-bar .procent { color: #343434; display: initial;position:absolute;top:40%;left:0;display:block;width:100%;text-align:center;z-index:2;font-weight:700;}
.circular-bar .consign { color: #343434; display: initial;}
.circular-bar canvas { min-width:80%;margin-top: 10px; position: relative;}


/* Typography Page */
h1 {font-weight: 300; color: #7a7a7a; font-size: 30px; line-height: 40px;text-transform:uppercase;}
h2 {font-weight: 300; color: #7a7a7a; font-size: 30px; line-height: 35px;}
h3 {font-weight: 300; color: #7a7a7a; font-size: 28px; line-height: 32px;}
h4 {font-weight: 300; color: #7a7a7a; font-size: 26px; line-height: 30px;}
h5 {font-weight: 300; color: #7a7a7a; font-size: 24px; line-height: 26px;}
h6 {font-weight: 300; color: #7a7a7a; font-size: 22px; line-height: 28px;}

::selection {color: #343434; background: #efefef;}
::-moz-selection {color: #343434; background: #efefef;}

.underline { text-decoration: underline;}
strong { font-weight: bold;}

.blockquote1 { background: #fafafa; border: solid 1px #e5e4e4; padding: 40px 30px; font-size: 28px; line-height: 40px; color: #161616;  }
/*.blockquote1:before {content: "\e71d"; font-family: 'icomoon'; float: left; margin-right: 25px; color: #b2b2b2;}*/
.blockquote2 {padding: 15px 20px; font-size: 28px; line-height: 40px; border-left: 5px solid #ff525e; color: #161616; }

.firstcharacter { float: left; color: #ff525e; font-size: 43px; line-height: 43px; margin-right: 5px; }
.firstcharacter2 { float: left; color: #fff; background: #ff525e; font-size: 40px; line-height: 40px; margin-right: 10px; padding: 2px 9px;}


/* Outline Buttons */
.small-outline {  border: solid 1px #dedede !important; box-shadow: none !important; padding: 8px 20px; }
.small-outline:hover { box-shadow: none !important; color: #343434 !important; top: 0;background-color:#efefef;}
.small-outline:active { /*border: solid 1px #dedede !important; box-shadow: none !important; top: 0;background-color:#efefef;*/}

.medium-outline { background: #fff !important; color: #343434 !important; border: solid 1px #dedede !important; box-shadow: none !important;
padding: 10px 25px; }
.medium-outline:hover { box-shadow: none !important; color: #343434 !important; top: 0;background-color:#efefef;}
.medium-outline:active { /*border: solid 1px #dedede !important; box-shadow: none !important; top: 0;background-color:#efefef;*/}