/*fonts*/ @font-face { font-family: 'magistralcregular'; src: url('fonts/magistralc.eot'); src: url('fonts/magistralc.eot?#iefix') format('embedded-opentype'), url('.fonts/magistralc.svg#magistralcregular') format('svg'), url('fonts/magistralc.woff') format('woff'), url('fonts/magistralc.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'magistralcbold'; src: url('fonts/magistralc-bold.eot'); src: url('fonts/magistralc-bold.eot?#iefix') format('embedded-opentype'), url('fonts/magistralc-bold.svg#magistralcbold') format('svg'), url('fonts/magistralc-bold.woff') format('woff'), url('fonts/magistralc-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*general style*/ *{ margin:0; padding:0;} a, img {outline: none;} img {border-bottom-style: none; border-bottom-width: 0px; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-top-style: none; border-top-width: 0px;} html {background:#284601; -webkit-text-size-adjust: none;} html, body {height: 100%;} body { overflow-y: scroll; width: 100%; color:#000000; font: 14px/25px 'Open Sans', Arial, Helvetica, sans-serif;} a { color: #101f03; text-decoration:none; outline:none; transition: .2s ease-in-out;} a:hover { color: #589409; text-decoration:underline;} /*a:active {color: red;} a:visited {color: #663366;}*/ h1 { margin: 0 0 21px 0; font-size: 21px; color: #2d2208!important; font-family: 'magistralcbold'; } h2 { margin: 0 0 15px 0; font-size: 18px; color: #2d2208!important; font-family: 'magistralcbold'; } h3 { margin: 0 0 15px 0; font-size: 16px; color: #2d2208!important; } h4, h5, h6 { margin: 0 0 10px 0; font-size: 16px; color: #2a6eb5; font-weight:500; text-transform:uppercase; font-family: 'magistralcregular'; } p { margin-bottom: 20px; } ul { margin: 20px 0 20px 0; padding:0 0 0 28px; list-style:none;} li { margin: 0 0 5px 0; padding:0 0 0 0; } ol {margin: 20px 0 20px 0; padding:0 0 0 30px; } ol li { background:none; padding:0; margin: 0 0 5px 0;} input[type="text"], input[type="password"] { } input, textarea { outline:none; } input:active, textarea:active { outline:none; } :focus { outline:none; } textarea {} body:first-of-type input[type=text], body:first-of-type input[type=password] { line-height: normal; } .bgstretcher { background:#244001; background-size:overflow: hidden; width: 100%; position: fixed !important; z-index: 1; } .bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; } .wrapper { background-image: url('images/back-main.jpg'); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-size: 4000px 2115px; } .main { position: relative; z-index: 5; min-width: 960px; overflow: hidden; } /*panel-top*/ .panel-top { width: 960px; margin: 5px auto;} .panel-top > a {display: inline-block;color: #fff;vertical-align: middle; margin: 4px 38px 0 196px;} .soc { float:right; padding-right: 0px;} .soc p { display: inline-block; vertical-align: top; text-shadow: 0 1px 1px #000; font-weight: 700; margin: 15px 24px 0 0; padding: 0; line-height: normal; font-size: 12px; color: #fff; text-transform: uppercase; } .soc a {display: inline-block;vertical-align: top;margin-left:5px;} .soc2 { float:right; padding-right: 170px;} .lang { display: inline-block; vertical-align: top; margin: 1px 0 0 23px; } .lang ul { list-style-type: none; margin: 0; padding: 0; } .lang li { display: inline-block; vertical-align: top; margin: 0 0 0 1px; padding: 0; line-height: normal; font-weight: 700; font-size: 12px; text-transform: uppercase; text-align: center; } .lang li a { display: block; width: 39px; height: 27px; padding: 12px 0 0 0; background: url(images/lang.png) no-repeat right 0; text-decoration: none; color: #fff; } .lang li a:hover { background: url(images/lang.png) no-repeat 0 0; text-shadow: none; } .lang li span { display: block; width: 39px; height: 27px; padding: 12px 0 0 0; background: url(images/lang.png) no-repeat 0 0; text-decoration: none; color: #fff; text-shadow: none; } /*header*/ .wr-header { margin: 0 0 20px 0; height: 145px; background: url(images/back-head.png); -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.8); } .header { width: 960px; margin: 0 auto; } .logo { margin: -5px 0 0 0; float: left; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 1); } .logo a {display:block;padding: 36px 0 0;width: 320px; height: 120px; text-align: center;} .logo a img {width: 230px;} .menu-top { float: right; margin: 18px 0 0 0; } .menu-top ul { list-style-type: none; margin: 0; padding: 0; } .menu-top > ul > li { float: left; margin: 0 0 0 4px; padding: 0; line-height: normal; text-align: center; position: relative;} .menu-top li:first-child {margin: 0;} .menu-top > ul > li > a { display: block; width: 148px; height: 80px; padding: 26px 0 0 0; border-radius: 10px; text-decoration: none; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 1); } .menu-top > ul > li > a > span { display: block; width: 148px; height: 80px; padding: 0; border-radius: 10px; text-decoration: none; color: #598400;} .menu-top li nobr {} .menu-top ul i {font-style: normal;} .menu-top > ul > li > a > i, .menu-top > ul > li > a > span > i { display: block; padding: 39px 0 0 0; font-size: 18px; color: #fff; font-family: 'magistralcbold'; text-shadow: 0 1px 1px #2a6600; } .menu-top li.item1 {} .menu-top li.item2 {} .menu-top li.item3 {} .menu-top li.item4 {} .menu-top li a:hover {color: #598400;} .menu-top li a:hover i { color: #598400; text-shadow: none; } .menu-top li span i { color: #598400; text-shadow: none; } .menu-top li.item3 > a {background: url(images/block1.png) repeat-x;} .menu-top li.item4 > a {background: url(images/block2.png) repeat-x;} .menu-top li.item5 > a {background: url(images/block3.png) repeat-x;} .menu-top li.item6 > a {background: url(images/block4.png) repeat-x;} .menu-top li.item3 > a span i:hover{background:url(images/ico1.png) no-repeat 50% 0; color: #FFFFFF;} .menu-top li.item4 > a span i:hover{background:url(images/ico2.png) no-repeat 50% 0; color: #FFFFFF;} .menu-top li.item5 > a span i:hover{background:url(images/ico3.png) no-repeat 50% 0; color: #FFFFFF;} .menu-top li.item6 > a span i:hover{background:url(images/ico4.png) no-repeat 50% 0; color: #FFFFFF;} .menu-top li.item3 > a i {background: url(images/ico1.png) no-repeat 50% 0;} .menu-top li.item4 > a i {background: url(images/ico2.png) no-repeat 50% 0;} .menu-top li.item5 > a i {background: url(images/ico3.png) no-repeat 50% 1px;} .menu-top li.item6 > a i {background: url(images/ico4.png) no-repeat 50% 1px;} .menu-top li.item3:hover > a > i {background: url(images/ico1-2.png) no-repeat 50% 0;} .menu-top li.item4:hover > a > i {background: url(images/ico2-2.png) no-repeat 50% 0;} .menu-top li.item5:hover > a > i { background: url(images/ico3-2.png) no-repeat 50% 0; color: #7bb700; } .menu-top li.item6:hover > a > i {background: url(images/ico4-2.png) no-repeat 50% 0;} .menu-top li.item3 > a > span > i {background: url(images/ico1-2.png) no-repeat 50% 0;} .menu-top li.item4 > a > span > i {background: url(images/ico2-2.png) no-repeat 50% 0;} .menu-top li.item5 > a > span > i { background: url(images/ico3-2.png) no-repeat 50% 0; color: #7bb700; } .menu-top li.item6 > a > span > i {background: url(images/ico4-2.png) no-repeat 50% 0;} .menu-top ul ul {position: absolute;top:100%;left:0;width:100%;background:#000;background:rgba(0,0,0,.8);border-radius:15px;z-index: 99;display:none;padding:15px 0;} .menu-top ul li:hover ul {display:block;} .menu-top ul ul li { z-index: 9; position: relative; margin:0; } .menu-top ul ul li a {text-transform: uppercase;display:block;text-align: left;padding: 8px 20px;font-size: 11px;color: #fff;z-index: 9;position: relative;letter-spacing: 0;} /*content*/ .wr-content { width: 960px; margin: 0 auto; background: #fff; padding: 25px 0 25px 0; border-radius: 10px; -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 1); } .content { position: relative; padding: 0 25px;} .content.one_column {padding:0 50px;} .separate { position: absolute; top: 0; left: 318px; width: 1px; height: 100%; background: url(images/separate.png) repeat-y; } .left { float: left; width: 265px; padding: 0 30px 0 0; } .benef {margin: 0 0 16px 0;} .t-benef { margin: 0 0 25px 0; font-size: 21px; line-height: 24px; color: #2d2208!important; font-family: 'magistralcbold'!important; text-transform: none;} .benef ul { list-style-type: none; margin:0; padding:0; color: #AEFF00;} .benef li { margin: 0 0 9px 0; padding: 12px 0 0 0;/* margin: 0 0 29px 0; padding: 29px 0 0 0;*/ line-height: normal; background: url(images/separate2.png) repeat-x; } .benef li:first-child { padding-top: 0; background: none; } .benef li ul li { background: none; margin:0;font-size:12px;} .benef li span { display: block; padding: 0 0 0 22px; /*text-transform: uppercase;*/ background: url(images/marker-left.png) no-repeat 0 0; font-size: 14px; /*color: #2d2208;*/ font-weight: bold; text-decoration:underline;} .benef li article{ color: #101f03; background: url("images/arrow_services.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; margin: 0 0 6px 0; text-transform: uppercase; font-weight: bold; padding: 0px 0 3px 26px;} .benef li p { margin: 0; padding: 5px 0 0; line-height: 15px; font-size: 12px; color: #000000; } .benef2 {margin: 0 0 16px 0;} .t-benef2 { margin: 0 0 25px 0; font-size: 21px; line-height: 24px; color: #2d2208!important; font-family: 'magistralcbold'!important; text-transform: none;} .benef2 ul { list-style-type: none; margin:0; padding:0; color: #AEFF00;} .benef2 li { margin: 0 0 10px 0; padding: 12px 0 0 0;/* margin: 0 0 29px 0; padding: 29px 0 0 0;*/ font-size:12px; line-height: normal; background: url(images/separate2.png) repeat-x; } .benef2 li:first-child { padding-top: 0; background: none; } .benef2 li ul li { background: none; margin:0;} .benef2 li span { display: block; padding: 0 0 0 22px; text-transform: uppercase; background: url(images/marker-left.png) no-repeat 0 0; font-size: 14px; color: #2d2208; font-weight: bold; } .benef2 li article{ background: url("images/arrow_services.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; margin: 0 50px 9px 0; text-transform: uppercase; font-weight: bold; padding: 3px 0 1px 26px;} .benef2 li p { margin: 0 0 0 40px; padding: 0; line-height: 15px; color: #000000; width:220px} ul.primsys {margin:0 0 15px 0; padding:0 0 10px 0;} .primsys {padding: 12px 0 0 0; line-height: normal; background: url(images/separate2.png) 0 bottom repeat-x!important; } .primsys li{background:none!important; /*margin: 0!important;*/ padding: 0!important;} .newshead {text-transform: uppercase;font-size: 16px; margin: 0 0 10px;} .newshead1 {color: #000000;font-size: 16px; margin: 0 0 10px!important;text-transform: uppercase;} #newbt {float: right; margin-left:20px} .but-news { display: block;margin-bottom: 30px;font-size: 14px; color: #fff; font-weight: bold; text-shadow: 0 1px 1px #333;} .but-news a { background: url("images/btn_more.gif") repeat-x scroll 0 0 #232522; border-radius: 9px; color: #FFFFFF; float: left; font: bold 18px/30px 'magistralcbold',arial; height: 31px; padding: 0 10px; text-decoration: none; text-shadow: 0 1px 0 #232522; } .but-news a:hover { background: url(images/but-news2.png) repeat-x; } .right { float: right; /*width: 582px;*/ width: 586px;} .right a{ font-weight:bold;} .about {margin: 30px;} .about h1 { margin: 0 0 21px 0; font-size: 28px; color: #2a6eb5; font-weight: 500; font-family: 'magistralcregular'; text-transform: uppercase; letter-spacing:2px;} .about p {} .about p strong, .main_content p strong {font-size: 16px;} .b-comparison {/*margin-top:59px*/} .head-compar { margin: 0 0 50px 0; /*background: url(images/separate2.png) repeat-x;*/ } .in-head { padding: 14px 0 15px 0; /*background: url(images/separate2.png) repeat-x 0 bottom;*/ } .head-compar ul { list-style-type: none; margin: 0; padding: 0; } .head-compar li { float:left; width: 50%; text-align: center; margin: 0; padding: 0;line-height: normal; font-size: 16px; line-height: 18px; color: #000000; font-family: 'magistralcbold'; } .head-compar li a {font-size: 16px;} .body-compar {} .body-compar ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .body-compar li { float: left;width: 50%;text-align: center;} .body-compar li a, .body-compar li span {display:inline-block; background: #EEE; border-radius: 10px;padding:18px;line-height:0px;} .body-compar li:nth-child(1) img {/* width: 70%;*/ border: 1px solid #C7868C; border-radius: 10px;} .body-compar li:nth-child(2) img {border: 1px solid #0C71B2; border-radius: 10px;} .pusher {height: 30px;} .main_content {padding-top:35px;margin: 0 30px;} ul.main_benefits {padding:0;} ul.main_benefits li {display:inline-block;vertical-align: top;width:24%;text-align:center;} ul.main_benefits img {display:block;margin:0 auto;} ul.main_benefits a {text-decoration:underline; margin: 15px 0;display:inline-block;} /*footer*/ .footer { position: relative; z-index: 6; width: 960px; margin: 0 auto; height: 45px; padding: 0; min-width: 960px; overflow: hidden; } .copy {} .copy ul { list-style-type: none; margin: 0; padding: 0; } .copy li { display: inline-block; vertical-align: top; margin: 0 0 0 3px; padding: 0 0 0 11px; background: url(images/sep-copy.png) no-repeat 0 3px; line-height: normal; font-size: 12px; font-weight: bold; color: #fff; } .copy li:first-child { background: none; padding: 0; margin: 0; } .copy li a { color: #aeff00; text-decoration: none; } .copy li a:hover {text-decoration: underline;} /*local reset*/ .clear {clear: both; height:0; font-size:0; padding:0; margin:0; line-height:0;} /**************************************************** THIS IS WRAPPER */ .m-container { width: 951px; margin: 0 auto; padding: 34px 0;} /**********************************************************************/ .m-container-wrap { padding: 40px 40px 40px 40px; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 0 15px #000;} .m-container-wrap div, .m-container-wrap li { color: #5d5c5c; font: 12px/19px arial;} /* Services Box */ .m_serviceswrap { overflow: hidden;} .m_serviceswrap li {margin:0; padding: 2px 0 1px; font-size: 12px;} .m_serviceswrap li a { padding: 1px 0 1px 26px; display: block; color: #101f03; font-weight: bold; text-transform: uppercase; background:url(images/arrow_services.gif) 0 50% no-repeat; line-height:20px;} .m_serviceswrap li a:hover { color: #589409;} .m_servicesbox { float: left;} .m_servicesbox .m_title { padding: 0 0 28px; color: #232522; font:bold 21px/25px 'magistralcbold', arial; text-align: center; margin-left:-15px;} .m_sb1 { width: 290px; padding: 12px 0;} .m_sb1 .m_title { margin-left:-80px} .m_sb1 ul{ margin: 0 35px; width: 170px;} .m_sb2 { width: 310px; padding: 12px 0; border-left: 1px dashed #d8d8d8; margin-left: -15px;margin-right: 20px;} .m_sb2 ul{ margin: 0 30px; /* width:190px */ width:235px;} .m_sb3 { width: 300px; padding: 12px 0; border-left: 1px dashed #d8d8d8;} .m_sb3 ul{ margin: 0 55px; width:170px} /* AboutUs Box */ .m_aboutusbox { padding: 35px 0 0; clear: both; overflow: hidden;} .m_aboutusbox.main_page {margin:0 20px 0 30px;} .m_aboutusbox .m_text { width: 545px; float: left;} .m_aboutusbox .m_text h1 {color:#5680BF !important;} .m_aboutusbox .m_text p { padding: 10px 0 0; margin: 0;} .m_aboutusbox .m_text h2 { color: #232522; font:bold 24px/25px 'magistralcbold', arial; margin:0; padding:0 0 28px;} .m_aboutusbox .m_text b.m_s1 { color: #232522; display: block;} .m_aboutusbox .m_text .m_more { padding: 22px 0 0; overflow: hidden; clear: both;} .m_aboutusbox .m_text .m_more a { padding: 0 10px; float: left; color: #fff; font:bold 18px/30px 'magistralcbold', arial; height: 31px; background:url(images/btn_more.gif) repeat-x #232522; border-radius: 9px; text-decoration: none; text-shadow:0 1px 0 #232522;} .m_aboutusbox .m_text .m_more a:hover { background: #232522;} .m_aboutusbox .m_banner { width: 313px; float: right; padding-top: 115px;} .m_aboutusbox.main_page .m_banner { width: 300px;padding-top: 87px;} .m_aboutusbox .m_banner img { display: block;} .m_aboutusbox .m_banner .m_indent { margin-top: 16px;} .m_banner .description_btn {background: url(images/block3.png) repeat-x;font-size:16px;font-weight:bold;text-align:center;border-radius: 10px;position:relative;margin:0 10px 0 50px;box-shadow: 2px 2px 5px 0 #243F00;} .m_banner .description_btn.btn_arrrow {margin-bottom:50px;} .m_banner .description_btn a {display: block;padding:20px;color:#fff;font-family: 'magistralcbold';text-shadow: 0 1px 0 #232522;} .m_banner .description_btn.btn_arrrow:before {content:'';position:absolute;top:100%;left:0;right:0;margin:0 auto;width:20px;height:15px;background:#589409;margin-top:13px;} .m_banner .description_btn.btn_arrrow:after {content:'';position:absolute;top:100%;left:50%;border-top:15px solid #589409;border-left:20px solid transparent;border-right:20px solid transparent;margin:23px 0 0 -20px;} /* Projects Box */ .m_projectsbox { height: 600px; clear: both; overflow: auto;} .m_projectsbox li { padding: 0 /* 24px */0 0 0; /*float: left;*/} .m_projectsbox li h1{ font-size: 16px; color:#000;} .m_projectsbox li h3{ margin: 0 0 21px 0; color:#000; font-weight: bold; text-transform:uppercase;} .m_projectsbox li h3 a {text-transform:none;} .m_projectsbox li .typeh1{margin: 0; margin-bottom: 10px; font-size: 16px;text-transform: uppercase; color:#000; font-weight:500; font-weight: bold;} p a {color: #589409} .m_projectsbox li .nc_full_text p {margin: 0 0 20px; padding-right: 10px;} .m_projectsbox li .nc_full_text ul {list-style-type: disc;} .m_projectsbox li b { display: block;} .m_projectsbox li b.none { display: inline; text-align: left;} .m_projectsbox li img { display: block;} /* Contact Box */ .m_contactbox { overflow: hidden;} .m_contactbox .m_location { float: left;} .m_contactbox .m_location h2 { color: #232522; font:bold 24px/25px 'magistralcbold', arial; margin:0; padding:0 0 30px;} .m_contactbox .m_location p { padding: 15px 0 0; margin: 0;} .m_contactbox .m_location ul { padding: 15px 0 0; clear: both; overflow: hidden;} .m_contactbox .m_location li { padding: 0 10px 0 0; float: left; text-align: right;} .m_contactbox .m_location li a {text-decoration:underline;} .m_contactbox .m_location li a:hover { cursor:pointer;} .m_contactbox .m_location li:first-child { text-align: left;} .m_contactbox .m_send { width: 500px; padding: 0 0 0 31px; float: right; border-left: 1px dashed #d8d8d8;} .m_contactbox .m_send ul { padding: 5px 0 0;margin:0;} .m_contactbox .m_send li { padding: 0 0 15px 0;} .m_contactbox .m_send li input[type="text"] { width:320px; padding:14px 20px; color:#5d5c5c;; font:12px arial; border:0; background: #d9d9d9; border-radius: 10px;} .m_contactbox .m_send li textarea { width:430px; padding:14px 20px; color:#5d5c5c; font:12px arial; border:0; background: #d9d9d9; border-radius: 10px;} .m_contactbox .m_send .m_btn { padding: 0; clear: both; overflow: hidden;} .m_contactbox .m_send .m_btn input { padding: 0 10px; margin-left: 20px; float: right; color: #fff; height: 31px; font:bold 18px/30px 'magistralcbold', arial; background:url(images/btn_more.gif) repeat-x #232522; border-radius: 9px; border:0; text-decoration: none; text-shadow:0 1px 0 #232522;} .m_contactbox .m_send .m_btn input:hover {background: url(images/but-news2.png) repeat-x; cursor:pointer} .m_contactbox .m_send .m_btnf {display: inline-block; font-size: 12px; width:450px} .m_contactbox .m_send .m_btnf input {display: block; margin-left: 115px; cursor:pointer; text-decoration: none; margin-top: -19px;} .block-contact span{ float:right; margin-right:120px; width:125px} /* Project menu */ #project-menu { width: 148px; padding: 10px 0 10px; top: 104px; position: absolute; z-index: 999; background: #000; border-radius: 10px; box-shadow: 0 0 4px #000;} #project-menu li { position: relative; float: none; margin: 0;} #project-menu li a { background:none; border-radius:0; box-shadow:0; padding: 3px 16px; display: block; color: #fff; font: 12px/19px arial; text-transform: uppercase; width: inherit; height: inherit;} #project-menu li a:hover { color: #366b08; text-decoration: none;} #project-menu li a.open { background:url(images/arrow_menu.gif) 126px 50% no-repeat;} #project-menu li:hover ul { display: block;} #project-menu ul { width: 148px; padding: 30px 0 35px; top: -30px; left: 150px; position: absolute; z-index: 999; background: #000; border-radius: 10px; box-shadow: 0 0 4px #000; display: none;} .warnText {color:red} #gallery {position:relative; width:550px; margin:40px auto; padding:10px; border-radius: 10px; background:#d9d9d9} #images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px} #image {position:relative; width:536px; height:375px; padding:5px; border:2px solid #B4B4B4; border-radius: 10px; background:#FFF url(images/loading.gif) center center no-repeat} #image img {position:absolute; top:5px; left:5px} #thumbwrapper {margin-top:10px; padding:5px 0; width:546px; height:100px; border:2px solid #B4B4B4; border-radius: 10px; background:#FFF} #thumbarea {position:relative; overflow:hidden; height:100px; width:544px; } #thumbs {position:absolute; list-style:none; margin: 0; padding: 0; height:100px; width:10000px; border-right:10px solid #FFF} #thumbs li {float:left; margin-right:10px; cursor:pointer} .imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer} #previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF} #previmg:hover {opacity:1; filter:alpha(opacity=100)} #nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF} #nextimg:hover {opacity:1; filter:alpha(opacity=100)} .left_block_date {margin: 7px 0; text-align: right;} .left_block_more {margin: 7px 0; float: right;} #divContent {height: 263px; width: 350px;} #divContent1 {display:none;} #divContent2 {display:none;} .pagination {margin-top:20px} .news_block {margin:35px 0; padding-right:10px} .news_block ul{margin:5px 0; text-align:left; padding-bottom: 60px;} .news_block .more {float:right;} ul#pikame{ padding-left:0; width:515px; margin:0 auto;} .pika_main{ padding-right:20px; margin:0 auto;} #pikame li{ margin:5px; float: left; border: 3px solid #AAAAAA; border-radius: 5px; position:relative; overflow:hidden;} ul#pikame li img{position:relative;cursor:pointer;} .pika_main img{border:5px solid #AAAAAA;border-radius: 5px;} .pika_main{position: relative;margin:0 auto;} .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;} .pika_play{position:absolute;top:10px;right:20px;z-index:1;} .pika_play a{color: #000; cursor:pointer; position:relative;margin-left:auto;cursor:pointer;} .pika_play img{border:none !important;} .pika_caption{width:100%;height:30px;text-align:center;} .pika_navigation a{font-size: 12px;color:white;text-decoration: none;} .pika_navigation a:hover{text-decoration: underline;} .pika_navigation{padding-top:10px;clear:both;text-align:center;} .pika_navigation a{color: #000; cursor:pointer;} /*.splCont{display:none;}*/ .splCont_active {display:block;!important} /*.text td {vertical-align: top;}*/ ul.pdf { list-style-type: none; margin: 0 0 28px 0; padding: 6px 0 0 0; } ul.pdf li { padding: 15px 0 10px 20px; } ul.pdf li a { margin: 0 0 10px 0;padding: 15px 0 0 30px;background: url(images/pdfico.png) left 3px no-repeat;line-height: normal; } .ws-title {height:100%} .ws-title p {margin-bottom: 0px; font-size: 14px;color: #000000;} .pico a{background: url(images/pico.png) left 3px no-repeat !important;} .h30 {margin-top: 10px;} .m_contactbox:after { clear: both; content: ''; display: table; } .m-left-30 {margin-left: -30px !important;} #wowslider-container1 { position:relative; left:-3px;} .desc-sld { margin-left:5px;} .ic-coll img { position:relative; top:11px; left:-9px; width:68px;} .but-news {} .but-nn { position:relative; margin:-22px 0 0 0;} .wrapper {background-size: 2300px 1405px !important; min-height:100%;} .datetime {margin-top:11px;} #wowslider-container1 .ws-title { left:-2px !important;} ul.primsys { padding-bottom:10px;} .primsys:last-child { background: none !important; margin-bottom:0; padding-bottom:0;} .m_projectsbox { height: 669px; clear: both; overflow: auto;} @media (max-width: 900px) { .wrapper {background-size: 1920px 2115px !important; min-height:100%;} } .aboutus tr td {font-size: 12px !important;} @-moz-document url-prefix() { .benef li article { margin-bottom:7px;} } .import { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; margin-bottom: 0 !important; margin-right: 18px; } #slideDown img { width: 38px; margin: -10px 0 0 !important; } .slideUp img { width: 38px; margin: -11px 0 0 !important; } .ct { position: relative; top: 0; } .benef2 {overflow: hidden;} .jspDrag {top: 0;} .news_block { margin: 0 0 35px !important; padding-right: 10px; } #block1,#block2,#block3,#block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block12,#block13,#block14,#block15 {margin: 21px 0; text-transform:none} .table-td td { vertical-align:top;} .answer-s { margin-bottom:25px; overflow:hidden;} .answer-s ul {list-style-type: disc} .m_projectsbox li img { height: auto !important; margin:10px 0;} .id-b { position:relative; /*top:-35px;*/line-height:0px;} .mb10 {margin-bottom:10px} .btn {text-align: right;margin-top: 144px;} .btn a {background: url("images/btn_more.gif") scroll 0 0 #232522;border-radius: 9px;color: #FFFFFF;font: bold 18px/20px 'magistralcbold',arial;display: inline-block;padding: 5px 5px 5px 55px;text-decoration: none;text-shadow: 0 1px 0 #232522;text-align: left;width: 120px;position: relative;} .btn img {width: 40px; position:absolute; left: 5px; top:5px;} .btn span {font-size: 10px;font-weight: normal;} .t_docs, .t_docs + h1 {margin:0 30px;} li.nav ol {list-style:none;} .breadcrumbs ul {margin:0;padding:0;} .breadcrumbs li {display:inline-block;} .m_projectsbox p {margin:0;} .sisea-search-form {position:relative;display:inline-block;vertical-align:top;margin:5px 0 0 0;} .sisea-search-form fieldset {border:none;} .sisea-search-form fieldset:after {content:'';width:16px;height:16px;background:url(images/search.png);position:absolute;right:10px;top:0;bottom:0;margin:auto 0;} .sisea-search-form input, .sisea-search-form label {display:none;} .sisea-search-form input[type=text] { display: inline-block; width: 148px; height: 26px; padding: 0 30px 0 12px; -webkit-border-radius: 13px; border-radius: 13px; background-color: rgba(0,0,0,.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 2px 7px rgba(0,0,0,.14); box-shadow: inset 0 2px 7px rgba(0,0,0,.14); outline: 0; font-size: 14px; line-height: 26px; color:#fff; border:none; -webkit-transition: width 0.5s linear 0s; -moz-transition: width 0.5s linear 0s; -o-transition: width 0.5s linear 0s; transition: width 0.5s linear 0s; } .sisea-search-form input[type=text]:focus{width:296px;} .sisea-result {margin:20px 0;} .m_projectsbox li .sisea-result h3 {margin-bottom:10px;} h2.articlesList {font-size:16px;margin:0;font-family:'Open Sans', sans-serif;} .fcounter {float:right;} .calc_form input[type="text"], .calc_form input[type="email"], .calc_form input[type="number"] { width:257px; padding:14px 20px; color:#5d5c5c;; font:12px arial; border:0; background: #d9d9d9; border-radius: 10px;margin:5px 35px 5px 5px;-moz-box-sizing:border-box;box-sizing:border-box;} .calc_form input#f_square,.calc_form input#f_your_square {margin-right:8px;} .calc_form .m_btn {} .calc_form input[type=submit], .list-content a.btn, .m_projectsbox li .nc_full_text a.btn, .main_content a.btn { padding: 10px;margin:15px 0;display:inline-block; color: #fff; /*height: 31px;*/ font: bold 18px/30px 'magistralcbold', arial; background: url(images/btn_more.gif) repeat-x #232522; border-radius: 9px; border: 0; text-decoration: none; text-shadow: 0 1px 0 #232522; } .calc_form select { width:257px; padding:12px 15px; color:#5d5c5c;; font:12px arial; border:0; background: #d9d9d9; border-radius: 10px;margin:5px 25px 5px 5px;display: inline-block;vertical-align: middle;} .calc_form textarea { width:590px;max-width:590px; padding:12px 15px; color:#5d5c5c;; font:12px arial; border:0; background: #d9d9d9; border-radius: 10px;margin:20px 5px 5px;box-sizing:border-box;} .calc_form label {display:block;} .calc_form label.short {display:inline-block;width:300px;margin-top:10px;} .calc_form label.hidden_select, .calc_form label.chiller_hidden_select {display:inline-block;display:none;} .calc_form label b {display:inline-block;width:270px;padding:0 15px;vertical-align:middle;} .calc_form h3 {margin:40px 0 20px;} .calc_form .message {margin:5px;color:red;} .visual {margin:20px 5px;padding:20px 0;border-top:1px dashed #aaa;border-bottom:1px dashed #aaa;font-size:18px;} .visual > div { background: url(images/block3.png) repeat-x; font-size: 14px;padding:10px; border-radius: 10px; box-shadow: 2px 2px 5px 0 #243F00;display:inline-block;vertical-align:middle;margin:5px 9px 5px 6px;color:#fff;font-weight:bold;} span.ruble { text-transform:uppercase; } span.line-through { text-decoration: line-through; } span.dot { position:absolute; text-indent: -1000em; } b.total {display:inline-block;vertical-align:middle;margin-right:40px;} input#f_cost {width:120px;margin: 5px 15px 5px -5px;color:#000;font-size:16px;} select#currency {width:80px;margin: 5px 15px 5px -18px;color:#000;} span.cost i {font-style:normal;} input#f_total {text-align:center;color:#000;font-size:24px;} .list-content ul { list-style-type: disc;} .list-content td {padding:10px;}