@import url(https://fonts.googleapis.com/css?family=Raleway:700,500,400,200);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('fonts/MonoSocialIconsFont-1.10.eot');
    src: url('fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em,caption,cite,code,dfn,var{font-size:100%;font-style:normal;font-weight:normal;margin:0;padding:0;text-decoration:none}img{border:0;background-color:transparent;vertical-align:bottom}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}fieldset{border:0}hr{display:none}ol,ul{list-style:none}ul ul,ol ul,ul ol,ol ol,dl ul,dl ol,dl dl,td td{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0}html{overflow-y:scroll}body{font-size:12px;line-height:1.4}strong{font-weight:bold}em{font-style:italic}li{margin-left:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/.inlineBlock{display:-moz-inline-box;display:inline-block}/*\*/* html .inlineBlock{display:inline;height:1%}*:first-child+html .inlineBlock{display:inline;height:1%}/**	
/* .01 General Elements
---------------------------------------------------------------------------- */
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ @font-face {font-family:"Oswald Light";src:url("fonts/Oswald-Light.eot?") format("eot"),url("fonts/Oswald-Light.woff") format("woff"),url("fonts/Oswald-Light.ttf") format("truetype"),url("fonts/Oswald-Light.svg#Oswald-Light") format("svg");font-weight:normal;font-style:normal;}


@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/AvenirLTStd-Black.otf')  format('opentype'),
	     url('fonts/AvenirLTStd-Black.woff') format('woff'), url('fonts/AvenirLTStd-Black.ttf')  format('truetype'), url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url('fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
	     url('fonts/AvenirLTStd-Medium.woff') format('woff'), url('fonts/AvenirLTStd-Medium.ttf')  format('truetype'), url('fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}



a { color:#3a3a3a;text-decoration: none; outline: none;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out; }
img {-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}	
.parallax-mirror img {-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;}	
a:hover {  text-decoration: underline; }


.iepngfix {}

/* .02 body
---------------------------------------------------------------------------- */
.parallax-mirror { visibility:visible!important}
*{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
img { max-width:100%; height:auto}
iframe { max-width:100%}  
::-webkit-input-placeholder {
    opacity:0.7
}
:-moz-placeholder { /* Firefox 18- */
  opacity:0.7
}
::-moz-placeholder {  /* Firefox 19+ */
   opacity:0.7
}
:-ms-input-placeholder {  
    opacity:0.7
}  
.blurry {text-shadow: 0 0 10px #FFF;}
.firefox .blurry {text-shadow: 0 0 10px #FFF,0 0 10px #FFF,0 0 10px #FFF;}
body {
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-size:14px; line-height:1.3; font-weight:400; position:relative; overflow:hidden;
	background:#000	
}
input {
    -webkit-appearance: none;
}
.bt { display:inline-block; border: 2px solid #FFF; font-size:14px; font-weight:500; color:#FFF; line-height:44px; padding: 0 30px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; text-align:center; text-decoration:none}
.bt:hover { text-decoration:none; background:#ffffff; color:#333; border-color:#333}
.bt.black { border-color:#666666; color:#666666}

.block-shadow {-webkit-box-shadow: #aeaeae 0px 2px 6px;
-moz-box-shadow: #aeaeae 0px 2px 6px;
box-shadow: #aeaeae 0px 2px 6px; background:#FFF; padding:8px }
.box-shadow{
	-webkit-box-shadow: #aeaeae 0px 2px 6px;
-moz-box-shadow: #aeaeae 0px 2px 6px;
box-shadow: #aeaeae 0px 2px 6px;
}
.grpup-block .content-text .main-content h2 sup,
.grpup-block .content-text .main-content h2 { vertical-align:top;}
.grpup-block .content-text .main-content h2.subtitle,
.grpup-block .content-text .main-content h2.subtitle span,
.subtitle { color:#000000; font-weight:200; font-size:86px; line-height:0.8; margin-bottom:15px; vertical-align: bottom}
.grpup-block .content-text .main-content h2.subtitle span,
.subtitle span { color:#CC0000; padding:0; margin:0}
.subtitle sup { font-size:16px; vertical-align:bottom;}
.button {height: 42px; line-height: 42px; text-align:center; padding: 0 30px; border:none; background:#4f7c5f; color:#FFF; font-family:inherit; font-size:20px;vertical-align:top; display:inline-block}
.radius{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.wrap-1366 { max-width:1366px; margin: 0 auto}
.container { max-width:1200px; margin: 0 auto; padding-left:10px; padding-right:10px}
input.no-rds {-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;}
input[type="submit"]{height: 32px; line-height: 32px; text-align:center; padding: 0 10px; border:none; background:#CC0000; color:#FFF; font-family:inherit; text-transform:uppercase; font-size:20px;vertical-align:top}
input[type="text"], input[type="password"], input[type="email"], textarea {
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #424242;
   
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
	
color:#fff;
outline: none!important; font-size:20px; vertical-align:top;
max-width:100%; font-family: 'Open Sans', sans-serif;
}
textarea { height:115px}
.wp-editor input[type="text"],.wp-editor  input[type="password"],.wp-editor  input[type="email"],.wp-editor  textarea { border: 1px solid #DDDDDD; height: 50px; line-height:50px; padding: 10px; background:#FFF; color:#3a3a3a; width:100%; font-size:15px; font-family: arial}
.form .bt-line { text-align:center; padding-top:20px}
input.bt[type="submit"],input.bt {
	display:inline-block; border: 2px solid #FFF; font-size:14px; font-weight:500; color:#FFF; line-height:40px; padding: 0 30px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; text-align:center; text-decoration:none; background:none;font-family: 'Open Sans', sans-serif; height:44px;border-color:#666666; color:#666666; width:450px; max-width:100%;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out; font-size:16px
}
input.bt[type="submit"]:hover,input.bt:hover { background:#CC0000; color:#FFF;}
.wp-editor  textarea { line-height: 18px; padding-top:20px; height:150px}
.field { overflow:hidden; margin-bottom:20px}
.field .f-left,
.field .f-right { width:50%; padding-right:10px; float:left}
.field .f-right { padding-right:0; padding-left:10px}
.field .label { color:#949494; line-height:1; float:left; width:30%}
.field .f-field textarea,
.field .f-field input { width:100%}
.field .f-field { float:left; width:70%}
.form .des-text { color:#4e7b5e; font-size:19px; margin-bottom:40px}
.desktop,
.mobile {}
.btn-navbar {
    background: url("images/nav.png") no-repeat scroll center center;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: none;
    height: 61px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 30px;
    margin-right: 5px;
}
.btn-navbar:hover,
.btn-navbar:active{ background: url("images/nav_o.png") no-repeat scroll center center;}
.wrap-1024 {width:1164px; margin-left:auto; margin-right:auto; position:relative; padding-left:20px; padding-right:20px;}
.container { max-width:1600px; margin-left:auto; margin-right:auto; position:relative; padding-left:0; padding-right:0; width:100%}
.wrap-1600 {margin-left:auto; margin-right:auto; position:relative; padding-left:20px; padding-right:20px;}
.no-padding-left-right { padding-left:0!important; padding-right:0!important}
header { background:#000 url(images/bg_rb.gif) repeat-x left bottom; position:relative; z-index:4}
header .h-top{ background:url(images/bg_header.jpg) no-repeat right bottom; padding: 5px; height:75px}
header .logo { float:left; margin-left:20px}
header .nav-collapse { float:left; margin-left:75px}
header .nav-collapse >ul ul { position:absolute; width:240px; left:50%; margin-left:-120px; top:50px; background:#000 url(images/bg_rb.gif) repeat-x left bottom; padding: 10px 20px 20px}
header .nav-collapse >ul ul li a { display:block; font-weight:500; padding: 5px 0; text-align:center;font-size:12px; }
header .nav-collapse >ul >li { float:left; position:relative}
header .nav-collapse >ul >li >a { display:block; line-height: 53px; font-weight:500; padding: 0 10px; font-size:12px; letter-spacing:2px} 
header .nav-collapse >ul >li a { color:#FFF;}
header .nav-collapse >ul li:hover > a,
header .nav-collapse >ul li.current-menu-ancestor >a,
header .nav-collapse >ul li.current-post-ancestor >a,
header .nav-collapse >ul li.current-menu-item > a { text-decoration:none; color:#CC0000}
header .social { float:right; padding:6px 40px 0 0}
header .social a { font-size:30px; color:#FFF; text-decoration:none}
header .social a:hover { color:#CC0000}
.block {  display:block}
/* slider*/
.banner {height:450px; position:relative; overflow:hidden; width:100%}
.banner { border-top: 0 solid #A30000}
.banner img { opacity:0!important}
.banner.google-map img { opacity:1!important}
.banner.google-map { height:470px; border-color: #FFFFFF}
.banner h1 { font-size:75px; color:#FFF; position:absolute; top:40px; left:0; width:100%; text-align:left; font-weight:200; line-height:0.8; height:100%;}
.banner h1 strong{ font-weight:200; display:block; margin: 0 auto; max-width:1164px; text-align:center; padding: 0 20px; vertical-align:top}
.banner h1 strong sup { vertical-align:top}
.banner .bg { font-size:75px; color:#FFF; position:absolute; top:0; left:81%; width:200%; text-align:left; font-weight:200; line-height:0.8; background: url(images/bg_red.png); height:100%;-moz-transform: skewX(81deg);
-webkit-transform: skewX(81deg);
-o-transform: skewX(81deg);
-ms-transform: skewX(81deg);
transform: skewX(81deg); height:120%}

.banner h1 sup { font-size:16px; vertical-align:bottom; display:inline-block;}
.slider { position:relative}
.video-bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1}
.video-bg video { visibility:visible !important; z-index:1!important} 
.slider .bg-arrow { background:url(images/bg_about.png) no-repeat center bottom; position:absolute; left: 0; bottom: 0; width:100%; height: 172px; z-index:3;-webkit-background-size: 1687px auto;
  -moz-background-size: 1687px auto;
  -o-background-size: 1687px auto;
  background-size: 1687px auto;}
.left-to-right {
	 border-bottom: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #111111 0%, #444444 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #111111 0%, #444444 100%);
    border-image: linear-gradient(to right, #111111 0%, #444444 100%);
    border-image-slice: 1;
}
.slider img { width:100%}
.slider li { position:relative; max-height: 800px; overflow:hidden}
.slider li .bg { background:url(images/bg_slide.png); position:absolute; top: 0; left: 0; z-index:2; width:100%; height:100%}
.slider li .text { position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index:3}
.slider li .text .line{ display:inline-block; width:1px; vertical-align:middle; margin-left:-6px}
.slider li .text .text-editor { width:100%; text-align:center; display:inline-block; vertical-align:middle}
.slider li .text .text-editor h2 { font-size:90px; color:#FFF; font-weight:200; margin-bottom:20px}
.bx-wrapper { position:relative;}
.bx-controls { position:absolute; height: 1px; top:50%; left:0; width:100%}
.bx-controls .bx-controls-direction {margin-top:-17px; overflow:hidden; padding-left:15px; padding-right:15px}
.bx-controls .bx-controls-direction a { display:block; text-indent:-9999px; background:url(images/prev.png) no-repeat 0 0; width:21px; height: 34px; float:left}
.bx-controls .bx-controls-direction a.bx-prev { float:right; background:url(images/next.png) no-repeat 0 0}
.column50 { width:50%; float:left}
.columns > .column50 { padding-right:55px;}
.columns > .column50:last-child { padding-left:55px; padding-right:0}
.column25 { width:25%; float:left}

.about-block:before {
	background: url(images/bg_about.png) no-repeat center top;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display:block; position:absolute;
  content:" "; width:100%; height:100%; padding-top:180px;
  top: -180px;
  z-index:-1;
  display:none!important
}
.about-block:after { background:url(images/ablast.gif) no-repeat center center; height:20px; width:100%; position:absolute; bottom:0; left:0; content:" "; z-index:-1}
.about-block { position:relative; z-index:2; 
}
.about-block .column .text h2 { font-size:45px; font-weight:200; line-height:1;text-shadow: 0 0 10px #FFF; margin-bottom:25px}
.firefox .about-block .column .text h2 {text-shadow: 0 0 10px #FFF,0 0 10px #FFF,0 0 10px #FFF;}
.about-block .column .text h2 strong,
.about-block .column .text h2 span { font-size:20px; font-weight:700; display:block}
.about-block .column .text p { margin-bottom:20px}
.about-block .column .text .bt-line { text-align:right; padding-top:10px}
.about-block .columns > .column50 { padding-right:55px;}
.about-block .columns > .column50:last-child { padding-left:55px; padding-right:0}

.about-block .column { position:relative; color:#FFF; min-height:457px}
.about-block .column img { position:absolute; left:0; bottom:0; z-index:1}
.about-block .column .text { position:relative; z-index:2; padding-top: 72px}
.about-block .column.left img { left: -238px}
.about-block .column.right img { left: auto; right:-238px; bottom: 22px}
.page-template-page-about-php .about-block .column.right img { bottom: -20px!important}
.arrow-bottom { position:relative;}
/* .arrow-bottom:after { content: " "; position:absolute; width:100%; background:url(images/bg_arrow_top.gif) no-repeat bottom center; height:89px; display:block; bottom:-1px;-webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;}  */

.arrow-bottom-white {position:relative;}
.arrow-bottom-white:after { content: " "; position:absolute; width:100%; background:url(images/after_white.gif) no-repeat bottom center; height:79px; display:block; bottom:-74px;} 
.arrow-top-white:before { content: " "; position:absolute; width:100%; background:url(images/top_black.gif) no-repeat top center; height:89px; display:block; top:0;-webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; z-index:2}  
.arrow-black-top:before { content: " "; position:absolute; width:100%; background:url(images/bg_arrow_black.gif) no-repeat top center; height:89px; display:block; top:-5px; z-index:2}     
.arrow-black-top  { position:relative}
.grpup-block {}
.grpup-block .content-text{ z-index:2}  
.grpup-block .content-text .main-content {  padding-top:40px; padding-bottom:230px; background:#FFF url(images/bg_group_last.jpg) no-repeat  center bottom;}
  
.grpup-block .content-text .main-content h2 { font-size:96px; font-weight:200; line-height:1; margin-bottom:20px; white-space:nowrap}  
.grpup-block .content-text .main-content h2 span { font-size:42px; display:inline-block; padding: 10px 0 0 10px; vertical-align:top} 
.grpup-block .content-text .main-content p { margin-bottom:20px}
.accroding {}
.accroding .item .c-text{ display:none}
.accroding .item.active .c-text{ display:block} 
.accroding .item h3 { cursor:pointer; font-weight:200; font-size:34px; line-height:1; position:relative; margin-bottom:10px}
.accroding .item h3 sup{ vertical-align:bottom; color:#CCCCCC; font-size:21px} 
.accroding .item h3 span { color:#CC0000}
.accroding .item h3:before { content:"-"; display:block; width:34px; height:34px; border: 2px solid #CCCCCC; text-align:center; line-height:34px; top: -4px; left: -55px; position:absolute;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color:#CCCCCC; font-family:"AvenirLTStd-Medium"; font-size:24px} 
.accroding .item.active h3:before { content:"+"; color:#333}
.page-template-page-home-php .g-bottom img,
.grpup-block .g-bottom img {  border-left: none; border-top: none; width:100%; height:auto}

.news-block { text-align:center;color:#fff }
.news-block h2 { font-size:34px;text-shadow: 0 0 10px #FFF; font-weight:200; padding: 30px 0}  
.firefox .news-block h2 { text-shadow: 0 0 3px #ffffff, 0 0 5px #ffffff, 0 0 5px #ffffff;}  
.news-block .item { padding-left: 5px;}
.news-block .item .image { position:relative;}
.news-block .item .image { max-height:260px; overflow:hidden}
.news-block .item .image img { z-index:1; width:100%; height:auto}
.news-block .item .image iframe{ position: absolute; top:0; left:0; width:100%; height:100%; z-index:2}
.news-block .item:first-child { padding-left:0} 
.news-block .item .bg { background:url(images/bg_dot2.png); padding: 10px;}
.news-block .item h3 a{ color:#FFF; display:block; font-size:16px; font-weight:500; line-height:1}
.news-block .item h3 span { font-weight:200; color:#999999; font-size:12px}
.news-block .item .ercept { font-size:12px; color:#999999; margin-top:20px}
.news-block .read-more { padding: 30px 50px} 
.field { overflow:hidden}
footer { padding-top: 30px; padding-bottom:40px; color:#FFF; font-size:12px; background:#0D0D0D}
footer a { color:#CC0000}
footer .block { float:left; width:30%; margin-right:4.333%}
footer .block-3 { margin-right:0} 
footer .block h3 { background:url(images/bg_dot_footer.gif) repeat-x left bottom; font-size:24px; padding-bottom: 15px; margin-bottom:20px}
footer .block p { margin-bottom:20px}
footer .block p span { color:#666666}
footer .block ul li { margin-bottom:10px}
footer .block ul li a { color:#fff; font-weight:600}
footer .block ul li.current-menu-ancestor >a,
footer .block ul li.current-post-ancestor >a,
footer .block ul li.current-menu-item a,
footer .block ul li a:hover { color:#CC0000; text-decoration:none}
footer .form .field { position:relative;}
footer .form .field input[type=text] { width:100%}
footer .form .field input[type=submit]{ position:absolute; top:0; right:0}
footer .socials a { color: #FFF; font-size:35px; text-decoration:none}
footer .socials a span { color:inherit}
footer .socials a:hover { color:#CC0000} 

.grpup-block.grpup-block-list .main-content { background:#FFF; padding: 40px 0 0}
.grpup-block.grpup-block-list .g-bottom { position:relative; background:#000}
.grpup-block.grpup-block-list .g-bottom img { border:none; width:100%}
.class-list { padding: 89px 0 0}
.class-list .item { float:left; width:25%; padding-left:5px; position:relative; overflow:hidden}
.class-list .item .left { width:99%; padding:0; position:relative}
.class-list .item .right {padding:0; width:200%; position:absolute; top:0; left:0; padding-left:5px; z-index:-1} 
.class-list .item .left .over { background: url(images/bg_over.png); position:absolute; top:0; left:0; width:100%; height:100%}
.class-list .item  h2 { position:absolute; top: 50%; left:0; width:100%; text-align:center; margin-top:-1em; font-size:28px; font-weight:200; color:#FFF;}
.class-list .item  h2 sup { font-size:14px;}
.class-list .item  h2 span { color:#CC0000;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}

.class-list .item .right .s-content	{ padding: 20px 10px}
.class-list .item .right .s-content	h2 { text-align:center; position:relative; top:auto; left:auto; margin:0; font-size:22px; margin-bottom:10px}
.class-list .item .right .s-content	p { margin-bottom:15px}
.class-list .item .right .s-content	.bt-line { text-align:center}
/*hover*/
.class-list .item.active .left .over,
.class-list .item:hover .left .over { background:none}
.class-list .item.active .left .over h2 span,
.class-list .item:hover .left .over h2 span { color:#FFF;}

.class-list .item .right,
.class-list .item .right { opacity:1; color:#FFF; width:50%;z-index:1; left:50%} 
.class-list .item,
.class-list .item { width:50%;}
.class-list .item .left,
.class-list .item .left { width:49%; position: relative; z-index:1}
.class-list > .columns { margin-bottom:0; position:relative; overflow:hidden}
.class-list > .columns > .item { margin-left:0; z-index:1;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}
.class-list > .columns > .item + .item { z-index:2}
.class-list > .columns > .item + .item +.item{ z-index:3}
.class-list > .columns > .item +.item.active +.item { margin-right:-50%}
.class-list > .columns > .item.active +.item +.item { margin-left:-25%; margin-right:-50%}

.class-list > .columns > .item +.item{ margin-left:-25%}
.class-list > .columns > .item.active +.item{ margin-left:0;}
.loading { background:url(images/animation.GIF) no-repeat center center; position: fixed; width:100%; height:100%; background-color:#fff; z-index:100000}

.same-cat { position:relative; overflow:hidden; z-index:2; background: #000; clear: both}
.same-cat ul { width:100%; border-left: 1px solid #FFF; overflow:hidden}
.same-cat ul li { float:left}

.same-cat ul li a,
.same-cat ul li strong { display:block; border-right: 1px solid #FFF; padding: 30px 30px; line-height:80px; font-weight:200; color:#FFF; font-size:16px; vertical-align:top; line-height:1; height:76px; text-decoration:none;border-bottom: 1px solid #FFF; margin-bottom: -1px;border-left: 1px solid #FFF; margin-left: -1px;border-top: 1px solid #FFF; margin-top: -1px}
.same-cat ul li a span { color: #CC0000; vertical-align:top; }
.same-cat ul li a sup { vertical-align:top}
.same-cat ul li a:hover span,
.same-cat ul li.active > a span { color:#FFF}
.same-cat ul li a:hover,
.same-cat ul li.active > a { background: #CC0000 url(images/bg_active.jpg) no-repeat 0 0;}
.grpup-block.grpup-block-list-detailt .main-content { padding-bottom:50px; background:#FFF}
.about-block.about-block-detailt {  }
 .grpup-block.grpup-block-list-detailt.page .main-content { padding-bottom:0} 
 .about-block.about-block-detailt:after, 
 .about-block.about-block-detailt:before { display:none!important}
 .about-block.page .columns > .column50 .text { padding-top:150px; position:relative; z-index:5}
 .about-block.page .column.right img { bottom:0!important}
 .page-template-page-about-php .about-block.page .column.right img { bottom:-10px!important}
 .about-block.page .column img { max-width:none; z-index:4}
 figure.effect-apollo h2 { font-size:30px!important}
  figure.effect-apollo img { max-width:none}
  .imgrid figure { background:none!important}
  .imgrid figure h2 span { font-weight:200!important; color:#CC0000}
  .imgrid figure .description p,
  .imgrid figure .description { font-size:14px!important; font-weight:400!important; max-width:100%; margin:0;}
  .imgrid figure .description p{ background:url(images/bg_over.png); border:none!important; padding: 15px!important; text-align:center}
.page-title { font-size:28px!important; margin-bottom:40px!important; width:100%!important; font-weight:400!important; letter-spacing:2px}  
.wp-editor .socials  a{ font-size:40px; text-decoration: none}
.wp-editor .socials  a:hover{ color:#CC0000} 
.column30 { width:30%; float:left;}
.column70 { width:70%; float:left; padding-left:30px}
.class-list .imgrid figure img{ opacity:0.4!important}
.class-list .imgrid figure:hover img{ opacity:1!important}

.gallery-lighbox .fancybox-thumb { width:20%; float:left; position:relative; overflow:hidden;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}


.gallery-lighbox .fancybox-thumb img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.gallery-lighbox .fancybox-thumb:hover img {
	 -webkit-transform: scale(1.1,1.21);
    -moz-transform: scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
	-webkit-filter:grayscale(0);filter:none; -moz-filter: grayscale(0);
}


.class-gird ul li { width:20%; float:left; color:#FFF; position:relative; overflow: hidden;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.class-gird ul li .headline { text-align:center; position:absolute; top: 50%; margin-top:-1.5em; width:100%; z-index:2}
.class-gird ul li img { position:relative; z-index:1}
.class-gird ul li  h2 { font-size:30px!important; display:inline-block; background:#000; padding: 0 10px;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; font-weight:500!important;white-space:nowrap}
.class-gird ul li h2 span { font-weight:500!important; color:#CC0000}
.class-gird ul li figcaption { text-align:center; background:#000; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; padding: 0 20px!important; opacity:0;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.class-gird ul li figcaption .line { width:1px; display: inline-block; margin-left:-1px; vertical-align:middle; margin:0 0 0 -1px!important; padding:0!important}
.class-gird ul li figcaption .inline-block	{ display:inline-block; vertical-align:middle; width:100%}
.class-gird ul li:hover h2 { opacity:0}
.class-gird ul li:hover figcaption{ opacity:.9;}
.class-gird ul li figcaption h2 { margin-bottom:20px; opacity:1!important; white-space:nowrap}
.class-gird ul li figcaption p { margin-bottom:20px;}
.class-gird ul li:hover img {
	 -webkit-transform: scale(1.1,1.21);
    -moz-transform: scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	
}

@media (min-width: 769px) {
	.nav-collapse > ul li > ul { visibility:hidden!important; opacity:0!important;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}
	.nav-collapse > ul li:hover > ul { visibility:visible!important; opacity:1!important} 
	.nav-collapse {display: block!important}
	
	.desktop { display:block}
	.mobile { display:none}
}

@media (max-width: 1480px) {	
  
    .about-block .column.left img { left: -225px}
	.about-block .column.right img {right:-225px;}
	.banner h1 { font-size:55px; padding-top:10px; top:20px}
	.slider .bg-arrow {-webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;}
  header .nav-collapse { margin-left:45px}
  header .nav-collapse >ul >li >a { letter-spacing: 1px}
.news-block .item .image { max-height:160px; overflow:hidden}
.page-template-page-co-founder-php .wp-editor h2 { font-size:40px!IMPORTANT; }
.wp-editor h2 strong { top: -15px}
}

@media (max-width: 1366px) {
	header .nav-collapse { margin-left:25px}
	header .social { padding-right:20px}
	.wrap-1024 { width:1024px}
	.about-block .column.left img { left: -190px}
	.about-block .column.right img { right:-190px;}
	.about-block:before { -webkit-background-size: 1366px auto;
  -moz-background-size: 1366px auto;
  -o-background-size: 1366px auto;
  background-size: 1366px auto; top: -148px; padding-top:147px}
  .arrow-bottom:after {} 
.arrow-bottom-white:after { } 
  .arrow-top-white:before {}  
  .arrow-black-top:before {}   
   .class-list .item .right .s-content{ font-size:12px}
   .subtitle { font-size:60px;}
   .about-block.page .columns > .column50 .text { padding-top:110px;}
   .about-block.page .columns > .left .text { padding-left:80px;}
   .about-block.page .columns > .right .text { padding-right:90px;}
   .about-block.page .columns > .column50 .text h2 { font-size:28px}
   
   .banner .bg { font-size:75px; color:#FFF; position:absolute; top:0; left:81%; width:200%; text-align:left; font-weight:200; line-height:0.8; background: url(images/bg_red.png); height:100%;-moz-transform: skewX(80deg);
-webkit-transform: skewX(80deg);
-o-transform: skewX(80deg);
-ms-transform: skewX(80deg);
transform: skewX(80deg); height:100%}

   
}
@media (max-width: 1250px) {
	header .logo { width: 180px; margin-top:10px}
	.about-block:before { -webkit-background-size: 1250px auto;
  -moz-background-size: 1250px auto;
  -o-background-size: 1250px auto;
  background-size: 1250px auto; top: -136px; padding-top:136px}
    .arrow-bottom:after { bottom:0} 
.arrow-bottom-white:after {} 
  .arrow-top-white:before { }  
  .arrow-black-top:before {}   
  .class-list .item h2 { font-size:24px;}
  .class-list .item .right .s-content{ padding-top: 0;}
  .class-list .item .right .s-content .bt{ line-height: 28px; height: 32px}
  .banner h1 { font-size:50px; padding-top:6px}
  header .nav-collapse >ul >li >a { padding: 0 5px}
  .class-gird ul li  h2 { font-size:24px!important; margin-bottom:10px}
  .class-gird ul li figcaption { padding: 15px; font-size:12px}
  .class-gird ul li figcaption h2,
  .class-gird ul li figcaption p { margin-bottom:10px}
  .class-gird ul li figcaption a { line-height: 30px; height:34px}
}
@media (max-width: 1180px) {
	header .nav-collapse >ul >li a { font-size:11px; padding-left:5px; padding-right:5px}
		header .nav-collapse >ul >li li a { font-size:11px} 
	header .logo { margin-left:10px}
	.slider li .text .text-editor h2 { font-size:60px}
	.about-block:before { -webkit-background-size: 1180px auto;
  -moz-background-size: 1180px auto;
  -o-background-size: 1180px auto;
  background-size: 1180px auto; top: -129px; padding-top:129px}
	
	
	.about-block .column .text h2 { font-size:30px}
	.about-block .column .text { font-size:12px}
	.wrap-1024 { width:800px; max-width:100%}
	.about-block .column.left img { left: -130px}
	.about-block .column.right img { right:-130px;}
	.grpup-block .content-text .main-content h2.subtitle, .grpup-block .content-text .main-content h2.subtitle span, .subtitle,
	.grpup-block .content-text .main-content h2 { font-size:40px}
	.wp-editor h2 strong { top: -15px}
	
	.grpup-block .content-text .main-content h2 span { font-size:25px; padding-top:5px}
	.banner h1 { font-size:35px; padding-top:6px}
	
	.class-list .item .right .s-content	h2 { font-size:18px;}
	.class-list .item .right .s-content	p { font-size:11px}
	header .nav-collapse >ul >li >a { letter-spacing: normal}
	.class-gird ul li { width:33.3333%}
	
	
}
@media (max-width: 990px) {
	header .social { padding: 10px}
	header .social a { font-size:25px}
	header .nav-collapse { margin-left:10px}
	header .nav-collapse >ul >li a { font-size:10px; padding-left:5px; padding-right:5px}
	.slider li .text .text-editor h2 { font-size:40px}
	
	  .arrow-bottom:after { bottom:0;} 
.arrow-bottom-white:after {} 
   .arrow-top-white:before {} 
   .arrow-black-top:before {}    
  .class-list .item h2,
  .class-list .item .right .s-content h2 { font-size:15px}
  .class-list .item .right .s-content { padding-top:0; padding-bottom:0}
  .subtitle { font-size:40px;}
	
}
@media (max-width: 920px) {
	header .logo { width:140px; margin-top:15px}
	header .social { display:none}
	header .nav-collapse { float:right}
}

@media (max-width: 768px) {
    .slider .bg-arrow { height: 50px}
    .same-cat { display: none!important}
	.about-block.about-block-detailt { background:none}

	.about-block .column.left img { left:-50%}
	header .h-top { background-position:left bottom; padding-left:0; padding-right:0; background: #000 url(images/bg_rb.gif) repeat-x left bottom; height:auto}
	header .social { display: block;}
	.btn-navbar { display:block; float:right; margin-bottom:5px}
	header .nav-collapse { display:none; margin:0; float:none; clear:both; margin-bottom:10px}
	nav.nav-collapse > ul > li:first-child { border-top: 1px solid #FFF} 
	.nav-collapse { display: none; float:none; width:100%; margin-top:0}
	nav.nav-collapse > ul {clear: both;text-align: left;width: 100%;background: none;background: none; overflow:hidden; margin-right:0; height:auto; display:block}
	nav.nav-collapse > ul li { margin-bottom:0; padding-bottom:0; position:relative; display:block; padding:0; margin: 0 10px; padding: 7px 0}
	.nav-collapse >ul >li:hover >a,
.nav-collapse >ul > li.current-menu-item > a,
	nav.nav-collapse > ul li a { color:#FFF; line-height:normal; font-size:12px; font-weight:700}
	nav.nav-collapse > ul li.parent > span {position: absolute;top: 0;right: 0;width: 50px;height:40px;background: url(images/sm-ico.png) no-repeat center;cursor: pointer; z-index:2}
	
	nav.nav-collapse > ul li a { display:block; padding:5px 0; position:relative; z-index:1; }
	nav.nav-collapse > ul li li a { padding-left:20px; padding-right:20px; color:#626262; font-size:12px}	
	nav.nav-collapse > ul li.parent > span.expend {background: url(images/sm-ico-s.png) no-repeat center;}
	nav.nav-collapse > ul li {clear: both;float: none;background: none;line-height: 1.4;border-bottom: 1px solid #fff;}
	nav.nav-collapse > ul li.parent:hover ul,nav.nav-collapse > ul li:hover ul {display: none;visibility: visible;}
	nav.nav-collapse > ul li ul {visibility: visible;position: relative;width: 100%;display: none; left:auto; padding-top:0; margin-top:0;padding:0;background:#333}
	nav.nav-collapse > ul li ul,nav.nav-collapse > ul li ul li {border-left: none;border-right:none;}
	nav.nav-collapse > ul li ul {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; position:relative; margin:0!important; left: auto!important; top:0; background:none}
	nav.nav-collapse > ul li ul >li:last-child{ border-bottom:none}
	nav.nav-collapse > ul li li { margin:0}
	nav.nav-collapse > ul > li:last-child {border-bottom: none;}
	nav.nav-collapse > ul > li ul li:last-child { margin-bottom:0}
	nav.nav-collapse > ul li li a {	border-left: none;	border-right:none;}
	nav.nav-collapse > ul ul li a{ padding:5px 20px; color:#FFF; display:block; text-align:left} 
	nav.nav-collapse > ul ul ul li a { padding: 5px 30px}
	nav.nav-collapse > ul li.current_page_item > a,
	nav.nav-collapse > ul li:hover,
	nav.nav-collapse > ul li a:hover {color:#fff;}
	
	.slider li .text .text-editor h2 { font-size:20px}
	.bt { line-height: 30px; padding: 0 20px}
	.bx-controls .bx-controls-direction a { display:none}
	.about-block:before { -webkit-background-size: 767px auto;
  -moz-background-size: 767px auto;
  -o-background-size: 767px auto;
  background-size: 767px auto; top:-82px;}
	.wrap-1024 { max-width:100%}
	.class-list .item,
	.column { float:none!important; width:100%!important; clear:both!important; padding-left:0!important;padding-right:0!important}
	.accroding .item h3:before { left: auto; right:0}
	.banner { max-width:none; height: 200px; width:100%;-webkit-background-size: 768px auto;
  -moz-background-size: 768px auto;
  -o-background-size: 768px auto;
  background-size: 768px auto; background-position:  top center; background-repeat:no-repeat; }
  	.banner img { display:none}
	.banner.google-map img { display: block}
  .desktop { display:none}
	.mobile { display:block}
	
	.class-list { padding-left: 10px; padding-right:10px}
	.class-list .item { margin-left:0!important; margin-right:0!important; margin-bottom:10px}
	.class-list .item .right, .class-list .item .right { left:auto!important; text-align:left}
	.class-list .item .left .over { display:none!important;}
	.class-list .item .left .over h2 span { color:#FFF;}
	.class-list .item .right { opacity:1; color:#FFF; width:50%;-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out; position:relative; float:right} 
	.class-list .item { width:50%;}
	.class-list .item .left { width:49%;}
	.banner h1 { font-size:40px; padding-top:6px; text-indent:0}
	.class-list .item .right .s-content	h2 { font-size:20px; text-align:left}
	.class-list .item .right .s-content	p,
	.class-list .item .right .s-content	.bt-line,
	.class-list .item .right .s-content { text-align:left}
	footer { padding-left:20px; padding-right:20px}
	.banner h1 { font-size:25px; top:10px}
	.wp-editor h2 strong { top: -5px}
	.grpup-block .content-text .main-content { background:#FFF!IMPORTANT}
	.loading { display:none!IMPORTANT}
	.class-gird ul li  h2,
	figure.effect-apollo h2 { font-size:25px!important;}
}
 
@media (max-width: 480px) {
	.about-block:before { -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto; top:-42px; padding-top:42px}
  .about-block .column.left img { left: -90px; top:0}
	.about-block .column.right img { right:-90px; top:0}
	.banner { max-width:none; height: 150px; width:100%;-webkit-background-size: 480px auto;
  -moz-background-size: 480px auto;
  -o-background-size: 480px auto;
  background-size: 480px auto;}
  .class-list .item .column50 { width:100%!important; clear:both; float:none!important}
  .banner h1 { font-size:20px; padding-top:6px; text-indent:0; width:100%; text-align:center; left:0}
  .class-list .item h2, .class-list .item .right .s-content h2 { font-size:20px}
  .class-list .item .right .s-content{ padding-top: 10px;}
  .class-list .item .right .s-content .bt{ line-height: 28px; height: 32px}
  .class-gird ul li  h2,
  figure.effect-apollo h2 { font-size:20px!important;}
   header  a.symbol:before { margin-right: 3px;}
 }
 
@media (max-width: 360px) {
 	
 } 
@media (max-width: 350px) {
 	
 } 
.fancybox-next span,
.fancybox-prev span { background:none!important}

.fancybox-prev span:after {
	background: none!important;
	border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    content: "\f104";
    display: block !important;
    font-family: "FontAwesome",serif!important;
    font-size: 30px;
    height: 54px;
    left: 0;
    line-height: 54px;
    margin: -27px 0 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 50%;
    width: 54px;
	text-indent:0!important;
	font-weight:normal!important;
}

.fancybox-next span:after {
	border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    content: "\f105";
    display: block!important;
    font-family: 'FontAwesome',serif;
    font-size: 30px;
    height: 54px;
    line-height: 54px;
    margin: -27px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 54px;
    text-indent: 0;
	text-indent:0!important;
	font-weight:normal!important;
}
.fancybox-close { background:none; top:-27px; richness: -27px;}
.fancybox-close:after {
    color: #fff;
    content: "\f00d";
    font-family: 'FontAwesome',serif;
    font-size: 15px;
    height: 15px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
}
#fancybox-thumbs ul { left:auto!important; margin: 0 auto!important; z-index:10000}
.page-id-397 .about-block.about-block-detailt .wrap-1024 { width: 100%}
.page-id-397 .about-block.about-block-detailt .wrap-1024 .youtube-lists { text-align: center; overflow: hidden}
.page-id-397 .about-block.about-block-detailt .wrap-1024 .youtube-lists > div { float: none!important; display: inline-block!important; max-width: 500px; width: 30%;}
@media (max-width: 768px) { 
    .page-id-397 .about-block.about-block-detailt .wrap-1024 .youtube-lists > div { width: 100%!important; max-width: 100%!important}
}