.container_12 { width: 1100px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: right; margin-right: 0px; margin-left: 20px; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.clearfix:after, .container_12:after { clear: both; }
.clearfix, .container_12 {  }

@font-face { font-family: 'Yekan'; src: url('fonts/BYekan.eot'); src: url('fonts/BYekan.eot?') format('eot'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('fonts/BYekan.svg#Yekan') format('svg'); }

@font-face {
	font-family: "Nassim";
	src: url('fonts/avvalnassim.eot') format("eot"), url('fonts/avvalnassim.woff') format("woff"), url('fonts/avvalnassim.ttf') format("truetype");
}

body { overflow-x: hidden; background: url('pat-1.png') repeat fixed 0% 0% rgb(0, 0, 0); margin: 0px; padding: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: rgb(255, 255, 255); }
@media only screen and (min-width: 1400px) {	
	.container_12 .grid_8 { width: 1000px; }
}
@media only screen and (min-width: 1100px) and (max-width: 1399px) {	
	.container_12 .grid_8 { width: 800px; }
}
a { color: rgb(255, 255, 255); text-decoration: none; }
a:hover { color: rgb(119, 119, 119); text-decoration: none; }
a:active { outline: medium none; }
a:focus { border: medium none; }
img { border: medium none; }
:focus { outline: medium none; }
h1, h2, h3 { margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Nassim',Tahoma,sans-serif; margin-top: 0px; }
h2 { font-size: 26px; line-height: 27px; }
.mainmenu ul { margin: 0px 0px 30px; padding: 0px; list-style-type: none; font-family: "Yekan",Tahoma,sans-serif; }
.mainmenu ul li { position: relative; text-shadow: 1px 1px 2px rgb(0, 0, 0); letter-spacing: 1px; }
.mainmenu ul li a { display: block; text-decoration: none; padding: 0px; font-size: 15px; margin: 0px; overflow: hidden; }
.mainmenu ul li ul li a { margin: 0px 10px 0px 0px; }
.mainmenu ul li a:link, .mainmenu ul li a:visited, .mainmenu ul li a:active {  }
.mainmenu ul li a:hover { color: rgb(248, 219, 20); }
.mainmenu ul li ul { position: absolute; width: 170px; top: 0px; font-weight: normal; visibility: hidden; margin-right: -50px; }
.mainmenu ul li ul { margin-top: -2px; text-align: right; background: url('images/menu-corner.png') no-repeat scroll right top transparent; padding-right: 10px; }
.mainmenu ul li ul li ul { text-align: right; margin-top: 0px; margin-right: 2px; background: none repeat scroll 0% 0% transparent; }
.mainmenu ul li.active {  }
.mainmenu ul li.active a { color: rgb(248, 219, 20); }
.mainmenu ul li ul li { background: url('images/dotblack70.png') repeat scroll 0% 0% transparent; margin-bottom: 2px; }
.mainmenu ul li ul li:hover { background: none repeat scroll 0% 0% rgb(0, 0, 0); }
.mainmenu ul li ul li a { font-size: 13px; padding: 5px; margin-bottom: 0px; margin-right: 0px; font-weight: normal; }
.mainmenu ul .rightarrowclass { float: left; display: none; padding-top: 20px; }
.mainmenu ul li ul .rightarrowclass { display: none; float: right; padding-top: 8px; }
#social-icons { margin-top: 40px; }
#social-icons img { margin-right: 2px; margin-bottom: 5px; }
.separator-b { background: none repeat scroll 0% 0% rgb(248, 219, 20); height: 2px; width: 30px; margin-bottom: 20px; }
.clear { clear: both; background: none repeat scroll 0% 0% transparent; }
#canvas { position: absolute; z-index: 10; }
#bg-pattern { width: 100%; height: 100%; position: fixed; background: url('images/pat-1.png') repeat fixed 0% 0% transparent; z-index: 1; }
.category, .category li { list-style: none outside none; margin: 0px; padding: 0px; font-family: "Open Sans","Open Sans",Arial,Helvetica,sans-serif; font-size: 14px; text-shadow: 1px 1px 2px rgb(0, 0, 0); letter-spacing: 1px; }
.category li a:hover { color: rgb(0, 0, 0); background: none repeat scroll 0% 0% rgb(248, 219, 20); padding: 0px 10px 0px 40px; margin-left: -40px; text-shadow: none; }
.selectnav { display: none; font-family: Tahoma, Geneva, sans-serif; }
.sidebar { padding: 40px; width: 200px; position: fixed; margin-left: 0px; border-right: medium none; -moz-user-select: none; z-index: 200; }
#mainlogo { margin-bottom: 10px; margin-right: -2px; }
.main { position: absolute; padding-right: 280px; line-height: 1.7em; padding-bottom: 40px; }
#btn-switch { width: 20px; height: 20px; position: absolute; z-index: 500; margin-top: 20px; left: 20px; }
#btn-switch.off { background: url('images/btn-min.png') repeat scroll center center transparent; }

@media only screen and (min-width: 820px) and (max-width: 1099px) {
	body { overflow-x: hidden; }
	.main { width: 512px; }
	.grid_8 { width: 512px; }
	#tagline, #social-icons { width: 225px; }
}
@media only screen and (min-width: 480px) and (max-width: 819px) {
	body { overflow-x: hidden; }
	#canvas { position: relative; }
	#mainlogo { text-align: center; }
	.sidebar { display: block; padding-right: 0px; position: inherit; margin: 0px; width: 420px; }
	#slide-list { display: none; }
	#wrapper { margin: 0px auto; position: absolute; width: 100%; }
	.container_12 { width: 420px; margin: 0px auto; }
	.main { width: 420px; position: inherit; margin: 0px auto; padding: 0px; border-left: medium none; }
	.grid_8 { width: 420px; }
	#social-icons { margin: 10px 0px 0px; display: block; width: 420px; text-align: center; }
	.selectnav { display: block; width: 100%; margin-bottom: 60px; margin-top: 20px; }
	.mainmenu ul { display: none; }
	.mainmenu select { padding: 10px; border: 1px solid rgb(234, 234, 234); margin: 0px auto; width: 100%; }
	.category li a:hover, .category li.active a { color: rgb(0, 0, 0); padding: 0px 10px; margin: 0px; }
	.separator-b { background: none repeat scroll 0% 0% transparent; visibility: hidden; }
}
@media only screen and (max-width: 479px) {
	body { overflow-x: hidden; }
	#canvas { position: relative; }
	#mainlogo { text-align: center; }
	.sidebar { display: block; padding-left: 0px; position: inherit; margin: 0px; width: 280px; }
	#slide-list { display: none; }
	#wrapper { margin: 0px auto; position: absolute; width: 100%; }
	.container_12 { width: 280px; margin: 0px auto; }
	.main { width: 280px; position: inherit; margin: 0px auto; padding: 0px; border-left: medium none; }
	.grid_8 { width: 280px; }
	#social-icons { margin: 10px 0px 0px; display: block; width: 280px; text-align: center; }
	.selectnav { display: block; width: 100%; margin-bottom: 60px; margin-top: 20px; }
	.mainmenu ul { display: none; }
	.mainmenu select { padding: 10px; border: 1px solid rgb(234, 234, 234); margin: 0px auto; width: 100%; }
	.category li a:hover, .category li.active a { color: rgb(0, 0, 0); padding: 0px 10px; margin: 0px; }
	.separator-b { background: none repeat scroll 0% 0% transparent; visibility: hidden; }
}

* { margin: 0px; padding: 0px; }
body { background: none repeat scroll 0% 0% rgb(17, 17, 17); height: 100%; }
img { border: medium none; }
#supersized { display: block; position: fixed; left: 0px; top: 0px; overflow: hidden; z-index: -999; height: 100%; width: 100%; direction: ltr; }
#supersized img { width: auto; height: auto; position: relative; display: none; outline: medium none; border: medium none; }
#supersized.quality img { image-rendering: optimizequality; }
#supersized li { display: block; list-style: none outside none; z-index: -30; position: fixed; overflow: hidden; top: 0px; left: 0px; width: 100%; height: 100%; background: none repeat scroll 0% 0% rgb(17, 17, 17); }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }

#controls-wrapper { margin: 0px auto; height: 42px; width: 100%; bottom: 10px; left: 0px; z-index: 100; position: fixed; }
#controls { height: 100%; position: relative; text-align: right; z-index: 1; padding-right: 20px; }
#slidecounter { float: right; color: rgb(255, 255, 255); font: 14px/42px "Yekan",Arial,sans-serif; text-shadow: 1px 1px 2px rgb(0, 0, 0); margin: 0px 15px 0px 10px; }
#slidecaption { overflow: hidden; float: left; color: rgb(255, 255, 255); font: 400 14px/42px Tahoma,sans-serif; text-shadow: 1px 1px 2px rgb(0, 0, 0); margin: 0px 0px 0px 20px; }
#play-button { float: right; margin-top: 1px; border: medium none; }
#play-button:hover { background-position: 0px 1px; cursor: pointer; }
#prevslide, #nextslide { position: fixed; bottom: 10px; height: 43px; width: 43px; z-index: 120; margin-top: -21px; opacity: 0.6; }
#prevslide { left: 20px; background: url('images/back.png') repeat scroll 0% 0% transparent; }
#nextslide { left: 62px; background: url('images/forward.png') repeat scroll 0% 0% transparent; }
#prevslide:active, #nextslide:active { margin-top: -19px; }
#prevslide:hover, #nextslide:hover { cursor: pointer; }
ul#slide-list { padding: 15px 0px; float: left; position: absolute; left: 50%; }
ul#slide-list li { list-style: none outside none; width: 12px; height: 12px; float: left; margin: 0px 5px 0px 0px; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position: 0px 0px; }
ul#slide-list li a { display: block; width: 12px; height: 12px; background: url('images/nav-dot.png') no-repeat scroll 0px -24px transparent; }
ul#slide-list li a:hover { background-position: 0px -12px; cursor: pointer; }
#progress-back { z-index: 5; position: fixed; bottom: 0px; left: 0px; height: 4px; width: 100%; background: url('images/progress-back.png') repeat-x scroll 0% 0% transparent; }
#progress-bar { position: relative; height: 8px; width: 100%; background: url('images/progress-bar.png') repeat-x scroll 0% 0% transparent; }
#nextthumb, #prevthumb { z-index: 2; display: none; position: fixed; bottom: 61px; height: 75px; width: 100px; overflow: hidden; background: none repeat scroll 0% 0% rgb(221, 221, 221); border: 1px solid rgb(255, 255, 255); }
#nextthumb { right: 12px; }
#prevthumb { left: 12px; }
#nextthumb:active, #prevthumb:active { bottom: 59px; }
#nextthumb:hover, #prevthumb:hover { cursor: pointer; }
#pauseplay.play { display: block; width: 54px; height: 52px; background: url('images/play.png') no-repeat scroll center top transparent; }
#pauseplay.pause { display: block; width: 54px; height: 52px; background: url('images/pause.png') no-repeat scroll center top transparent; }

#slidecaption { position: absolute; left: -20px; bottom: 80px; height: auto; }
.slide_text { font-size: 13px; background: url('images/dotblack70.png') repeat scroll 0% 0% transparent; padding: 15px 25px; width: 400px; font-family: Tahoma; line-height: 1.7em; border-radius: 2px 0px 0px 2px; font-weight: normal; }
#slidecaption h2 { font-size: 28px; padding: 15px 25px; display: inline-block; float: left; background: none repeat scroll 0% 0% rgb(248, 219, 20); color: rgb(51, 51, 51); text-shadow: none; font-weight: lighter; letter-spacing: -1px; border-radius: 2px 0px 0px 2px; }
@media only screen and (max-width: 767px) {
	#slidecaption { position: relative; bottom: 0px; right: 0px; }
	.slide_text { display: none; }
	#slidecaption h2 { background: none repeat scroll 0% 0% transparent; padding: 0px; display: block; overflow: hidden; float: left; color: rgb(255, 255, 255); font: bold 14px/42px Helvetica,Arial,sans-serif; text-shadow: 1px 1px 2px rgb(0, 0, 0); margin: 0px 20px 0px 0px; letter-spacing: normal; }
}
body { background: url('images/bg.jpg') repeat fixed left top rgb(0, 0, 0); color: rgb(255, 255, 255); }
h1, h2, h3, h4, h5, h6, .mainmenu ul { color: rgb(255, 255, 255); }
.page a:hover, .page .active a, #portfolio li .btnquit, .deco-line, #contact input.btn, #tab-content ul li a:hover, #tab-content .nav li a, .btn-contact a, #respond input.button, .pagination a:hover, .pagination .current, .page a:hover, .page .active a, .btn, .category li a:hover, .category li.active a, .separator-b, a.btn_readmore, .blog_format_quote, .blog_format_link:hover, #slidecaption h2, span.overlay { background: none repeat scroll 0% 0% rgb(248, 219, 20); }
@media only screen and (max-width: 767px) {
	#slidecaption h2 { background: none repeat scroll 0% 0% transparent; }
}
.mainmenu ul li a { color: rgb(255, 255, 255); }
.mainmenu ul li a:hover { color: rgb(248, 219, 20); }
.mainmenu ul li.active a { color: rgb(248, 219, 20); }
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidebar { display: block; padding-right: 0px; position: inherit; margin: 0px; width: 420px; }
	.main { width: 420px; position: inherit; margin: 0px auto; padding: 0px; border-left: medium none; }
}
@media only screen and (max-width: 479px) {
	.sidebar { display: block; padding-right: 0px; position: inherit; margin: 0px; width: 280px; }
	.main { width: 280px; position: inherit; margin: 0px auto; padding: 0px; border-left: medium none; }
}

.grid_half { width: 45%; margin-left: 20px; }
.header{ margin-top:65px; margin-bottom:30px;}
#page_title h1 { font-size: 26px; padding-right: 40px; border-right: 1px solid rgb(255, 255, 255); letter-spacing: 1px; }
.pcontent { padding: 10px; background: rgba(0,0,0,0.5); margin-bottom: 20px; border:1px solid black; border-right:4px solid black; height: 400px; }
.pcontent p { margin-bottom: 10px; }
.pcontent ul { padding: 5px 25px 5px 0px; }
.pcontent ul li { list-style: disc; padding-bottom: 5px; }
.bg-page { width: 100%; height: 100%; position: fixed; filter: blur(5px); -webkit-filter: blur(5px); filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='blur5'><feGaussianBlur  stdDeviation='5' /></filter></svg>#blur5"); }
#bg-pattern { background: url('images/pattern-dotted.png') repeat scroll 0% 0% transparent; }
.alignleft { float: left !important; }
.alignright { float: right !important; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: auto 10px 10px auto; }
img.alignright { margin: auto auto 10px 10px; }
img.aligncenter { margin-bottom: 10px; }
.if_map { height: 417px; width: 380px; }
.image-gallery { clear: both; float: right; }
.image-gallery li { float: right; padding: 0px 0px 10px 10px; }
.image-gallery li img { max-width: 130px; max-height: 130px; }

#design { background: url("images/designed-by-nemov.png") no-repeat center right transparent; width: 110px; height: 26px; margin-top: 30px;}
#designlink { width: 110px; height: 26px; }
div.wpcf7 .screen-reader-response { background-color: black; position: relative; height: 100%; width: 100%; padding: 0 10px; }

.scrollable{position:relative}
.scrollable:focus{outline:0}
.scrollable .viewport{position:relative;overflow:hidden}
.scrollable .scroll-bar{display:none}
.scrollable .scroll-bar.vertical{position:absolute;right:0;height:100%}
.scrollable .scroll-bar.horizontal{position:relative;width:100%}
.scrollable .scroll-bar.vertical .thumb{width:100%;min-height:10px}
.scrollable .scroll-bar.horizontal .thumb{height:100%;min-width:10px;left:0}
.not-selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.scrollable.default-skin{padding-right:15px;padding-bottom:6px}
.scrollable.default-skin .scroll-bar.vertical{width:8px}
.scrollable.default-skin .scroll-bar.horizontal{height:6px}
.scrollable.default-skin .scroll-bar .thumb{background-color:white;opacity:0.4;border-radius:3px;-moz-border-radius:4px;-webkit-border-radius:4px}
.scrollable.default-skin .scroll-bar:hover .thumb{opacity:0.6}
.scrollable .viewport .overview,.scrollable .scroll-bar .thumb{position:absolute; right: 0px !important;}