/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #232323; } html { font-size: 1em; line-height: 1.4; } blockquote { margin: 0; } ::-moz-selection { background: #e5e5e5; color: #727272; text-shadow: none; } ::selection { background: #e5e5e5; color: #727272; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } *:focus { outline: none; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .bhappy { background: #c3c3c3; color: #000; text-align: center; padding: 0; margin: 0; line-height: 2em; text-transform: uppercase; } .bhappy strong { font-weight: bold; } .bhappy a { font-weight: bold; color: #000; } /* ========================================================================== Author's custom styles ========================================================================== */ body { font-size: 16px; background-color: #FFF; } h1, h2, h3, h4, h5, h6, strong { font-weight: normal; margin: 0; font-size: 1em; } p { line-height: 1.5em; padding-bottom: 1em; font-size: 0.75em; margin: 0; } a { text-decoration: none; outline: 0; } ul { list-style: none; padding: 0; margin: 0; } img { max-width: 100%; height: auto; } /* ========================================================================== font related ========================================================================== */ /* custom fonts */ body, #fourpar .parbot p, #fourpar .partop p, #mafeed input, #mafeed select { font-family: 'Roboto', sans-serif; } /* 400, 300, 700 */ #topnav, #fourpar, #clientlst h3, #b4foothead h3, #bcrumb, a.carovmlnk, #abtval h3, .breadmore, #blogshare h5 { font-family: 'Roboto Condensed', sans-serif; } /* 400, 300, 700 */ /* heading font weight */ #custreview { font-weight: 700; } /* ========================================================================== text colors related ========================================================================== */ /* normal */ body, a { color: #232323; } /* headings in dark grey */ h1, h2, h3, h4, h5, h6, #clientlst h3, #b4foothead h3, #bcrumb a:hover, a.carovmlnk:hover, #blogaside h3, .breadmore:hover, .blogltags li a:hover, .bdisc a:hover, .teamitm h6 { color: #232323; } #homequote, .parmid .knomorebot a, .partopcol p, .pfetblk h4, .blueblk h6 { color: #FFF; } /* hover ornage */ #topnav li.selected a, #topnav li a:hover, #footsecs section h6, #footcopy a:hover, #mafeed .btn, ul.UlSelectize a:hover, #bcrumb a, #relprojlst a:hover, a.carovmlnk, #oursol .finline, #custimg strong, #custquo span, .tpopcont .tmimg h6, #workcat li.selected a, #workcat li:hover a, .blogitem h4 span, .breadmore, #blogpage li.selected a, #blogpage li a:hover, #blogcat li.selected a, #blogcat li a:hover, .brelsum em, #blogtags li a:hover, #blogdet h4 span, .blogltags li a, .bdisc a, .grouptype h6:first-child { color: #f6560c; } /* error color */ #mafeed em.error { color: #ff0000; } /* 4 para text colors #fourof1 .knomoretop a, .red {color: #fe4f01;} #fourof2 .knomoretop a, .blue {color: #00b5ef;} #fourof3 .knomoretop a, .yellow {color: #fec224;} #fourof4 .knomoretop a, .green {color: #35bc7a;} */ .red { color: #fe4f01; } .pink{ color:#f23a95; } .orange{ color:#ff5a00; } .lightgreen{ color:#60f506; } .blue { color: #00b5ef; } .yellow { color: #fec224; } .women{ color:#b504e1; } .green { color: #35bc7a; } /* ========================================================================== text alignment related ========================================================================== */ /* hide text */ #logo h1 a, .socicons ul li a, #carounav a, #footswitch a, #relprocnav a, #blogshare li a { text-indent: -1000em; outline: none; } /* all caps */ #topnav, .knomorebot, .parmid, #clientlst h3, #b4foothead h3, #footsecs section h6, #bcrumb, #relprojblk h3, a.carovmlnk, #custacc, .greenblk h6, #custrev h3, #oursol h5, #oursol h6, #custimg strong, #abtitle h2, #abtval h3, #ourteam h2, .teamitm h6, .tpopcont .tmimg h6, #worktitle, #blogaside h3, #blogtitle, .breadmore, #blogshare h5 { text-transform: uppercase; } /* text align right */ .tright { text-align: right; } /* text align justify */ .tjust { text-align: justify; } /* text align center */ #topnav, #homequote, #fourpar, #clientcarousel ul li, #relprojblk h3, .pfetblk h4, #relpcaro .rplogo, .tabcols, #custrev h3, #custrevblk #custimg, #custlogo, #abtimg, #ourteam h2, .teamitm, .tpopcont .tmimg, #contactbg h3, .pdet h4, .edet h4, .mhead h4, #workcat, #blogaside h3 { text-align: center; } /* ========================================================================== background related ========================================================================== */ /* background colors */ .partop .partopcol .knomoretop a, #clientlst h3 span, #b4foothead h3 span, #relprojblk h3 span, a.carovmlnk, #oursol h3 span, #custrev h3 span, #abtval h3 span, #ourteam h2 span, #contcall .pdet, #conteml .edet, .submenu, #blogaside h3 span { background-color: #FFF; } .allblack { background-color: #000; } footer, #footswitch a, #relprocnav { background-color: #e5e5e5; } .pfetblk h4 { background-color: #f6560c; } asd { background-color: #35bc7a; } /* projects back color */ .tabcols .greenblk { background-color: #86e6b7; } .tabcols .blueblk h6 { background-color: #69c4e1; } .tabcols .blueblk p { background-color: #83cfe8; } /*/* 4 para bg colors */ */ /*#fourof1 .partop .partopcol, #fourof1 .parmid, .health-bg{background-color: #E08283;}*/ /*#fourof2 .partop .partopcol, #fourof2 .parmid {background-color: #00b5ef;}*/ /*#fourof3 .partop .partopcol, #fourof3 .parmid, .agri-bg {background-color: #35bc7a;}*/ /*#fourof4 .partop .partopcol, #fourof4 .parmid {background-color: #fe4f01;}*/ /*/*Sandeep-25-Jan-2016*/ */ /*#fourof5 .partop .partopcol, #fourof3 .parmid {background-color: #ee1c25;}*/ /*#fourof6 .partop .partopcol, #fourof4 .parmid {background-color: #fec224;}*/ /*/*Sandeep-25-Jan-2016*/ */ /* background images */ #logo h1 a { background: url(../images/mahiti_logo.png) no-repeat; background-size: contain; } .socicons a, #blogshare li a { background: url(../images/socicos.png) no-repeat; } #carounav a { background: url(../images/caros.png) no-repeat; } #innerban { text-align: center; /*Sandeep-25-Jan-2016*/ /*Sandeep-25-Jan-2016*/ background: #ffffff; background-position: center bottom; background-size: contain; } #innerban img { height: 100%; margin-top: -5px; width: 100%; } #rpcarowrp { background: url(../images/relproj_bg.jpg) no-repeat center bottom; background-size: cover; } #custrev #custrevblk { background: url(../images/cust_bg.png) no-repeat; } #contactbg { background: url(../images/assets/inner/contus_bg.jpg) no-repeat center top; background-size: cover; } /* base64 embeded images */ #dmenubtn { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAJ1BMVEX2Vgz////4j2/92tL6sp780cb6p5D+9vT7vKz3dEj5m4D3Zi/4gl3gh8AgAAAASklEQVR42u3SOQ4AMQhDURNC9vufNz2SNQXdhFd/uTLSk2ZhJrwmXIOjwmlg+QHHlLEDx4SzULwrt/EHhYM3hBuh868uTF9I6cMFZs4CqpZSAsgAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: left center; background-size: contain; } #homequote { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAKUlEQVR4AWNQUjIFAiUlGI0pAKEQJKYAjAEVwhTAMJQMAcK2EHYpYVsAYXgt4S8wkL4AAAAASUVORK5CYII='); background-position: center top; background-size: 8px 8px; } .knomorebot a span { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAMAAABVab95AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMA7hFEqrtVIoh33ZkzZvFDrhMAAAA+SURBVHjabcq5EQAgCABBEFTEp/9yTQTG0Ys2OBgJrJzd6bKGWav/jH93JLeE6+IjwpA8KthMK1SOpgs6mTZt6gE1vyhSMgAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: right center; background-size: 6px 10px; } #clientlst h3, #b4foothead h3, #abtval h3 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAAAAABK2GJAAAAAAnRSTlMAAHaTzTgAAAAPSURBVHgBY1wbzMjAACcBF0MDBiwEnlgAAAAASUVORK5CYII='); background-repeat: repeat-x; background-position: left center; } #footswitch a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAAAAADLW8doAAAAAnRSTlMAAHaTzTgAAAAgSURBVHgBYyANjAIlGkgqQQBN7BwhYBSMAkRGGmgwCgDBgQKpJngYogAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } a.selectyzeValue { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAIVBMVEUAAADl4+Pe3Ny8ubnY1taMiYmDgICVkpLDwcHKyMi0srK4hKP5AAAAAXRSTlMAQObYZgAAAD5JREFUeAFjQAeMgshAYEjwRUBMIQRf3BBImCL4QsGCgsJBSPpVDQXbFJH4QsmSKSjmuy1zROGLhAyV8EADAGHhHYTDiR1FAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } #locmap a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAaCAQAAAD/Vq+PAAAA5klEQVR4AX2Swc2FIBCE5/R6eB3YATXYA0XQAR1wtgvu7JwpwUYs4P9jzMr4QvS7sGZcmd2BPhaYWdlZmS0YBuMY2PlHpdv6I2NSgZCJE/AkTgROctnCYypwlktW9T6MFhip7yrx7FWIm6z99F57+zQMxHkCi7oS1H2BbeppoP5tA/MoDAqLdlvv4jitO/YVa/FZ7r5JLro6CzCfm1NZWP1TnwCa/nZO9p3uL6LDvldCxLqi/t18f+klsQxvMSJAp0xEnfiRtY8a0XGrbBbPSMxkPkHNi8qENI+BHCUXlVCkm5BGip1/W5RvV301fWsAAAAASUVORK5CYII='); background-repeat: no-repeat; } #bcrumb li a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAAAAAClGgl+AAAAAnRSTlMAAHaTzTgAAAAPSURBVHgBY1gLhECATAMAKKAED+8On/IAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right center; } #bcrumb, #abtinfo, #worktitle, #blogtitle, #blogcat li { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAAAAADRSSBWAAAAAnRSTlMAAHaTzTgAAAALSURBVHgBY1jHAAABXwCvtKiiTAAAAABJRU5ErkJggg=='); background-repeat: repeat-x; background-position: left bottom; } #relprojlst li a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA4CAMAAADzXpkpAAAAMFBMVEUAAAD2Vgv2Vgtzc3H1Vgv3VQ1zc3JwcHBzc3L2Vgz2Vgz0UwpycnJycnH1Vgxzc3JcY/pbAAAAD3RSTlMA/OCySyVPIdg4fhdayaUcbqdBAAAAUklEQVR42tXNyw6AIAxEUVpAHorz/39rjA5NSHDHwrs6aZqMW1eNXaJ0EHOZWUXLw11FwlSxy9Vbbyf1u5JPZEYmD6DRG+DtPthePtWGCQ6v7AKLngKQudZEEwAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } .projbot, .parabot { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAA5CAMAAAAPzIW4AAAAYFBMVEUAAAD2VQz1Vgz3Vgv1Vgv1VQv2VQv1VQz0VQr2Vwz2VQv0Vgv2Vgv4VA3xVQ33Vgr1VQv3Vgz1Vgv1Vgz2Vgz2VAr/UQD3VQv/UgD/Vw71Vgn2VQz2VQv2VQv2VQz1VQvX9LFpAAAAIHRSTlMAZWpDh2yVaUg3cUuWJRJGgzwrTo0dAV0FCjF2flaQoa0jYt8AAAQJSURBVHhepNPbsqMgFARQLu6oYISI14Ce///L2aDUkcHEqZp+9IFV3Qjp5EpLYZ3Tp1CusnBD/yGgt/6UrfkJeWx7gIxvaaaSAZK6iNGrqvJMwG5jiyZN4OIHTQmZ31KhWNLSm7vXC5WDypSsvIvrH2man6Y4vjWbQC+AaqUsHAYCh/1QUE1wxwmdes2jsLrQxfZo0HOl98jYISgnGk/z04pK5p6k7M4rtuakNb0tKYR7QrEH74WGplJ+1NBxn5Z3vKpkiqr1rqAt+uZX2xxQXzqA/cOWDL0AdgiiSFnsCOsyt92LV+ZEqop+B8Fhv6g99H5YBMVKwXvHpBWKFX46JhMdwSxDV6tI3v8yoLFfvDiB0gnUKzdT9PyzqLwopxLYUfDo3g4dl/u0qprg+5xFf3C9pWUCgsJ9DImZEQyiOUTxIjHj3D5rrqSUfvLPHHPo7Rr2EcnFOuNfGCcpiAmjYgsGA4mJ03Ippy8eoLfhxW0FJgVZzUMdcgI7c4CvtxdhnUma0U/7paBApW92LQXBjO3LpB423EE5kJajCE+SZ+7gI2i9h1NmIJS4VcslejkoeYtVBgPCzFegEZ88V2jnilO0PTw1EgSV3L10UvkKzNKttiYXGT49QtDOCvQyEGiLQGhI0ozYUL7HHVhe03AF8ksPSmaFQC+NB6Em5ACztWppnr9VuiuvpeyCo+uUeVgY9qccweyw5W1OH0dylVrk5SapaPSiJcIQ6X+Xg8+Z3GRZ4W/NKG5ARE9rJyCuLsxI/jMdnECGUypVqdVz1oViydB/ai3DHQdBIAhTCTlWwhowS4FL3/81D73ardh/XSYxxmj8wk5ghtS3yqt5N87u4Xz7bQO8mdl0xmr1veiZE9Nu3GKdc/anTXW1j97Ze1ECCvPLuMWuTkP0e4ReOoepSkJ4N7tx1joboses6NJxONYEVOdGc4uuhP9/jO4Dz0xeyaisa4CIKR3P4cmbTjz3ep+/BGLB0+PyYZ7T7fgmESpRkbPX9XFHyFGWl2C9rs/cX5AClGRIbF/Pm972AoWYJXl47fzvhST5UIvkOL2zF/8mUmxfAGw3KRMzXHnzwo4hAFBGEtuN2vXz3EsE2wdQyUcpHv3D2sW8wLgUoSl6L8Hjw2y1Vj/Mh1woVZZXYOv6OnrEcPCiYiFsqlK8hFtI0L6gJ8+cSgTJ8hQ2WFKKeVuh7u0DiFK8tMOYN806nTof8wTFPD442b6mOowHpxc+PIFxCK8vETmO46XGm7pCXeBQHeLf7M7RQ2N5faFOPsChOIIXuuyoMJTXF2oEVpXnzf0/aShP817gLGJJ45LuLSp1KI9yx0Po/BssCrz7qIwk8WEWNhbmoSAeZ42ERzwOF3oswxfWRzHrDxqkawwlVSRgAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } #relprojblk h3, #oursol h3, #custrev h3, #ourteam h2, #blogaside h3 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVR4AWP8FsbDwMAApQAYzwKzsiZmUAAAAABJRU5ErkJggg=='); background-repeat: repeat-x; background-position: center center; } a.carovmlnk { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAcUlEQVR4AYXNsQqCMQwE4JubPF7bF3LrIAji5KbgoODkm/l31csfA3EQC98R6JHg73s2vSxdT4RsjVn1Mbu+aEsIMbAkRyssTQbBWGTDC3omgJHIZl3fypUAhuu6/9zdfd+scvePciAEH2q5xarM4qc36UJiq3fgkRIAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: 94% center; } #relprocnav a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAMFBMVEX2Vgz////7tZT+7OT5h1P//Pr4by/7q4b6pHz4fEL/9vL90bz2WxT8xKr+5Nn3ZiL/d02vAAAAXUlEQVR42tXROxbAIAhEUUbET9S4/92mZyiSwiKvvAdokNONTjQXlDDBqrcKkDVD4l1nhHSSZhvrgrHOARVuZPlnrQQGZc1XpP2jdo9bgezthr2xEpikwGSuw/95APeNAg3w4SjpAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } #abtval ul li, #blogcat li a, .blogltags li a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAh0lEQVR4AWOgOvgWyt3wNZT78JdQLnEgZmAAErgwUDFPzbcwnv8gDNR0AIgZGIAECINMigQqMkAo5m6AKw7j+Q3UXArEDAwgAsSBSHDf+hzBrQ03GWF6JsRghA0HYJJAk9+BTISZDFOMogHkIZDHYJrQFaNrQNeEqRhTA0ITUMN2mGJcGkjCAGSQpYLwwnX2AAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: left center; } #contcall .picon { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAkeF0MYRdSPLMtxEdpgfZC4D7AAACuklEQVR42u2VzZYcIQiFBREU/97/bTPana5Su50xm2SRu6lzPPgJXKXMf/09lUjsIAd8KWgGx5TiDwFJnAb09Y08KliK3xHI5mn/SlK7QyTOWH8g/IwQGAnnkCLZ158KzxGrwjsGwXsvPL5tss8rIlpcwoKCZaEvCYelmtUd0jlGncRyBfAC4W/S8GppPgXnlsg2DQSJa9fnVPN4DOOQBZB5JztBXLof4fzmgEs0WcTl1o48dquYUethvr9newtMQ6lKu2cp1jJz9zzda6HBfojmDyQ4mHbOWL1HGqaaCDeJUCxbxij7BBCDBu9f8KDAFLeMS9oDRd89OFQxqzisgTRfve/s17rKmuj857HqlpLAv4FEGCZBzorbO0CwMFT0IjiJkS1FBtzcxpKnbOFqE9pU+osIZEy6lYhze+NACSwvhnIOOZHvbSJnLW5mkd7KTYxX0tpX2gKnL3SWi+LtZFIKrzFV3M3p1D+FA0Lpc0TkZgNMFApP7wpcR4kpocdGomgeEAODSQvFqwztgchCOTjJQVUd5VpzaUlfyhMlscSBgaKt7vjbKhWRKDZynSg7mxRaSXQ1ISTjWtfCnuKGW9shfDeuew1t/XN3ZXgAwu0gvq0F7hAeIF42iXgqDC4NawxtE9dBLn6GYDJRkskDxLCT+ccDaQehUFGGHULWphniNhAvLQkde4Jt6h1AqtV+8+/u9NoEDiBqmzu3v0ko0LAcDiBeWG0iem1CSVo923oAqdkU4xCBnKrm3G5eFErhCOLZyMNYYolR2wgxBuoRpCJ1iG0vHAr5toP9IaQG0YbKt0ni6ymkBnaOij6KSv17DqnYQgQfT94dQEYFxyTgiDjjAWQRZgehEY4ge+0hcE5YR4EAgH3KwUZDlKyz2j4lZtUaxead4suUHaNcUVuIbiF+BznP5L/+ef0Cx2t99pOGu4YAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center center; } #conteml .eicon { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA8uEKKM19GkS7ppFoNFNeOkD7AAACSklEQVR42u2U25qCMAyEe0jTtOnh/d92RatsDYQFbve/4PsUHTIzoeafu4C5jSf0jW6OgS77lMwNYkm9V7C9XXfSsu09+LJczDUqu/4ATXpcyzUnGPoTivZxdXAtjIXh5gGfrzXbPmDzmsjSpTDGf2HoZX/KSegrwWAftBO1preT4SZ99OLZMAYW6voF/nXH+0C4ETVrYcygT5O3c2FIN8c1+6VWSfL49VkNI/Qtig9fXxztuMRW+A466rXqbvSaRRjT8MKlqwdhyG5IzphFGC11hWR4Q5lkGBolbtcuw9DceExuQ3t1guK2dNMaQMnhO9v4EeEUnO6mxdATNwDieSB+a5D3vjbM+0o20uvBXGqsmFcdW0cgLnEhWJQIc9pSyp4/BjIS1MKhTyelz4uiSxmfSkDI3zM1/9uDXYxV4mR/nZTg3ndtyqVF782s5CKJbc2lwmLsky32wVsJG0QTKyE/3WWTu8RmpKUxGqsWxA9cSOQhLu4KDzeSpbEK5kXbXNJmw2smU/o+oZpB3lpSfrkPSVvGROvey15dDP2QULxZQXGfoR/hcD7c5GMb9QMymBmZXRXDyTBmZM0hBj0Ms0Wbs83R6WFIZM2F7H4Y1ewB00tGuOukGQWcIsl7TrwR7NSct3O1LGpVakayShgaPq2RFCUMnc/jHWStVh1+r2MMZ8OQNXO1Rzt+XHMr8oWX6DVbYBHGGZqd3z6r1KrXzHAtjOmkbG040cPQa678lOBorgLOxTB2/DqYwfZA3twBahlh3KI18889fgD74WtI5hp10wAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center center; } .pdet li.telico i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMzA5YmJjOS03MzdhLTRmZTctYTAyNy01NjU1MjdlN2Y0NzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdGM0UyMDdGNzEzMTFFMzkxMDlEMkZENzQzNUVGRTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdGM0UyMDZGNzEzMTFFMzkxMDlEMkZENzQzNUVGRTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Yzg0NTI3YTMtN2Y2Yi00NzZhLTk1MDgtMjBlNzFjOWM5Mjg1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmQzMDliYmM5LTczN2EtNGZlNy1hMDI3LTU2NTUyN2U3ZjQ3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmDbpvUAAADiSURBVHjaYvz//z8DNQETA5UB1Q1kQRcw21utBKTKgfjeKefWTlINZEQOQ6BhgkDqDBCDDH0PxCZAQ+9R4uU0qGEgADK8g9IwVELju0BdTbaByN4DeTkM6OX3lBi4GmoQCOwBGraHIi9DI+AskneNqZEOK6CuBIXdKkrDEORKkAs7kSJpFTRtwpIWyOXlRKVDtARejpRs3iO5fCbU9SCLZwEdMIsoA7EYigsoIyd+vHkZmvXCkGKeAUsye09S4QA0FJSUlKFePoucrIDYFT2dMpJaHkJjXRBXHmcceQUsQIABAF2PWkJhvcaJAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: left 0.1em; } .pdet li.mobico i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAWklEQVR4AWOgHRgFJrsrlEx2V70z3VP1Hx0Dxc/YHK4QBGIGdAwisGKgpjSQZlwYYmEFAzoGE5gYZmDlbiBmwMSjBo4aiAXTKh0iDLgLxAyUGEhR1qMMjxoIAB5E8rhXFMwtAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: left 0.1em; } .edet li.emlico i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAMFBMVEUAAAA0vHo0vHo0vHk0vHk0vHk0vHo0vHo0vHk0u3o0vHozvHk1v3w1vHo0u3g1vHo4OIlpAAAAD3RSTlMAo5Czfc7m8ttqu1QPIjl1VuBaAAAAiUlEQVR42p2PywrFIAxEzUuj1s7//21jhdK6uXDPYggHhiTpP8567Org7G1zNUMI56fZALDD3k0EPrO/mhOSiLxUdyxU7rydmBUEWYkoxhFSjZiZxFWQW2ieSwAU08paMMn1XoOgTbPc+sqBQljoczhgS8pIDw0yH7KeXgyIo2j6wgBFc7c9/eICptIHQdroWc4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: left 0.1em; } .pdet h4, .edet h4 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEUlEQVR4AWMw3VMFREwMYAAAHVkC2Q5ab8sAAAAASUVORK5CYII='); background-repeat: repeat-x; background-position: center center; } .submenu li a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAACQCAMAAAA2nRuLAAAAMFBMVEUAAAD2VQzDw8PDw8P3VgrDw8P2VQvwWg/Dw8PDw8P3Ug/Dw8P2Vgz2VgvDw8P2VgwGBMSDAAAADnRSTlMAxRfTPj7mEbfuIltbmXqnoo4AAAB1SURBVHja7dC7DoAgDIVhKTdFhfd/WydzQmkABweS/tv5BkK6aYvkiUG2TCwXkuTwsqBdkDwj50AAeKSziX2E7HBb4rt7IGwcWdO0/3KRQTGpBlNCLVEUJwuSpMzIVcvNxQDwiLTxta87tRuFd+OEsTmytmIP7Z8Fgbep3rcAAAAASUVORK5CYII='); background-repeat: no-repeat; background-size: 8px 72px; } #workcat li.selected, #workcat li:hover { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAMAAADHqI+lAAAACVBMVEUAAAD3Vgv2Vgy/uMSQAAAAAnRSTlMAQXdIvD4AAAAmSURBVHjaVcgxDgAACIPA1v8/2gVDZDvSeTUczdEcTNUe7MGe8wItsACB+OuQLQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center bottom; } #blogpage a.prev, #blogpage a.next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAMFBMVEUAAACUlJT6po7a2tr4i2lxcXG1tbX+7enq6ur7vKz95N792tL3dEhTU1P69vX7x7lhJh5YAAAAAXRSTlMAQObYZgAAAH1JREFUeNrt0DkSgCAQRFFkVUC8/22t0mAcP2qogZ019YagzXsZUZgYjm2IN0bUcGGoaKjYqfSlm0eaFqLRKoiikb/cabXtgYqGSo/pzJ9+Egqz+GOzU89MuxFlHw0VDRV7/7LURNP8YrTyqWt0cs2n1WqRohQMlB4T5ltZAdeuAov6P7EIAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } /* ========================================================================== floats related ========================================================================== */ /* change the display to block */ #logo a, .socicons a, #topnav a, #dmenubtn a, #fourpar article h2 span, .knomorebot a, .knomoretop a, #clientcarousel a, #clientlst h3 span, #b4foothead h3 span, #carounav a, #footswitch a, .manewitms span, ul.UlSelectize li a, a.selectyzeValue, #bcrumb a, #relprojlst li a, a.rplogo, #relprocnav a, #custimg strong, .teamitm a, #workcat a, #blogpage a span, #blogcat li a, #bloglpost li a, .brelsum strong, .brelsum em, #blogtags li a, #blogshare li a { display: block; } /* floats */ #logo, .socicons li, #topnav li, #fourpar article, #clientlst ul li, #clientlst h3 span, #b4foothead h3 span, #clientlst h3, #b4foothead h3, #clientcarousel ul, #deskmenu, #footsecs section, #footbox, .manewitms img, #bcrumb, #bcrumb ul, #bcrumb ul li, #relprojlst, #relprojlst ul, #relprojlst ul li, .ltparblk, #parfeatblk article, #relpcaro ul li, a.rplogo, #relprocnav, #relprocnav a.prev, #custlogo, #custable .tabcols, .tabcols .blueblk h6, .tabcols .blueblk p, .tabcols, .tabcols .blueblk, #oursol, #abtltblk, #abtval ul li, #abtval ul, #abtltblk #abtval, #teamlist ul, #teamlist ul li, #conthouse article, #workcols article, #workcat ul li, #bloglist, .blstimg, .blstsum, .brelimg, #blogshare h5, #blogshare ul, #blogshare ul li { float: left; } #headsoico, #topnav, #footswitch, #mafeed li .btn, #relprojblk, #relprocnav a.next, #custable, #solrev #custrev, #abtimg, #blogaside { float: right; } #clientlst, #b4foothead, #clientcarousel, footer, #manews .manewitms, #mafeed li, #partopblk, #parfeatblk, #custabt { clear: both; } /* 100% width */ .knomorebot, #clientlst h3, #b4foothead h3, #footbox, ul.UlSelectize, #bcrumb ul, #relprojlst, #relprojlst ul, #relprocnav, #parfeatblk .pfetblk h4, .tabcols .blueblk, #abtltblk #abtval, #teamlist ul, #contactbg h3 { width: 100%; } /* ========================================================================== position related ========================================================================== */ /* block element positions */ #fourpar .parmid .knomorebot, .partop .partopcol .knomoretop, .partop .partopcol, #carounav a, ul.UlSelectize, #parfeatblk .pfetblk h4, #contactbg h3, .submenu { position: absolute; } .fix { position: fixed; } #fourpar .parmid, #fourpar .partop, #clientcarousel, #clientcarousel ul, #carounav, .DivSelectyze, #relpcaro, #relpcaro ul, #parfeatblk .pfetblk { position: relative; } .sta { position: static; } /* content alignment */ .container { margin: 0 auto; } header { -webkit-box-shadow: 0 1px 1px 0 #dddddd; -moz-box-shadow: 0 1px 1px 0 #dddddd; box-shadow: 0 1px 1px 0 #dddddd; } #homebanaside { padding: 0px 6px } /* ========================================================================== common page styles ========================================================================== */ /* common for all pages */ /* body {background: url(../assets/ref/blog-detail.jpg) no-repeat center 0px; background-size: 1357px auto;} */ /* content max & min width */ #container { min-width: 18em; } /* center content */ #container, #contspace, #headcont, #footsecs, #footcopy, #conthouse { margin: 0px auto; } #contspace, #headcont, #footsecs, #footcopy, #conthouse { max-width: 62em; } /* 992px */ /* social icons */ #headsoico { /*25-Jan-2016*/ margin-right: 0% /*25-Jan-2016*/ ; margin-top: 20px; } .socicons li a { width: 34px; height: 30px; } .socicons li.socfb a { background-position: 0px 0px; } .socicons li.soctw a { background-position: -34px 0px; } .socicons li.socgp a { background-position: -68px 0px; } .socicons li.socyt a { background-position: -102px 0px; } .socicons li.socpt a { background-position: -136px 0px; } .socicons li.socfb a:hover { background-position: 0px -30px; } .socicons li.soctw a:hover { background-position: -34px -30px; } .socicons li.socgp a:hover { background-position: -68px -30px; } .socicons li.socyt a:hover { background-position: -102px -30px; } .socicons li.socpt a:hover { background-position: -136px -30px; } /* head content */ #headcont { height: 6.30em; } #logo { padding: 8px 0px; /*25-Jan-2016*/ margin-left: 0% /*25-Jan-2016*/ ; } #logo h1 a { width: 144px; height: 84px; background: url(../images/mahiti_blog.png) no-repeat; background-size: contain; } /* site menu */ #topnav { clear: right; margin-top: 14px; } #topnav li a { padding: 0px 22px; line-height: 2em; } #topnav li:last-child a { padding-right: 0; } .description a:hover span { border-bottom: 1px solid #f6560c; } /* device menu */ #dmenubtn { line-height: 36px; text-align: left; clear: both; margin-top: 10px } #dmenubtn a { height: 36px; padding-left: 2.90em; } /* sub menu */ .submenu { margin-top: 0.40em; text-align: left; padding: 0.75em 1.44em 1.13em 1.44em; border: 1px solid #cfcfcf; border-top: 2px solid #f6560c; } #topnav li ul.submenu li { float: none; } #topnav li ul.submenu li a { text-transform: none; border-bottom: 1px solid #c3c3c3; line-height: 2.25em; padding: 0; text-indent: 1.12em; } .submenu li a:hover { background-position: left bottom; line-height: 0.5em; } ul.submenu { display: none; } /* ul.submenu.subopened {display: block;}*/ /* desktop menu */ #deskmenu { clear: left; margin: 0 14px 0; } /* home page content */ /* quote */ #homequote { font-size: 1.75em; line-height: 1.1em; clear: both; position: relative; top: -5px; } #homequote blockquote { padding: 20px; } /* 4 pars */ /*#fourpar article {width: 23.5%; margin-right:2.99%; /*25-Jan-2016*/ margin-bottom: 4em; /*25-Jan-2016*/ } */ /*#fourpar article:last-child {margin-right: 0;} */ /* four par heading */ /* #fourpar article h2 {line-height: 1.2em; font-size: 1.40em; padding:9px 0 3px; display: inline-block;} #fourpar article h2 span {font-size: 0.75em; line-height: 0.8em;} */ /*22-Jan-2016*/ #abtltblk #abtimg p.imag { float: right; } /*22-Jan-2016*/ /*Sandeep-25-Jan-2016*/ .new-list { margin-top: 5%; margin-left: 0%; margin-right: 0%; padding: 0; } .new { padding: 0; list-style-type: none; } .new-port h3 { margin-top: 3%; font-size: 18px; font-weight: bold; text-align: left; color: #d24d57; } .new-port p { margin-top: 3%; font-size: 14px; font-weight: 400; text-align: left; } .read-more a { font-size: 16px; font-weight: bold; text-align: center; color: #22313F; } .read-more a:hover { text-decoration: none; color: #D35400; } /*Sandeep-25-Jan-2016*/ /*Sandeep-25-Jan-2016*/ .imgab { float: right; width: 50%; } .imgab img { width: 100%; } /*Sandeep-25-Jan-2016*/ /*Sandeep-3-Mar-2015*/ #fourof1 .partop .partopcol, #fourof1 .parmid, .health-bg { background-color: #35bc7a; } #fourof2 .partop .partopcol, #fourof2 .parmid { background-color: #fe4f01; } #fourof3 .partop .partopcol, #fourof3 .parmid, .agri-bg { background-color: #fec224; } #fourof4 .partop .partopcol, #fourof4 .parmid { background-color: #00b5ef; } #fourof5 .partop .partopcol, #fourof3 .parmid { background-color: #662e93; } #fourof6 .partop .partopcol, #fourof4 .parmid { background-color: #ee1c25; } #fourpar .wraps .change li #fourof1 .knomorebot a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAkAQMAAABbvT3IAAAABlBMVEUAAAD+TwEa24RJAAAAAXRSTlMAQObYZgAAAB9JREFUeAFjcGBAAg0M/5HBAXTZeCTJf0OPO8olKboBtAifEh44bq4AAAAASUVORK5CYII='); background-repeat: no-repeat; } #fourpar .wraps .change li #fourof2 .knomorebot a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAkAQMAAABbvT3IAAAABlBMVEUAAAAAte8MYBzbAAAAAXRSTlMAQObYZgAAAB9JREFUeAFjcGBAAg0M/5HBAXTZeCTJf0OPO8olKboBtAifEh44bq4AAAAASUVORK5CYII='); background-repeat: no-repeat; } #fourpar .wraps .change li #fourof3 .knomorebot a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAkAQMAAABbvT3IAAAABlBMVEUAAAD+wiTf8rYIAAAAAXRSTlMAQObYZgAAAB9JREFUeAFjcGBAAg0M/5HBAXTZeCTJf0OPO8olKboBtAifEh44bq4AAAAASUVORK5CYII='); background-repeat: no-repeat; } #fourpar .wraps .change li #fourof4 .knomorebot a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAkAQMAAABbvT3IAAAABlBMVEUAAAA1vHp/Z+ciAAAAAXRSTlMAQObYZgAAAB9JREFUeAFjcGBAAg0M/5HBAXTZeCTJf0OPO8olKboBtAifEh44bq4AAAAASUVORK5CYII='); background-repeat: no-repeat; } #fourpar { width: 100%; margin: 4% auto; } #fourpar .wraps { width: 100%; margin: 0 1%; } #fourpar .wraps .change { padding: 0; } #fourpar .wraps .change li { list-style-type: none; float: left; padding-right: 2%; } #fourpar .wraps .change li h2 { line-height: 1.2em; font-size: 1.40em; padding: 9px 0 3px; display: inline-block; } #fourpar .wraps .change li h2 span { font-size: 0.75em; line-height: 0.8em; } #fourpar .partop { height: 310px; overflow: hidden; cursor: pointer; } #fourpar .partop:hover .partopcol { top: 0px; } #fourpar .partop:hover .partopcol .knomoretop { bottom: 54px } .partop .partopcol { height: 310px; width: 100%; top: 290px; } .partop .partopcol p { font-size: 1.2em; padding: 0em 6%; margin-top: 2.80em; line-height: 1.20em; } .partop .partopcol .knomoretop { margin-top: 1em; width: 100%; bottom: -20px; } .partop .partopcol .knomoretop a { width: 92px; margin: 0px auto; line-height: 22px; font-size: 14px; color: #232323; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); } #fourpar .parmid { margin-top: 20px; height: 150px; overflow: hidden; cursor: pointer; } #fourpar .parmid:hover .knomorebot { top: 74px; } #fourpar .parmid h3 { line-height: 2em; } #fourpar .parmid .knomorebot { top: 174px; } #fourpar .parmid .knomorebot a { width: 106px; margin: 0px auto; line-height: 36px; font-size: 0.75em; } #fourpar .parmid .knomorebot a span { padding-right: 10px; } #fourpar .parbot { margin-top: 0px; } #fourpar .parbot p { font-size: 0.875em; padding: 0.50em 0.40em; line-height: 1.250em; } /*Sandeep-3-Mar-2015*/ /* client listing */ #clientlst, #b4foothead { /*25-Jan-2016*/ margin: 5px 0px 20px 0px; /*25-Jan-2016*/ } #clientlst h3, #b4foothead h3, #abtval h3 { line-height: 1em; } #clientlst h3 span, #b4foothead h3 span { margin-left: 7.70%; padding: 0px 5px; } /* client list carousel */ #clientcarousel { overflow: hidden; margin: 0px 3%; width: 94%; } #clientcarousel ul { width: 4000em; } /* carousel controls */ #carounav a { width: 24px; height: 38px; margin-top: -66px; } #carounav a.prev { background-position: right center; } #carounav a.next { background-position: left center; right: 0px; } /* footer common */ #footsecs section { width: 29.6%; /*25-Jan-2016*/ margin: 0 37px 2.4em 0; /*25-Jan-2016*/ margin-bottom: 2.4em; } #footsecs section h6 { font-size: 13px; line-height: 1.50em; border-bottom: 1px solid #bdbdbd; margin-bottom: 4px; } #footbox { overflow: hidden; } /* footer switch */ #footswitch { margin-top: -14px; } #footswitch.collapsed a { background-position: center top; } #footswitch a { width: 28px; height: 28px; background-position: center bottom; } /* footer news */ #manews article { padding: 8px; } .manewitms img { border: 2px solid #b4b4b4; max-width: 84px; margin-right: 10px; } .manewitms p { margin-left: 98px; line-height: 1.40em; padding: 0; } .manewitms span { padding-top: 4px; font-size: 0.90em; } /* footer feedback form */ #mafeed ul li { padding-bottom: 6px; } #mafeed li input { font-weight: 300; font-size: 0.8em; width: 90%; background-color: #f2f2f2; border: none; color: #000; line-height: 30px; padding: 0px 5%; } #mafeed li .btn { width: auto; } #mafeed li em.error { font-style: normal; font-size: 0.750em; display: none; } /* placeholder text color */ .inp::-webkit-input-placeholder { color: #232323; } .inp:-moz-placeholder { color: #232323; } .inp::-moz-placeholder { color: #232323; } .inp:-ms-input-placeholder { color: #232323; } /* general select box theme */ .DivSelectyze { font-size: 0.8em; } .mahsel a { color: #232323; width: 90%; padding: 0px 5%; line-height: 30px; background-color: #f2f2f2; font-weight: 300; } a.selectyzeValue { background-position: right center; } ul.UlSelectize { display: none; } .mahsel ul.UlSelectize { bottom: 0px; } ul.UlSelectize li { padding: 0px !important; } /* footer contact us */ #macont { font-size: 0.813em; line-height: 1.6em; } #macont address { font-style: normal; } #macont #locmap { padding-top: 12px; } #locmap a { padding: 12px 10px 12px 30px; background-position: left center; } /* footer copy */ #footcopy { font-weight: 300; font-size: 0.6em; line-height: 40px; padding-bottom: 0; } #footcopy a { padding-left: 0.5em; font-size: 10px; } /* inner pages common widgets */ /* banner */ #innerban { height: 180px; } /* breadcrumb */ #bcrumb { font-size: 0.688em; margin: 0px 2%; width: 96%; } #bcrumb ul { padding-bottom: 1px; } #bcrumb ul li { padding-right: 8px; line-height: 28px; /*Sandeep-25-Jan-2016*/ font-size: 11px; /*Sandeep-25-Jan-2016*/ } #bcrumb li a { padding-right: 8px; /*Sandeep-25-Jan-2016*/ font-size: 11px; /*Sandeep-25-Jan-2016*/ } /* bot graphic location */ .projbot { background-position: 97.50% top; } .parabot { background-position: 41.50% top; } /* inner heading & content */ #partopblk, #custover, #solrev, #abtinfo, #ourteam, #workinfo, #bloginfo { padding-top: 0.30em; margin: 0px 2%; } #partopblk .ltparblk { width: 48%; } #partopblk .ltparblk h2, #custacc h2, #abtitle h2, #worktitle h2, #blogtitle h2 { font-size: 1.750em; line-height: 1.750em; } #partopblk .ltparblk p { line-height: 1.450em; font-size: 0.875em; } /* realted projects carousel */ #partopblk #relprojblk { width: 48%; } #relprojblk { padding-top: 8px; } #relprojblk h3 { font-size: 1.125em; line-height: 2em; } #relprojblk h3 span { padding: 0px 8px; } #relprojblk #rpcarowrp { padding: 20px; } #relpcaro { overflow: hidden; } #relpcaro ul { width: 4000em; } #relpcaro .rtprojtxt { font-size: 1em; } #relpcaro .rtprojtxt p { line-height: 1.45em; margin-left: 160px; } a.carovmlnk { padding: 1px 16px 1px 4px; white-space: nowrap; font-size: 0.90em } #relprocnav { border-top: 1px solid #fff; } #relprocnav a { width: 20px; height: 20px; } #relprocnav a.prev { border-right: 1px solid #fff; } #relprocnav a.next { border-left: 1px solid #fff; background-position: left bottom; } /* features cols */ #parfeatblk { margin-top: 1.40em; margin-bottom: 2em; } #parfeatblk article { width: 29.3%; margin: 0px 2%; } #parfeatblk .pfetblk { height: 168px; overflow: hidden; } #parfeatblk .pfetblk h4 { bottom: 0px; font-size: 1.375em; line-height: 1.15em; padding: 10px 0px; } #parfeatblk .pfetdisc { margin-top: 0.6em; } #parfeatblk .pfetdisc p { font-size: 0.875em; line-height: 1.30em; } /* product page */ #custacc { padding-top: 30px; } #custlogo { border: 2px solid #e5e3e3; width: 30%; } /* color table */ #custable { width: 65.30% } #custable h3 { font-size: 1.125em; line-height: 1.125em; margin-bottom: 1.12em; } #custable .tabcols { width: 50%; } .tabcols h6 { font-size: 0.875em; line-height: 0.875em; } .tabcols p { padding-bottom: 0; font-size: 0.875em; line-height: 0.875em; } .tabcols div { margin-bottom: 1px; border-left: 1px solid #FFF; margin-left: -1px; } .tabcols .greenblk { padding: 5% 8%; } .tabcols .greenblk h6 { text-decoration: underline; line-height: 1.35em; } .tabcols .greenblk p { line-height: 1.20em; margin-top: 8px; } .tabcols .blueblk h6, .tabcols .blueblk p { width: 40%; padding: 7% 5%; white-space: nowrap; } #custabt p { font-size: 0.813em; line-height: 1.35em; padding-top: 12px; } /* our solutions */ #solrev { padding-top: 14px; } #solrev #oursol { width: 65.2%; } #oursol h3 { font-size: 1.125em; line-height: 1.125em; margin-bottom: 0.80em; } #oursol h3 span { padding: 0px 8px; margin: 0% 5%; } #oursol p, #oursol ul { font-size: 0.813em; line-height: 1.30em; } #oursol h5 { font-size: 0.85em; line-height: 1.3em; border-bottom: 2px solid #f6560c; margin-bottom: 1.4em; } #oursol h6 { display: inline-block; border-bottom: 1px solid #f6560c; font-size: 0.813em; line-height: 1.4em; } #oursol ul { list-style-position: inside; list-style-image: url(../images/bul.png); margin: 0.6em; } #oursol ul li { color: #232323; padding-bottom: 0.6em; } #oursol .finline { margin: 1em 0em; } /* customer review */ #solrev #custrev { width: 30.6%; font-size: 0.875em; } #custrev h3, #ourteam h2 { font-size: 1.125em; line-height: 1.125em; } #custrev h3 span, #ourteam h2 span { padding: 0px 8px; } #custrevblk #custimg { margin-top: 1em; line-height: 1em; padding-top: 1.6em; } #custimg img { width: 136px; } #custimg strong { padding: 6px; line-height: 1em; } #custimg em { font-style: normal; } #custrevblk #custquo { font-style: italic; padding: 0% 7%; margin-top: 1.2em; } #custquo p { font-size: 1em; line-height: 1.30em; } #custquo span { font-size: 1.2em; } #custquo .quoteb4 { padding-right: 2px } #custquo .quoteaftr { padding-left: 2px; } /* related projects in footer */ #relprojlst { margin-bottom: 1.55em; } #relprojlst ul { padding: 0.750em 0; } #relprojlst ul li { width: 21%; margin: 0px 2%; padding-bottom: 5px; line-height: 28px; } #relprojlst li a { border-bottom: 1px solid #e3e3e3; padding: 0px 12px; } #relprojlst li a:hover { border-bottom-color: #f6560c; } /* who we are */ #abtinfo, #workinfo { padding-bottom: 1.60em; } #abtitle h2, #worktitle h2, #blogtitle h2 { line-height: 2.10em; } /* about top cont */ #abtltblk { width: 100%; } #abtltblk #abtxt { margin-bottom: 1em; } #abtxt p, #abtxt li { font-size: 14px; line-height: 1.6em; margin-bottom: 0em; } #abtxt h2 { margin-bottom: 5px; } #abtltblk #abtval { padding-bottom: 2em; } #abtval h3 span { margin-left: 11%; padding: 0em 0.70em; } #abtval ul { padding: 0.4em 14%; width: 72%; } #abtval ul li { font-size: 0.813em; line-height: 1.65em; width: 33%; text-indent: 1em; } #abtimg { width: 100%; } #abtimg p { font-size: 0.813em; padding: 10px 0px; } /* about team */ #ourteam { padding-top: 1.70em; } /* team list */ #ourteam #teamlist { padding: 1em 0em; } #teamlist ul li { display: inline-block; width: 14.8%; padding: 0% 2.40%; margin-bottom: 2em; float: none; } /* team item styling */ .teamitm, .tpopcont { font-size: 0.875em; } .teamitm img, .tpopcont .tmimg img { border: 3px solid #dedede; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 50%; width: 150px; } .teamitm h6, .tpopcont .tmimg h6 { margin-top: 0.60em; } .teamitm em, .tpopcont .tmimg em { font-style: normal; } .teamitm h6, .tpopcont .tmimg h6, .teamitm em, .tpopcont .tmimg em { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* popup styling */ .tpopcont { background-color: #ffffff; padding: 2em 1.6em; } #teamlist .tpopcont { display: none; } .tpopcont .tmimg em { color: #c5c5c5; } .tpopcont .tmtxt { margin-top: 1em; } .tpopcont .tmtxt p { font-size: 0.813em; color: #000000; } /* contact us */ #contactbg { height: 560px; clear: both; position:relative; top:-3px; } #contactbg h3 { line-height: 1.4em; padding: 13px 0; color: #fff; background-color: rgba(0, 0, 0, 0.7); } #conthouse { padding-top: 48px; } #conthouse article { width: 30.5%; margin: 2em 1.416%; background-color: rgba(53, 188, 122, 0.8); } /* call us */ #contcall .picon, #conteml .eicon { height: 12.40em; } #contcall .pdet, #conteml .edet { height: 8.80em; padding-top: 3.6em } #contcall .pdet h4, #conteml .edet h4, .pdet ul, .edet ul, .mhead h4 { margin: 0 14%; } .pdet h4, .edet h4, .mhead h4 { font-size: 1.125em; } .pdet h4, .edet h4 { color: #35bc7a; } .pdet h4 span, .edet h4 span { padding: 0 3px; background-color: #fff; } .pdet ul li, .edet ul li { font-size: 1em; } .pdet ul li i, .edet ul li i { font-size: 1em; padding-left: 1.36em; } .pdet li a, .edet li a { white-space: nowrap; } /* email us */ .edet ul { margin-top: 1.3em; } /* locate us */ #contmap .mhead { padding: 16px 0; } #contmap .mapholr { background: #fff; border: 10px solid #fff; height: 20em; } /* strike thru line */ .mhead h4:before { right: 0; } .mhead h4:before, .mhead h4:after { border-top: 2px solid #fff; content: ""; display: table-cell; position: relative; top: 0; width: 40%; vertical-align: middle; } .mhead h4:after { left: 0; } .mhead h4 { display: table; white-space: nowrap; color: #fff; margin-top: 0.563em; } .mhead h4 span { display: block; padding: 0px 3px; margin-top: -0.563em; } /* our work */ #workcat { margin-top: 0.88em; } #workcat ul {} #workcat ul li { margin-right: 2%; font-size: 1.5em; line-height: 0.9em; padding-bottom: 0.3em; } #workcat ul li:last-child { margin-right: 0; } #workcat li a { border-bottom: 1px solid #232323; padding: 0 8px 8px; } #workcat li span { display: block; font-size: 16px; } #workcat li.selected a, #workcat li:hover a { border-bottom: 1px solid #f6560c; } #workcols { margin-left: 2%; margin-bottom: 2em; } #workcols article { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.40); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.40); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.40); } .witems { width: 23%; margin: 0 2% 2% 0; } .witems a { display: block; padding: 10px; } .witems a img {} .witems img {} .witems h4 { margin: 0.5em 0; } .witems p { font-size: 0.81em; padding-bottom: 0.5em; } /* blog listing */ #bloginfo { padding-bottom: 0; } #blogtitle {} #blogtitle h2 {} #blogcont {} #blogaside section { display: inline-block; vertical-align: top; width: 100%; } /* Blog Items */ #bloglist { width: 71%; margin: 0 2%; padding-bottom: 2.6em; } #bloglist .blogitem { border-bottom: 1px solid #e5e3e3; padding-bottom: 1.4em; margin-top: 1.1em; } .blogitem h4, #blogdet h4 { font-size: 1.13em; line-height: 1.20em; padding-bottom: 0.6em; } .blogitem h4 span, #blogdet h4 span { font-style: italic; font-size: 0.80em; } .blogitem .blstimg { width: 28%; } .blogitem .blstimg img { border: 1px solid #e5e3e3; } .blogitem .blstsum { width: 70%; margin-left: 2%; font-size: 0.80em; } .blstsum strong { font-weight: 600; } .blstsum .bpost, .blstsum .bsum { padding-bottom: 0.30em; } .blstsum .bdisc {} .bdisc .breadmore { white-space: nowrap; font-size: 1.35em; } /* Blog Listing Pager */ #blogpage { margin-top: 1em; text-align: right; font-size: 0.88em; } #blogpage a { width: 18px; height: 18px; } #blogpage a span { display: none; } #blogpage a.prev {} #blogpage a.next { background-position: right bottom; } #blogpage a.prev:hover { background-position: left bottom; } #blogpage a.next:hover { background-position: right bottom; } #blogpage ul { margin: 0 0.4em; } #blogpage ul, #blogpage ul li, #blogpage a { display: inline-block; vertical-align: top; text-align: center; } #blogpage ul li { padding: 0 0.2em; } #blogpage li a { line-height: 1.1em; width: auto; } #blogpage li.selected a {} /* Blog Aside */ #blogaside { width: 21%; margin: 0 2%; padding-top: 1.1em; padding-bottom: 2.6em; } #blogaside section { margin-bottom: 2.6em; } #blogaside section ul { font-size: 0.80em; } #blogaside h3 { font-size: 1.125em; line-height: 1.125em; } #blogaside h3 span { padding: 0px 8px; } /* Blog Category */ #blogaside #blogcat {} #blogcat ul { margin: 0.3em 0; } #blogcat ul li { padding: 0.3em 0; width: 100%; display: inline-block; } #blogcat li a { background-position: 8px 4px; padding-left: 1.8em; } #blogcat li.selected a {} /* Blog Latest Post */ #blogaside #bloglpost { margin-bottom: 1.6em; } #bloglpost ul { margin: 0.5em 0; } #bloglpost ul li { font-size: 1em; padding-bottom: 2.1em; } #bloglpost li a {} #bloglpost .brelitm {} .brelitm .brelimg { width: 60px; } .brelitm .brelsum { margin-left: 70px; } .brelitm img { max-width: 60px; } .brelsum strong { font-weight: 600; line-height: 1.4em; } .brelsum em { line-height: 1.2em; } .brelsum p { padding: 0; color: #949494; line-height: 1.3em; font-size: 1em; } /* Blog tags */ #blogaside #blogtags { font-size: 0.9em; } #blogtags ul { margin: 0.8em 0; text-align: center; } #blogtags ul li { display: inline-block; margin: 2px; } #blogtags li a { border: 1px solid #a8a8a8; padding: 0.2em 0.5em; } /* Blog Inner */ #bloglist #blogdet { margin-top: 1em; } #blogdet h4 { margin-bottom: 0.6em; } #blogdet h4 span {} #blogdet .bloglimg { border: 1px solid #e5e3e3; padding: 3%; } .bloglimg img {} #blogdet .blogltxt { font-size: 0.8em; margin-top: 0.8em; } #blogdet .blogltxt strong { font-weight: 600; } .blogltxt .bpost, .blogltxt .bsum { margin-bottom: 0.4em; } .blogltxt .bsum {} .blogltxt .bdisc {} .blogltxt .bdisc p { font-size: 1em; } .blogltxt .bdisc a { text-decoration: underline; } .blogltxt .bdisc a:hover { text-decoration: none; } /* Blog footer tags */ #bloglist .blogltags { font-size: 0.8em; margin-top: 1em; } .blogltags ul {} .blogltags ul li { display: inline-block; padding-right: 1.2em; margin-bottom: 0.4em; } .blogltags li a { padding-left: 1.4em; } /* Blog foot share */ #bloglist #blogshare { margin-top: 1em; } #blogshare h5 { font-size: 0.9em; } #blogshare ul { margin-left: 0.4em; } #blogshare ul li { padding: 0; margin: 0; } #blogshare li a { background-size: 120px 42px; width: 24px; height: 21px; } #blogshare li#bsfb a { background-position: left top; } #blogshare li#bstw a { background-position: -24px top; } #blogshare li#bsgp a { background-position: -48px top; } #blogshare li#bsyt a { background-position: -72px top; } #blogshare li#bspt a { background-position: -96px top; } #blogshare li#bsfb a:hover { background-position: left bottom; } #blogshare li#bstw a:hover { background-position: -24px bottom; } #blogshare li#bsgp a:hover { background-position: -48px bottom; } #blogshare li#bsyt a:hover { background-position: -72px bottom; } #blogshare li#bspt a:hover { background-position: -96px bottom; } /* Feb 19th changes */ .blogitem h1, #blogdet h1 { font-size: 1.13em; line-height: 1.20em; padding-bottom: 0.6em; } .blogitem h1 span, #blogdet h1 span { font-style: italic; font-size: 0.80em; color: #f6560c; } .blogltxt .bsum h2 { font-weight: 600; font-size: 1em; } /*Sandeep-25-Jan-2016*/ .new-list { margin-top: 5%; margin-left: 0%; margin-right: 0%; padding: 0; } .new { padding: 0; list-style-type: none; } .new-port { padding: 18px; display: inline-block; vertical-align: top; width: 27.3%; min-height: 390px; position: relative; border: 1px solid #C1BBBB; margin-bottom: 2%; margin-right: 15px; } .new-port h3 { margin-top: 3%; font-size: 18px; font-weight: bold; text-align: left; color: #d24d57; } .new-port p { margin-top: 3%; font-size: 14px; font-weight: 400; text-align: left; } .read-more { position: absolute; padding: 3%; left: 33%; bottom: 30px; margin-top: 10%; background: #ececec; border: 1px solid #F5AB35; } .read-more a { font-size: 16px; font-weight: bold; text-align: center; color: #22313F; } .new-port h4 { font-weight: bold; } .read-more a:hover { text-decoration: none; color: #D35400; } .new-port p.new-port-p { color: #f6560c; font-size: 20px; text-align: center; } #abtxt ul { list-style-type: inherit ! important; padding-left: 4% !important; margin-top: 0px; margin-bottom: 12px; } #abtxt ul li { /*margin-bottom:-12px;*/ line-height: 1.6; } #abtxt ul li:last-child { margin-bottom: 0px; } #abtxt p strong { font-weight: bold; } #abtxt h2 strong { font-weight: bold; } #abtxt ol li p strong { font-weight: normal; } #abtxt ol li p strong strong strong { font-weight: bold; } /*Sandeep-25-Jan-2016*/ .portfolio-img { height: 103px; text-align: center; margin-bottom: 15px; } /* New Portfolio design */ .new-detail-portfolio { margin-top: 25px; } .new-detail-portfolio li { float: left; width: 100%; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #e5e3e3; } .port-head { margin-bottom: 20px; width: 100%; float: left; } .port-head h2 { padding-bottom: 5px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAAAAADRSSBWAAAAAnRSTlMAAHaTzTgAAAALSURBVHgBY1jHAAABXwCvtKiiTAAAAABJRU5ErkJggg=="); background-position: left bottom; background-repeat: repeat-x; color: #f6560c; font-size: 16px; font-weight: normal; } .new-port-disp p { width: 100%; float: left; padding-bottom: 0; margin: 8px 10px 0 0; line-height: 22px; font-size: 14px; } .new-port-disp { float: left; width: 100%; } .new-disp-p { vertical-align: top; float:left; width: 60%; } .new-testimone { vertical-align: top; float: right; width: 30%; } .new-testimone .new-speak { background: #f8f8f8; padding: 10px; float:left; } .new-testimone .new-speak p { font-style: italic; font-size: 14px; } .new-testimone .new-speak p img { vertical-align: super; } .new-testimone .new-speak label { float: right; font-size: 14px; padding-right: 8px; } .new-testimone .new-quote-img p { font-size: 14px; font-weight: bold; text-align: center; } .new-testimone .new-quote-img img { margin: 30px auto 0px; } .new-disp-p p a { color: #f6560c; } .new-disp-p h2 { font-weight: bold; margin-bottom: 7px; } p.new-proj { margin-top: 10px; float: left; width: 100%; } p.new-proj-duration { margin-top: 0px; } .new-port-disp .new-new-style { width: 100%; float: left; border: 2px solid #ffffff; } .new-port-disp .new-new-style .new-port-img { /* vertical-align: top; margin-right: 10px; display: inline-block; width: 20%; */ float: left; width: 25%; margin: 10px auto; } .new-port-disp .new-new-style .new-para { float:right; width: 70%; margin: 0 auto; } .new-disp-p .new-colour { color: #6f6f6f; } .new-disp-p .new-colour strong { color: #232323; font-weight: bold; } .new-port-disp .new-new-style .new-proj { color: #000000; line-height: 10px; font-size: 14px; } .new-port-disp .new-new-style .new-proj .new-proje { font-weight: bold; /* font-style: italic;*/ } .new-port-disp .new-new-style .new-proje span { color: #E87E04; font-size: 18px; /* font-weight: 600;*/ display: block; line-height: 21px; } /* New Portfolio design */ /* for captcha */ .errorlist li { color: red; font-size: 0.8em; font-family: "Roboto", sans-serif; } .captcha-question { font-size: 0.85em; color: #232323; font-family: "Roboto", sans-serif; } /*#recaptcha_widget { color: #000000; font-size: 0.8em; font-weight: 300; } #recaptcha_image {width:100% !important; height:auto !important;} #recaptcha_image img {max-width:100%;} .recaptcha_help {display:none;} .recaptcha_only_if_image, .recaptcha_get_another, .recaptcha_only_if_image {padding:4px 0;}*/ /* hide on init */ #dmenubtn { display: none; } /* CSS3 animations for hover effects */ .ms300, .socicons a, #topnav a, .partop .partopcol, .parmid .knomorebot, #footcopy a, #homequote, #bcrumb a, .breadmore, #blogpage li a, #blogtags a { -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms800, .partopcol .knomoretop, #clientcarousel li { -o-transition: all 800ms ease-out; -ms-transition: all 800ms ease-out; -moz-transition: all 800ms ease-out; -webkit-transition: all 800ms ease-out; transition: all 800ms ease-out; } .ms1k, #logo h1 a, #fourpar article, #relprojlst li, #innerban, #parfeatblk article, #teamlist ul li, #conthouse article, #blogaside, #bloglist { -o-transition: all 1000ms ease-out; -ms-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -webkit-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } /* ========================================================================== z-index related ========================================================================== */ /* z-indexes */ .submenu { z-index: 99; } .DivSelectyze { z-index: 199 !important; } /* ========================================================================== Misc & browser specific overrides ========================================================================== */ /* safari font subpixel-antialiased or antialiased and flicker fixture */ .safchoppyfix { -webkit-transition: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0%, 0); -ms-transform: translate3d(0, 0%, 0); -o-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .forchoppyfix { -webkit-backface-visibility: hidden; } /* safari choopy fix */ .choppyfix { -webkit-transform-style: preserve-3d; } /* font rendering fix for safari - thick */ .subpixelthick { -webkit-font-smoothing: subpixel-antialiased; } /* font rendering fix for safari - thin */ #topnav, #fourpar article h2, .knomorebot a, .parmid h3, #footcopy, #homequote, #relprojlst, #contactbg { -webkit-font-smoothing: antialiased; } /* link color fix for devices */ a[href^=tel] { text-decoration: inherit; color: inherit; } /* optional */ select, select options { -webkit-appearance: none; } /* console display */ #dispcon { padding: 10px; font-size: 10px; color: 000; position: fixed; bottom: 0px; z-index: 999999; } /* portfolio */ .dive{ color:#dddddd; } .porff-cont{ min-height:150px; } .portfolio-cont{ } .port-ban{ margin-bottom:5px; } .portfolio-cont li{ margin-bottom:20px; width:29%; margin-right:5%; display:inline-block; vertical-align:top; text-align:center; } .portfolio-cont li h2{ margin-bottom:5px; font-size: 1.4em; line-height: 1.2em; padding: 9px 0 3px; text-transform:uppercase; text-align:center; } .portfolio-cont li:nth-child(3n){ margin-right:0; } .view-par-pro{ color:#232323; font-size:14px; } .view-par-pro a:hover{ text-decoration:underline; } .view-par-pro a{ color:#f6560c; margin-left:10px; text-transform:normal; text-decoration:underline; font-size:12px; } .green-bor, .orange-bor, .yellow-bor, .blue-bor, .purple-bor, .red-bor{ padding:20px; min-height:299px; border:1px solid #dddddd; } .green-bor p, .orange-bor p, .yellow-bor p, .blue-bor p, .purple-bor p, .red-bor p{ color:#232323; } .view-par-pro p{ padding:0; font-size:14px; } .portfol-img{ margin-bottom:15px; } .subsubmenu { display: none; position: absolute; top: 37px; border-top: 2px solid #f6560c; z-index: 200; left: 0; min-width: 200px; background: #fff; } #topnav li:hover .subsubmenu { display: block; } #topnav .subsubmenu li { width: 100%; text-align: left; } #topnav .subsubmenu li a { color: #232323; } #topnav .subsubmenu li:hover a { color: #f6560c; } /* home banner */ .home-bg{ font-family: 'Roboto'; font-size:28px; margin-bottom:10px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAKUlEQVR4AWNQUjIFAiUlGI0pAKEQJKYAjAEVwhTAMJQMAcK2EHYpYVsAYXgt4S8wkL4AAAAASUVORK5CYII="); background-position:center top; background-size:8px 8px; color:#fff; text-align:center; box-sizing:border-box; padding:1% 9%; float:left; width:100%; margin-top:-3px; } .home-bg p{font-family: 'Roboto'; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAKUlEQVR4AWNQUjIFAiUlGI0pAKEQJKYAjAEVwhTAMJQMAcK2EHYpYVsAYXgt4S8wkL4AAAAASUVORK5CYII="); background-position:center top; background-size:8px 8px; line-height:40px;/* font-weight:300;*/ font-size:32px; padding-bottom:0; } .home-bg p span{ font-weight:bold; } .cont-item::before{ content: ""; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; } .cont-item, .cycle-slideshow{ width:100%; float:left; } .cont-item{ height:90px; } .cent{ display:inline-block; vertical-align:middle; } /* css for animation */ /* css for animation ends here */ /* ========================================================================== Helper classes ========================================================================== */ .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: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Media Queries for Responsive Design ('mobile first') styles. ========================================================================== */ /* iPhone (portrait) 320px ----------- */ @media only screen and (min-width: 20em), only screen and (min-width: 1em) { /* Styles */ #dispcon { background-color: #F63; } #dispcon:before { content: "320px "; } /* #container {background: url(../assets/ref/grid_03_320.png) repeat-y center top;}*/ /* all */ #deskmenu, #topnav { float: none; } #headsoico, #workcat ul li {} #dmenubtn, #workcat ul li.selected { display: block; } #headcont { height: auto; } #topnav li { width: 100%; } #topnav li a { padding: 0px 12px; } #homequote { font-size: 1.10em; } #deskmenu li a { line-height: 0px; margin: 0px; background-color: #eaeaea; } #deskmenu.expanded li a { line-height: 2.6em; border-bottom: 1px solid #ffffff; } #footcopy { text-align: center; } #footsecs section { width: 97.2%; } #parfeatblk article, #relprojlst ul li { width: 96%; } #parfeatblk .pfetblk { height: 230px; } #solrev #custrev, #solrev #oursol { width: 100.0%; } #logo h1 a { width: 103px; height: 60px; } #innerban { height: 80px; clear:both ; } #footcopy { font-size: 0.750em; } #parfeatblk .pfetblk h4 { font-size: 1.2em; } #relpcaro .rplogo, #partopblk .ltparblk, #partopblk #relprojblk, #custlogo, #abtval ul li, #abtltblk, #abtimg { width: 100%; } #relpcaro .rtprojtxt p { margin-left: 0px; margin-top: 20px; text-align: center; } #custable .tabcols { width: 100%; margin-right: 0px; } .tabcols .blueblk h6, .tabcols .blueblk p { padding: 3% 5%; } #oursol h6 { display: block; text-align: center; } #custable { width: 100%; margin-top: 2em; } #teamlist ul li { width: 100%; padding: 0%; } #conthouse article { width: 96%; margin: 2em 2%; } #contactbg { height: auto; } .pdet ul li, .edet ul li, .submenu { text-align: center; } .submenu { position: relative; margin-top: 0; padding: 0; } .submenu li a, .submenu li a:hover { background-position: -200em top; } #topnav li ul.submenu li a { border-bottom: none; } .witems { width: 98%; margin: 0 2% 2% 0; } #workcat ul li { margin-right: 1%; } #blogaside, #bloglist { width: 96%; } .blogitem .blstimg { width: 100%; } .blogitem .blstsum { width: 100%; margin-top: 2%; margin-left: 0; } #blogaside section { width: 100%; padding: 0; } #blogpage { text-align: center; } /*25-Jan-2016*/ .imgab { float: right; width: 100%; margin-right: 0px; } .imgab p { position: relative; top: 5px; font-size: 12px; font-style: italic; } /*25-Jan-2016*/ /*Sandeep-25-Jan-2016*/ .new-port { width: 88.3%; } /*Sandeep-25-Jan-2016*/ /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 1%; } .newmenu { display: none; } /*Sandeep-3-Mar-2016*/ /*Sandeep-9-Mar-2016*/ .new-disp-p { width: 100%; } .new-testimone { width: 100%; } .new-port-disp .new-new-style .new-port-img { width: 100%; } .new-port-disp .new-new-style .new-para { width: 100%; } .new-testimone .new-quote-img img { width: 100%; } /*Sandeep-9-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 60px; top: 318px; } /*Sandeep-15-Mar-2016*/ } @media only screen and ( min-width: 22.500em) { /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 6%; } #homequote { top: -6px; } .newmenu { display: none; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 80px; top: 318px; } /*Sandeep-15-Mar-2016*/ } @media only screen and ( min-width: 27.500em) { /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 14%; } #homequote { top: -6px; } .newmenu { display: none; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 116px; top: 318px; } /*Sandeep-15-Mar-2016*/ } @media only screen and ( min-width: 28.750em) { /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 20%; } #homequote { top: -6px; } .newmenu { display: none; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 126px; top: 318px; } /*Sandeep-15-Mar-2016*/ } /* iPhone (landscape) 480px ----------- */ @media only screen and (max-width: 767px) { .portfolio-cont li{ width:100%; } .cont-item{ height:auto; } .home-bg, .home-bg p{ background:#353535; background-image:none; } } @media only screen and (min-width: 30em) { /* Styles */ #dispcon { background-color: #3F6; } #dispcon:before { content: "480px "; } /* all */ #headsoico { display: block; } #homequote { font-size: 1.20em; } #footcopy { font-size: 0.813em; } #innerban { height: 120px; } #relprojlst ul li { width: 45%; } #oursol h6 { display: inline-block; text-align: left; } #teamlist ul li { width: 26.0%; padding: 0 2%; } .witems { width: 48%; margin: 0 2% 2% 0; } #blogaside, #bloglist { width: 96%; } .blogitem .blstimg { width: 33%; } .blogitem .blstsum { width: 63%; margin-left: 2%; margin-top: 0; } #blogaside section { width: 43%; padding: 3%; } #blogaside #blogtags { width: 93%; padding: 3%; } /*22-Jan-2016*/ /*#fourof3 { margin-top: -5%; } /*22-Jan-2016*/ /*25-Jan-2016*/ .imgab { float: right; width: 100%; margin-right: 10px; } /*25-Jan-2016*/ /*Sandeep-25-Jan-2016*/ .new-port { width: 91.3%; } /*Sandeep-25-Jan-2016*/ #homequote { top: -6px; } .newmenu { display: none; } /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 140px; top: 318px; } /*Sandeep-15-Mar-2016*/ } /* other phone (landscape) 624px ----------- */ @media only screen and (min-width: 39em) { /* Styles */ #dispcon { background-color: #3FC; } #dispcon:before { content: "624px "; } /* all */ #partopblk .ltparblk, #partopblk #relprojblk { width: 48%; } #parfeatblk article { width: 29.3%; } #parfeatblk .pfetblk { height: 210px; } #innerban { height: 150px; } #custable { width: 55%; margin-top: 0; } #custlogo { width: 40%; } #blogpage { text-align: right; } /*22-Jan-2016*/ /*#fourof3 { margin-top: -5%; } /*22-Jan-2016*/ /*25-Jan-2016*/ .imgab { float: right; width: 100%; margin-right: 10px; } /*25-Jan-2016*/ /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 26%; } #homequote { top: -6px; } .newmenu { display: none; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 210px; top: 318px; } /*Sandeep-15-Mar-2016*/ } @media only screen and ( min-width: 47.938em) { /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 8%; } #homequote { top: -6px; } .newmenu { display: none; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 280px; top: 318px; } /*Sandeep-15-Mar-2016*/ } /* iPads (portrait) 768px ----------- */ @media only screen and (min-width: 48em) { /* Styles */ #dispcon { background-color: #6CF; } #dispcon:before { content: "768px "; } /* #container {background: url(../assets/ref/grid_12_768.png) repeat-y center top;}*/ /* all */ #topnav { float: right; } #headcont { height: 101px; } #dmenubtn { display: none; } #workcat ul li { display: block; } #topnav li { width: auto; position: relative; } #topnav li a { padding: 0px 12px; line-height: 2em; } #homequote { font-size: 1.40em; } #deskmenu li a { background-color: transparent; margin-bottom: 0; line-height: 2em; } #logo h1 a { width: 144px; height: 84px; } #innerban { height: 180px; } #solrev #oursol { width: 65.2%; } #solrev #custrev { width: 30.6%; } #relprojlst ul li { width: 21%; } #abtltblk, #abtimg { width: 48%; } .submenu { position: absolute; padding: 0.63em 1em 0.88em 1em; } #topnav li ul.submenu li a { text-transform: none; border-bottom: 1px solid #c3c3c3; line-height: 2.25em; padding: 0; text-indent: 1.12em; } .submenu { margin-top: 0.40em; text-align: left; border: 1px solid #cfcfcf; border-top: 2px solid #f6560c; } .submenu li a { background-position: left top; line-height: 0.5em; } .submenu li a:hover { background-position: left bottom; } .witems { width: 31.3%; margin: 0 2% 2% 0; } #workcat ul li { font-size: 1.3em; margin-right: 2%; } #workcat ul li:last-child { margin-right: 0; } #blogaside { width: 31%; } #bloglist { width: 61%; } .blogitem .blstimg { width: 38%; } .blogitem .blstsum { width: 54%; margin-left: 2%; } #blogaside section, #blogaside #blogtags { width: 100%; padding: 0; } /*25-Jan-2016*/ .imgab { float: right; width: 50%; } /*25-Jan-2016*/ /*Sandeep-25-Jan-2016*/ .new-port { width: 25.3%; } /*Sandeep-25-Jan-2016*/ /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 8%; } .newmenu { display: block; } /*Sandeep-3-Mar-2016*/ /*Sandeep-9-Mar-2016*/ .new-disp-p { width: 60%; } .new-testimone { width: 30%; } .new-port-disp .new-new-style .new-port-img { width: 25%; } .new-port-disp .new-new-style .new-para { width: 70%; } .new-testimone .new-quote-img img { width: auto; } /*Sandeep-9-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 0px; top: 29px; } /*Sandeep-15-Mar-2016*/ } /* over 800px ----------- */ @media only screen and (min-width: 50em) { /* Styles */ #dispcon { background-color: #9CF; } #dispcon:before { content: "800px "; } /* all */ #homequote { font-size: 1.50em; } #footsecs section { width: 29.6%; } #relpcaro .rplogo { width: auto; } #relpcaro .rtprojtxt p { margin-left: 160px; margin-top: 0px; text-align: left; } #teamlist ul li { width: 29.2%; padding: 0 2%; } #conthouse article { width: 30.5%; margin: 2em 1.416%; } #contactbg { height: 560px; } .pdet ul li, .edet ul li { text-align: left; } /*25-Jan-2016*/ .imgab { float: right; width: 50%; } /*25-Jan-2016*/ /*Sandeep-25-Jan-2016*/ .new-port { width: 26.3%; } /*Sandeep-25-Jan-2016*/ /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 10%; } /*Sandeep-3-Mar-2016*/ } /* over 864px ----------- */ @media only screen and (min-width: 54em) { /* Styles */ #dispcon { background-color: #6CF; } #dispcon:before { content: "864px "; } /* all */ #topnav li a { padding: 0px 18px; } #homequote { font-size: 1.65em; } #custable .tabcols { width: 50%; } .tabcols .blueblk h6, .tabcols .blueblk p { padding: 7% 5%; } #custable { width: 65.3%; } #custlogo { width: 30%; } #teamlist ul li { width: 19.2%; padding: 0 2.4%; } #abtval ul li { width: 50%; } .submenu { padding: 0.75em 1.44em 1.13em 1.44em; } #workcat ul li { font-size: 1.5em; } #workcat li span { font-size: 15px; font-weight: 800; } #blogaside { width: 24%; } #bloglist { width: 68%; } .blogitem .blstimg { width: 30%; } .blogitem .blstsum { width: 66%; margin-left: 2%; } /*22-Jan-2016*/ /*#fourof3 { margin-top: 0%; }*/ /*22-Jan-2016*/ /*25-Jan-2016*/ .imgab { float: right; width: 50%; } /*25-Jan-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 0px; top: 28px; } /*Sandeep-15-Mar-2016*/ } @media only screen and (min-width: 58em) { /*25-Jan-2016*/ .imgab { float: right; width: 50%; } /*25-Jan-2016*/ /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 14%; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 0px; top: 32px; } /*Sandeep-15-Mar-2016*/ } /* iPads (landscape) 1024px ----------- */ @media only screen and (min-width: 64em) { /* Styles */ #dispcon { background-color: #F90; } #dispcon:before { content: "1024px "; } /* #container {background: url(../assets/ref/grid_12_1024.png) repeat-y center top;}*/ /* all */ #headsoico { display: block; } #topnav li a { /*25-Jan-2016*/ padding: 0 15px 10px; /*25-Jan-2016*/ } #homequote { font-size: 1.75em; } #footcopy { text-align: left; } #parfeatblk .pfetblk h4 { font-size: 1.375em; } #abtval ul li { width: 33%; } .witems { width: 23%; margin: 0 2% 2% 0; } #blogaside { width: 21%; } #bloglist { width: 71%; } .blogitem .blstimg { width: 28%; } .blogitem .blstsum { width: 68%; margin-left: 2%; } /*Sandeep-3-Mar-2016*/ #fourpar .wraps { margin: 0 1%; } /*Sandeep-3-Mar-2016*/ /*Sandeep-15-Mar-2016*/ .subsubmenu { left: 0px; top: 37px; } /*Sandeep-15-Mar-2016*/ } /* MacBook 13' (landscape) 1280px ----------- */ @media only screen and (min-width: 80em) { /* Styles */ #dispcon { background-color: #9C0; } /*25-Jan-2016*/ .imgab { float: right; width: 50%; margin-left: 20px; } #teamlist ul li { width: 14.8%; padding: 0 2.4%; } /*25-Jan-2016*/ /* #dispcon:before {content:"1280px ";}*/ } /* MacBook 15' (landscape) 1440px ----------- */ @media only screen and (min-width: 90em) { /* Styles */ #dispcon { background-color: #FF0; } /* #dispcon:before {content:"1440px ";}*/ } /* iMac 21' (landscape) 1920px ----------- */ @media only screen and (min-width: 120em) { /* Styles */ #dispcon { background-color: #96F; } /* #dispcon:before {content:"1920px ";}*/ } /* For Retina or 2x Displays Swap bg image with @2x image ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { /* Styles */ #dispcon { font-style: italic; } } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; 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) ")"; } /* Don't show links for images, or javascript/internal links */ .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; } 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; } } @charset "utf-8"; /* CSS Document */ .blogltxt p { display: block; margin: 1em 0 1em 0; } .blogltxt blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; } .blogltxt h1 { display: block; font-size: 2em; margin-before: 0.67em; margin-after: 0.67em; margin-start: 0; margin-end: 0; font-weight: bold; } .blogltxt h2 { display: block; font-size: 1.5em; margin-before: 0.83em; margin-after: 0.83em; margin-start: 0; margin-end: 0; font-weight: bold; } .blogltxt h3 { display: block; font-size: 1.17em; margin-before: 1em; margin-after: 1em; margin-start: 0; margin-end: 0; font-weight: bold; } .blogltxt h4 { display: block; margin-before: 1.33em; margin-after: 1.33em; margin-start: 0; margin-end: 0; font-weight: bold; } .blogltxt h5 { display: block; font-size: .83em; margin-before: 1.67em; margin-after: 1.67em; margin-start: 0; margin-end: 0; font-weight: bold; } .blogltxt h6 { display: block; font-size: .67em; margin-before: 2.33em; margin-after: 2.33em; margin-start: 0; margin-end: 0; font-weight: bold; } .blogltxt ul { display: block; list-style-type: disc; margin-before: 1em; margin-after: 1em; margin-start: 0; margin-end: 0; padding-start: 40px; margin-left: 1.3em; } .blogltxt ul li { display: list-item; text-align: -webkit-match-parent; } .blogltxt ol { display: block; list-style-type: decimal; margin-before: 1em; margin-after: 1em; margin-start: 0; margin-end: 0; padding-start: 40px; } .blogltxt ol li { display: list-item; text-align: -webkit-match-parent; } .blogltxt pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; } .blogltxt strong { font-weight: bold; } .blogltxt em { font-style: italic; } /* New Portfolio design */ .detail-portfolio{ margin-top:25px; } .detail-portfolio li{ float:left; width:100%; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #e5e3e3; } .port-head{ margin-bottom:20px; width:100%; float:left; } .port-head h2{ padding-bottom:5px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAAAAADRSSBWAAAAAnRSTlMAAHaTzTgAAAALSURBVHgBY1jHAAABXwCvtKiiTAAAAABJRU5ErkJggg=="); background-position:left bottom; background-repeat:repeat-x; color:#f6560c; font-size:16px; font-weight:normal; } .port-disp p{ width:100%; float:left; padding-bottom:0; margin:15px 10px 0 0; line-height:22px; font-size:14px; } .port-disp{ float:left; width:100%; } .port-img{ vertical-align:top; margin-right:10px; display:inline-block; width:20%; } .disp-p{ vertical-align:top; display:inline-block; width:70%; } .disp-p p a{ color:#f6560c; } .disp-p h2{ font-weight:bold; margin-bottom:7px; } p.proj{ margin-top:10px; float:left; width:100%; } p.proj-duration{ margin-top:0px; } /*.proj-duration span, .proj span{ font-style:italic; }*/ .description { width:100%; float:left; text-align: center; margin-bottom: 1%; } .description h2 { font-size: 40px; margin: 0 auto 20px; color: #000000; } .description h2 span { color: #06a497; } .description p { font-size: 18px; line-height: 24px; padding-bottom: 3px; margin: 0 auto; color: #323232; } .description a { font-size: 14px; margin: 0 auto 20px; color: #000000; text-decoration: none; } .description a span { color: #f6560c; } .manewitms b { color: #ffffff; } .manewitms u { color: #00B5EF; font-size: 11px; } .manewitms a { color: #ffffff; font-size: 11px; } .manewitms a span { color: #35BC7A; font-size: 11px; } #mafeed form { margin-top: 4%; } #footsecs section h6 { border-bottom: 1px solid #f6560c; } #macont address { color: #ffffff; } #locmap a { color: #00B5EF; } /*#fourpar{ margin-top:20px; }*/ footer { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAKUlEQVR4AWNQUjIFAiUlGI0pAKEQJKYAjAEVwhTAMJQMAcK2EHYpYVsAYXgt4S8wkL4AAAAASUVORK5CYII="); background-position: center top; background-size: 8px 8px; } #footcopy { color: #ffffff; text-align: center; } #abtxt a { color: #f6560c; } .port-disp .new-style { width: 100%; float: left; border: 2px solid #ffffff; } .port-disp .new-style .proj { color: #000000; line-height: 10px; font-size: 14px; } .port-disp .new-style .proj .proje { font-weight: bold; font-style: italic; } .port-disp .new-style .proje span { color: #E87E04; font-size: 18px; font-weight: 600; display:block; line-height:21px;} .expanded { display: block !important; } /* search box design from base.html date-08-03-16 */ .searchinfo { background: none; border: 1px solid #eee; height: 28px; margin-top: 15px; margin-right: 10px; padding: 3px; float: right; } .searchinfo input.find { border: 0 none; color: #161617; padding: 5px 10px; width: auto; } .searchinfo input.bttn { background: url(/static/images/search1.png); no-repeat; border: 0 none; height: 21px; margin-top: 0px; width: 21px; vertical-align: middle; } /* end of search box design date-08-03-16 */ /* css for animations */ .css3_div { -webkit-animation-duration: 4.8s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: first; -moz-animation-duration: 4.8s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: first; -ms-animation-duration: 4.8s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: first; animation-duration: 4.8s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: first; } @-webkit-keyframes first { 0% {-webkit-transform: translate(000px,1500px);} 20% {-webkit-transform: translate(000px,65px);} 25%,65%,75% {-webkit-transform: translate(000px,85px);} 100% {-webkit-transform: translate(000px,-300px);} } @-moz-keyframes first { 0% {-moz-transform: translate(000px,1500px);} 20% {-moz-transform: translate(000px,65px);} 25%,65%,75% {-moz-transform: translate(000px,85px);} 100% {-moz-transform: translate(000px,-300px);} } @-ms-keyframes first { 0% {-ms-transform: translate(000px,1500px);} 20% {-ms-transform: translate(000px,65px);} 25%,65%,75% {-ms-transform: translate(000px,85px);} 100% {-ms-transform: translate(000px,-300px);} } @keyframes first { 0% {transform: translate(000px,1500px);} 20% {transform: translate(000px,65px);} 25%,65%,75% {transform: translate(000px,85px);} 100% {transform: translate(000px,-300px);} } .txtcss { vertical-align: top; text-align: center; color: #a0711a; font-family: 'Roboto'; margin-left: 10px; height:95px; overflow: hidden; -webkit-animation-delay: 1.3s;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: txtcss; -moz-animation-delay: 1.3s;-moz-animation-duration: 1s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: txtcss; -ms-animation-delay: 1.3s;-ms-animation-duration: 1s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: txtcss; animation-delay: 1.3s;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: txtcss; } @-webkit-keyframes txtcss { 0% {opacity:0;} 100% {opacity:1;} } .html5_div { -webkit-animation-delay: 4s;-webkit-animation-duration: 4.8s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: second; -moz-animation-delay: 4s;-moz-animation-duration: 4.8s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: second; -ms-animation-delay: 4s;-ms-animation-duration: 4.8s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: second; animation-delay: 4s;animation-duration: 4.8s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: second; } @-webkit-keyframes second { 0% {-webkit-transform: translate(000px,1500px);} 20% {-webkit-transform: translate(000px,-165px);} 25%,65% {-webkit-transform: translate(000px,-145px);} 100% {-webkit-transform: scale(0.5);} } @-moz-keyframes second { 0% {-moz-transform: translate(000px,1500px);} 20% {-moz-transform: translate(000px,-165px);} 25%,65% {-moz-transform: translate(000px,-145px);} 100% {-moz-transform: scale(0.5);} } @-ms-keyframes second { 0% {-ms-transform: translate(000px,1500px);} 20% {-ms-transform: translate(000px,-165px);} 25%,65% {-ms-transform: translate(000px,-145px);} 100% {-ms-transform: scale(0.5);} } @keyframes second { 0% {transform: translate(000px,1500px);} 20% {transform: translate(000px,-165px);} 25%,65% {transform: translate(000px,-145px);} 100% {transform: scale(0.5);} } .txthtml { vertical-align: top; text-align: center; color: #a0711a; font-family: 'Roboto'; margin-left: 10px; height:95px; overflow: hidden; -webkit-animation-delay: 5.5s;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: txthtml; -moz-animation-delay: 5.5s;-moz-animation-duration: 1s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: txthtml; -ms-animation-delay: 5.5s;-ms-animation-duration: 1s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: txthtml; animation-delay: 5.5s;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: txthtml; } @-webkit-keyframes txthtml { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes txthtml { 0% {opacity:0;} 100% {opacity:1;} } @-ms-keyframes txthtml { 0% {opacity:0;} 100% {opacity:1;} } @keyframes txthtml { 0% {opacity:0;} 100% {opacity:1;} } #home-bann .cycle-slide-active.trycss { /* position: absolute; top: 75px; font-family: 'Roboto'; width: 400px color:#a0711a;; margin-left: 50%; left:-200px;*/ -webkit-animation-delay: 9s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: try; -moz-animation-delay: 9s;-moz-animation-duration: 2.5s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: try; -ms-animation-delay: 9s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: try; animation-delay: 9s;animation-duration: 2.5s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: try; } @-webkit-keyframes try { 0% {-webkit-transform: scale(0);} 10% {-webkit-transform: scale(1.2);} 20% {-webkit-transform: scale(1);} 80% {-webkit-transform: translate(000px,0px);} 100% {-webkit-transform: translate(000px,-300px);} } @-moz-keyframes try { 0% {-moz-transform: scale(0);} 10% {-moz-transform: scale(1.2);} 20% {-moz-transform: scale(1);} 80% {-moz-transform: translate(000px,0px);} 100% {-moz-transform: translate(000px,-300px);} } @-ms-keyframes try { 0% {-ms-transform: scale(0);} 10% {-ms-transform: scale(1.2);} 20% {-ms-transform: scale(1);} 80% {-ms-transform: translate(000px,0px);} 100% {-ms-transform: translate(000px,-300px);} } @keyframes try { 0% {transform: scale(0);} 10% {transform: scale(1.2);} 20% {transform: scale(1);} 80% {transform: translate(000px,0px);} 100% {transform: translate(000px,-300px);} } .shareit { position: absolute; font-family: 'Roboto'; top: 75px; color:#a0711a; width: 400px; margin-left: 50%; left:-200px; -webkit-animation-delay: 12s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: both;-webkit-animation-name: share; -moz-animation-delay: 12s;-moz-animation-duration: 2.5s;-moz-animation-iteration-count: 1;-moz-animation-fill-mode: both;-moz-animation-name: share; -ms-animation-delay: 12s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: both;-ms-animation-name: share; animation-delay: 12s;animation-duration: 2.5s;animation-iteration-count: 1;animation-fill-mode: both;animation-name: share; } @-webkit-keyframes share { 0% {-webkit-transform: scale(0);} 10% {-webkit-transform: scale(1.2);} 20% {-webkit-transform: scale(1);} 80% {-webkit-transform: translate(000px,0px);} 100% {-webkit-transform: translate(000px,-300px);} } @-moz-keyframes share { 0% {-moz-transform: scale(0);} 10% {-moz-transform: scale(1.2);} 20% {-moz-transform: scale(1);} 80% {-moz-transform: translate(000px,0px);} 100% {-moz-transform: translate(000px,-300px);} } @-ms-keyframes share { 0% {-ms-transform: scale(0);} 10% {-ms-transform: scale(1.2);} 20% {-ms-transform: scale(1);} 80% {-ms-transform: translate(000px,0px);} 100% {-ms-transform: translate(000px,-300px);} } @keyframes share { 0% {transform: scale(0);} 10% {transform: scale(1.2);} 20% {transform: scale(1);} 80% {transform: translate(000px,0px);} 100% {transform: translate(000px,-300px);} } /* css for new animations */ .portfolio-cont p { font-size: 14px; }