@import url(fonts/fonts.css);
article,aside,figure,footer,header,hgroup,nav,section,wrap,main{display:block;}
:focus{outline:0;}
a{text-decoration:none;color:#838281;}
a[href]{text-decoration:underline;}
a:hover{text-decoration:none;}
html{}
body{text-align: center; margin:0 auto 0;font:15px GillSans;color:#838281;}
html, body, wrap {height: 100%;}/*maximize body height*/
body > wrap {height: auto; min-height: 100%;}/*maximize wrapper height*/
wrap{width:960px;margin:0 auto;text-align:left;}

header{margin:44px 0 40px;height:75px;}
header>div{display:block;float:left;width:320px;height:75px;text-align:right;}
header>div:after,header>div p:before{background-color:#838281;}
header>div p{width:160px;margin:0;padding:0 25px;text-align:left;float:right;position:relative;}
header>div p:first-child:before{display:block;width:40px;height:40px;position:absolute;top:0;left:-40px;content:"";background-image:url(../img/head_icons.png);border-radius:50%;}
header>div b{display:block;font-size:18px;color:#5B5B5C;}
	.logo{background:url(../img/logo.png) no-repeat 50% 0;position:relative;}
	.logo a{display:block;width:100%;height:100%;}
	.logo:after{display:block;width:210px;height:2px;position:absolute;bottom:0;right:25px;content:"";}
	.imap p:before{background-position:0 0;}
	.mail p:before{background-position:0 -40px;}
/* paint header elements */
.text1 header>div:after,.text1 header>div p:before,wrap.text1 main:after{background-color:#eebfdc;}
.text2 header>div:after,.text2 header>div p:before,wrap.text2 main:after{background-color:#9dd2f0;}
.text3 header>div:after,.text3 header>div p:before,wrap.text3 main:after{background-color:#f9bb91;}
.text4 header>div:after,.text4 header>div p:before,wrap.text4 main:after{background-color:#fff7a6;}
.text5 header>div:after,.text5 header>div p:before,wrap.text5 main:after{background-color:#feb2ad;}
.text6 header>div:after,.text6 header>div p:before,wrap.text6 main:after{background-color:#cfee9f;}

wrap>nav{wdith:100%;}
wrap>nav:after{display:block;width:100%;height:0;clear:both;content:"";}
wrap>nav ul{margin:0;padding:0;}
wrap>nav ul li{display:block;float:left;}
wrap>nav ul li a{display:block;/*width:320px;height:320px;*/width:278px;height:268px;padding:26px 21px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);background-image:url(../img/mosaic_8.png);position:relative;transition: all 0.5s ease 0s;}
wrap>nav ul li a:hover{text-shadow:1px 1px 1px rgba(0,0,0,.8);}
wrap>nav ul li a>*{width:160px;display:block;position:relative;z-index:100;}
wrap>nav ul li a b{font-size:20px;height:158px;border-bottom:2px solid transparent;text-transform:uppercase;}
wrap>nav ul li a em{font-style:normal;margin-top:4px;}
wrap>nav ul li a:after{width:0;height:0;border-right: 0 solid #fff;border-bottom: 0 solid transparent;position:absolute;right:0;top:0;z-index:50;content:"";transition: all 0.5s ease 0s;}
wrap>nav ul li a:hover:after{border-width:40px;}
/* colorize 1-6 boxes */
wrap>nav ul li:nth-of-type(1) a{background-position:  0px 0;} wrap>nav ul li:nth-of-type(1) a:after{border-bottom-color:#bd89a9;} wrap>nav ul li:nth-of-type(1) a b{border-color:#78355f;}
wrap>nav ul li:nth-of-type(2) a{background-position:  20% 0;} wrap>nav ul li:nth-of-type(2) a:after{border-bottom-color:#83b8d6;} wrap>nav ul li:nth-of-type(2) a b{border-color:#417999;}
wrap>nav ul li:nth-of-type(3) a{background-position:  40% 0;} wrap>nav ul li:nth-of-type(3) a:after{border-bottom-color:#e5af68;} wrap>nav ul li:nth-of-type(3) a b{border-color:#c68343;}
wrap>nav ul li:nth-of-type(4) a{background-position:  60% 0;} wrap>nav ul li:nth-of-type(4) a:after{border-bottom-color:#e2d971;} wrap>nav ul li:nth-of-type(4) a b{border-color:#b8b21f;}
wrap>nav ul li:nth-of-type(5) a{background-position:  80% 0;} wrap>nav ul li:nth-of-type(5) a:after{border-bottom-color:#D16B66;} wrap>nav ul li:nth-of-type(5) a b{border-color:#b52f28;}
wrap>nav ul li:nth-of-type(6) a{background-position: 100% 0;} wrap>nav ul li:nth-of-type(6) a:after{border-bottom-color:#9CC162;} wrap>nav ul li:nth-of-type(6) a b{border-color:#5c7d28;}
/* for secondary template */
wrap.text>nav ul li a{width:130px;height:138px;padding:11px 20px 0 10px;font-size:12px;background-size:960px auto;}
wrap.text>nav ul li a b{height:68px;width:auto;font-size:12px;}
wrap.text>nav ul li a em{font-size:14px;}
wrap.text>nav ul li a:hover:after{border-width:20px;}
wrap.text>nav ul li a>*{width:140px;}
wrap.text>nav ul:first-child {width:960px;height:160px;background:#838281;}
wrap.text>nav ul:first-child li a{width:140px;height:36px;padding:113px 10px 0;opacity:.5;text-align:center;text-transform:uppercase;background-image:url(../img/mosaic_24.png);transition: all 0.5s ease 0s;}
wrap.text>nav ul:first-child li a:after{display:none;}
wrap.text>nav ul:first-child li a:hover{opacity:1;text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
/* colorize 1-6 subparents */
wrap.text1>nav ul:first-child,wrap.text1 main>nav,wrap.text1 main:before{background:#632149;}
wrap.text2>nav ul:first-child,wrap.text2 main>nav,wrap.text2 main:before{background:#196a99;}
wrap.text3>nav ul:first-child,wrap.text3 main>nav,wrap.text3 main:before{background:#f26522;}
wrap.text4>nav ul:first-child,wrap.text4 main>nav,wrap.text4 main:before{background:#ff9000;}

wrap.text5>nav ul:first-child,wrap.text5 main>nav,wrap.text5 main:before{background:#b8342d;}
wrap.text6>nav ul:first-child,wrap.text6 main>nav,wrap.text6 main:before{background:#62832d;}
/* disable BG for active tab and add gradient*/
.text1>nav ul:last-child li:nth-of-type(1) a,.text1 .bt,.text1 .bt a{background: none #c89db8;color:#632149;}.text1 .bt li:after{color:#bd689b;}
.text2>nav ul:last-child li:nth-of-type(2) a,.text2 .bt,.text2 .bt a{background: none #77b9e0;color:#196a99;}.text2 .bt li:after{color:#9dd2f0;}
.text3>nav ul:last-child li:nth-of-type(3) a,.text3 .bt,.text3 .bt a{background: none #f3b172;color:#ad4716;}.text3 .bt li:after{color:#f8d0a9;}
.text4>nav ul:last-child li:nth-of-type(4) a,.text4 .bt,.text4 .bt a{background: none #fff691;color:#ff9000;}.text4 .bt li:after{color:#ffc674;}
.text5>nav ul:last-child li:nth-of-type(5) a,.text5 .bt,.text5 .bt a{background: none #e6655e;color:#b8342d;}.text5 .bt li:after{color:#feb2ad;}
.text6>nav ul:last-child li:nth-of-type(6) a,.text6 .bt,.text6 .bt a{background: none #a3d25a;color:#62832d;}.text6 .bt li:after{color:#cfee9f;}
/* activate gradient */
wrap.text1>nav ul:last-child li:nth-of-type(1) a,wrap.text2>nav ul:last-child li:nth-of-type(2) a,wrap.text3>nav ul:last-child li:nth-of-type(3) a,wrap.text4>nav ul:last-child li:nth-of-type(4) a,wrap.text5>nav ul:last-child li:nth-of-type(5) a,wrap.text6>nav ul:last-child li:nth-of-type(6) a
	{text-shadow:none;}
wrap.text1>nav ul:last-child li:nth-of-type(1) a:before,wrap.text2>nav ul:last-child li:nth-of-type(2) a:before,wrap.text3>nav ul:last-child li:nth-of-type(3) a:before,wrap.text4>nav ul:last-child li:nth-of-type(4) a:before,wrap.text5>nav ul:last-child li:nth-of-type(5) a:before,wrap.text6>nav ul:last-child li:nth-of-type(6) a:before
	{
	display:block;width:100%;height:100%;opacity:.4;
	position:absolute;right:0;top:0;content:"";z-index:25;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.0) 0%, #ffffff 100%);background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.0) 0%, #ffffff 100%);background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.0) 0%, #ffffff 100%);background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.0) 0%, #ffffff 100%);background-image: linear-gradient(bottom, rgba(255,255,255,0.0) 0%, #ffffff 100%);
	}
/* active corner as default */
wrap.text1>nav ul:last-child li:nth-of-type(1) a:after,wrap.text2>nav ul:last-child li:nth-of-type(2) a:after,wrap.text3>nav ul:last-child li:nth-of-type(3) a:after,wrap.text4>nav ul:last-child li:nth-of-type(4) a:after,wrap.text5>nav ul:last-child li:nth-of-type(5) a:after,wrap.text6>nav ul:last-child li:nth-of-type(6) a:after
	{border-width:20px;}
/* broad climbes */
.bt{background: none #838281;}
.bt ul{margin:0 10px;padding:0;}
.bt ul li{display:inline-block;}
.bt ul li:after{display:inline-block;content:" > ";color:#424242;position:relative;top:2px;}
.bt ul li:last-child:after{display:none;}
.bt ul li a{display:inline-block;line-height:80px;padding:0 12px;color:rgba(255,255,255,.8);}/*_*/

main{margin:0 0 160px;position:relative;}
main:after{
	/*display:block;clear:both;width:100%;content:"";*/
	display:block;width:100%;height:2px;background:#838281;clear:both;position:relative;top:2px;content:"";
	}
main>*{margin:0 0 60px;}
main>*>*:first-child{display:block;font-size:1.5em;margin:.8em 0;}
wrap.text main>*>*:first-child{font-size:auto;margin:auto;}
main>nav{width:240px;position:relative;}
main>nav ul{margin:0;padding:0;}
main>nav>ul{padding:40px 0 0 34px;}
main>nav ul li{display:block;}
main>nav ul li a{display:block;padding:13px 0;width:170px;color:#fff;font-size:15px;border-bottom:1px solid #838281;position:relative;}
main>nav ul li a[href]{text-decoration:none;}
main>nav ul li a:hover{text-decoration:underline;}
main>nav ul li.active>a:after{
	display:block;width:16px;height:100%;
	position:absolute;top:0;right:-15px;content:"";background-size:16px 100%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAApCAYAAAA8hqkEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNqc1r8rRWEcx/HnHDcixUWXga4ymO7AYDBRshkM6hrEoCxSlLpGi8mk/AlWo0UUMillUCa6uQrlLzAc70fP0cE9vz7feg13OJ/O8zzf832uCYKgH+fogMnLN8a8oYEDo5RL6sQDFvO+QfTHGN4xogZY67hBa9YA7zvldx2jjs08exBVxBPmlCWEJvGKQTXA2sEFWtQAH6fYVQOsAbxgSg2wZvCMkhpg7eEEnhpQwDW21QCr7I52Qg2w5vGIrqRWTqtD9KIa18pp2nCLNWUJoVH36VeUJYS1hFXf6PWp7oE15I50XHnYLvsMNXUTt3AVfuZ5H6643R9WOtGe/x1W0oZqXO2jjIW0odrMNBroUb7GbtQxm/Ve+FtH+MBG1nshqop7tCsz8afblKnsuf8MNfVisd12mXapxAX867Y8AWG3LavXe/Nuy3i9x3ZbliUUk7otyxKSuy2hCiihzw5IZTB+CTAAT54S37Vv4doAAAAASUVORK5CYII=");
	}
main>nav>ul>li>a{font-size:12px;font-weight:bold;text-transform:uppercase;}
main>nav ul li a{border-color:rgba(255,255,255,.5);}
main>nav ul li a:hover{border-color:#fff;}
main>nav ul li ul li{}
main>nav ul li ul li a{opacity:.7;transition: all 0.5s ease 0s;text-transform:lowercase;}
main>nav ul li ul li a:before{content:"· ";font-weight:bold;}
main>nav ul li ul li a:hover{opacity:1;}


.text main:before{display:block;width:240px;height:100%;position:absolute;top:0;left:0;content:"";background-color:#838281;}
.text main section{float:right;width:680px;}
.text main nav{float:left;}


section,aside{padding-bottom:100px;} /*margin before footer*/
section{float:left;width:600px;padding:0 20px;}
.text section{padding-top:25px;}
.text1 section a{color:#b24085;}
.text2 section a{color:#2b8ac3;}
.text3 section a{color:#d57b25;}
.text4 section a{color:#b4ab00;}
.text5 section a{color:#b8342d;}
.text6 section a{color:#62832d;}

aside{float:right;width:280px;padding:0 20px;}
footer:before{/*display:block;width:100%;height:2px;position:absolute;top:0;left:0;background-color:#838281;*/}
footer{display:table;width:960px;height:160px;clear:both;position:relative;margin:-160px auto 0;/*border-top:2px solid #838281;*/}
footer>*{display:table-row;}
footer>*>*{display:table-cell;vertical-align:middle;text-transform:upparcase;}
footer>*>*:first-child{text-align:left;}
footer>*>*:last-child{text-align:right;}
footer>*>* p{/*display:block;height:160px;*/}