/*======================================== Ver 2 ============================================= */ /*====================================== Home Page ==================================== */ /*===================================================================================== */ @font-face { font-family: 'NassimBold'; src: url('/fonts/nassim-bold.eot'); src: url('/fonts/nassim-bold.ttf') format('truetype'), /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ url('/fonts/nassim-bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/fonts/nassim-bold.eot?#') format('eot'); /* IE6–8 */} /*====================================== Base Styles ==================================== */ *{margin: 0;padding: 0;} html,button,input,select,textarea { color: #222;} ::-moz-selection { background: #ffa1a1;text-shadow: none;} ::selection {background: #ffa1a1;text-shadow: none;} hr { display: block; height: 1px; border: 0;padding: 0;} p{margin: 0;} a {cursor:pointer;} img {vertical-align: middle;} fieldset { border: 0; margin: 0; padding: 0;} textarea {resize: vertical;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} /*====================================== Custom Styles ==================================== */ body {font: 62.5%/1.7 Tahoma, Arial, Geneva, sans-serif;min-width:940px;color: #222;background: #eaeaea url(img/patternBg.jpg) repeat;overflow-x:hidden;} input, select, option, textarea, button {font: normal 1em/1.6 Tahoma, Arial, Geneva, sans-serif;} h1,h2,h3,h4,h5,h6 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;margin: 0;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;} span, h1, h2, h3, h4, h5 ,h6 {text-shadow: 0 1px 0 rgba(255,255,255, 0.7);} .container {font-size: 1.3em;width: 940px;padding: 0 ;margin: 0 auto;} /*====================================== Alert For Old Browser ==================================== */ p.alertIe{position: absolute;top:0;min-width:940px;z-index: 9999;font: normal 12px tahoma;color:#fff;background:#141414 url(img/smallLogo.png) no-repeat -200px -118px;height: 35px; padding-top: 10px;margin:0 ;width: 95%;padding-right: 60px;background-position-x:right;} div.alertIe7{position: absolute;top:0;z-index: 9999;font: bold 12px/2 tahoma;color:#fff;background:#141414 url(img/logonew.png) no-repeat top center;height: 200px; padding: 250px 50px 70px 50px;width: 550px;margin: 0 200px;} p.alertIe a,div.alertIe7 a{font:normal 15px Arial;color:#ffc846;} p.alertIe a:hover,div.alertIe7 a:hover{color:#fff446;} /*====================================== Header ==================================== */ .headerHome {width:100%;min-width:940px;height: 521px;background:transparent url(img/bgTopRepeatHome.jpg) repeat-x top;} .bgHeaderHome{height: 584px;background:transparent url(img/bgHeaderHome.jpg) no-repeat top center;} .header .middlestickyNav{margin:0 auto;width:940px;height: 40px;background:transparent url(img/shadows.png) no-repeat 0 -120px;} .header .stickyNav{width:100%;min-width:940px;height: 40px;top:0;right:0;position: fixed;background:transparent url(img/patternStickyMenu.png) repeat-x top;z-index:990;} .header .logoTop {background:transparent url(img/txt.png) no-repeat 0 0;float:left;} .header .logoTop a {width:300px;height:38px;display:block;cursor:default;} .header .slogan {background:transparent url(img/txt.png) no-repeat -78px -66px;margin-top:70px;margin-left:19px;float:left;} .header .slogan a {width:127px;height:62px;display:block;float:left;cursor:default;} .topDiv{width: 940px;} .faranamName{float: right;background:transparent url(img/txt.png) no-repeat -45px -129px;margin-top: 42px} .faranamName a{width: 212px;height: 111px;display: block;float: right;cursor:default;} .txtA{float: left;background:transparent url(img/txtA.png) no-repeat top left;margin-top: 45px;margin-left: 20px;} .txtA a{width:302px;height:86px;display: block;float: left;} .txt{float: right;background:transparent url(img/txt.png) no-repeat -47px -43px;margin-top: 12px;} .txt a{width:207px;height:18px;display: block;cursor:default;} .logo{float: right;background:transparent url(img/logonew1.png) no-repeat top right;z-index:9900;width: 200px;height: 222px;margin-right:150px;position: relative; -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; } .logo:hover{ -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9);transform: scale(.9); } .logo a{width: 225px;height: 239px;display: block;} /*====================================== SearchBox ==================================== */ .searchBox {height:30px;float:left;margin-top:90px;margin-left:0px;} .btnSearch {width:31px;height:30px;float:left;background:transparent url(img/btnSearch.jpg) no-repeat 0 0;border:none;} .btnSearch:hover {width:31px;height:30px;float:left;background:transparent url(img/btnSearch.jpg) no-repeat -31px 0 ;} .textBoxSearch {width:110px;height:30px;float:left;border:none;border-right:solid 1px #ff6565; background:transparent url(img/bgSearch.jpg) repeat-x top ;padding-right:6px; -webkit-transition: all .4s ease-in-out;color:#fff; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.1em;} ::-webkit-input-placeholder { /* WebKit browsers */color:#fff;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#fff;} ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#fff;} :-ms-input-placeholder { /* Internet Explorer 10+ */color:#fff;} .textBoxSearch:focus { outline: 0; width: 160px;background:#910000;} /*====================================== Slider ==================================== */ .slider{width: 940px;height: 327px;z-index:80;position: absolute;top: 147px;float: right } .sliderShadow{width: 940px;height: 17px;background:transparent url(img/shadows.png) no-repeat 0 0;margin-top: 474px;} /*====================================== ErtebatatNovinFaranam ==================================== */ .line{width: 25%;background-color: #fff;margin-top: 8px;float: right;height:1px;} div.ertebatatNovinFaranam{width:50%;font: normal .9em arial;color: #fff;float: right;letter-spacing:.2em; text-align: center;height: 20px;} /*====================================== Horizontal Menu ==================================== */ nav{width: 100%;min-width:940px;height: 57px;background:transparent url(img/bgNav.jpg) repeat-x top ;} .navShadow{width: 940px;height: 16px;background:transparent url(img/shadows.png) no-repeat 0 -46px;margin: 0 auto;} .cursorDefault {cursor:default !important;} /*====================================== SystemsSection ==================================== */ .systems{width: 100%;min-width:940px;height: 43px;margin-top:10px; background: #e4e6e5 url(img/bgNews.jpg) repeat-x top ; } .systemsRight{width: 119px;height: 43px;padding-top:5px;float:right; background:transparent url(img/newsRight.jpg) no-repeat top right; } .systemsRight span{font-size: 1.4em;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;color: #ca0404;margin-right: 23px;} .systemsTxt{width:570px;height: 43px;float: right;border-left:solid 1px #b6b8b7;} .latestSystems{width: 224px;height: 35px;float: left;border-left:solid 1px #b6b8b7;padding-top:7px;} .latestSystems a{font-size: 1.4em;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;color: #ca0404;margin-right: 6px;text-decoration: none;} .latestSystems a:hover{text-shadow: 0 1px 1px rgba(0,0,0, 0.4);color:#ed2020;} /*====================================== News ==================================== */ .newsSection{width: 938px;margin:20px auto 0 auto ;border:solid 1px #d2d2d2;padding-top:20px; background: #f4f4f4 url(img/bgrNews.jpg) no-repeat top right;min-height:302px;} #rightNews{width:278px;float:right;padding: 0 25px;} #leftNews{width:560px;float:right;padding: 0 25px;} #rightNews article{margin: 10px 0 15px 0;min-height: 90px;float:right; -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;} #rightNews article:hover { background-color:#f7e3e3; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} #rightNews article img{border:solid 1px #ff0b0b;float: right;} #rightNews article h3{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #333;width: 275px;float: right;cursor: default; text-align: justify;padding-top: 8px;line-height:1.2;} .shadowRightNews{float:right;width: 280px;height: 9px;background: transparent url(img/shadows.png) no-repeat -319px -104px;} #rightNews article h2{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.8em;color: #555; font-style: normal;float: right;} #leftNews article{margin: 10px 0 15px 0;min-height: 90px;float: right; -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;} #leftNews article:hover { background-color:#e9e7e7; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07);} #leftNews article div.pic{width: 118px;height: 92px;background: transparent url(img/bgImgNews.png) no-repeat top center;float: right;} #leftNews article div.newsTxt{width: 520px;min-height: 90px;margin:0;float: right;} #leftNews article div img{width: 106px;height: 72px;margin-top: 9px;margin-right: 5px;} #leftNews article h2{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.8em;color: #555; font-style: normal;float: right;} #leftNews article h3{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #333;float: right;text-align: justify;cursor: default; padding-top: 8px;line-height:1.2;} .shadowLeftNews{float: right;width: 560px;height: 14px;background: transparent url(img/shadows.png) no-repeat -167px -83px;} .btnNextRightNews{width:15px;height:27px;background: transparent url(img/btn.png) no-repeat -48px 0; display: block;float: right;margin-right: 50px;margin-top: 4px;border:none;cursor:pointer;} .btnPreRightNews{width:15px;height:27px;background: transparent url(img/btn.png) no-repeat -16px 0; display: block;float: right;margin-right: 100px;margin-top: 4px;border:none;cursor:pointer;} .btnNextRightNews:focus {outline:none;} .btnPreRightNews:focus {outline:none;} .btnNextRightNews:hover{background: transparent url(img/btn.png) no-repeat -32px 0;} .btnPreRightNews:hover{background: transparent url(img/btn.png) no-repeat 0 0;} .btnNextLeftNews{width:15px;height:27px;background: transparent url(img/btn.png) no-repeat -48px 0; display: block;float: right;margin-right: 50px;margin-top: 2px;border:none;cursor:pointer;} .btnPreLeftNews{width:15px;height:27px;background: transparent url(img/btn.png) no-repeat -16px 0; display: block;float: right;margin-right: 235px;margin-top: 2px;border:none;cursor:pointer;} .btnNextLeftNews:focus {outline:none;} .btnPreLeftNews:focus {outline:none;} .btnNextLeftNews:hover{background: transparent url(img/btn.png) no-repeat -32px 0;} .btnPreLeftNews:hover{background: transparent url(img/btn.png) no-repeat 0 0;} .newsSection hr{background-color: #d6081b;} .rightHr{width: 176px;background-color: #d6081b;float: left;height:1px;} .leftHr{width: 450px;background-color: #d6081b;float: left;} .newsSection h2{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.9em;color: #c60000;} /*====================================== FaranamSections ==================================== */ .faranamSections{width: 100%;min-width:940px;min-height: 342px;background: #fff url(img/iconsPattern.jpg) repeat ; margin-top: 30px;border: solid 1px #dadada;border-right:none;border-left:none;} .faranamSections div{width: 940px;margin: 0 auto ;padding-top:10px;} .faranamSections p{font-size: 1.3em;font-family: 'nassimBold', Tahoma, Geneva, sans-serif;color: #333;text-align: justify;padding:14px 11px;} #aboutus,#products,#faranamCustomers,#contactUs{width:224px;float: right;margin-left: 13px;text-decoration:none;} #contactUs{margin-left: 0;text-decoration:none;} #aboutus div.icon {margin-top:10px;width:59px;height:62px;background: transparent url(img/faranamIcons.png) no-repeat 0 0 ;} #products div.icon {margin-top:10px;width:54px;height:62px;background: transparent url(img/faranamIcons.png) no-repeat -59px 0 ;} #faranamCustomers div.icon {margin-top:10px;width:49px;height:62px;background: transparent url(img/faranamIcons.png) no-repeat -111px 0 ;} #contactUs div.icon {margin-top:10px;width:70px;height:62px;background: transparent url(img/faranamIcons.png) no-repeat -164px 0 ;} .faranamSections a article{background:transparent url(img/bgIcons.jpg) no-repeat top center; width: 224px;min-height: 315px;cursor:pointer;margin-left:3px; border:solid 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px 0 rgba(9,9,9, 0.4); -moz-box-shadow: 0 0 3px 0 rgba(9,9,9, 0.4); box-shadow: 0 0 3px 0 rgba(9,9,9, 0.4); -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;} .faranamSections a:hover article{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0, 0.3); box-shadow: 0 0 8px 0 rgba(0,0,0, 0.3);} .lt-ie9 .faranamSections a article{border: solid 1px #bbb;} .lt-ie9 .faranamSections a:hover article{border: solid 1px #d41515;} .faranamSections .fa{font-family:"NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.7em;font-style: normal;color: #fff;padding:20px 55px 0 0; text-shadow:none; } /*====================================== LogosSection ==================================== */ .logosTitle{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.7em;color: #c60000;font-style: normal;padding-right: 10px;} .logos{width: 940px;margin: 10px auto 0 auto;position: relative;} .logos .borderTopDiv{width:929px;height: 8px;background:transparent url(img/borderTop.png) no-repeat bottom center; } .logos .borderBottomDiv{width:940px;height: 8px;background:transparent url(img/borderBottom.png) no-repeat bottom center; } .logosDiv{width: 940px;height: 131px;} /*====================================== Footer ==================================== */ #footer{width:100%;margin-top: 30px;} #footer .footerLinks {width:100%;min-width:940px;min-height:400px;background-color:#333333;} #footer .footer{width:100%;min-width:940px;min-height:200px;background-color:#232323;border-top:solid 1px #444444;} #footer .footer img {margin-top:30px;} #footer .inner {width: 940px;margin: 0 auto;} #footer .inner section.footerArm { width: 215px;min-height: 360px;float: right;margin-top:20px;} #footer .inner section.footerArm h1{float: right;background: transparent url(img/smallLogo.png) no-repeat 110px 0;margin-bottom:15px;margin-top:20px;} #footer .inner section.footerArm h1 a{ width: 200px;height: 117px;display:block;cursor:default;} #footer .inner section.footerServices p,#footer .inner section.footerProducts p{ color:#cba769;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;padding-top:10px;} .mrgTopFooter {margin-top:30px;} #footer .inner section.footerArm h2{direction:rtl;color:#f2f1f1;font-family:"NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.7em;letter-spacing:1px;text-shadow:none;margin:0;padding:0;} #footer .inner section.footerServices h2,#footer .inner section.footerProducts h2 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;text-shadow:none;font-size: 1.6em;color: #f83535; padding-right:25px;margin-top:40px; background: transparent url(img/shape.png) no-repeat center right;} #footer .inner section ul#footerServicesUl {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;margin-top:20px;text-shadow:none;margin-right:20px;} #footer .inner section ul#footerServicesUl li {padding-top:6px;padding-right:10px;color: #d5d5d5;cursor:default;list-style-image:url(img/arrowShape.png);-webkit-transition: all .3s ease-in-out;width:155px; -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; } #footer .inner section ul#footerServicesUl li:hover{padding-top:6px;padding-right:0;color: #fff;} #footer .inner section.footerProducts address,#footer .inner section.footerServices address {color:#f2f1f1;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.6em;font-style:normal;} #footer .inner section.footerProducts {width: 470px;min-height: 360px;float: right;margin-top:20px;margin-right:20px;} #footer .inner section ul#footerProductsUl {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;margin-top:20px;text-shadow:none; list-style:none;height:190px;padding:0;} #footer .inner section ul#footerProductsUl li {padding: 6px 0 0 0;color: #b0aaa5;cursor: default;width:230px;float:right;padding-right:0; -moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;} #footer .inner section ul#footerProductsUl li:hover{background: #0f1212;background: rgba(0,0,0,0.7);text-shadow: 0 1px 0 #000; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);box-shadow: 0 1px 3px rgba(0,0,0, 0.4);} #footer .inner section.footerServices {width: 185px;min-height: 360px;float: right;margin-top:20px;margin-right:20px;} #footer .inner div.footerSplitter{width: 10px;height:390px;float:right;background:transparent url(img/footerSplitter.jpg) no-repeat center center;} #footer .inner section.footerContent {width: 940px;margin: 0 auto;min-height:200px;float:right;} #footer .inner section.footerContent p {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #908780;} #footer .inner section ul#footerLink {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color: #78726d;margin-top:20px;} #footer .inner section ul#footerLink li {display:inline;} #footer .inner section ul#footerLink li a{color: #cba769;text-decoration:none;padding:0 8px !important;} #footer .inner section ul#footerLink li:first-child a{padding-right:0;} #footer .inner section ul#footerLink li a:hover {color: #fcd083;cursor:pointer;} /*===================================================================================== */ /*======================================Master Page =================================== */ /*===================================================================================== */ .headerMaster {width:100%;min-width:940px;height: 242px;background:transparent url(img/bgTopRepeatMaster.jpg) repeat-x top;} .bgHeaderMaster{width:100%;height: 222px;background:transparent url(img/bgHeaderMaster.jpg) no-repeat top center;} .master .line{width: 25%;background-color: #333;margin-top: 8px;float: right;height: 1px;} .master .ertebatatNovinFaranam{width: 50%;font: normal .9em arial;color: #333;float: right;letter-spacing: .2em; text-align: center;height: 20px;} .master {height:20px;} /*===================================================================================== */ /*======================================aboutus ====================================== */ /*===================================================================================== */ section.aboutusText p {color:#222;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;font-weight:normal;margin-top:20px;line-height:30px;} section.aboutus h4 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color:#d6081b; text-shadow:none;width:300px;padding-right:10px;margin:40px 0 5px 0;} section.aboutus h4 span {color:#00a1b4;} section.aboutus .aboutusUl {padding-top:1px;margin:0;color:#222;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;font-weight:normal;} section.aboutus .aboutusUl li {list-style:none;padding:2px 0 10px 0;list-style-image:url(img/liShape.png);margin-right:20px;} section.aboutus hr{width:940px;background-color: #d6081b;} section.aboutus .rightHr{width:310px;background-color: #d6081b;float: right;} section.aboutus article p{color:#6a6a6a;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;font-weight:normal;padding:20px 0 10px 0;} section.aboutus article ul.aboutusUl.padTop {padding-top:20px;} section.aboutus figure {margin:20px 0;} /*===================================================================================== */ /*======================================Certificates ====================================== */ /*===================================================================================== */ .pCertificates {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color:#333;margin:30px 0 20px 0;} section.imgCertificates {width:940px;height:625px;background:transparent url(img/bgCertificates.png) repeat ; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2);box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2);float:right;} .lt-ie9 .imgCertificates {border:solid 1px #d9d9d9;} .certificatesHachure {width: 14px;height: 625px;margin-right:20px;float:right; background: transparent url(img/certificatesHachure.png) repeat-y;} .certificatesArms {width: 315px;height: 625px;float:right;margin-right:20px;} .ico { display:block;cursor:pointer;float:right;margin-right:30px;margin-bottom: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;} .ico:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);} #certificatesDiv {width:532px;height:585px;background-color:#fff;float:left;margin-left:20px;margin-top:20px;position:relative;} .certificatesDivInside {width:509px;height:563px;position:absolute;top:10px;left:10px;border:solid 1px #bcbcbc; background:transparent url(img/bgBottomCertificates.png) no-repeat bottom center;} .certificatesTitle {width:300px;height:30px;background-color:#cb0202; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin:10px auto 0 auto;z-index:100;} .certificatesTitle p{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color:#fff;text-align:center;} .certificatesArms p {color:#D6081B;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;font-weight:bold; margin:40px 35px 30px 35px;} /*===================================================================================== */ /*======================================Download ====================================== */ /*===================================================================================== */ section.pdfDownloadBg {width:412px;height:237px;background:transparent url(img/pdfDownloadBg.jpg) no-repeat top center; margin:30px auto 10px auto;position:relative;} section.pdfDownloadBg a{width:294px;height:68px;background:transparent url(img/pdfDownloadButton.jpg) no-repeat top center; position:absolute;display:block;top:130px;right:50px;cursor:pointer;} section.pdfDownloadBg a:hover {background-position:0 -68px ;} section.pdfDownloadBg p{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color:#b80000; position:absolute;top:80px;left:70px;} /*===================================================================================== */ /*=====================================faranamSystems ====================================== */ /*===================================================================================== */ section.faranamSystems {width:800px;margin:40px auto 20px auto;height:241px;} section.faranamSystems a.bankSystems {height:241px;width:350px;float:right;position:relative;display:block; background:transparent url(img/bankSystems.jpg) no-repeat top center; -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; -webkit-box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2);box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2); } section.faranamSystems a.nonBankSystems{height:241px;width:350px;float:left;position:relative;display:block; background:transparent url(img/nonBankSystems.jpg) no-repeat top center; -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out; -webkit-box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2);box-shadow: 0 0 8px 0 rgba(9,9,9, 0.2); } section.faranamSystems a.bankSystems:hover ,section.faranamSystems a.nonBankSystems:hover{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05); -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0, 0.4);-moz-box-shadow: 0 0 12px 0 rgba(0,0,0, 0.4);box-shadow: 0 0 12px 0 rgba(0,0,0, 0.4);} section.faranamSystems a.bankSystems h2 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #fff;font-weight: bold; position:absolute;top:195px;right:85px;text-shadow:none;} section.faranamSystems a.nonBankSystems h2 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #fff;font-weight: bold; position:absolute;top:195px;right:70px;text-shadow:none;} /*===================================================================================== */ /*======================================bankSystems ====================================== */ /*===================================================================================== */ section.bankSystems h4 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color:#d6081b; text-shadow:none;padding-right:10px;margin:50px 0 10px 0;} section.bankSystems .systemsUl {color:#333;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;} section.bankSystems .systemsUl li {list-style:none;padding:2px 0 10px 0;list-style-image:url(img/liShape.png);margin-right:20px;} section.bankSystems .systemsUl img {margin-right:5px;} section.bankSystems hr{width:940px;background-color: #d6081b;} section.bankSystems .rightHr{width:310px;background-color: #d6081b;float: right;} /*===================================================================================== */ /*======================================noneBankSystems ====================================== */ /*===================================================================================== */ section.noneBankSystems h4 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color:#d6081b; text-shadow:none;width:300px;padding-right:10px;margin:50px 0 10px 0;} section.noneBankSystems .systemsUl {color:#333;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;} section.noneBankSystems .systemsUl li {list-style:none;padding:2px 0 10px 0;list-style-image:url(img/liShape.png);margin-right:20px;} section.noneBankSystems .systemsUl li a{text-decoration:none;float:right;color:#fff;cursor:pointer;display:block; width:100px;background-color:#C60000;-webkit-border-radius: 3px;-moz-border-radius: 2px;border-radius: 2px;text-align:center;} section.noneBankSystems .systemsUl li a:hover {-webkit-box-shadow:inset 0 0 20px 0 rgba(9,9,9, 0.2); -moz-box-shadow:inset 0 0 20px 0 rgba(9,9,9, 0.2);box-shadow:inset 0 0 20px 0 rgba(9,9,9, 0.2);} section.noneBankSystems hr{width:940px;background-color: #d6081b;} section.noneBankSystems .rightHr{width:310px;background-color: #d6081b;float: right;} /*===================================================================================== */ /*======================================lastProjects ====================================== */ /*===================================================================================== */ section.lastProjects h4 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color:#d6081b; text-shadow:none;width:300px;padding-right:10px;margin:50px 0 10px 0;} section.lastProjects .projectsUl {color:#222;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;} section.lastProjects .projectsUl li {list-style:none;padding:2px 0 10px 0;list-style-image:url(img/liShape.png);margin-right:20px;} section.lastProjects hr{width:940px;background-color: #d6081b;} section.lastProjects .rightHr{width:310px;background-color: #d6081b;float: right;} /*===================================================================================== */ /*======================================Our Customers ====================================== */ /*===================================================================================== */ section.ourCustomers,section.otherCustomers {width:940px;margin-top:30px;background-color:#fafafa;border:solid 1px #eee;} section.ourCustomers:hover ,section.otherCustomers:hover {-webkit-box-shadow: 0 0 8px 0 rgba(3,3,3, 0.3); -moz-box-shadow: 0 0 8px 0 rgba(3,3,3, 0.3); box-shadow: 0 0 8px 0 rgba(3,3,3, 0.3); } section.ourCustomers div.bgourCustomers {width:940px;height:163px; background:#fafafa url(img/bgOurCustomers.jpg) no-repeat top right;} section.ourCustomers .rightDiv {width:201px;min-height:163px;float:right;position:relative;} .ourCustomersHachure {width: 14px;margin-right:20px;float:right;min-height:163px; background: transparent url(img/certificatesHachure.png) repeat-y;} section.ourCustomers .rightDiv img {background-color:#f0f0f0;width:106px;height:106px; border:solid 3px #fff;-webkit-box-shadow: 0 0 8px 0 rgba(5,5,5, 0.7);-moz-box-shadow: 0 0 8px 0 rgba(5,5,5, 0.7); box-shadow: 0 0 8px 0 rgba(5,5,5, 0.7);position:absolute;top:28px;right:40px; -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;} section.ourCustomers .rightDiv img:hover {-webkit-box-shadow: 0 0 8px 0 #d6081b; -moz-box-shadow: 0 0 8px 0 #d6081b;box-shadow: 0 0 8px 0 #d6081b; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} section.ourCustomers .leftDiv {width:705px;min-height:163px;float:right;} section.ourCustomers .leftDiv h2{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.5em;color: #c60000; padding-right:30px;padding-top:10px;} section.ourCustomers .leftDiv hr{background-color: #d6081b;margin-right:30px;width:640px;} section.ourCustomers .leftDiv .rightHr{width: 176px;background-color: #d6081b;float: right;height:2px;margin-right:30px;} section.ourCustomers .leftDiv .projects {width:640px;background-color:green;} section.ourCustomers .leftDiv p {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.1em;color: #007e8d; padding-right:30px;padding-top:10px;font-weight:normal;} section.ourCustomers .leftDiv a.projectsList{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.1em;color: #C60000; padding-right:30px;margin-top:8px;font-weight:bold;display:block;width:auto;} section.ourCustomers .leftDiv a.projectsList:hover {color:#f71c1c;} section.ourCustomers .leftDiv p span {color:#222;} section.ourCustomers .projects {width:940px;float:right;margin:0 20px 20px 0; background: transparent url(img/certificatesHachure.png) right repeat-y; } section.ourCustomers .projects div {width:870px;background-color:#ECF9FA;margin-right:30px;border:solid 1px #e8e6e6;} .ourCustomersUl {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;} .ourCustomersUl li{list-style: none; padding: 2px 0 10px 0;list-style-image: url(img/liShape.png);margin-right: 20px;} .mrg {width:940px;height:30px;} section.otherCustomers h2{font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;color: #c60000; padding-right:30px;padding-top:10px;} section.otherCustomers hr{background-color: #d6081b;margin-right:30px;width:850px;} section.otherCustomers .rightHr{width: 176px;background-color: #d6081b;float: right;height:2px;margin-right:30px;} section.otherCustomers .otherCustomersDiv {width:880px;margin:10px 50px 25px 20px;} section.otherCustomers .otherCustomersDiv .name {width:250px;float:right;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;color: #007e8d;font-weight:bold;} section.otherCustomers .otherCustomersDiv .subject {width:490px;float:right;padding:0 10px 0 30px;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.1em;color: #333;} section.otherCustomers .otherCustomersDiv .date {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;width:100px;float:right;font-size: 1.2em;color: #007e8d;} section.otherCustomers p {margin-right:50px;font-family: Tahoma;font-size: 0.9em;color: #333;} section.otherCustomers ul.otherCustomersUl {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.1em;margin:20px 50px 20px 0;} section.otherCustomers ul.otherCustomersUl li {padding-top:10px;list-style: none; padding: 2px 0 10px 0;list-style-image: url(img/liShape.png);margin-right: 20px;} /*===================================================================================== */ /*=====================================workingRules ====================================== */ /*===================================================================================== */ section.workingRules h4 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.4em;color:#d6081b; text-shadow:none;width:300px;padding-right:10px;margin:50px 0 10px 0;} section.workingRules p {color:#222;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;margin:20px 0;} section.workingRules p.info {color:#00A1B4;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;margin:20px 0;} section.workingRules span {color:#d6081b;font-family: Arial, Helvetica, sans-serif;font-size: 0.9em;font-weight:600;} section.workingRules .workingRulesUl {color:#222;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;} section.workingRules .workingRulesUl li {list-style:none;padding:2px 0 10px 0;list-style-image:url(img/liShape.png);margin-right:20px;} section.workingRules hr{width:940px;background-color: #d6081b;} section.workingRules .rightHr{width:310px;background-color: #d6081b;float: right;} section.workingRules h2 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;color:#00A1B4;} /*===================================================================================== */ /*=====================================Contact Us ====================================== */ /*===================================================================================== */ section.contactUs,section.companyAddress,section.suggestions {width:940px;margin-top:20px;} section.contactUs figure {float:left;} section.contactUs .rightDiv {float:right;width:592px;min-height:190px;padding-top:50px;} section.companyAddress .rightDiv {float:right;width:592px;min-height:290px;padding-top:60px;} section.suggestions .rightDiv {float:right;width:592px;} section.contactUs .name , section.companyAddress .name {width:250px;min-height:30px;float:right;padding-top:10px;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;color: #D6081B;} section.suggestions .name {width:250px;min-height:30px;float:right;padding-top:10px;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.2em;color: #222;} section.suggestions h2 {width:250px;min-height:30px;float:right;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #D6081B;line-height:0;} section.contactUs .comment ,section.companyAddress .comment,section.suggestions .comment {width:340px;min-height:30px;float:right;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.3em;color: #222;padding-top:10px;} section.contactUs .comment.en {width:340px;min-height:30px;float:right;font-family: Arial, Helvetica, sans-serif;font-size: 1em;color: #444;font-weight:bold;padding-top:10px;} section.companyAddress .commentNum{min-height:30px;width:340px;float:right;font-family:Arial, Helvetica, sans-serif; font-size: 1.5em;color: #555;font-weight:bold;padding-top:10px;} input[type=text].suggestionsTxt,textarea {width:280px;height:25px;border:solid 1px #999;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;padding:0 10px;} textarea {width:280px;height:100px;border:solid 1px #999;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;padding:10px;} input[type=text].suggestionsTxt:hover,input[type=text].suggestionsTxt:focus,textarea.suggestionsTxt:hover,textarea.suggestionsTxt:focus{ border: solid 1px #bbb; box-shadow: 0 6px 6px rgba(9, 9, 9, 0.075) inset, 0 0 6px rgba(9, 9, 9, 0.3); outline: 0 none;transition: border 0.4s linear 0s, box-shadow 0.4s linear 0s;} input[type="submit"].suggestionsBtn {width:119px;height:36px;background:transparent url(img/sendButton.jpg) no-repeat top center;border:none;} input[type="submit"].suggestionsBtn:hover {background-position:0 -36px;} .mrgTop {width:590px;height:20px;float:right;} .googleMapStyle {color:#0000FF;text-align:left} section.companyAddress .leftDiv {width:348px;min-height:340px;float:right;} section.companyAddress .leftDiv p {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;font-size: 1.1em;color: #ca0000;} section.companyAddress iframe {border:solid 1px #ca0000;} section.companyAddress iframe {border:solid 1px #ca0000;background:transparent url(img/faranamLocation.jpg) no-repeat top center;} /*===================================================================================== */ /*======================================siteMap ====================================== */ /*===================================================================================== */ section.siteMap h4 {font-family: "NassimBold", Tahoma, Helvetica, sans-serif;color:#d6081b; text-shadow:none;width:300px;padding-right:10px;margin:40px 0 5px 0;} section.siteMap h4 span {color:#00a1b4;} section.siteMap .siteMapUl {padding-top:1px;margin:0 30px 0 0;font-family: "NassimBold", Tahoma, Helvetica, sans-serif;} section.siteMap .siteMapUl li {list-style:none;padding:2px 0 10px 0;color:#333;text-decoration:none; list-style-image:url(img/liShape.png);margin-right:20px;} section.siteMap .siteMapUl li a{margin-right:10px;color:#333;text-decoration:none;font-size: 1.2em;} section.siteMap .siteMapUl li a:hover {cursor:pointer;text-decoration:underline;} section.siteMap .siteMapUl li .siteMapUl li{list-style:disc;color:#D6081B;padding:2px 0;margin-right:20px;} section.siteMap .siteMapUl li.hasSubMenu{font-size: 1.2em;} section.siteMap .siteMapUl li .siteMapUl li a{color:#9f0c0c;} section.siteMap .siteMapUl li .siteMapUl li .siteMapUl li{list-style:circle;color:#00A1B4;padding:2px 0 ;margin-right:10px;} section.siteMap .siteMapUl li .siteMapUl li .siteMapUl li a {color:#008595;} section.siteMap hr{width:940px;background-color: #d6081b;} section.siteMap .rightHr{width:310px;background-color: #d6081b;float: right;} section.siteMap article p{color:#6a6a6a;padding:20px 0 10px 0;} section.siteMap article ul.siteMapUl.padTop {padding-top:5px;} section.siteMap figure {margin:20px 0;} /*===================================================================================== */ /*====================================== Other Classes ================================ */ /*===================================================================================== */ /*====================================== Helper classes ==================================== */ .ir {background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px;} .ir:before { content: ""; display: block;width: 0;height: 150%;} .hidden {display: none !important;visibility: hidden;} .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px; overflow: hidden;padding: 0; position: absolute; width: 1px;} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto; margin: 0; overflow: visible; position: static; width: auto;} .invisible { visibility: hidden;} .clearfix:before,.clearfix:after {content: " "; /* 1 */ display: table; /* 2 */} .clearfix:after { clear: both;} .clearfix {*zoom: 1;} /*====================================== Print styles ==================================== */ @media print { * {background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after {content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after,a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */} tr, img { page-break-inside: avoid;} img { max-width: 100% !important;} @page { margin: 0.5cm; } p,h2,h3 {orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid;} } /*====================================== Chrome Frame ==================================== */ .chromeframe {margin: 0.2em 0;background: #ccc; color: #000; padding: 0.2em 0;}