*,menu,ul{margin:0;padding:0}.main-area h1,.port-nav li a,.portfoliomain h1{text-transform:uppercase}.cd-active.cd-dropdown ul li span,.cd-active.cd-dropdown>span,.cd-dropdown ul li:nth-last-child(-n+3) span,.cd-dropdown>span{box-shadow:0 1px 1px rgba(0,0,0,.1)}@font-face{font-family:HelveticaNeueLight;src:url(../fonts/helveticaneue-light.eot);src:url(../fonts/helveticaneue-light.eot) format('embedded-opentype'),url(../fonts/helveticaneue-light.woff) format('woff'),url(../fonts/helveticaneue-light.ttf) format('truetype'),url(../fonts/helveticaneue-light.svg#HelveticaNeueLight) format('svg')}@font-face{font-family:pfdintextpro-bold;src:url(../fonts/pf/pfdintextpro-bold.eot);src:url(../fonts/pf/pfdintextpro-bold.eot) format('embedded-opentype'),url(../fonts/pf/pfdintextpro-bold.woff) format('woff'),url(../fonts/pf/pfdintextpro-bold.ttf) format('truetype'),url(../fonts/pf/pfdintextpro-bold.svg#pfdintextpro-bold) format('svg')}@font-face{font-family:fontello;font-style:normal;font-weight:400;src:url(../fonts/fontello.eot?58661265#iefix) format("embedded-opentype"),url(../fonts/fontello.woff?58661265) format("woff"),url(../fonts/fontello.ttf?58661265) format("truetype"),url(../fonts/fontello.svg?58661265#fontello) format("svg")}menu,ul{list-style:none}.clear{clear:both}.web-wrapper{width:90%;margin:0 auto;max-width:1170px}.port-main-text,header h2{width:100%;text-align:center}.portfoliomain h1{font-family:pfdintextpro-bold;font-size:40px;font-weight:700;margin:50px 0 20px;padding-bottom:10px;text-align:center}.inner-head sup,.portfoliomain h1 sup,header h1 sup{font-size:12px;vertical-align:text-top}header h2{float:left;font-size:30px}h2 sup{font-size:10px;vertical-align:text-top;display:inline-block;margin-top:-3px}#container{min-height:300px}.port-main-text{max-width:1000px;margin:0 auto;background:url(../images/p-bg.jpg) center bottom no-repeat;padding-bottom:50px}.nav-toogle1{text-indent:-99999em;height:4px;width:43px;display:block;position:relative;margin:5px 0;transition:all .4s ease 0s;transform:translate3d(0,0,0) rotate(0) scale(1);backface-visibility:hidden;background:#D70127;cursor:pointer}.custom-nav,.custom-nav .nav-head{transition:all .4s;position:absolute}.custom-nav{cursor:pointer;z-index:100000;width:45px;height:50px;right:0}.custom-nav:hover .nav-toogle1:nth-child(2){margin:7px 0;width:43px}.custom-nav .nav-head{color:#333;font-size:15px;margin-top:-5px;text-align:center;left:0;opacity:1;transform:translateZ(0);backface-visibility:hidden;font-family:'PT Sans Narrow',sans-serif}.nav-text h2,.nav-text h2 a{color:#252525}.hide-tg{display:none}.navigation{padding:30px 0;height:300px}.nav-area:last-child{float:right}.nav-area .c1,.nav-area .c2,.nav-area .c3{display:block;opacity:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.nav-area:hover .c1,.nav-area:hover .c2,.nav-area:hover .c3{display:block;opacity:1}.c1,.c2,.c3{position:absolute;display:none}.nav-area.active .c1,.nav-area.active .c2,.nav-area.active .c3{opacity:1}.navigation:hover .nav-area.active .c1,.navigation:hover .nav-area.active .c2,.navigation:hover .nav-area.active .c3{opacity:0}.navigation .nav-area.active:hover .c1,.navigation .nav-area.active:hover .c2,.navigation .nav-area.active:hover .c3{opacity:1}.c1{width:248px;height:248px;border:15px solid #D70127;border-radius:50%;border-top-color:transparent;border-left-color:transparent;-webkit-animation:turning_cw 15s infinite;-moz-animation:turning_cw 15s infinite;animation:turning_cw 15s infinite}.c2{width:201px;height:201px;margin:10px;border:10px solid #252525;border-radius:50%;border-bottom-color:transparent;border-top-color:transparent;-webkit-animation:turning_acw 10s infinite;-moz-animation:turning_acw 10s infinite;animation:turning_acw 10s infinite}.c3{width:170px;height:170px;margin:5px;border:5px solid #D70127;border-radius:50%;border-top-color:transparent;border-left-color:transparent;-webkit-animation:turning_cw 5s infinite linear;-moz-animation:turning_cw 5s infinite linear;animation:turning_cw 5s infinite linear}.inner-headp1,.main-area{-webkit-animation:myfade 1s}@-webkit-keyframes turning_cw{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes turning_acw{0%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(0)}}@keyframes turning_cw{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes turning_acw{0%{-moz-transform:rotate(360deg);transform:rotate(360deg)}100%{-moz-transform:rotate(0);transform:rotate(0)}}.nav-text-wrapper{width:160px;margin:45px;text-align:center;height:160px;border-radius:50%;position:relative;z-index:999}.nav-text{display:inherit;width:100%;height:100%;vertical-align:middle;border-radius:50%}.nav-text h2{vertical-align:middle;padding-top:40%;font-size:17px;padding-bottom:15px;background-size:60%}.col,.col ul{vertical-align:top}.main-area{float:left;width:100%;max-width:1170px;animation:myfade 1s;text-align:center}.main-area h1{font-family:pfdintextpro-bold;font-size:40px;font-weight:700;margin:50px 0 20px;padding-bottom:10px;text-align:center}.cd-dropdown ul li span,.cd-dropdown>span{display:block;font-family:HelveticaNeueLight;cursor:pointer}.port-nav{float:left;background:url(../images/port-nav-bg.jpg) center left repeat-x;width:100%;padding:5px 0;position:relative}.port-nav li{float:left;margin-right:10px;text-align:center;background:#252525;padding:5px 20px;border-radius:20px}.port-nav li a{color:#fff}.port-nav .back{background:#cf0403}.cd-dropdown ul{position:absolute!important;top:0;width:100%}.cd-dropdown ul li{position:absolute;width:100%}.cd-dropdown ul li a{color:#252525;text-transform:none!important}.cd-dropdown ul li:hover a{color:#fff}.cd-active.cd-dropdown>span{color:#cf0403}.cd-active.cd-dropdown ul li span{-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-ms-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition:all .2s linear 0s}.cd-active.cd-dropdown ul li span:hover{background:#cf0403;color:#fff}.cd-dropdown,.cd-select{position:relative;width:210px;display:block}.cd-dropdown>span{width:100%;height:40px;line-height:40px;color:#252525;font-weight:700;font-size:16px;background:#fff;padding:0 50px 0 30px;position:relative;border:thin solid #cf0403}.cd-dropdown>span:after{content:'\25BC';position:absolute;right:0;top:8%;width:50px;text-align:center;font-size:12px;padding:5px 0;line-height:24px;border-left:1px solid #ddd}.codrops-top,.thums,.visualdiv,.website-iframe{position:relative}.cd-dropdown.cd-active>span:after{content:'\25B2'}.cd-dropdown ul{list-style-type:none;margin:0;padding:0;display:block}.cd-dropdown ul li{display:block;background:0 0;padding:inherit;margin:auto;text-align:left}.cd-dropdown ul li span{width:100%;background:#fff;line-height:40px;padding:0 50px 0 30px;color:#252525;font-weight:500}.best-work h1,.project h2{font-family:pfdintextpro-bold}.cd-dropdown ul li span,.cd-dropdown>span{-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cd-dropdown>span span[class*=" icon-"],.cd-dropdown>span span[class^=icon-]{padding:0 30px 0 45px}.cd-select{border:1px solid #ddd}.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,.5);text-transform:uppercase;z-index:9999;box-shadow:1px 0 2px rgba(0,0,0,.2)}.codrops-top a{padding:0 10px;letter-spacing:1px;color:#252525;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.8);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.visualdiv{visibility:hidden;opacity:0}.codrops-demos{float:right;padding-top:10px}.codrops-demos a{display:inline-block;margin:10px;color:#666;font-weight:700;line-height:30px;border-bottom:4px solid transparent}.codrops-demos a:hover{color:#000;border-color:#000}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#aaa;border-color:#aaa}.site-container{min-height:400px}.thums{float:left;width:100%;margin-top:20px;-webkit-animation:mymove 1s;animation:mymove 1s}.thums li{float:left;width:33.3%;margin:0 0 2%;overflow:hidden;box-sizing:border-box;min-height:217px}.thums li img{width:100%;height:100%;float:left;min-height:217px}.highlight{overflow:auto}.heart{color:red}.sample-nav li{float:left;margin:2px}#content_samples .website-iframe{display:none}.website-iframe{width:100%;float:left;margin:20px 0;box-shadow:#ccc 0 0 20px;height:600px;-webkit-animation:mymove 1s;animation:mymove 1s;overflow:auto}.website-iframe iframe{width:100%;float:left;height:100%;border:none}@-webkit-keyframes mymove{0%{right:-100%}100%{right:0}}@keyframes mymove{0%{right:-100%}100%{right:0}}.sliphover-overlay{background:rgba(247,4,3,1)}#content_samples .website-iframe.active{display:block}.overlay{position:fixed;width:101%;height:100%;top:0;left:0;background:url(../images/icons/bg.png) bottom right no-repeat #252525;z-index:9999;overflow-y:scroll}.overlay-slidedown{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .4s ease-in-out,visibility 0s .4s;transition:transform .4s ease-in-out,visibility 0s .4s}.overlay-slidedown.open{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out}.box-container ul li,.box-container ul li a,.box-container ul li a:hover,.container-table:hover,.out-clients ul li img{transition:all .3s ease-in-out 0s}.overlay .overlay-close{width:80px;height:80px;position:absolute;right:0;top:0;overflow:hidden;border:0;background:url(../images/cross.png) center no-repeat #606060;text-indent:200%;color:transparent;outline:0;z-index:100;background-size:30%;cursor:pointer}.icon-services{width:100%;float:left;position:relative;z-index:99;background:#fff;padding:0 0 70px}.wapper2{width:668px;margin:0 auto}.box-container-top{width:666px;padding:30px;position:relative;float:left}.box-container-top .left1{width:2px;height:30px;position:absolute;top:0;left:30px;background:#fff;background:-moz-linear-gradient(top,#fff 0,#ccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ccc));background:-webkit-linear-gradient(top,#fff 0,#ccc 100%);background:-o-linear-gradient(top,#fff 0,#ccc 100%);background:-ms-linear-gradient(top,#fff 0,#ccc 100%);background:linear-gradient(to bottom,#fff 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 )}.box-container-top .left2{width:30px;height:2px;position:absolute;top:30;left:0;background:#fff;background:-moz-linear-gradient(left,#fff 0,#ccc 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,#ccc));background:-webkit-linear-gradient(left,#fff 0,#ccc 100%);background:-o-linear-gradient(left,#fff 0,#ccc 100%);background:-ms-linear-gradient(left,#fff 0,#ccc 100%);background:linear-gradient(to right,#fff 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1 )}.box-container-top .right1{width:2px;height:30px;position:absolute;top:0;right:30px;background:#fff;background:-moz-linear-gradient(top,#fff 0,#ccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ccc));background:-webkit-linear-gradient(top,#fff 0,#ccc 100%);background:-o-linear-gradient(top,#fff 0,#ccc 100%);background:-ms-linear-gradient(top,#fff 0,#ccc 100%);background:linear-gradient(to bottom,#fff 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 )}.box-container-top .right2{width:30px;height:2px;position:absolute;top:30;right:0;background:#ccc;background:-moz-linear-gradient(left,#ccc 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#ccc),color-stop(100%,#fff));background:-webkit-linear-gradient(left,#ccc 0,#fff 100%);background:-o-linear-gradient(left,#ccc 0,#fff 100%);background:-ms-linear-gradient(left,#ccc 0,#fff 100%);background:linear-gradient(to right,#ccc 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=1 )}.box-container-top .bottom-left1{width:2px;height:30px;position:absolute;bottom:0;left:30px;background:#ccc;background:-moz-linear-gradient(top,#ccc 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ccc 0,#fff 100%);background:-o-linear-gradient(top,#ccc 0,#fff 100%);background:-ms-linear-gradient(top,#ccc 0,#fff 100%);background:linear-gradient(to bottom,#ccc 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0 )}.box-container-top .bottom-left2{width:30px;height:2px;position:absolute;bottom:30px;left:0;background:#fff;background:-moz-linear-gradient(left,#fff 0,#ccc 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,#ccc));background:-webkit-linear-gradient(left,#fff 0,#ccc 100%);background:-o-linear-gradient(left,#fff 0,#ccc 100%);background:-ms-linear-gradient(left,#fff 0,#ccc 100%);background:linear-gradient(to right,#fff 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1 )}.box-container-top .bottom-right1{width:2px;height:30px;position:absolute;bottom:0;right:30px;background:#ccc;background:-moz-linear-gradient(top,#ccc 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ccc 0,#fff 100%);background:-o-linear-gradient(top,#ccc 0,#fff 100%);background:-ms-linear-gradient(top,#ccc 0,#fff 100%);background:linear-gradient(to bottom,#ccc 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0 )}.box-container-top .bottom-right2{width:30px;height:2px;position:absolute;bottom:30px;right:0;background:#ccc;background:-moz-linear-gradient(left,#ccc 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#ccc),color-stop(100%,#fff));background:-webkit-linear-gradient(left,#ccc 0,#fff 100%);background:-o-linear-gradient(left,#ccc 0,#fff 100%);background:-ms-linear-gradient(left,#ccc 0,#fff 100%);background:linear-gradient(to right,#ccc 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=1 )}.box-container{width:606px;float:left;-moz-box-shadow:0 0 25px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.2);box-shadow:0 0 25px 0 rgba(0,0,0,.2)}.box-container ul li{width:202px;float:left;border-top:2px solid #ccc;border-right:2px solid #ccc;text-align:center;font-size:24px}.box-container ul li.border{border-left:solid 2px #ccc}.box-container ul li.border-bottom{border-bottom:2px solid #ccc}.box-container ul li a{display:block;color:#252525;border-bottom:solid 5px transparent;padding:45px 0;text-decoration:none}.box-container ul li a:hover{border-bottom:solid 5px #cf0100;background:#cf0100;color:#fff}.pattren{width:100%;float:left;background:url(../images/dot.png);height:450px;padding:95px 0 0}.our-best-work-section{width:100%;float:left;background:url(../images/bg-portfolio.jpg) center 5% no-repeat fixed;position:relative;z-index:99;background-size:cover}.best-work{width:48%;float:left;color:#fff;margin:0}.best-work h1{font-size:40px;color:#fff;margin:0 0 15px;border-bottom:2px solid #fff;line-height:52px;font-weight:100}.work-button{width:100%;float:left;margin:30px 0 0}.work-button a{color:#252525;border:2px solid #cf0100;border-radius:50px;padding:10px 20px;margin:0 20px 0 0;background:#fff}.work-button a.active,.work-button a:hover{background:#cf0100;color:#fff;transition:all .3s ease-in-out 0s}.out-clients{width:49%;float:right}.out-clients ul li{float:left;margin:5px;list-style:none}.out-clients ul li img{background:#f8f8f8;float:left}.out-clients ul li img:hover{background:#fff}.smart{width:100%;float:left;position:relative;z-index:99}.smart-left{float:left;width:50%;background:#D70127}.smart-right{float:right;width:50%;background:#fff}.google-image,.google-image img{float:left;width:100%}.container-table{border-collapse:collapse;display:table;float:right;width:100%;margin:0 0 50px}.heading-top{color:#fff;display:table-row;font-weight:700;line-height:36px;text-align:center;background:#cf0100;width:100%}.content-indus li h4,.da-thumbs li a div span,.development li h4{text-transform:uppercase;font-weight:400}.heading-top .col{padding:0 5%;width:40%}.col{border:1px solid #DDD;display:table-cell;border-bottom:none}.table-row{display:table-row;text-align:center}.heading .col{padding:0 10px}.col ul{margin:0;padding:0}.col ul li{width:100%;text-align:left;padding:5px 5%;background:#f9f9f9;border-bottom:1px solid #DDD;float:left}.container-table:hover{box-shadow:0 2px 8px #ccc;cursor:pointer}.inner-headp1{animation:myfade 1s}.content-indus{float:left;width:100%;margin:50px 0 20px;position:relative;-webkit-animation:myfade 1s;animation:myfade 1s}@-webkit-keyframes myfade{0%{opacity:0}100%{opacity:1}}@keyframes myfade{0%{opacity:0}100%{opacity:1}}.content-indus li{float:left;width:32%;margin-right:2%;overflow:hidden;background:#252525;position:relative;text-align:center;margin-bottom:2%}.content-indus li h4{position:absolute;bottom:10%;color:#ccc;left:0;width:100%}.content-indus li img{width:100%;height:100%;float:left;min-height:217px}.content-indus .sliphover-overlay{background:rgba(247,4,3,1)}.development{float:left;width:100%;margin:50px 0 20px}.development li{float:left;width:32%;margin-right:2%;overflow:hidden;position:relative;text-align:center;margin-bottom:2%;background:#252525}.development li:nth-child(3n+3){float:left;margin-right:0}.development li h4{position:absolute;bottom:10%;color:#ccc;left:0;width:100%}.development li img{width:100%;height:100%;float:left}.development .sliphover-overlay{background:rgba(247,4,3,1)!important}.page-title{float:left;width:100%;margin:20px 0}.content-sample h2,.page-title h2{margin-bottom:20px}.content-sample{float:left;width:96%;padding:2%}.content-sample h2{color:#cf0403;font-size:20px;padding-bottom:10px;border-bottom:1px solid #ccc}.content-sample p{font-size:16px}.content-sample li{float:none;margin-right:10px;font-size:16px!important;list-style:inside;padding-left:30px}.page-title li a{padding:5px 20px;background:#cf0403;border-radius:30px;text-align:center;color:#fff}button#trigger-overlay{background:url(../images/tab-menu.png) no-repeat;border:0;font-size:0;height:34px;width:47px;cursor:pointer}.inner-templates{float:left;width:100%}.inner-templates img{width:100%}..slideshow{z-index:100000!important}.progress-bar{display:block;position:fixed;height:3px;left:0;right:0;top:0}.progress-bar>div{position:absolute;left:0;top:0;height:3px;width:0;background:#cf0100}.da-thumbs{list-style:none;width:100%;height:auto!important;position:relative;margin:20px auto;padding:0}.da-thumbs li{float:left;margin:1%;width:340px;height:217px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1)}.da-thumbs li a,.da-thumbs li a img{display:block;position:relative;width:100%;border:1px solid #e7e7e7;height:217px}.da-thumbs li a{overflow:hidden}.da-thumbs li a div{position:absolute;background:#333;background:rgba(207,1,0,.95);width:100%;height:100%;left:100%}.da-thumbs li a div span{display:block;padding:10px 0;margin:40px 20px 20px;color:rgba(255,255,255,.9);text-shadow:1px 1px 1px rgba(0,0,0,.2)}.project h2,.project h2 a{font-weight:700;color:#fff}.da-thumbs li a div p{position:relative;vertical-align:middle;width:100%;height:100%;text-align:center;color:#fff;font-size:18px;top:34%}.fixed-footer{background:#fff;border-top:1px solid #bebebe;z-index:-1;position:relative}.social-info{margin-top:23px}.social-info li{border:2px solid #444;margin-bottom:2%}.social-info li a{color:#444;padding:5px}.social-info li a:hover{color:#cf0100;transition:all .5s ease-in-out 0s}.social-info li:hover{background:#fff;border-color:#cf0100}.social-info p{color:#444}.disable{pointer-events:none;cursor:default}.portfoliomain{position:relative!important;z-index:9;background:#fff}@media (min-width:768px) and (max-width:991px){.navigation{padding-left:45px}}@media (max-width:767px){.navigation{height:auto}.main-area h1{font-size:25px}.portfoliomain h1{font-size:25px;padding-top:16px}#popup h2{font-size:30px!important}.col ul li,.heading .col,.heading-top .col{font-size:12px}.col ul li{height:40px}.heading-top .col{padding:0;width:71%}#popup h2 span{font-size:40px!important}#popup{padding:21% 0 10%!important;height:48%!important}.nav-area{padding-left:33px}}.breadcrumb{float:right;padding:5px 14px}.breadcrumb a{color:#444;font-size:14px}.breadcrumb>.active{color:#cf0100!important;font-size:14px}.project{background:#252525;border-top:1px solid #ccc;padding:22px 0;text-align:center}.project h2{font-size:40px;padding:18px 0}.project h2 a{display:inline-block;font-size:18px;padding:10px 22px;vertical-align:middle;transition-delay:0s;transition-duration:.3s;transition-property:all;background:#cf0100;position:relative;border-radius:6px}.project h2 a:after{content:'';display:none;border:12px solid transparent;border-left-color:#cf0100;top:15%;right:-24px;position:absolute}.project a:hover{border-color:#efefef;color:#fff;background:#cf0100}