<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> | <data:blog.title/> <b:else/> 404 | <data:blog.title/> </b:if> </b:if> ul { margin:7px 0; } .main-menu li { position:relative; display:block; width:250px; } .main-menu li>a { position:relative; display:table; border-collapse:collapse; border-spacing:0; color:#999; font-family: arial; font-size: 14px; text-decoration:none; -webkit-transform:translateZ(0) scale(1,1); -webkit-transition:all .1s linear; transition:all .1s linear; } .main-menu .nav-icon { position:relative; display:table-cell; width:60px; height:36px; text-align:center; vertical-align:middle; font-size:18px; } .main-menu .nav-text { position:relative; display:table-cell; vertical-align:middle; width:190px; font-family: 'Titillium Web', sans-serif; } .main-menu>ul.logout { position:absolute; left:0; bottom:0; } .no-touch .scrollable.hover { overflow-y:hidden; } .no-touch .scrollable.hover:hover { overflow-y:auto; overflow:visible; } nav { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; } nav ul,nav li { outline:0; margin:0; padding:0; } .main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a { color:#fff; background-color:#5fa2db; } .area { float: left; background: #e2e2e2; width: 100%; height: 100%; } @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff'); } .topt{ width:100%; height:670px; margin-top:-80px; top:0; background-attachment:fixed; } .topt h1{ color:#fff; padding-top:300px; font-size:80px; line-height:80px; font-family:'Arial'; text-align:center; text-decoration:none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .topt h2{ text-align:center; padding-top:120px; } .topt h2 a{ padding:10px; 20px 10px; } .topt h1:hover{ color: transparent; text-shadow: 0 0 15px #fff; } .lat h1{ text-align:center; letter-spacing:15px; font-family:'Raleway'; font-size:15px; font-weight:400; color:#117bcc; border-bottom:1px solid #eaeaea; text-transform:uppercase; } ::-webkit-scrollbar { background:#fff; width:8px; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); background-image: -webkit-linear-gradient(top, #169aff 10%, #169aff 51%); } ::-webkit-scrollbar-track { } .container { margin-right: auto; margin-left: auto; width:964px; } .services { display: block; padding: 60px 0; position: relative; background:#fff; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .row { margin-left: -20px; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .span12 { width: 964px; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .titleHead { display: block; position: relative; text-align: center; } .titleHead > h3 { font-family: open sans; font-size: 45px; font-weight: 900; letter-spacing: -1px; line-height: 1.8; text-transform: capitalize; } .titleHead > p { color: #95A5A6; font-size: 18px; line-height: 1.3; margin-bottom: 30px; } .divider { position: relative; display: inline-block; width: 100%; margin: 30px auto 60px; text-align: center; } .divLine { margin: 15px 0 0; display: block; height: 1px; width: 50%; float: left; background: #bdc3c7; opacity: 0.5; } .divImg { float: left; font-size: 24px; width: 10%; } .row:after { clear: both; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .servContent:hover { cursor: pointer; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .servContent .ico { width: 55px; text-align: center; float: left; margin-top: 5px; } .servDetil { margin-left: 80px; } .servContent:hover h4 { color: #169aff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .servDetil h4 { font-family: open sans; font-size: 18px; font-weight: 600; margin: 0 0 10px; text-transform: uppercase; } .servDetil p { line-height: 20px; font-size: 13px; } .span4 { width: 300px; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .servContent { margin-bottom: 20px; } .team,.portfolio, .blog, .contact{ padding: 60px 0; position: relative; } .team{ width:100%; height:900px; background:url(http://s27.postimg.org/jnkh1xi2r/team.jpg) no-repeat; background-size:100% auto; background-attachment:fixed; } .aboutPage{ background:#f2f2f2; } .profile {} .profPeople{border-bottom:1px solid transparent;z-index:99;position:relative;} .profPeople:hover{-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .myTeam .photoTeam{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);} .myTeam .photoTeam .overlay,.myTeam .photoTeam .socialTeam{left:0;top:0;width:100%;height:100%;position:absolute;z-index:2} .myTeam .photoTeam .overlay{ /* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center center, circle farthest-corner, rgba(85,85,85,.3) 0%, rgba(81,81,81,.1) 50%, rgba(0,0,0,.5) 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center center, circle farthest-corner, rgba(85,85,85,.3) 0%, rgba(81,81,81,.1) 50%, rgba(0,0,0,.5) 100%); /* Opera */ background-image: -o-radial-gradient(center center, circle farthest-corner, rgba(85,85,85,.3) 0%, rgba(81,81,81,.1) 50%, rgba(0,0,0,.5) 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center center, 0, center bottom, 477, color-stop(0, rgba(85,85,85,.3)), color-stop(0.5, rgba(81,81,81,.1)), color-stop(1, rgba(0,0,0,.5))); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center center, circle farthest-corner, rgba(85,85,85,.3) 0%, rgba(81,81,81,.1) 50%, rgba(0,0,0,.5) 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(circle farthest-corner at center center, rgba(85,85,85,.3) 0%, rgba(81,81,81,.3) 50%, rgba(0,0,0,.5) 100%); -webkit-transition:opacity 600ms ease-in-out;-moz-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out } .myTeam .photoTeam .socialTeam{ text-align:center; margin-top:100%; -webkit-transition:400ms ease-in-out; -webkit-transition-property:opacity,top; -moz-transition:400ms ease-in-out; -moz-transition-property:opacity,top; transition:400ms ease-in-out; transition-property:opacity,top } .myTeam .photoTeam .socialTeam,.myTeam .photoTeam:hover .overlay{opacity:0;} .myTeam .photoTeam:hover .socialTeam{top:-50%;opacity:1;} .myTeam .photoTeam .socialTeam ul{text-align:center;background-color:rgba(26, 188, 156,.8);} .myTeam .photoTeam .socialTeam ul,.myTeam .photoTeam .socialTeam ul li{margin:0;padding:0;list-style:none;display:inline-block;} .myTeam .photoTeam .socialTeam ul li{display:inline-block;*zoom:1;*display:inline-block} .myTeam .photoTeam .socialTeam ul li a{color:#fff;display:block;width:40px;height:40px;text-align:center;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;transition:color .1s ease-in-out;line-height:50px;font-size: 18px} .myTeam .photoTeam .socialTeam ul li a:hover{color:#333;} .myTeam .photoTeam .socialTeam ul li a [class*="zocial-"]{width:40px;height:40px;line-height:40px} .myTeam .photoTeam img{min-width:100%;vertical-align:top} .myTeam .photoTeam:hover img{-webkit-filter:none;-moz-filter:none} .myTeam .info{padding:15px 0;text-align:center;border-bottom:2px solid transparent;line-height:1.6;background:#fff;} .mask-loaded .myTeam .span4:nth-child(2n) .info,.mask-loaded .myTeam .span4:nth-child(2n) .info{-webkit-mask-position:center top} .mask-loaded .myTeam .span4:nth-child(3n) .info,.mask-loaded .myTeam .span4:nth-child(3n) .info{-webkit-mask-position:right bottom} .myTeam .info .name,.myTeam .info .job{display:block}.myTeam .info .name{text-transform:uppercase;font-size:24px;font-family:'BebasNeue',Arial,Helvetica,sans-serif} .myTeam .profPeople:hover .info{ background:#169aff; color:#fff; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .myTeam .profPeople:hover .info .job{ color: #FFFFFF; } .info .job { color: #95A5A6; font-family: Open Sans,sans-serif; font-size: 12px; font-weight: 500; } .info > p { display: block; font-size: medium; padding: 10px 10px 0; text-align: left; } .myTeam .photoTeam { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); } .profPeople:hover { -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .span3 { width: 226px; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .profPeople { border-bottom: 1px solid transparent; z-index: 99; position: relative; } .info > p { display: block; font-size: medium; padding: 10px 10px 0; text-align: left; } .myTeam .info .name { text-transform: uppercase; font-size: 20px; font-family: 'Raleway'; } .myTeam .info .name, .myTeam .info .job { display: block; } Inherited from div.info .myTeam .info { padding: 15px 0; text-align: center; border-bottom: 2px solid transparent; line-height: 1.6; background: #fff; } .myTeam .info .name, .myTeam .info .job { display: block; } .info .job { color: #95A5A6; font-family: Open Sans,sans-serif; font-size: 12px; font-weight: 500; } .myTeam .photoTeam .socialTeam ul li a { color: #fff; display: block; width: 40px; height: 40px; text-align: center; -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; transition: color .1s ease-in-out; line-height: 50px; font-size: 18px; } a [class^="icon-"], a [class*=" icon-"] { display: inline; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url("../images/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot?v=3.0.1'); src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} [class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;} .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} a [class^="icon-"],a [class*=" icon-"]{display:inline;} [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} [class^="icon-"].hide,[class*=" icon-"].hide{display:none;} .icon-muted{color:#eeeeee;} .icon-light{color:#ffffff;} .icon-dark{color:#333333;} .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .pull-right{float:right;} .pull-left{float:left;} [class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} [class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} [class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;} .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope-alt:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-power-off:before,.icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-gear:before,.icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file-alt:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-gears:before,.icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up-alt:before{content:"\f087";} .icon-thumbs-down-alt:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-lightbulb:before{content:"\f0eb";} .icon-exchange:before{content:"\f0ec";} .icon-cloud-download:before{content:"\f0ed";} .icon-cloud-upload:before{content:"\f0ee";} .icon-user-md:before{content:"\f0f0";} .icon-stethoscope:before{content:"\f0f1";} .icon-suitcase:before{content:"\f0f2";} .icon-bell-alt:before{content:"\f0f3";} .icon-coffee:before{content:"\f0f4";} .icon-food:before{content:"\f0f5";} .icon-file-text-alt:before{content:"\f0f6";} .icon-building:before{content:"\f0f7";} .icon-hospital:before{content:"\f0f8";} .icon-ambulance:before{content:"\f0f9";} .icon-medkit:before{content:"\f0fa";} .icon-fighter-jet:before{content:"\f0fb";} .icon-beer:before{content:"\f0fc";} .icon-h-sign:before{content:"\f0fd";} .icon-plus-sign-alt:before{content:"\f0fe";} .icon-double-angle-left:before{content:"\f100";} .icon-double-angle-right:before{content:"\f101";} .icon-double-angle-up:before{content:"\f102";} .icon-double-angle-down:before{content:"\f103";} .icon-angle-left:before{content:"\f104";} .icon-angle-right:before{content:"\f105";} .icon-angle-up:before{content:"\f106";} .icon-angle-down:before{content:"\f107";} .icon-desktop:before{content:"\f108";} .icon-laptop:before{content:"\f109";} .icon-tablet:before{content:"\f10a";} .icon-mobile-phone:before{content:"\f10b";} .icon-circle-blank:before{content:"\f10c";} .icon-quote-left:before{content:"\f10d";} .icon-quote-right:before{content:"\f10e";} .icon-spinner:before{content:"\f110";} .icon-circle:before{content:"\f111";} .icon-mail-reply:before,.icon-reply:before{content:"\f112";} .icon-github-alt:before{content:"\f113";} .icon-folder-close-alt:before{content:"\f114";} .icon-folder-open-alt:before{content:"\f115";} .icon-expand-alt:before{content:"\f116";} .icon-collapse-alt:before{content:"\f117";} .icon-smile:before{content:"\f118";} .icon-frown:before{content:"\f119";} .icon-meh:before{content:"\f11a";} .icon-gamepad:before{content:"\f11b";} .icon-keyboard:before{content:"\f11c";} .icon-flag-alt:before{content:"\f11d";} .icon-flag-checkered:before{content:"\f11e";} .icon-terminal:before{content:"\f120";} .icon-code:before{content:"\f121";} .icon-reply-all:before{content:"\f122";} .icon-mail-reply-all:before{content:"\f122";} .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} .icon-location-arrow:before{content:"\f124";} .icon-crop:before{content:"\f125";} .icon-code-fork:before{content:"\f126";} .icon-unlink:before{content:"\f127";} .icon-question:before{content:"\f128";} .icon-info:before{content:"\f129";} .icon-exclamation:before{content:"\f12a";} .icon-superscript:before{content:"\f12b";} .icon-subscript:before{content:"\f12c";} .icon-eraser:before{content:"\f12d";} .icon-puzzle-piece:before{content:"\f12e";} .icon-microphone:before{content:"\f130";} .icon-microphone-off:before{content:"\f131";} .icon-shield:before{content:"\f132";} .icon-calendar-empty:before{content:"\f133";} .icon-fire-extinguisher:before{content:"\f134";} .icon-rocket:before{content:"\f135";} .icon-maxcdn:before{content:"\f136";} .icon-chevron-sign-left:before{content:"\f137";} .icon-chevron-sign-right:before{content:"\f138";} .icon-chevron-sign-up:before{content:"\f139";} .icon-chevron-sign-down:before{content:"\f13a";} .icon-html5:before{content:"\f13b";} .icon-css3:before{content:"\f13c";} .icon-anchor:before{content:"\f13d";} .icon-unlock-alt:before{content:"\f13e";} .icon-bullseye:before{content:"\f140";} .icon-ellipsis-horizontal:before{content:"\f141";} .icon-ellipsis-vertical:before{content:"\f142";} .icon-rss-sign:before{content:"\f143";} .icon-play-sign:before{content:"\f144";} .icon-ticket:before{content:"\f145";} .icon-minus-sign-alt:before{content:"\f146";} .icon-check-minus:before{content:"\f147";} .icon-level-up:before{content:"\f148";} .icon-level-down:before{content:"\f149";} .icon-check-sign:before{content:"\f14a";} .icon-edit-sign:before{content:"\f14b";} .icon-external-link-sign:before{content:"\f14c";} .icon-share-sign:before{content:"\f14d";} .icon-compass:before{content:"\f14e";} .icon-collapse:before{content:"\f150";} .icon-collapse-top:before{content:"\f151";} .icon-expand:before{content:"\f152";} .icon-euro:before,.icon-eur:before{content:"\f153";} .icon-gbp:before{content:"\f154";} .icon-dollar:before,.icon-usd:before{content:"\f155";} .icon-rupee:before,.icon-inr:before{content:"\f156";} .icon-yen:before,.icon-jpy:before{content:"\f157";} .icon-renminbi:before,.icon-cny:before{content:"\f158";} .icon-won:before,.icon-krw:before{content:"\f159";} .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} .icon-file:before{content:"\f15b";} .icon-file-text:before{content:"\f15c";} .icon-sort-by-alphabet:before{content:"\f15d";} .icon-sort-by-alphabet-alt:before{content:"\f15e";} .icon-sort-by-attributes:before{content:"\f160";} .icon-sort-by-attributes-alt:before{content:"\f161";} .icon-sort-by-order:before{content:"\f162";} .icon-sort-by-order-alt:before{content:"\f163";} .icon-thumbs-up:before{content:"\f164";} .icon-thumbs-down:before{content:"\f165";} .icon-youtube-sign:before{content:"\f166";} .icon-youtube:before{content:"\f167";} .icon-xing:before{content:"\f168";} .icon-xing-sign:before{content:"\f169";} .icon-youtube-play:before{content:"\f16a";} .icon-dropbox:before{content:"\f16b";} .icon-stackexchange:before{content:"\f16c";} .icon-instagram:before{content:"\f16d";} .icon-flickr:before{content:"\f16e";} .icon-adn:before{content:"\f170";} .icon-bitbucket:before{content:"\f171";} .icon-bitbucket-sign:before{content:"\f172";} .icon-tumblr:before{content:"\f173";} .icon-tumblr-sign:before{content:"\f174";} .icon-long-arrow-down:before{content:"\f175";} .icon-long-arrow-up:before{content:"\f176";} .icon-long-arrow-left:before{content:"\f177";} .icon-long-arrow-right:before{content:"\f178";} .icon-apple:before{content:"\f179";} .icon-windows:before{content:"\f17a";} .icon-android:before{content:"\f17b";} .icon-linux:before{content:"\f17c";} .icon-dribbble:before{content:"\f17d";} .icon-skype:before{content:"\f17e";} .icon-foursquare:before{content:"\f180";} .icon-trello:before{content:"\f181";} .icon-female:before{content:"\f182";} .icon-male:before{content:"\f183";} .icon-gittip:before{content:"\f184";} .icon-sun:before{content:"\f185";} .icon-moon:before{content:"\f186";} .icon-archive:before{content:"\f187";} .icon-bug:before{content:"\f188";} .icon-vk:before{content:"\f189";} .icon-weibo:before{content:"\f18a";} .icon-renren:before{content:"\f18b";} .container { overflow: hidden; margin:0 auto; padding-bottom: 20px; } h1 {color:#2c3e50;} h4 a {color:#ff9715; text-decoration:none;} h4 a:hover{color:#2c3e50;} .tiny { float: left; margin:20px 5px; background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIfP378zwjjgzj8/PyMYAEYB8RmROaABAAVMg/XkcvroQAAAABJRU5ErkJggg== ) repeat; -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); border:1px solid #14937a; border-bottom:10px solid #14937a; } .small { float: left; margin:20px 5px;background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIfP378zwjjgzj8/PyMYAEYB8RmROaABAAVMg/XkcvroQAAAABJRU5ErkJggg== ) repeat; -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); border:1px solid #cd8109; border-bottom:10px solid #cd8109; } .medium { float: left; margin:20px 5px;background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIfP378zwjjgzj8/PyMYAEYB8RmROaABAAVMg/XkcvroQAAAABJRU5ErkJggg== ) repeat; -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); border:1px solid #a12f23; border-bottom:10px solid #a12f23; } .pro { float: left; margin:20px 5px;background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIfP378zwjjgzj8/PyMYAEYB8RmROaABAAVMg/XkcvroQAAAABJRU5ErkJggg== ) repeat; -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); border:1px solid #1d6391; border-bottom:10px solid #1d6391; } .pricing-table strong { font-weight: 700; color: #3d3d3d; } .pricing-table-header-tiny { padding: 5px 0 5px 0; background: #16a085; border-bottom:10px solid #14937a; } .pricing-table-header-small { padding: 5px 0 5px 0; background: #f39c12; border-bottom:10px solid #cd8109; } .pricing-table-header-medium { padding: 5px 0 5px 0; background: #c0392b; border-bottom:10px solid #a12f23; } .pricing-table-header-pro { padding: 5px 0 5px 0; background: #2980b9; border-bottom:10px solid #1d6391; } .pricing-table-header-tiny h2, .pricing-table-header-small h2, .pricing-table-header-medium h2, .pricing-table-header-pro h2 { font-weight: 700; color:#FFF; text-align:center; } .pricing-table-header-tiny h3, .pricing-table-header-small h3, .pricing-table-header-medium h3, .pricing-table-header-pro h3 { font-weight: 500; color:#FFF; text-align:center; } .pricing-table-text { margin: 15px 30px 0 30px; padding: 0 10px 15px 10px; border-bottom: 1px solid #ddd; text-align: left; line-height: 30px; font-size: 16px; color: #888; } .pricing-table-features { padding: 10px 10px 15px 10px; border-bottom: 1px dashed #888; text-align: center; line-height: 20px; font-size: 14px; color: #888; background:#fff; } .pricing-table-signup-tiny { margin-top: 25px; padding-bottom: 10px; } .pricing-table-signup-tiny a { display: inline-block; width:50%; height: 50px; background: #16a085; line-height: 50px; text-align:center; color: #fff; text-decoration: none; text-transform: uppercase; } .pricing-table-signup-tiny p, .pricing-table-signup-small p, .pricing-table-signup-medium p, .pricing-table-signup-pro p{ text-align:center; } .pricing-table-signup-tiny a:hover { text-decoration: none; background: #14937a; color: #fff; } .pricing-table-signup-tiny a:active { background: #14937a; color: #fff; } .pricing-table-signup-small { margin-top: 25px; padding-bottom: 10px; } .pricing-table-signup-small a { display: inline-block; width:50%; height: 50px; background: #f39c12; line-height: 50px; text-align:center; color: #fff; text-decoration: none; text-transform: uppercase; } .pricing-table-signup-small a:hover { text-decoration: none; background-color:#cd8109; color: #fff; } .pricing-table-signup-small a:active { background-color:#cd8109; color: #fff; } .pricing-table-signup-medium { margin-top: 25px; padding-bottom: 10px; } .pricing-table-signup-medium a { display: inline-block; width:50%; height: 50px; background: #c0392b; line-height: 50px; text-align:center; color: #fff; text-decoration: none; text-transform: uppercase; } .pricing-table-signup-medium a:hover { text-decoration: none; background-color:#a12f23; color:#FFF; } .pricing-table-signup-medium a:active { background-color:#a12f23; color: #fff; } .pricing-table-signup-pro { margin-top: 25px; padding-bottom: 10px; } .pricing-table-signup-pro a { display: inline-block; width:50%; height: 50px; background: #2980b9; line-height: 50px; text-align:center; color: #fff; text-decoration: none; text-transform: uppercase; } .pricing-table-signup-pro a:hover { text-decoration: none; background-color:#1d6391; color: #fff; } .pricing-table-signup-pro a:active { background-color:#1d6391; color: #fff; } .pricing{ width:964px; padding:auto; margin:auto; background:transparent; height:900px; } .bprice{ width:100%; background:url(http://s22.postimg.org/eu4rg8f8x/pricing.jpg) no-repeat; background-attachment:fixed; background-size:100% 100%; } /*-=-=-=-=-=-=-=-=-=-=-=- */ /* Column Grids */ /*-=-=-=-=-=-=-=-=-=-=-=- */ #projects{ width:964px; padding:auto; margin:auto; height:700px; background:transparent;} .proj{background:url(http://s27.postimg.org/nqy0dulqr/whatwedit.jpg) no-repeat; background-attachment:fixed; background-size:100%; width:100%; height:700px;} .col_half { width: 49%; } .col_third { width: 32%; } .col_fourth { width: 23.5%; } .col_fifth { width: 18.4%; } .col_sixth { width: 15%; } .col_three_fourth { width: 74.5%;} .col_twothird{ width: 66%;} .col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth{ position: relative; display:inline; display: inline-block; float: left; margin-right: 2%; margin-bottom: 20px; } .end { margin-right: 0 !important; } /* Column Grids End */ .wrapper { width: 980px; margin: 30px auto; position: relative;} .counter { background-color: #ffffff; padding: 20px 0; } .count-title { font-size: 40px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; } .count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; } .fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; } @import url(http://fonts.googleapis.com/css?family=Open+Sans); #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { width: 700px; float:right; height:100px; font-family: 'Open Sans', sans-serif; line-height: 1; background: #ffffff; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #009ae1; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #cssmenu > ul > li { float: left; padding-top:25px; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > a { padding: 20px; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #000000; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #009ae1; } #cssmenu > ul > li.has-sub > a { padding-right: 25px; } #cssmenu > ul > li.has-sub > a::after { position: absolute; top: 21px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu > ul > li.has-sub:hover > a::after { border-color: #009ae1; } #cssmenu ul ul { position: absolute; left: -9999px; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { right: 0; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } #cssmenu ul li:hover > ul > li { height: 32px; } #cssmenu ul ul li a { padding: 10px 20px; width: 160px; font-size: 12px; background: #333333; text-decoration: none; color: #dddddd; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; } #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after { border-color: #ffffff; } @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu { width: 100%; z-index:999; } #cssmenu ul { width: 100%; display: none; } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left; z-index:999; } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); z-index:999; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu ul ul li a { padding: 20px 20px 20px 30px; font-size: 12px; color: #000000; background: none; z-index:999; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #000000; } #cssmenu ul ul ul li a { padding-left: 40px; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } #menu-line { display: none; } #cssmenu #menu-button { display: block; padding: 20px; color: #000000; cursor: pointer; font-size: 12px; text-transform: uppercase; } #cssmenu #menu-button::after { content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 2px; background: #000000; } #cssmenu #menu-button::before { content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; } #cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; } #cssmenu .submenu-button::after { content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99; } #cssmenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; background: #000000; z-index: 99; } #cssmenu .submenu-button.submenu-opened:after { display: none; } } .contactus{ width:100%; height:900px; } #contactwidget{ width:400px; } .contactwidget{ 400px; } .belowcontact{ width:964px; height:900px; padding:auto; margin:auto; } .contactinfo{ width:420px; height:500px; float:left; padding:30px 0 0 0; } .contactinfo h1{ font-family:'Raleway'; font-size:40px; line-height:40px; } .contactform{ width:430px; height:500px; float:right; padding:30px 0px 0px 0px; } /* Contact Form Container */ .contact-form-widget { width: 500px; max-width: 100%; margin: 0 auto; padding: 10px; background-color: rgba(255, 132, 138, 0.6); color: #000; } /* Fields and submit button */ .contact-form-name, .contact-form-email, .contact-form-email-message { width: 100%; max-width: 100%; margin-bottom: 10px; height:40px!important; border:none!important; background:#eaeaea!important; color:#5d5d5d!important; font-size:22px; font-family:'Raleway'; padding:5px 10px 5px; } .contact-form-email-message{ height:100px!important; font-size:16px!important; } /* Submit button style */ .contact-form-button-submit { background: #169aff; color: #585858; width: 100%; max-width: 100%; height:50px; margin-bottom: 10px; font-size:24px; font-family:'Raleway'; } /* Submit button on mouseover */ .contact-form-button-submit:hover{ background: #4C8EF9; color: #ffffff; } @media screen and (max-width : 1280px) { /* CSS FOR NETBOOK AND DESKTOP ------------*/ } @media screen and (max-width : 1024px) { /* CSS FOR TABLETS ------------*/ } @media screen and (max-width : 768px) { .span4{width:100%; max-width:700px;} } @media screen and (max-width : 640px) { /* CSS FOR IPHONE ------------*/ } @media screen and (max-width : 480px) { /* CSS FOR MOBILES ------------*/ } @media screen and (max-width : 320px) { /* CSS FOR SMALL OLD MOBILES ------------*/ } ]]>

We //build themes

Our Services

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.

ma

Responsive

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

Quick Launch

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

Awesome features

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

Font icons

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

plasma

Documentation

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

plasma

Fully Tested

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

plasma

File Protection

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

plasma

Twitter Bootstrap

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

plasma

Retina Ready

Sed nec nunc justo. In eget lacus ead. Cras ac nisi mauris, eu bibendum est. Sed lacinia, augue vitae cursus culis, ligula lacus ornare risus benaro sero.

We have done So Far

Nullam ut consectetur dolor. Sed sit amet iaculis nisi. Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.

Projects

Cup Of Coffee

Satisfied Customers

Franchises

Our Work

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate nisi nec laoreet bibendum. Etiam dictum massa sagittis fringilla tincidunt.

</div></div> <div class="date-outer">

<div class="date-posts">
</div></div>

Share & Comment
 

Our Team

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.
Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.

Samingun Wagio Creative Consultant

Dicant vocent nominavi ex namo, labor probatus neci, duo sonetaw vocent repre hendunt ei. Pondem reprimiue per gamen aderol duil.

Sumiyatun Dian Project Manager

Dicant vocent nominavi ex namo, labor probatus neci, duo sonetaw vocent repre hendunt ei. Pondem reprimiue per gamen aderol duil.

Bambang Wage Graphic Designer

Dicant vocent nominavi ex namo, labor probatus neci, duo sonetaw vocent repre hendunt ei. Pondem reprimiue per gamen aderol duil.

Christian Subandi Web Programmer

Dicant vocent nominavi ex namo, labor probatus neci, duo sonetaw vocent repre hendunt ei. Pondem reprimiue per gamen aderol duil.

Pricing

Nullam ut consectetur dolor. Sed sit amet iaculis nisi.Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.

€ 15/mo

Tiny

Unlimited Email Addresses

50GB Disk Space

Unlimited MySQL Databases

Unlimited Domains

Free Billing Systems

€ 29/mo

Small

Unlimited Email Addresses

80GB Disk Space

Unlimited MySQL Databases

Unlimited Domains

Free Billing Systems

€ 69/mo

Medium

Unlimited Email Addresses

120GB Disk Space

Unlimited MySQL Databases

Unlimited Domains

Free Billing Systems

€ 99/mo

Pro

Unlimited Email Addresses

120GB Disk Space

Unlimited MySQL Databases

Unlimited Domains

Free Billing Systems

Contact Us

Nullam ut consectetur dolor. Sed sit amet iaculis nisi. Mauris elementum non felis et blandit. Vestibulum iaculis quam nec diam.

When ever faced any problem regarding us, feel free to contact US and let us know


*

*