@charset "UTF-8";
/*reset*/
a,abbr,acronym,address,applet,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,object,p,pre,q,s,samp,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}table{border-collapse:separate;border-spacing:0}caption,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a img{border:0}a,a:hover{outline-style:none}.clear,.clearfix,.clr{clear:both}input,select,textarea{-ms-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box}

body { background-color: #f9f9f9; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; color: #2e314c; }

.wrapper { width: 1200px; margin: 0 auto; }

header { background-color: #ffffff;  }
header .wrapper { display: table; }
header .logo { display: table-cell; padding: 23px 0; vertical-align: middle; border-right: 1px #ececef solid; }
header .logo img { vertical-align: middle; }
header .logo h1 { vertical-align: middle; font-size: 30px; font-weight: 300; color: #2e314c; display: inline-block; margin-left: 30px; }
header ul { list-style-type: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; text-align: right; }
header ul li { margin-left: 30px; display: inline-block; }
header ul li a { text-decoration: none; color: #2e314c; }
header ul li span { vertical-align: middle; }
header ul li i { margin-right: 8px; font-size: 30px !important; vertical-align: middle; }

section { padding: 30px 0 0 0; }
section .wrapper { display: table; table-layout: fixed; }
section aside { display: table-cell; width: 20%; box-sizing: border-box; padding-right: 30px; vertical-align: top; }
section article { display: table-cell; width: 80%; box-sizing: border-box; vertical-align: top; background-color: #ffffff; padding: 30px 40px 65px 40px; position: relative; }

#SidebarMenu { background-color: #ffffff; }
#SidebarMenu ul { list-style-type: none; margin: 0; padding: 0; }
#SidebarMenu ul > li { padding: 0 0 0 20px; margin: -1px 0; }
#SidebarMenu > ul > li.section,
#SidebarMenu > ul > li.current { border-right: 3px #2f314c solid; }
#SidebarMenu > ul > li { padding: 0; }
#SidebarMenu > ul > li > a { font-size: 20px !important; font-weight: 300 !important; }
#SidebarMenu ul li a { display: block; padding: 15px 10px 15px 20px; color: #2f314c; font-size: 14px; font-weight: 300; text-decoration: none; border-bottom: 1px rgba(46, 49, 76, 0.09) solid; line-height: 1.3em; }
#SidebarMenu > ul > li:last-child > a { border: none; }
#SidebarMenu ul li.current > a { /*border-right: 3px #2f314c solid; background: linear-gradient(to right, #ffffff 0%, rgba(47, 49, 76, 0.22) 100%);*/ color: #d71010; }
#SidebarMenu ul li.DArrow > a { position: relative; padding-right: 40px; }
/*#SidebarMenu ul li.DArrow > a::after { content: 'arrow'; text-indent: -9999px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 0;
height: 0;
border-style: solid;
border-width: 10px 8px 0 8px;
border-color: #2f314c transparent transparent transparent;
}*/

h2.home { font-size: 24px; font-weight: 400; margin: 20px 0 50px 0; }

#Tiles { position: absolute; right: 20px; top: 40px; font-size: 30px; color: #2f314c; text-decoration: none; }

#Breadcrumbs { color: #9b9b9b; margin-bottom: 10px; position: absolute; bottom: 12px; left: 40px; }
#Breadcrumbs ul { list-style-type: none; margin: 0 0 0 -5px; padding: 0; }
#Breadcrumbs ul li { display: inline-block; margin: 0 5px; vertical-align: middle; }
#Breadcrumbs ul li:before { display: none; }
#Breadcrumbs i { font-size: 18px; }
#Breadcrumbs span { color: #d1d1d1; }
#Breadcrumbs a { color: #9b9b9b; text-decoration: none; }

article h2 { font-size: 48px; font-weight: 300; margin-bottom: 30px; }
article h3 { font-size: 24px; font-weight: 400; margin-bottom: 30px; }
article h4 { font-size: 18px; font-weight: 400; margin-bottom: 30px; }
article h5 { padding: 20px; background-color: rgba(47, 49, 76, 0.03);; line-height: 1.5em; margin-bottom: 30px; }
article p { line-height: 1.5em; margin-bottom: 30px; }
article ul { line-height: 1.5em; margin-bottom: 30px; list-style-type: none; }
article ul li { position: relative; }
article ul li:before { display: block; content: ''; width: 8px; height: 8px; background-color: #d71010; position: absolute; left: -18px; top: 6px; }
article a { color: #d71010; }
article *:last-child { margin-bottom: 0; }

/*article { position: relative; }
article * { position: relative; }
article h1 { position: absolute; z-index: 0; font-size: 240px; font-weight: 700; color: #f7f7f7; white-space: nowrap; left: 60%; top: -130px; }
article h2 { font-size: 58px; font-weight: 700; line-height: 68px; margin-bottom: 120px; }
article h2 strong { color: #676767; font-weight: 700; }
article h2 a { color: #676767; text-decoration: none; }
article p { line-height: 38px; margin-bottom: 120px; }
article p strong { color: #676767; font-weight: 700; }
article p:last-child { margin-bottom: 0; }
article p a,
article li a { color: #000000; text-decoration: underline; }
article ul { list-style-type: none; margin: 0 0 42px 0; padding: 0; overflow: hidden; }
article ul li { line-height: 38px; float: left; margin: 0 30px 10px 0; }
article ul.pagination li:before { display: none; }
article ul.pagination li a { font-size: 30px; color: #676767; }
article ul.pagination li.link a { text-decoration: none; }
article ul.pagination li.current a { text-decoration: underline; color: #e0c57e; }*/

.block { margin-bottom: 30px; }

.BlockTiles { display: flex; flex-wrap: wrap; margin-bottom: -40px; }
.BlockTiles > div { width: calc(25% - 40px); padding: 40px; border-radius: 10px; box-sizing: border-box; line-height: 1.9em; cursor: pointer; box-shadow: 30px 30px 91px 0px rgba(0,0,0,0.25); text-align: center; margin: 0 20px 40px 20px; }
.BlockTiles > div i { display: block; font-size: 84px; }
.BlockTiles > div h3 { font-size: 24px; font-weight: 300; }
.BlockTiles > div h4 { font-size: 18px; font-weight: 300; opacity: 0.7; }

.BlockImage { margin-left: -40px; margin-right: -40px; }
.BlockImage img { width: 100%; }
.BlockImage .owl-carousel { position: relative; margin-bottom: 30px; }
.BlockImage .owl-prev,
.BlockImage .owl-next { position: absolute; top: 50%; margin-top: -16px; }
.BlockImage .owl-prev { left: 20px; }
.BlockImage .owl-next { right: 20px; }
.BlockImage .owl-prev i,
.BlockImage .owl-next i { font-size: 24px; background-color: rgba(255,255,255,0.7); border-radius: 99px; padding: 4px; }
.BlockImage .owl-carousel .owl-nav { visibility: hidden; }
.BlockImage .owl-carousel:hover .owl-nav { display: block; visibility: visible; }

.BlockColumns { display: table; table-layout: fixed; width: 100%; }
.BlockColumns > div { display: table-cell; vertical-align: top; box-sizing: border-box; padding-right: 30px; }
.BlockColumns > div img { width: 100%; border-radius: 10px; }

.BlockPartners { margin-top: 60px; padding: 0 20px; box-sizing: border-box; }

.Form { width: 66.66%; background-color: rgba(47, 49, 76, 0.03); padding: 20px; box-sizing: border-box; font-size: 14px; }
.Form p { margin-bottom: 10px; }
.Form label { display: block; }
.Form input[type="text"],
.Form input[type="email"],
.Form input[type="tel"],
.Form input[type="password"],
.Form textarea,
.Form select { width: 100%; background-color: rgba(255, 255, 255, 0.85); padding: 10px; box-sizing: border-box; border-radius: 5px; border: 1px rgba(47, 48, 76, 0.11) solid; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 400; color: #2e314c; }
.Form select { -webkit-appearance: none; -moz-appearance: none;	appearance: none; }
.Form textarea { resize: vertical; }
.Form input.error,
.Form select.error,
.Form textarea.error { border-color: red; }
.Form label.error { color: red; font-size: 11px; }
.Form .FormFieldCheckbox { display: table; width: 100%; }
.Form .FormFieldCheckbox input { display: table-cell; vertical-align: top; }
.Form .FormFieldCheckbox label { display: table-cell; vertical-align: top; padding-left: 10px; line-height: 1.2em; }

.Form button { background-color: #2f304c; border: none; margin-top: 18px; border-bottom: 2px #6f6f8e solid; color: #ffffff; padding: 15px 40px; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 700; border-radius: 5px; cursor: pointer; }
.Form button i { font-size: 21px; vertical-align: middle; margin: -15px 0px -15px 10px; }
.Form button:disabled { opacity: 0.66; cursor: default; }



footer { color: #9b9b9b; font-size: 14px; padding: 50px 0; }
footer a { color: #9b9b9b; }
footer div { display: table; width: 100%; text-align: right; }
footer div > div { display: table-cell; vertical-align: middle; }
footer div > div:first-child { text-align: left; padding-right: 30px; }

/*custom*/
::selection { background-color: rgba(47,49,76,0.5); }
::-moz-selection { background: rgba(47,49,76,0.5); }

.animate { animation:spin 1s linear infinite; }
@keyframes spin { 100% { transform:rotate(360deg); } }

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

/*rwd*/
@media only screen and (max-width: 1230px)
{
	.wrapper { width: 95%; }
	header .logo h1 { font-size: 20px; }
	header ul li { margin: 0 0 0 10px; }
	header ul li span { display: none; }
	header ul li i { margin: 0; }

	section aside { width: 25%; }
	section article { width: 75%; }

	.BlockTiles > div { width: calc(50% - 40px); }
}

@media only screen and (max-width: 768px)
{
	header .logo { border: none; }
	header .logo h1 { display: none; }
	#Breadcrumbs { left: 20px; }
	.BlockTiles > div { width: calc(50% - 20px); padding: 20px; margin: 0 10px 20px 10px; }
	.BlockColumns { display: block; }
	.BlockColumns > div { width: 100%; display: block; padding: 0; }
	.BlockColumns > div img { margin-bottom: 30px; }

	section aside { display: none; }

	article { padding: 20px 20px 65px 20px }
}

@media only screen and (max-width: 480px)
{
	header .logo { border: none; }
	h2.home { display: none; }

	section article { padding: 20px 10px 65px 10px }

	.BlockTiles > div { width: 100%; padding: 20px; margin: 0 0 10px 0; }
}