* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 14px; color: #552448; font-family: Arial; background: #fff; }
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; vertical-align: baseline; }

/*
 font-family: 'Open Sans', sans-serif;
 font-family: 'Maven Pro', sans-serif;
 font-family: 'Montserrat', sans-serif;
*/


 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}

.social {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.social li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.social li a {
    font-family:si !important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 6px;
    color: #000;
    background-color: #fff;
}

.social li a:hover {
	color: #000;
    background-color: #e6e6e6;
}

.social-icon-last{
    margin:0 !important;
}

.social-twitter:before {
    content:'a';
}
.social-facebook:before {
    content:'b';
}
.social-google:before {
    content:'c';
}
.social-pinterest:before {
    content:'d';
}
.social-linkedin:before {
    content:'j';
}
.social-rss:before {
    content:',';
}

.fluid-width-video-wrapper {
    padding-bottom: 56.25% !important;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.centering { max-width: 1400px; position: relative; margin: auto; }
.wrapper { padding: 0 15px; max-width: 1200px; position: relative; margin: auto; }

*::-webkit-input-placeholder{ opacity: 1; } 
*::-moz-placeholder{ opacity: 1; } 
*:-ms-input-placeholder{ opacity: 1; }
[href^="tel"] { cursor: default; color: #fff !important; }
[href^="tel"]:hover { text-decoration: none; }
.rounded { border-radius: 6px; -webkit-border-radius: 6px; }
.circle { border-radius: 50%; -webkit-border-radius: 50%; }

/* common */
a { text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; }
ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block;  }
p { line-height: 22px; color: #545765; font-size: 17px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, .h1 { color: #fff; font-size: 77px; width: 100%; float: left; line-height: 65px; font-family: 'Montserrat'; font-weight: normal; text-transform: uppercase; letter-spacing: 7px; padding-bottom: 10px; }
h2, .h2 { padding-bottom: 17px; font-size: 38px; letter-spacing: 0.04em; color: #FDB927; line-height: 45px; font-family: 'Maven Pro', sans-serif; font-weight: 900; text-transform: uppercase; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

input, textarea { font-family: Arial; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }

figure img { border:5px solid #df2330; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; }
figure { text-align:center; }
figcaption { padding: 6px; font-size: 16px; line-height: 20px; font-style:italic; color:#7f7563; } 

#back-to-top { position: fixed; bottom: 60px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #552582 url('../images/optimized/top_btn.webp') center center no-repeat; background-size: 30px; }
#back-to-top.show { opacity: 0.8; z-index: 9999; }
#back-to-top.show:hover { opacity: 1; }

/* wrapper */
#wrapper { width: 100%; min-height: 100%; position: relative; }

	/* header-part */
	#header-part { width: 100%; height: 863px; z-index: 99; position: relative; }
	#header-part a.logo { display: block; width: 444px; margin: auto; position: relative; top: 17px; }
	#header-part a.logo img{ max-width:100%}
	#header-part .top { position: absolute; z-index: 99; left: 0px; top: 0px; padding: 0; width: 100%; height: 60px; background: rgba(0,0,0,0.5); }
	#header-part .presented { position: absolute; left: 50%; margin-left: -600px; top: 0; width: 120px; height: 60px; }
	#header-part .social {float: right;margin: 0;position: absolute;right: 10px;top: 17px;}


	
		/* nav-bar */
		.nav-bar { width: 100%; overflow: hidden; text-align: center; height: 63px; position: absolute; left: 0px; top: 800px; background: #27272d; }
		.nav-bar ul { list-style: none; margin: auto; padding: 0; }
		.nav-bar li { padding: 0 19px; letter-spacing: 0.09em; display: inline-block; font-size: 18px; font-family: 'Open Sans', sans-serif; position: relative; text-transform: uppercase; line-height: 53px; }
		.nav-bar li a { padding-top: 5px; display: block; color: #fff; border-bottom: 5px solid #27272d; }
		.nav-bar li a:hover { border-color: #d9970a; color: #d9970a; }
		.nav-bar li a.current { border-color: #FDB927; color: #FDB927; }
		.stickyhead .nav-bar { position: fixed; top: 0px; z-index: 99; }
		
		.banner { background:  rgba(0, 0, 0, 0.7) url("../images/optimized/banner_img.webp") no-repeat scroll right center / cover ; position: relative; }
		.banner small {bottom: 5px; color: #999; display: block;font-family: "Maven Pro",sans-serif;font-size: 10px;line-height: 14px;position: absolute;right: 5px; }
		.banner .wrapper { height: 800px; max-width: 970px; }
		.banner .text { position: absolute; left: 0px; bottom: 67px; width: 650px; }
		.banner h3 { padding: 5px 12px; float:left; background: #552582; color: #ffffff; font-family: 'Roboto Slab'; font-size: 24px; line-height: 26px; letter-spacing: 2px; margin-bottom: 17px; }
		.banner h4 { color: #fff; float:left; font-family: 'Roboto Slab'; font-size: 22px; line-height: 60px; letter-spacing: 0.08em; }
		.banner p { color: #e4e4e4; float:left; font-family: 'Roboto Slab'; font-size: 22px; line-height: 27px; letter-spacing: 0.08em; }
		

	
		/* content-part */
		#content-part { padding-top: 49px; width: 100%; overflow: hidden; position: relative; background: #f2f2f2; }
		#content-part .wrapper { min-height: 960px; overflow: hidden; }
		#content-part .wrapper:before { position: absolute; left: 114px; top: 10px; height: 100%; width: 1px; background: #91919a; content: ''; }
		#content-part .row { position: relative; overflow: hidden; padding-left: 200px; padding-bottom: 0; z-index:9}
		#content-part .white-block { border: 1px solid #95959e; position: relative; margin-bottom: 60px; background: #fff; }
		#content-part .top_text { padding: 40px 55px 10px; }
		#content-part .top_text p { padding-bottom: 23px; color: #27272d; font-size: 22px; line-height: 35px; font-family: 'Roboto Slab'; letter-spacing: 0.03em }
		#content-part .top_text p a { color: #552582; }
		#content-part .big_text { padding: 40px 55px; border: 1px solid #95959e; position: relative; margin-bottom: 80px; background: #fff; }
		#content-part .big_text p { color: #27272d; font-size: 40px; line-height: 50px; font-family: 'Roboto Slab'; letter-spacing: 0.04em; }
		#content-part .big_text p a { color: #552582 }
		#content-part .big_text h5 { letter-spacing: 0.09em; display: inline-block; font-size: 15px; font-family: 'Open Sans', sans-serif; position: relative; text-transform: uppercase; line-height: 25px; color: #27272d; font-weight: 800; }
		#content-part span.red { color: #552582; }
		#content-part .ad-block {border-bottom: 1px solid #95959e;border-top: 1px solid #95959e;height: 120px;margin: 0 auto 60px;max-width: 768px;padding: 15px 20px;}
		#content-part .ad-block img { display: block; margin: auto; }
		#content-part .col-1 { max-width: 670px; }
		#content-part .video { overflow: hidden; }
		#content-part .video iframe { float:left; width: 100%; }
		#content-part .bottom_text img { margin-bottom: 15px; max-width:100% }
		#content-part .bottom_text { padding: 0 55px 40px; }
		#content-part .bottom_text span { color: #000000; font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300; padding-bottom: 5px; display: block; letter-spacing: 0.04em; }
		#content-part .bottom_text small { color: #a1a1a1; font-size: 10px; line-height: 14px; font-family: 'Maven Pro', sans-serif; display: block; }
		#content-part .full-image {margin-bottom: 15px; max-width: 100%;}
		#content-part .year { position: absolute; left: -200px; display: block; font-family: 'Maven Pro', sans-serif; font-weight: 900; width: 98px; top: 37px; background: #552582; text-align: center; line-height: 46px; color: #fff; font-size: 25px; }
		#content-part .month { position: absolute; left: -102px; display: block; border: 1px solid #787883; font-family: 'Maven Pro', sans-serif; font-weight: 400; height: 46px; width: 131px; top: 37px; background: #fff; text-align: center; line-height: 42px; color: #71717c; font-size: 25px; text-transform: uppercase; }
		#content-part .year-rule {
    border-top: 1px solid #787883;
    left: -102px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 59px;
    width: 102px;
}
		#content-part .month:after { content: ''; position: absolute; right: -10px; top: 12px; width: 10px; height: 20px; background: url(../images/optimized/arrow.webp) no-repeat; background-size: 10px 20px; }

		/* footer-part */
		#footer-part { padding: 20px 5px; text-align: center; background: #000 }
		#footer-part p { padding: 0px; color: rgba(255, 255, 255, 1); font-size: 11px; line-height: 16px; }
		#footer-part p a { color: rgba(255, 255, 255, 0.5); text-decoration: none; }
		#footer-part p img { display: inline-block; width: 10px; vertical-align: middle; margin: 0 3px 0 1px; }
		#footer-part p a:hover { text-decoration: underline; }
		#footer-part p span { color: #fff; }
		#footer-part a.sl_logo { display: block; max-width: 115px; margin: auto auto 10px; }
		#footer-part a.sl_logo img {max-width:100%}