/*====Fonts====*/ /*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic); @import url(https://fonts.googleapis.com/css?family=Raleway:600,300,100,400italic);*/ @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Open Sans Regular --*/ @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local(OpenSans-Semibold),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Raleway Semibold --*/ @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local(OpenSans-Bold),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Open Sans Bold --*/ @font-face{font-family:'Raleway';font-style:normal;font-weight:600;src:local('Raleway SemiBold'),local(Raleway-SemiBold),url(https://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Raleway Semibold --*/ @font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local('Raleway Light'),local(Raleway-Light),url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Raleway Light--*/ @font-face{font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'),local(Raleway-Thin),url(https://fonts.gstatic.com/s/raleway/v11/RJMlAoFXXQEzZoMSUteGWFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Raleway Extra Thin --*/ @font-face{font-family:'Raleway';font-style:italic;font-weight:400;src:local('Raleway Italic'),local(Raleway-Italic),url(https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_1tXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}/*-- Raleway Italic --*/ @font-face{font-family:'Raleway Thin';src:url(../fonts/raleway-thin.eot);src:url(../fonts/raleway-thin.eot?#iefix) format("embedded-opentype"),url(../fonts/raleway-thin.woff2) format("woff2"),url(../fonts/raleway-thin.woff) format("woff"),url(../fonts/raleway-thin.ttf) format("truetype"),url(../fonts/raleway-thin.svg#ralewaybold) format("svg");font-weight:normal;font-style:normal}/*-- Raleway Thin --*/ @font-face{font-family:'Raleway';src:url(../fonts/raleway-regular.eot);src:url(../fonts/raleway-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/raleway-regular.woff2) format("woff2"),url(../fonts/raleway-regular.woff) format("woff"),url(../fonts/raleway-regular.ttf) format("truetype"),url(../fonts/raleway-regular.svg#ralewaybold) format("svg");font-weight:normal;font-style:normal}/*-- Raleway Regular --*/ @font-face{font-family:'Raleway Bold';src:url(../fonts/raleway-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/raleway-bold.woff2) format("woff2"),url(../fonts/raleway-bold.woff) format("woff"),url(../fonts/raleway-bold.ttf) format("truetype"),url(../fonts/raleway-bold.svg#ralewaybold) format("svg");font-weight:normal;font-style:normal}/*-- Raleway Bold --*/ @font-face{font-family:'Impact Regular';src:url(../fonts/impact-regular.eot),url(../fonts/impact-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/impact-regular.ttf) format("truetype");font-weight:normal;font-style:normal}/*-- Impact Regular --*/ @font-face{font-family:'Helios Condensed Bold';src:url(../fonts/helios-cond-bold.eot),url(../fonts/helios-cond-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/helios-cond-bold.ttf) format("truetype");font-weight:normal;font-style:normal}/*-- Helios Condensed Bold --*/ /*-- Font Awesome --*/ @font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont.eot?v=4.4.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-user:before{content:"\f007"}.fa-lock:before{content:"\f023"}.fa-eye:before{content:"\f06e"}.fa-trash-o:before{content:"\f014"}.fa-edit:before{content:"\f044"}.fa-users:before{content:"\f0c0"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-star:before{content:"\f005"} /*==== Main css ====*/ @media screen{ *{margin:0;padding:0;border:none} abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted} dfn{font-style:normal} .floatleft{float:left !important}.floatright{float:right !important} .clear{clear:both} .aligncenter{text-align:center}.alignright{text-align:right} a{color:#5e5e5e;outline:none;border:none;text-decoration:none} a:visited{color:#fff} a:hover{text-decoration:none;color:#151515} a:active{color:#151515} address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal} :focus{outline:0} ul,ol{list-style:none} p{padding:8px 0;font-size:15px;line-height:1.6em} /*======================*/ html{background:#fff;color:#5e5e5e;height:100%;font-family:Arial, Helvetica, sans-serif} body{background:#fff;font:100% Arial, Helvetica, sans-serif;color:#5e5e5e;min-height:100%}/*----- Body -----*/ #skip-link{width:0;height:0;font-size:.75em} #skip-link li{width:70%;text-indent:0} #skip-link a,#skip-link a:link{display:inline-block;position:absolute;top:-556px;color:#fff;cursor:help;margin:0;padding:4px;line-height:1em;font-weight:bold;text-decoration:underline;z-index:999999} #skip-link a:visited{top:-556px;color:#fff;cursor:help;text-decoration:underline} #skip-link a:active,#skip-link a:focus{top:4px;left:4px;color:#fff;cursor:help;text-decoration:underline} /*-- common properties --*/ h1,h2,h3,h4,h5{font-family:"Raleway", Arial, Helvetica, sans-serif;clear:both} .development h3,.order-box,.tabs .horizontal li,#container .content h2,.order-page .modal-content h3{font-family:'Raleway', Arial, Helvetica, sans-serif}/*-- Raleway Regular --*/ #intro h1,#intro h2,#intro .description,#container h2,.email-temp h3 span,.heading h1,.order-page h3,.thank-you h1{font-family:'Raleway Thin', Arial, Helvetica, sans-serif}/*-- Raleway Thin --*/ #intro h1 span,#intro h2 span,#container h2 strong,#our-progress h3 span,.development h3 strong,.email-temp h3,.reasons h4,.get-consulation h3,.heading h1 span,#order h2,.order-box h3,.process li h3,.thank-you h1 strong{font-family:'Raleway Bold', Arial, Helvetica, sans-serif}/*-- Raleway Bold --*/ h3,nav ul li,footer h3,.services h3,.why-choose-us h3,#container .completed-projects h2,.count,.tm-name{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:600}/*-- Raleway Semibold --*/ .email-temp h3 span{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:100}/*-- Raleway Extra Thin --*/ .completed-projects h2 em,.process-steps .step{font-family:"Impact Regular", Arial, Helvetica, sans-serif}/*-- Impact Regular --*/ #our-progress p,.footer-nav li,.completed-projects p,.projects-info p,.email-temp p,.reasons ul li,#order,.total-charges,aside .contact,.tm-name em,.standards li,.dashboard,.recent-status h4,.login,#container .login h2,.signin input,input.btn,button.btn,#testimonials .center-text{font-family:'Open Sans', Arial, Helvetica, sans-serif}/*-- Open Sans Regular --*/ a.button,.services-we-provide p,#our-process,.oc-services h3,#psd-to-wp li h3,.btn-tooltip,.order-now,.services-capabilities h3 span,.submit input,.info-box li,.view-html-css a,.what-makes-us-different li p,#container .dashboard h2,#container .client-satisfaction h2,.thank-you-msg{font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:600}/*-- Open Sans Semibold --*/ #intro h1 span em,#intro h2 span em{font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:700}/*----- Open Sans Bold -----*/ #intro h1 span em,#intro h2 span em,.projects-info h3,.our-status span strong{font-family:'Helios Condensed Bold', Arial, Helvetica, sans-serif}/*-- Helios Condensed Bold --*/ /*-- Eo: Rarting stars --*/ .container{margin:0 auto;max-width:72.5em;position:relative;padding:0 15px}/*-- Container --*/ header{position:absolute;top:0;left:0;background:#151819;width:100%;height:77px;border-bottom:1px solid #004a80}/*-- Header --*/ #logo{position:absolute;top:26px;left:15px;z-index:100}#logo img{cursor:pointer}/*-- Logo --*/ /*----- Nav -----*/ nav{position:absolute;right:0;top:28px;width:100%} #nav > ul{float:right} #nav > ul > li{display:inline;font-size:14px;color:#fff;text-transform:uppercase;margin:0 2px;position:relative} #nav > ul > li > a,#nav > ul > li.active > span{color:#fff;display:inline-block;margin:0;padding:5px 10px 29px;vertical-align:middle} #nav > ul > li > a:hover{color:#fff} #nav > ul > li.active > span,#nav > ul > li.active > a{border-bottom:5px solid #045c9d;padding-bottom:24px;cursor:pointer} /*-- Submenu --*/ #nav ul ul{display:none;position:absolute;left:0;top:0;width:250px;background:url(../images/submenu-arrow.png) no-repeat 46px 6px;text-align:left;z-index:9999;padding-top:14px} #nav ul li:hover > ul{display:block;top:28px} #nav ul ul > li{background:#045c9d;color:#fff;font:14px Arial, Helvetica, sans-serif;line-height:22px;border-bottom:1px solid #045c9d} #nav ul ul > li:first-child{padding-top:12px;border-radius:2px 2px 0 0} #nav ul ul > li:last-child{padding-bottom:12px;border-radius:0 0 2px 2px} #nav ul ul > li a,#nav ul ul li.active span{display:block;height:auto;margin:0;padding:6px 10px 6px 27px;color:#fff} #nav ul ul > li a:hover,#nav ul ul li.active span{background-color:#00467a;background-position:0 -124px;cursor:pointer} @media screen and (min-width: 981px) { #nav ul ul{-webkit-transition:all .4s 0.1s ease-in;-moz-transition:all .4s 0.1s ease-in;-o-transition:all .4s 0.1s ease-in;-ms-transition:all .4s 0.1s ease-in;transition:all .4s 0.1s ease-in} #nav ul ul{visibility:hidden;opacity:0;top:38px;display:block} #nav ul li:hover > ul{visibility:visible;opacity:1} /* Main nav underline From Center */ #nav > ul > li > a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden} #nav > ul > li > a:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#045c9d;height:5px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} #nav > ul > li > a:hover:before,#nav > ul > li > a:focus:before,#nav > ul > li > a:active:before{left:0;right:0} #nav > ul > li.active > a:before{background:transparent} /*------ fixed Header -------*/ header.stickyheader{background:#343434;height:64px} header.stickyheader,.stickymenu{position:fixed;z-index:10000;top:0;left:0;width:100%} header.stickyheader #logo{top:17px;left:33px} nav.stickymenu{z-index:10000;top:-73px} .stickymenu .close-menu{display:none} .stickymenu .nav{display:none;width:100%;position:absolute;top:0;left:0;} .stickymenu #nav > ul{position:absolute;top:73px;right:0} .stickymenu #nav > ul > li > a,.stickymenu #nav > ul > li.active > span{padding:24px 10px 24px} .stickymenu #nav > ul > li.active > span,.stickymenu #nav > ul > li.active > a{padding-bottom:19px;} } /*========= Sticky Menu/ burger menu ========*/ #toggle{display:block;position:fixed;top:0;left:0;width:57px;height:57px;background:rgba(52,52,52,.9);text-align:center;cursor:pointer;z-index:10000; -webkit-transition:background .4s 0.1s ease-in-out;-moz-transition:background .4s 0.1s ease-in-out;-ms-transition:background .4s 0.1s ease-in-out;transition:background .4s 0.1s ease-in-out;opacity:0;visibility:hidden} #toggle.fadeIn{visibility:visible} #toggle.fadeOut{visibility:hidden} .toggle-link{width:57px;height:57px;display:block;z-index:10000;cursor:pointer} /*----- Hamberg menu ------*/ #toggle:before,#toggle:after,#toggle em{content:'';position:absolute;top:0;left:10px;width:33px;height:3px;background-color:#fff;z-index:1000;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.46s ease-in-out;-moz-transition:.46s ease-in-out;-o-transition:.46s ease-in-out;transition:.46s ease-in-out} #toggle em{top:17px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} #toggle:before{top:27px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} #toggle:after{top:37px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} #toggle.open-nav em{ top: 17px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #toggle.open-nav:before{width: 0%;opacity: 0;} #toggle.open-nav:after{top:40px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} /*----- End Hamberg menu ------*/ /*-- Apply Transition --*/ .tabs li a,.btn-tooltip span,.user-details-box,.user-details-box .toggle-div{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s} #intro{max-width:1900px;margin:0 auto;overflow:hidden} #intro.home{background:#1b1b1b} #intro h1,#intro h2{font-size:55px;text-align:center;padding-top:60px;text-transform:uppercase;color:#fff;width:750px} #intro h1 span,#intro h2 span{color:#fff000} #intro h1 span em,#intro h2 span em{font-style:normal} #intro .description{font-size:24px;display:block;text-align:center;padding:5px 0 20px;color:#fff;width:700px;line-height:35px;} #intro .button{background:#fff000 url(../images/btn-arrow2.png) no-repeat 81% 14px;padding:11px 85px 11px 55px;font-size:22px;border-radius:25px;color:#000} #intro .slide-img{display:none !important} /*-- Intro Slider --*/ .intro-slider{width:auto;max-width:1900px !important;overflow:hidden} .intro-slider img{ max-width:1900px !important} .intro-slider .slide{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5000;} .fraction-slider{position:relative;width:100%;height:100%;overflow:hidden} .fraction-slider .active-slide{z-index:9999} .fraction-slider .fs_obj{display:block;display:none;position:absolute;top:0;left:100%;z-index:7000} .fraction-slider .fs_fixed_obj{z-index:6000;left:0} .fraction-slider .fs_obj *{display:inline-block;position:relative;top:0;left:0} .fs_loader{width:100%;height:400px;background:url(../images/fs.spinner.gif) center center no-repeat transparent} .fraction-slider .prev,.fraction-slider .next{display:none;position:absolute;width:45px;height:45px;font-size:0;z-index:9999;border-radius:3px;} .fraction-slider .prev{left:20px;top:44%;background:url(../images/fs.prevnext.png) 0 0 no-repeat transparent} .fraction-slider .prev:hover{background:url(../images/fs.prevnext.png) 0 -45px no-repeat transparent} .fraction-slider .next{right:20px;top:44%;background:url(../images/fs.prevnext.png) -45px 0 no-repeat transparent} .fraction-slider .next:hover{background:url(../images/fs.prevnext.png) -45px -45px no-repeat transparent} .fraction-slider:hover .prev,.fraction-slider:hover .next{display:block} /*-- Rectangle Out Effect for button --*/ .hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s} .hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#045c9d;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:5px} .hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{color:#fff} .hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)} #container h2,.thank-you h1{font-size:45px;color:#636363;padding:35px 0 44px;text-transform:uppercase;text-align:center} #container h2 strong{color:#323231} .services-we-provide{display:inline-block;width:100%;margin-top:18px;overflow:hidden} /*-- Tab Panel --*/ .tabs-rotate{max-width:1900px;margin:0 auto} .tabs-rotate ul.horizontal{text-align:center;background:#fff;} .tabs-rotate li{display:inline-block} .tabs-rotate li a{font-size:16px;color:#242424;font-weight:600;display:block;padding:16px 30px;text-decoration:none} .tabs-rotate li.active a{background:#6d4ca3;color:#fff} .tabs-rotate li.active a.tab1{background:#6d4ca3} .tabs-rotate li.active a.tab2{background:#1b9ddb} .tabs-rotate li.active a.tab3{background:#48b14c} .tabs-rotate li.active a.tab4{background:#c33b85} .tabs-rotate #tab-1{background:#6d4ca3} .tabs-rotate #tab-2{background:#1b9ddb} .tabs-rotate #tab-3{background:#48b14c} .tabs-rotate #tab-4{background:#c33b85} .tabs-rotate .tab-content{color:#fff;padding:60px 0 20px;margin:0 0 20px;min-height:300px;clear:both} .tabs-rotate .tab-content h3{font-size:29px;color:#fff;font-weight:400} .tabs-rotate .tab-content .leftimg{width:34%;text-align:right;margin:0 8% 0 0} .tabs-rotate .tab-content .rightimg{width:30%;text-align:right;margin:0 4% 0 0} .tabs-rotate .tab-content .rt-sect{float:left;width:55%} .tabs-rotate .tab-content .left-sect{float:right;width:53.5%} .tabs-rotate .tab-content .start{margin-top:35px;display:block} .tabs-rotate .tab-content .start a{border:2px solid #fff;padding:11px 35px;font-size:16px;border-radius:5px;color:#fff} .tabs-rotate #tab-1 .hvr-rectangle-out:before{background:#58388e} .tabs-rotate #tab-2 .hvr-rectangle-out:before{background:#0180bd} .tabs-rotate #tab-3 .hvr-rectangle-out:before{background:#3b913e} .tabs-rotate #tab-4 .hvr-rectangle-out:before{background:#9d2c69} /*-- Our Process --*/ #our-process{text-align:center;padding:10px 0 67px;overflow:hidden} #container #our-process h2{padding-bottom:10px} #our-process .steps{width:830px;margin:40px auto 0} #our-process .steps span{float:left;font-size:18px} #our-process .step{display:inline-block;vertical-align:middle} #our-process .psd{width:116px} #our-process .code{width:154px} #our-process .product{width:267px} #our-process .step img{display:block;margin-bottom:40px} #our-process .step.code img{margin:25px auto 57px} #our-process .step.product img{margin-bottom:34px} #our-process .next{margin:60px 6.4% 0} /*-- Our Progress --*/ #our-progress{background:url(../images/our-progress-bg.jpg) no-repeat center 0;background-size:cover;color:#fff;padding-bottom:40px;min-height:473px;text-align:center;overflow:hidden} #our-progress h2,#container #our-progress h2 strong,#container .what-makes-us-different h2,#container .what-makes-us-different h2 strong,#container .why-choose-us h2,#container .why-choose-us h2 strong{color:#fff} #our-progress p{font-size:16px} #container #our-progress h2{padding:55px 0 5px} #our-progress ul{padding:38px 0;overflow:hidden} #our-progress li{float:left;margin:0 5.4%} #our-progress h3{font-size:26px;font-weight:normal} #our-progress h3 span{font-size:42px;display:block;margin:6px 0} #our-progress a{color:#fff;text-decoration:underline} /*--Testimonials --*/ #testimonials{background:#f4f4f4;overflow:hidden;padding-bottom:38px} #container #testimonials h2{padding-bottom:38px} #testimonials .center-text{font-size:20px;color:#232323} #testimonials .center-text span,.contact-our-expert span{font-size:30px;font-weight:600;text-transform:uppercase;display:block;padding-top:5px} /*-- Rarting stars css for testimonial frondend and admin --*/ .rating-stars{display:block;color:#fc0} .modal .rating-stars{display:inline-block} /*-- bxslider--*/ .bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1} .bx-viewport{height:220px !important} .bxslider .slide{background:#fff;border:1px solid #dbdbdb;padding:25px 17px 20px} .bxslider .slide .image{float:left;width:23%} .bxslider .slide img{border:6px solid #e1e1e1;border-radius:60px;max-width:100%;height:auto;display:block;margin-top:-3px} .bxslider .slide > div{float:right;width:73%} .bxslider .slide.no-img > div{float:none;width:100%} .bxslider .slide h3{font-size:16px;margin-bottom:10px} .bxslider .slide em{font-weight:normal;display:block;margin-top:5px} .bxslider .slide p{color:#989797;font-size:14px} .bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)} /*-- Loader --*/ .bx-wrapper .bx-loading{position:absolute;top:0;left:0;min-height:32px;background:url(../images/loading.gif) center center no-repeat #fff;height:100%;width:100%;z-index:2000} /*-- Inner Pages --*/ .inner-page{background:#fff} .inner-page #intro .container{min-height:243px;padding-bottom:43px} #intro,.login,.order-page .heading{margin-top:78px} #intro{background:url(../images/intro.jpg) center 0 no-repeat;} #intro.about-us{background:#417c52} #intro.about-us .container{background:url(../images/about-us.jpg) 100% 100% no-repeat;min-height:150px;padding-bottom:17px} #intro.portfolio-intro{background:#732a28} #intro.portfolio-intro .container{background:url(../images/portfolio-bg.jpg) 100% 100% no-repeat;min-height:150px;padding-bottom:17px} #intro.our-services{background:#1c477e} #intro.our-services .container{background:url(../images/services.jpg) 100% 100% no-repeat} #intro.psdtohtml{background:#af7128} #intro.psdtohtml .container{background:url(../images/psd-to-html.jpg) 100% 100% no-repeat} #intro.psd-to-oc{background:#31aed4} #intro.psd-to-oc .container{background:url(../images/psd-to-oc.jpg) 100% 100% no-repeat} #intro.psdtoemail{background:#571845} #intro.psdtoemail .container{background:url(../images/psd-to-email.jpg) 100% 100% no-repeat} #intro.psd-to-wp{background:#28af73} #intro.psd-to-wp .container{background:url(../images/psd-to-wp.jpg) 100% 100% no-repeat} #intro.our-process{background:#43239a} #intro.our-process .container{background:url(../images/our-process.jpg) 100% 100% no-repeat} #intro.contactus{background:#4b4c1d} #intro.contactus .container{background:url(../images/contact-us.jpg) 100% 100% no-repeat;min-height:150px;padding-bottom:17px} #intro.terms{background:#af284d} #intro.terms .container{background:url(../images/terms.jpg) 100% 100% no-repeat;min-height:150px;padding-bottom:17px} .inner-page #intro h1{font-size:43px;padding:40px 0 8px;width:auto} .inner-page #intro p{color:#fff;padding:8px 40px 24px} .inner-page #container h2,.thank-you h1{font-size:43px;padding:35px 0 20px} .inner-page #container.psd-to-opencart h2{font-size:39px} .inner-page #container.psd-to-opencart h2 strong{display:block;margin:0 0 7px} .center-text,.center-text p{text-align:center} #content{padding:15px 0 0;min-height:400px;overflow:hidden} .content{padding:10px 0 30px} .inner-page #container .content h2,#container .modal-content h2{font-size:20px;color:#323231;text-transform:none;padding:20px 0 0;text-align:left} .content h3{color:#323231;font-size:18px;padding-top:15px} .list{margin:10px 0 15px} .list li{background:url(../images/list-arrow.png) no-repeat 4px 11px;padding:5px 0 5px 22px;font-size:14px;line-height:22px} .list li ul li{background:url(../images/bullet-circle.png) no-repeat 1px 11px;padding-left:19px} /*-- Our Process Page --*/ .process{background:#cee9f0;min-height:300px;margin-top:50px;padding:50px 0 35px;text-align:center} .process ul{width:930px;margin:0 auto;background:url(../images/steps-sep.png) no-repeat center 107px;overflow:hidden} .process li{float:left;width:27.9%;padding:0 2.7%} .process li h3{font-size:23px;color:#be2a05;padding:15px 0 0;text-transform:uppercase} .process-steps{background:url(../images/process-steps-bg.png) no-repeat center 0;padding:47px 0 75px;overflow:hidden} .process-steps li{float:left;width:23%;padding:32px 1% 0;background:url(../images/step-bg.gif) no-repeat center 0;text-align:center;} .process-steps .step{color:#fff;font-size:39px;display:block;width:68px;height:56px;padding-top:11px;margin:0 auto;border:5px solid #cc2616;text-align:center;border-radius:50px} .process-steps .step.one{background:#ed4636} .process-steps .step.two{background:#53b757;border-color:#288f2c} .process-steps .step.three{background:#9a4296;border-color:#7e297a} .process-steps .step.four{background:#48b2e4;border-color:#2a8ebd} .process-steps h4{font-size:18px;color:#151819;padding:18px 0 5px;text-transform:uppercase} /*-- About Us --*/ #about-us{padding:10px 0 40px;display:inline-block;width:100%} .inner-page #container #about-us h2{font-size:35px;padding:6px 0 10px;text-align:left;text-transform:none;clear:none} #about-us .leftimg{width:43.7%;max-width:506px;margin-right:40px} #about-us .leftimg img{max-width:100%;height:auto} #about-us p{font-size:17px;line-height:28px} .our-status{text-align:right;margin-top:30px} .our-status span{display:inline-block;background:url(../images/image-sprite.png) no-repeat 0 -1489px;text-align:left;padding-left:73px;margin-left:65px;min-height:56px;vertical-align:top} .our-status span.awards{padding-left:55px} .our-status span.employees{padding-left:60px} .our-status span strong{font-size:28px;display:block;color:#10242b} .our-status span em{font-style:normal;vertical-align:bottom;line-height:37px;margin-left:2px} .our-status .total-client{margin-left:0} .our-status .awards{background-position:0 -1550px;margin-top:6px} .our-status .employees{background-position:0 -1604px} .our-mission{background:#057790;padding:50px 0 35px} .our-mission ul{display:inline-block;width:100%} .our-mission li{float:left;color:#fff;width:48.5%;margin:0 3% 15px 0} .our-mission li.last{margin-right:0} .our-mission h3{font-size:35px;background:url(../images/image-sprite.png) no-repeat 0 -1683px;padding:4px 0 0 78px;min-height:48px;margin-bottom:10px} .our-mission li.last h3{background-position:0 -1751px} .our-mission p{padding-left:80px} .client-satisfaction{background:#ebf1f6;padding:5px 0 40px} #container .client-satisfaction h2{color:#273135;text-transform:none} #container .client-satisfaction h2 strong{font-size:70px;color:#e9563d;display:block} .client-satisfaction p{font-size:16px;color:#7c7b7b;line-height:30px;padding:0 100px} .our-team{margin:40px 0 20px -1.6%;width:103.2%;display:inline-block} .our-team li{float:left;width:21.8%;margin:0 1.6% 30px;position:relative} .our-team li img{max-width:100%;height:auto} .our-team .tm-name{position:absolute;bottom:28px;left:28px;color:#fff;font-size:15px} .our-team .tm-name em{display:block;color:#c9c7c7;font-size:14px;font-style:normal;text-transform:none;margin-top:3px;} /*-- Services --*/ .services{margin-top:50px;overflow:hidden} .services li{float:left;width:47.8%;color:#fff;text-align:left;padding:0 1% 12px 0;margin-bottom:17px} .services li.right{float:right} .services h3{font-size:22px;padding:32px 0 0;clear:none} .services h3 a{color:#fff} .services h3 a:hover{text-decoration:underline} .services .icon{float:left;background:url(../images/circle.png) no-repeat 0 0;margin:25px 33px 12px 20px;min-height:162px} .services .icon em{width:93px;height:93px;font-size:0;display:block} .psd-to-html .icon em{background:url(../images/image-sprite.png) no-repeat center -1827px} .opencart .icon em{background:url(../images/image-sprite.png) no-repeat center -1928px} .psd-to-email .icon em{background:url(../images/image-sprite.png) no-repeat center -2027px} .psd-to-wordpress .icon em{background:url(../images/image-sprite.png) no-repeat center -2127px} .psd-to-html{background:#6d4ca3} .opencart{background:#1b9ddb} .psd-to-email{background:#48b14c} .psd-to-wordpress{background:#c33b85} .why-choose-us{background:#1177c2;max-width:1900px;padding-bottom:35px;margin:50px auto 0;overflow:hidden;color:#fff;clear:both} .why-choose-us .right{float:right;width:100%;/*temporary width*//*width:45%;*/margin-top:13px} /*.why-choose-us .left{float:left;width:50%}.why-choose-us .right p{font-size:20px}*/ .why-choose-us .right p{font-size:18px} .why-choose-us h3{font-size:30px;padding:18px 0 17px} .why-choose-us .left span{font-size:16px;line-height:30px} .why-choose-us .list li{font-size:16px;background:url(../images/tick.png) no-repeat 3px 9px;padding-left:28px} .why-choose-us .price{background:url(../images/99$-price.jpg) no-repeat 0 0;padding:17px 0 0 105px;margin-top:20px;min-height:79px;font-size:16px} .rating{clear:both;font-size:16px} .rating img{margin-right:10px} .projects-info{background:#dd8712;color:#fff;padding:45px 0 40px;text-align:center;clear:both} .inner-page #container .projects-info h2{font-size:45px;color:#fff;padding-bottom:0;} .projects-info h3{font-size:45px;color:#fff;text-transform:uppercase} .projects-info p{font-size:18px} /*-- Order --*/ #order{position:relative} .order-page header,.view-code{border-color:#151819} .order-page #logo,.view-project-details #logo{position:static;padding-top:26px;text-align:center} .heading{padding:26px 0} .heading h1{font-size:43px;color:#323231;text-align:center;text-transform:uppercase} .order-option{background:#2961b1;width:100%;display:inline-block;padding-bottom:36px} #container #order h2{color:#fff;text-align:left;padding-top:40px} .select-service{width:64%;max-width:660px;color:#fff;font-size:20px;z-index:100;position:relative} .select-service label{float:left;color:#fff;font-size:20px;display:block;margin:9px 13px 0 0} .select-service .price{float:left;color:#fff;margin-left:3.3%} .select-service .price span{display:block;font-weight:600} .select-service .price .first-one{font-size:25px;color:#f3f120;font-weight:700;line-height:28px} .select-service h3{font-size:35px;padding:36px 0 15px;text-transform:uppercase} .check-options{width:645px;width:750px\9} .check-options li{/*float:left;width:50%;*/width:100%;display:inline-block;font-weight:600;padding:7px 0} .select-service .check-options label{font-size:18px;margin:2px 13px 0 3px} /*-- For Select Tab heapbox --*/ .selectbox{float:left;width:49%;background:#fff;font-size:14px;height:36px;border-radius:5px;padding:16px 0 0} .heapBox{width:100%;clear:both;display:inline-block;position:relative;font-size:15px} .heapBox *{margin:0;padding:22px 9px 19px 0;outline:none} .heapBox a{text-decoration:none;color:#000} .heapBox .holder{width:255px;overflow:hidden;display:inline-block;padding:10px 0 10px 13px;margin-top:-10px} .heapBox .handler{background:url(../images/image-sprite.png) no-repeat center -35px;color:#000;position:absolute;top:-16px;right:-5px;width:49px;font-size:0} .heapBox .holder,.heapBox .handler{z-index:10} .heapBox div.heap{display:none;position:absolute;left:0;width:100%;top:33px;padding:10px 0;margin:0;background:#fff;list-style:none;overflow-x:hidden;overflow-y:auto;cursor:pointer;border-radius:0 0 5px 5px;border-top:1px solid #ebebeb;z-index:999999} .heapBox .heap .heapOptions{display:block;overflow:hidden;z-index:20;position:relative;padding:7px 0 0} .heapBox .heap .heapOptions .heapOption{margin:0;font-weight:normal;padding:0;color:#aeaeae;line-height:20px;margin-bottom:6px} .heapBox .heap .heapOptions .heapOption a{display:block;padding:0 0 8px 31px;margin:0 10px;background:url(../images/select-gray.png) no-repeat 3px 1px;color:#000} .heapBox .heap .heapOptions .heapOption:last-child a{border-bottom:0;padding-bottom:0} .heapBox .heap .heapOptions .heapOption a:hover,.heapBox .heap .heapOptions .heapOption a.selected{color:#000;background:url(../images/select-green.png) no-repeat 3px 1px} /*-- For Prettycheckbox --*/ .prettycheckbox,.prettyradio{float:left;padding:0;margin:0} .prettycheckbox > a,.prettyradio > a{height:30px;width:30px;display:block;float:left;cursor:pointer;margin:0;background:url(../images/form-sprite.png)} .check-options input{float:left;margin:0;cursor:pointer;} .check-options input{margin:7px 7px 0 0}/*--for IE 7--*/ .prettycheckbox > a:focus,.prettyradio>a:focus{outline:0 none} .prettycheckbox label,.prettyradio label{display:block;float:left;margin:2px 10px;cursor:pointer} .prettycheckbox a.disabled,.prettycheckbox label.disabled,.prettyradio a.disabled,.prettyradio label.disabled{cursor:not-allowed} .prettycheckbox > a{background-position:0 0;font-size:0} .prettycheckbox > a:focus{background-position:-30px 0} .prettycheckbox > a.checked{background-position:-60px 0} .prettycheckbox > a.checked:focus{background-position:-90px 0} .order-form .prettycheckbox > a{float:left;width:24px;background-position:-125px 0} .order-form .prettycheckbox > a.checked{background-position:-154px 0} .order-form .prettycheckbox label{margin-top:4px;font-size:0} /*-- Sticky Sidebar --*/ #sidebar{position:absolute;top:214px;right:0;width:100%} #order #sidebar{left:0;top:0} .sdmenu{-moz-transition:margin .2s;-webkit-transition:margin .2s;-ms-transition:margin .2s;-o-transition:margin .2s;transition:margin .2s} #sidebar .container{z-index:1} .order-box{float:right;width:/*28.4%*/330px;background:#fff;border:1px solid #d2d1d1} .order-box h3{background:#ffae00 url(../images/order-box-bg.png) no-repeat 0 100%;color:#fff;font-size:25px;padding:22px 0 26px;text-align:center;text-transform:uppercase; margin:-1px -1px 0} .order-summary{padding:15px 20px 20px;color:#212121} .order p span{display:inline-block} /*.order p span:first-child{width:150px}*/ .order p span:last-child{float:right} .order p{padding:2px 0;font-size:17px} .order-summary h4{font-size:18px;border-bottom:1px solid #bfbfbf;padding:18px 0 12px} .total-charges{color:#2961b1;font-size:l7px;font-weight:700;border:2px solid #2961b1;display:block;padding:12px 10px;margin:0 4px 20px;text-align:center;border-radius:2px;text-transform:uppercase} .order-summary .list li{background-position:4px 8px;padding:2px 0 2px 22px} /*-- Order form --*/ .order-form{background:#f4f4f4;min-height:396px} .order-form ul{width:67.6%;display:inline-block;margin:40px 0;position:relative;z-index:100} .order-form li{float:left;width:47.5%;margin:0 2.5% 22px 0} .order-form li.full{width:97.5%} .no-of-pages label{float:left;margin:10px 10px 0 0} .no-of-pages input[type="text"]{float:left;width:60px;padding:13px 15px} .order-page footer{background:#1f1f1f;padding:50px 0;text-align:left} .secure-pay{position:absolute;top:3px;right:15px} .upload-option{width:97.5%;background:#ededeb; border:1px solid #d2d1d1;display:inline-block;padding:12px 0 8px;border-radius:4px;text-transform:uppercase} .upload-option label{float:left;margin:10px 10px 0 12px} .file-upload{float:left;background:url(../images/image-sprite.png) no-repeat 0 -92px;font-size:13px;padding-left:4px} .file-upload > div{background:#fff;height:40px;padding:0 10px 0 13px;display:inline-block;border-radius:2px} .file-upload .close{margin:5px 5px 0 0;} .file-upload .close,#image_file_div .close{border:1px solid #000;vertical-align:top;border-radius:15px} .file-upload .btn{padding:0} .link{ vertical-align:middle} .link a,.check-terms a{color:#505050} .link,.fileinput,.drop-files{float:left;display:block;height:21px;background:url(../images/image-sprite.png) no-repeat 100% -139px;padding-right:12px;margin:10px 12px 0 0} .drop-files{background:none;padding-right:0} .order-form .close{display:inline-block;opacity:.7;width:9px;height:9px;text-indent:-10000px;outline:none;background:url(../images/remove-icon-small.png) no-repeat center center;cursor:pointer} .link.editable-unsaved,.link{text-transform:none;} .order-form .close:hover{opacity:1} .note{display:block;text-transform:none;margin:10px 0 10px 35px} #messages{clear:both;padding:0 33px;display:block} #messages > span{background:#e1e1e0; border:1px solid #d5d5d3;display:inline-block;margin:5px 8px 0 0;font-size:13px;border-radius:3px;text-transform:none} #messages > span > span{display:inline-block;font-size:14px;padding:0 10px 4px;margin:6px 0 3px 0} #messages .close{ background: url(../images/delete.png) no-repeat center center;width:18px;height:18px;margin:7px 5px 0 0} .check-terms{display:inline-block;margin:2px 0 0 5px;font-weight:400;color:#5e5e5e} .check-terms a{text-decoration:underline} /*-- Bootstrap File Input --*/ .btn-file{position:relative;overflow:hidden} .fileinput{padding-right:4px} .btn-file > input{position:absolute;top:0;right:0;margin:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);transform:translate(-300px,0) scale(4);direction:ltr} .fileinput{display:inline-block;margin-bottom:9px; overflow:hidden} .fileinput .uneditable-input{display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text} .fileinput .thumbnail{display:inline-block;margin-bottom:5px;overflow:hidden;text-align:center;vertical-align:middle} .fileinput .thumbnail > img{max-height:100%} .fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none} .fileinput-inline .fileinput-controls{display:inline} .fileinput .uneditable-input{white-space:normal} .fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0} .fileinput-new .input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0} .fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0} .form-group.has-warning .fileinput .uneditable-input{color:#c09853;border-color:#faebcc} .form-group.has-warning .fileinput .fileinput-preview{color:#c09853} .form-group.has-warning .fileinput .thumbnail{border-color:#faebcc} .form-group.has-error .fileinput .uneditable-input{color:#b94a48;border-color:#ebccd1} .form-group.has-error .fileinput .fileinput-preview{color:#b94a48} .form-group.has-error .fileinput .thumbnail{border-color:#ebccd1} .form-group.has-success .fileinput .uneditable-input{color:#468847;border-color:#d6e9c6} .form-group.has-success .fileinput .fileinput-preview{color:#468847} .form-group.has-success .fileinput .thumbnail{border-color:#d6e9c6} .input-group-addon:not(:first-child){border-left:0} /*--Bootstrap classes for upload file links--*/ .popover{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);border-radius:6px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);display:none;left:0;max-width:276px;padding:1px;position:absolute;text-align:left;top:0;white-space:normal;z-index:1010} .popover.top{margin:-18px 0 0 12px} .fade.in{opacity:1} .fade{opacity:0;transition:opacity 0.15s linear 0s} .popover.top > .arrow::after{border-bottom-width:0;border-top-color:#fff;bottom:1px;content:" ";margin-left:-10px} .popover > .arrow::after{border-width:10px;content:""} .popover > .arrow, .popover > .arrow::after{border-color:transparent;border-style:solid;display:block;height:0;position:absolute;width:0} .popover.top > .arrow{border-bottom-width:0;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;left:50%;margin-left:-11px;} .popover > .arrow{border-width:11px} .popover > .arrow, .popover > .arrow::after{border-color:transparent;border-style:solid;display:block;height:0;position:absolute;width:0} .popover-content{padding:10px} .order-form .popover .form-control{padding:10px 15px} .popover .btn{padding:6px 8px;font-size:14px;margin-right:5px;cursor:pointer} .popover .editable-buttons{margin-top:7px} .popover .btn.blue{margin-right:5px} .popover .editable-cancel{background:#d84a38} .popover .btn .fa{color:#fff} /*-- End Bootstrap classes for upload file links--*/ /*-- Form Elements --*/ input[type="text"],input[type="password"],textarea,select{width:100%;display:block;background:#fff;border:1px solid #d2d1d1;font:15px Arial, Helvetica, sans-serif;color:#898989;padding:17px 15px 17px;border-radius:5px;box-sizing:border-box} textarea{height:165px} .submit{display:inline-block;border-radius:50px;background:url(../images/image-sprite.png) repeat-x 0 -337px} .submit input,.signin input{height:54px;color:#fff;font-size:23px;display:block;padding:0 55px 0 25px;background:url(../images/image-sprite.png) no-repeat 100% -279px;text-transform:uppercase;cursor:pointer} .submit:hover{background:url(../images/image-sprite.png) repeat-x 0 -397px} .submit{-webkit-transition:all .3s 0.1s ease;-moz-transition:all .3s 0.1s ease;transition:all .3s 0.1s ease} label{font-size:14px;color:#171717;display:block;margin-bottom:11px;font-weight:600} .captcha input[type="text"]{width:200px} .captcha span{display:inline-block;margin-right:-10px;vertical-align:middle} .captcha img{vertical-align:middle} .small{font-size:13px} .err-msg{color:#d40101;font:13px Arial, Helvetica, sans-serif;display:block;margin-top:8px} .captcha span.err-msg{display:block} .error-msg-flash{color:#d40101;font-size:14px;display:block;margin:15px 10px -15px 20px} .success-msg{background:#e5fee5 url(../images/select-green.png) no-repeat 10px 10px;border:1px solid #b7e7b7;font-size:14px;display:block;padding:10px 7px 9px 38px;margin:10px 0} .required{color:#d40101} .compulsary{text-align:right} .helptext{color:#383838;margin:10px 20px -10px;padding-bottom:0} /*--Ccustom form effect --*/ .form-group .form-md-line-input{position:relative;margin:0 0 15px;padding:20px 0 0} .form-group .form-md-line-input .form-input{background:0 0;border:0;border-bottom:1px solid #c2cad8;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#555;box-shadow:none;padding:5px 0;font-size:14px} .form-group .form-md-line-input.has-warning .form-input{border-bottom:1px solid #c29d0b} .form-group .form-md-line-input .form-input{background:0 0;border:0;border-bottom:1px solid #c2cad8;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#555;box-shadow:none;padding-left:0;padding-right:0;font-size:14px} .form-group .form-md-line-input:focus .form-input{border-bottom:1px solid #e73d4a} .form-group .form-md-line-input .form-input{background:0 0;border:0;border-bottom:1px solid #c2cad8;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#555;box-shadow:none;padding-left:0;padding-right:0;font-size:14px} .has-error .form-input{border-color:#e73d4a;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .form-input{outline:0!important;box-shadow:none!important;width:100%;height:34px;padding:6px 12px;background-color:#fff;border:1px solid #c2cad8;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .form-group .form-md-line-input.form-md-floating-label .form-input ~ label{top:25px;transition:.2s ease all} .form-group .form-md-line-input .form-input ~ label{top:0;margin-bottom:0;font-size:14px} .form-group .form-md-line-input .form-input ~ .form-input-focus,.form-group .form-md-line-input .form-input ~ label{width:100%;position:absolute;left:0;bottom:0;pointer-events:none} .form-group .form-md-line-input .form-input.edited:not([readonly]) ~ label,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ label,.form-group .form-md-line-input .form-input ~ .help-block-error,.form-group .form-md-line-input .form-input ~ label,.form-horizontal .form-group .form-md-line-input > label{opacity:1;filter:alpha(opacity=100)} .form-group .form-md-line-input .form-input ~ .form-input-focus::after,.form-group .form-md-line-input .form-input ~ label::after{content:'';position:absolute;z-index:5;bottom:0;left:50%;height:2px;width:0;visibility:hidden;transition:.2s ease all} .form-group .form-md-line-input .form-input.edited:not([readonly]) ~ .form-input-focus::after,.form-group .form-md-line-input .form-input.edited:not([readonly]) ~ label::after,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ .form-input-focus::after,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ label::after{visibility:visible;left:0;width:100%;background:#04939d} .form-group .form-md-line-input:focus .form-input{border-bottom:1px solid #36c6d3} .has-error .form-input:focus{border-color:#d71b29;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f2989f;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f2989f} .has-error .form-input{border-color:#e73d4a;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .form-input:focus{border-color:#04939d;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(147,161,187,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(147,161,187,.6)} .form-group .form-md-line-input.form-md-floating-label .form-input.edited ~ label,.form-group .form-md-line-input.form-md-floating-label .form-input.focus:not([readonly]) ~ label,.form-group .form-md-line-input.form-md-floating-label .form-input.form-input-static ~ label,.form-group .form-md-line-input.form-md-floating-label .form-input:focus:not([readonly]) ~ label,.form-group .form-md-line-input.form-md-floating-label .form-input[readonly] ~ label{top:4px;font-size:13px} .form-group .form-md-line-input .form-input.edited:not([readonly]) ~ .form-input-focus,.form-group .form-md-line-input .form-input.edited:not([readonly]) ~ label,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ .form-input-focus,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ label{color:#888} .form-group .form-md-line-input .form-input.edited:not([readonly]) ~ label,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ label,.form-group .form-md-line-input .form-input ~ .help-block-error,.form-group .form-md-line-input .form-input ~ label,.form-horizontal .form-group .form-md-line-input > label{opacity:1;filter:alpha(opacity=100)} .form-group .form-md-line-input .form-input.edited:not([readonly]) ~ label,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ label,.form-group .form-md-line-input .form-input ~ .help-block-error,.form-group .form-md-line-input .form-input ~ label,.form-horizontal .form-group .form-md-line-input > label{opacity:1;filter:alpha(opacity=100)} .form-group .form-md-line-input.form-md-floating-label .form-input ~ label{top:25px;transition:.2s ease all;color:#999} .form-group .form-md-line-input .help-text{position:absolute;margin:10px 0 0;opacity:0;filter:alpha(opacity=0);font-size:13px} .help-text{margin-top:5px;margin-bottom:5px;display:block;margin-top:5px;margin-bottom:10px;color:red} .form-group .form-md-line-input .form-input.edited:not([readonly]) ~ .help-text,.form-group .form-md-line-input .form-input:focus:not([readonly]) ~ .help-text{color:red;opacity:1;filter:alpha(opacity=100)} /*-- Floating Images--*/ .leftimg{float:left;display:block;margin:12px 20px 0 0} .rightimg{float:right;display:block;margin:12px 0 0 20px} /*------contact page-------*/ #google-map{max-width:1900px;margin:0 auto} #gmap_canvas{height:457px;width:100%} #gmap_canvas img{max-width:none!important;background:none!important} #content.contact-us{background:url(../images/gray-bg.gif) no-repeat 100% 0;background-size:49% 100%;padding-top:0} #main{float:left;width:55.8%;background:#fff;padding-bottom:50px} #container #main h2{font-size:38px;text-align:left} aside{width:43%;float:right;padding:35px 0 0} aside h3{font-size:22px;color:#313131;margin-bottom:15px} aside .contact{padding-left:36px} .contact-us li{padding:6px 0 0;margin-bottom:11px} .contact-us li label{font-size:0;margin-bottom:0} .contact-us .submit{margin-top:10px} .contact-us .submit input{background-position:87% -279px;padding:0 70px 0 40px} .contact-us input[type="text"],.contact-us textarea{width:88%} .contact-info{margin-top:20px} .contact-info span{font-size:16px;color:#282828;display:block;line-height:1.7em} .contact-info > span{background:url(../images/image-sprite.png) no-repeat 0 -1774px;margin:7px 0 15px;padding-left:35px} .contact-info > span.skype{background-position:0 -1014px} .contact-info > span.email{background-position:0 -968px} .contact-info span.next-no{display:inline} .email a{color:#282828} .email a:hover{text-decoration:underline} .search-bar{width:295px;height:33px;padding:7px 0 0 10px;border:1px solid #c6c6c6;border-radius:5px;color:#f7f4f4;display:block;margin-bottom:30px} .categories,.recent-posts{margin-bottom:30px} .categories ul li{padding:5px 0 5px 26px;font-size:18px;background-position:0 15px} .recent-posts img{float:left;margin-right:16px} .recent-posts .title{display:block;padding-bottom:10px;font-size:16px;color:#313131} .recent-posts ul li{margin-bottom:22px} #container .recent-posts p{color:#616161} .tags a{color:#000;width:92px;height:25px;display:block;border:1px solid #d9d9d9;border-radius:5px;float:left;text-align:center;padding-top:7px;margin:0 14px 10px 0} .tags a.tag3{margin-right:0} /*-- Portfolio --*/ .portfolio-tabs ul.horizontal{text-align:center;border-bottom:1px solid #045c9d;margin:26px auto 0} .portfolio-tabs ul.horizontal li{display:inline-block} .portfolio-tabs ul.horizontal li a{color:#242424;font-size:16px;display:block;padding:15px 30px;text-decoration:none} .portfolio-tabs ul.horizontal li:hover a,.portfolio-tabs ul.horizontal li.active a{background:#045c9d;color:#fff} .portfolio-tabs .tab-content{clear:both;display:block} .portfolio{clear:both;margin:50px 0 20px -1.8%;width:103.6%;display:inline-block} .portfolio > li{float:left;width:29.7%;background:url(../images/box-shadow.png) no-repeat center 100%;background-size:100% auto;padding-bottom:38px;margin:0 1.8% 26px 1.8%;line-height:normal;position:relative} .portfolio > li .image img{border:1px solid #dfdfdf;max-width:100%;height:auto} .portfolio > li.last{margin-right:0} .portfolio .info-box{position:absolute;bottom:42px;left:1px;width:100%;overflow:hidden} .portfolio .info-box .box-inner{width:170px;margin:0 auto;background:rgba(0, 0, 0, 0.88);padding:9px 10px 5px;text-align:center;box-sizing:border-box;height:41px} .portfolio .info-box .img-hover{position:absolute;bottom:0;left:0;width:100%;height:214px;opacity:0;visibility:hidden} .portfolio .info-box h3{background:url(../images/image-sprite.png) no-repeat center -166px;font-size:23px;color:#fff;padding:20px 0 10px;margin-bottom:17px;text-align:center;text-transform:uppercase} .portfolio .info-box li{margin:0 6px;font-size:14px;color:#fff;display:inline-block;width:48%;margin:0 0 14px;text-align:left} .portfolio .info-box li:nth-child(odd){width:41%;margin-left:7%} .portfolio .info-box li span{ display:inline-block;width:25px;margin-right:3px;text-align:center} .portfolio .info-box li img{vertical-align:middle} .view-html-css a{background:#ffe400;width:160px;font-size:15px;color:#2e2e2e;display:block;padding:9px 10px;margin:6px auto 0;border-radius:30px} .portfolio .option-list{display:block;text-align:center;margin:0 auto} .portfolio .info-box .box-inner,.portfolio .info-box .img-hover,.portfolio .option-list{-webkit-transition:all .5s 0.2s ease;-moz-transition:all .2s 0.2s ease;transition:all .5s 0.2s ease} /*--Box Hover css--*/ .portfolio > li:hover .info-box .box-inner{width:100%;height:214px} .portfolio > li:hover .info-box .img-hover{visibility:visible;opacity:1} .portfolio > li:hover .option-list{-webkit-transition:all .3s .1s ease-out;-moz-transition:all .3s .1s ease-out;transition:all .3s .1s ease-out;opacity:1} .portfolio > li:hover .option-list{opacity:0} /*----------PSD to HTML-----------*/ .service-details{margin-bottom:50px} #container .service-details h2{text-align:left} .service-details h3{font-size:22px;color:#313131;margin:20px 0 10px;text-transform:uppercase} h3.check-title{background:url(../images/tick-bullet.png) no-repeat 0 0;padding-left:45px;margin-bottom:5px} .service-details p{font-size:14px} /*--Order Now common for all services pages --*/ /*.order-now a{background:#ff5733 url(../images/btn-arrow.png) no-repeat 80% 14px;width:185px;height:29px;padding:13px 64px 17px 25px;margin:0 auto;font-size:22px;text-transform:uppercase;position:relative;border-radius:50px;text-align:center;display:block;overflow:hidden} .order-now a{color:#fff}*/ /*.order-now em{display:block;font-style:normal} .order-now em:after{content:'';position:absolute;top:-50px;left:0;background:url(../images/image-sprite.png) no-repeat center -1376px;width:100%;height:100%} .order-now em:after{-webkit-transition:all .3s 0s ease;-moz-transition:all .3s 0s ease;transition:all .3s 0s ease} .order-now:hover{background-position:80% 114px} .order-now:hover em{margin-top:100px} .order-now:hover em:after{top:0}*/ /*.order-now{position:relative;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s} .order-now a,.order-now::before{height:100%;position:absolute;width:100%} .order-now a{color:#fff;display:block;text-decoration:none;z-index:2} .order-now::before{background-color:rgba(255,255,255,.5);content:"";left:0;opacity:0;top:0;transform:scale(.2,1);transition:all .4s ease 0s;z-index:1} .order-now:hover::before{opacity:1;transform:scale(1,1)}*/ .order-now{position:relative;background:#ff5733;font-size:22px;text-transform:uppercase;width:185px;height:29px;padding:13px 64px 17px 25px;margin:0 auto;text-align:left;display:block;border-radius:50px;cursor:pointer;transition:all .5s ease 0s} .order-now a,.order-now::before{height:100%;position:absolute;width:100%;border-radius:50px} .order-now a{left:0;top:0;color:#fff;display:block;text-decoration:none;z-index:2;background:url(../images/btn-arrow.png) no-repeat 80% 14px} .order-now::before{background-color:#d54121;content:"";left:0;opacity:0;top:0;transform:scale(.2,1);transition:all .4s ease 0s;z-index:1} .order-now:hover::before{opacity:1;transform:scale(1,1)} .order-now a em{padding:12px 0 0 49px;font-style:normal;display:block} .hr-line{border-bottom:1px solid #d8d8d8;display:block;height:29px;margin:41px 0 9px} /*------ Our Services and Capabilities -------*/ .services-capabilities{background:#f4f4f4;padding-bottom:50px;color:#313131;overflow:hidden;} .inner-page #container .services-capabilities h2{padding:35px 0} .services-capabilities li{float:left;width:40.3%;margin:0 4.7% 20px} .services-capabilities h3{padding:0 0 16px 0;font-size:22px;text-transform:uppercase;border-bottom:1px solid #dbdbdb;margin:0 0 5px;background:url(../images/arrow2.png) no-repeat 3px 3px} #container .services-capabilities h3 span{padding-left:38px} .services-capabilities li p{min-height:72px} .contact-our-expert{clear:both;font-size:24px;text-align:center;padding-top:35px;border-top:1px solid #dbdbdb} .recent-projects{background:#f5f5f5;padding:25px 0 65px}/*--Recent Projects --*/ .recent-projects ul{text-align:center;margin-top:20px} .recent-projects li{width:28%;display:inline-block;margin:0 1.6%} .recent-projects li img{max-width:100%;height:auto} .completed-projects{background:#2eb3cb;min-height:103px;color:#fff;padding:28px 0 20px;position:relative;overflow:hidden}/*--Completed Projects --*/ .completed-projects .left{width:75%} .completed-projects p{padding-top:0} #container .completed-projects h2{text-align:left;color:#fff;text-transform:none;font-size:32px;line-height:36px;padding:11px 0 14px;display:inline-block} .completed-projects h2 em{font-style:normal;font-size:52px;font-weight:normal;vertical-align:middle} .completed-projects .order-now{position:absolute;top:19px;right:15px} /*-- PSD to Opencart --*/ .oc-services{margin-left:-2%;padding:38px 0 50px;overflow:hidden} .oc-services li{float:left;width:23%;margin:0 0 20px 2%;border:2px solid #e6e6e6;padding:24px 22px 10px 14px;box-sizing:border-box;border-radius:2px 60px 2px 2px;background:url(../images/ocs-icon1.png) no-repeat 100% 100%;min-height:456px} .oc-services li.ocs2{background-image:url(../images/ocs-icon2.png)} .oc-services li.ocs3{background-image:url(../images/ocs-icon3.png)} .oc-services li.ocs4{background-image:url(../images/ocs-icon4.png)} .oc-services h3{font-size:17px} .development{background:#2949d5;text-align:center;color:#fff;padding:45px 0 40px} .development h3{font-size:24px;font-weight:normal} .development h3 strong{font-size:70px;display:block;margin:13px 0 6px;text-transform:uppercase} .development p{padding:8px 12% 33px} /*-- PSD to Wordpress --*/ #psd-to-wp{float:left;width:66.4%;padding-bottom:20px} .inner-page #container #psd-to-wp h2{text-align:left;padding-bottom:10px} #psd-to-wp ul{margin:29px 0 0 -4%} #psd-to-wp li{float:left;width:46%;margin:0 0 40px 4%} #psd-to-wp li .icon{float:left;display:block;width:17%;max-width:50px;text-align:center} #psd-to-wp li .icon img{max-width:100%;height:auto} #psd-to-wp li .info{float:right;width:78.5%;border:1px solid #cfcfcf;border-width:0 0 1px 1px;padding:0 0 10px 4%} #psd-to-wp li h3{clear:none} /*-- Get consulation --*/ .get-consulation{float:right;width:25.7%;border:1px solid #28af73;padding:20px 2% 18px;margin-top:40px} .get-consulation h3{font-size:20px;color:#323231;text-transform:uppercase;border-bottom:1px solid #28af73;text-align:center;margin-bottom:17px} .get-consulation h3 strong{font-size:30px;display:block;padding:5px 0 14px} .get-consulation form{padding:0 7px} .wordpress-dev{background:#04939d;clear:both;padding-bottom:20px} .get-consulation form p{margin:0 0 10px} .get-consulation input[type="text"]{border-width:0 0 1px 0;border-radius:0} .get-consulation .submit{background:#045c9d;margin-top:8px} .get-consulation .submit input{font-size:16px;background-position:41px -1433px;height:44px; padding:0 70px 0 45px} .get-consulation .form-group{position:relative;margin:0;min-height:72px} .get-consulation label {font-weight:400;} .get-consulation .error-msg{position:absolute;bottom:0;color:#f00;font-size:13px} .get-consulation input[type="text"] ~ .error-msg,.get-consulation input[type="email"] ~ .error-msg,.get-consulation input[type="password"] ~ .error-msg,.get-consulation textarea ~ .error-msg{bottom:-24px;margin:0} .get-consulation textarea{height:66px} .serverside-error{display:block;position:absolute;bottom:-26px;font-size:13px;color:#f00} /*---------- PSD to Email -----------*/ #intro.psdtoemail ul{margin:0 0 30px;overflow:hidden} #intro.psdtoemail ul li{float:left;background:url(../images/white-arrow.png) no-repeat 4px 11px;padding:5px 0 5px 22px;font-size:14px;line-height:22px;text-align:left;width:31%;color:#fff} /*#intro.psdtoemail a.order-now{clear:both}*/ .email-temp{color:#4e4e4e;text-align:center;padding:30px 0 25px} .email-temp .container{border-bottom:3px solid #ed634d;padding:0} .email-temp h3{font-size:32px;color:#323231;text-transform:uppercase} .email-temp h3 span{color:#4d4d4c;display:block;margin-top:11px} .email-temp p{font-size:20px;padding:8px 0 37px} .reasons.container{padding:25px 15px 0} .reasons ul{width:100%;display:inline-block} .reasons li{background:#0ac1a7;float:left;width:48.8%;margin-bottom:34px;padding:25px 0;min-height:170px;color:#fff;text-align:center;position:relative} .reasons li.right{float:right} .reasons h4{font-size:20px;text-transform:uppercase} .reasons h4 em{font-family:Arial, Helvetica, sans-serif;font-style:normal} .reasons p{padding:18px 50px 8px;min-height:72px} .count{position:absolute;top:0;left:0;width:62px;height:56px;background:#04a48d;border:1px solid #85e0d3;border-width:0 1px 1px 0;display:block;color:#fff;font-size:38px; padding-top:5px;text-align:center} .reasons li.second{background:#48a8db} .second .count{background:#2d8ec1;border-color:#a4d4ed} .reasons li.third{background:#f2a719} .third .count{background:#d48e08;border-color:#f9d38c} .reasons li.forth{background:#ed634d} .reasons li.forth h4{padding-left:56px} .forth .count{background:#d4452f;border-color:#f6b1a6} .what-makes-us-different{background:#007fd4;color:#fff;padding:10px 0 20px} .what-makes-us-different ul{display:block;width:104%;margin:25px 0 0;margin-left:-2%} .what-makes-us-different li{display:inline-block;width:45%;margin:20px 2% 30px;vertical-align:top} .what-makes-us-different li h3{background:url(../images/image-sprite.png) no-repeat 0 -487px;font-size:23px;padding:5px 0 20px 77px;text-transform:uppercase} .what-makes-us-different li.second h3{background-position:0 -577px;padding:11px 0 14px 77px} .what-makes-us-different li.third h3{background-position:0 -674px;padding:10px 0 20px 77px} .what-makes-us-different li.forth h3{background-position:0 -773px;padding:14px 0 17px 77px} .inner-page #container .standards h2{font-size:40px;border-bottom:1px solid #e5e5e5;padding-bottom:30px} .standards h2 strong{display:block} .standards ul{ display:inline-block;width:100%;margin:40px 0 55px 4%} .standards li{float:left;width:44%;background:url(../images/image-sprite.png) no-repeat 0 -864px;padding:10px 10px 10px 40px;color:#313131;font-size:17px} /*-- View/html/css --*/ .view-project-details header{width:100%} .view-project-details .heading{padding:12px 0 0} .view-project-details .heading h1{font-size:30px} .view-code ul.horizontal{text-align:center;background:#f4f4f4;border:1px solid #e8e6e6;border-width:1px 0;margin-top:26px} .view-code ul.horizontal li{display:inline-block;font-size:14px; padding:12px 0} .view-code ul.horizontal li a{color:#000;display:block;border-right:1px solid #d7d6d6;padding:12px 15px;text-decoration:none;margin-left:-4px} .view-code ul.horizontal li a:hover{color:#135bbd} .view-code ul.horizontal li a.last{border-right:0} .view-code ul.horizontal li.active a{background:#045c9d;color:#fff} .code-holder{overflow:hidden;width:100%} pre{margin:0;overflow:auto;position:relative;height:385px!important;color:#fff} pre code{background:#41494c none repeat scroll 0 0;display:inline-block;font-size:12px;line-height:16px;min-width:100%;overflow:visible;padding:.5em;vertical-align:top} /*-- Login --*/ .login{background:#eee} .login .logo{display:block;text-align:center;padding-top:35px} .login-box{width:772px;background:#fff url(../images/login-box-shadow.png) no-repeat center 100%;padding:13px 13px 33px;margin:15px auto 30px} .login-box .box-inner{border:1px dashed #dadada;display:inline-block;width:100%;margin:0 0 13px} .inner-page #container .login h2{color:#323231;font-size:25px;padding:20px 0 15px;text-align:left} .login form{float:left;width:39%/*300px*/;padding:0 5.5% 3.2% 4.5%;background:url(../images/login-form-sep.gif) no-repeat 100% 10px;min-height:270px;margin:0 0 20px} .login label{position:relative} .login input[type="text"],.login input[type="password"]{padding:12px 15px;border-color:#d7d9d9;border-radius:0} .login .fa{position:absolute;top:1px;right:1px;width:50px;height:30px;font-size:16px;color:#999;padding:11px 0 0;text-align:center;border-radius:0 5px 5px 0} .login .forgot-password{color:#999;font-size:13px} .login .forgot-password:hover{color:#222} .signin{margin-top:20px} .signin input{background:#045c9d url(../images/image-sprite.png) no-repeat 43px -1433px;height:44px;font-size:17px;padding:0 71px 0 47px;display:block;border-radius:25px;text-align:left} .signin input:hover,.signin input:focus{background-color:#0d6db5} .login .err-msg{margin-bottom:15px} .login .rightimg{width:42%;margin:40px 33px 0 0} .login .error-msg-flash{margin:0 0 10px} .forgot-pwd .signin input{background-position:81% -1433px;padding:0 52px 0 25px} /*-- Thank You --*/ .thank-you{min-height:500px} .thank-you h1{font-size:45px;text-align:left} .thank-you-msg{background:#f6f6f6;border:1px solid #eee;font-size:25px;color:#454544;padding:50px 30px;margin-top:20px} /*-- My Acc - Dashboard --*/ .inner-page #container .dashboard h2{font-size:30px;color:#1f1f1f;padding-top:15px;margin-bottom:5px;text-align:left;text-transform:none} #container .dashboard h2 a{color:#1f1f1f} .user-details-box{position:absolute;top:0;right:15px;padding:11px 8px 6px 7px;border:1px solid #fff;border-radius:4px 4px 0 4px;cursor:pointer} .user-details-box img{float:left;margin:-4px 17px 0 0;border-radius:30px} .user-details-box .name{float:right;background:url(../images/image-sprite.png) no-repeat 100% -1070px;padding-right:30px;display:inline-block;font-size:17px;color:#151819;font-weight:600;margin-top:5px;min-width:100px} .user-details-box .name em{display:block;font-style:normal;font-size:13px;color:#4f5455} .toggle-div{position:absolute;top:54px;right:-1px;width:185px;padding-top:7px;z-index:100;visibility:hidden;opacity:0} .toggle-div ul{background:#fbfafa;border:1px solid #dedede;border-top:0;border-radius:0 0 4px 4px;padding:0 3px 3px} .toggle-div li{padding:0} .toggle-div li a{font-size:15px;color:#1f1a17;padding:7px 0 7px 35px;display:block} .toggle-div li:hover{background:#e5e5e5} .toggle-div li:last-child:hover{border-radius:0 0 6px 6px} .toggle-div li a.edit-profile{background:url(../images/edit-profile.png) no-repeat 8px 11px} .toggle-div li a.change-pw{background:url(../images/change-password.png) no-repeat 8px 11px} .user-details-box:hover{border-color:#dedede;background:#fbfafa} .user-details-box:hover .toggle-div{visibility:visible;opacity:1;padding-top:12px} #page-content{background:#045c9d;margin-bottom:25px;overflow:hidden} /*-- Sidebar Accordion--*/ .left-tabs{float:left;width:23%;background:#045c9d} .left-tabs li{font-size:19px;font-weight:600;text-transform:uppercase} .left-tabs ul{display:none;background:#0872c0;border-bottom:1px solid #1e6da7;position:static} .left-tabs ul li{font-size:15px;font-weight:400;} .left-tabs ul li a{color:#fff;display:block;padding:15px 30px 15px 55px;border-top:1px solid #197dc8} .left-tabs li .expand-collapse{background:url(../images/image-sprite.png) no-repeat 100% -1130px;color:#fff;display:block;padding:20px 30px;border-bottom:1px solid #1e6da7;z-index:10000;cursor:pointer} .left-tabs li.has-sub.open .expand-collapse,.left-tabs li.active .expand-collapse{background-color:#076cb7;background-position:100% -1171px} .left-tabs li:hover .expand-collapse{background-color:#0564ab} .left-tabs .add a{background:url(../images/image-sprite.png) no-repeat 0 -1284px} .left-tabs .manage a{background:url(../images/image-sprite.png) no-repeat 0 -1325px} .left-tabs ul li a:hover{background-color:#0564ab;color:#fff} .left-tabs li.active ul li.active a{background-color:#004375} .left-tab-content{float:right;width:77%;background:#fff} .left-tab-content h3{background:#084f84;color:#fff;font-size:30px;padding:10px 10px 10px 24px;font-weight:400} .left-tab-content .box-wrapper{border:1px solid #d6d6d6;min-height:400px; padding:5px 22px 40px;overflow:hidden} .page-bar{background:#efefef url(../images/image-sprite.png) no-repeat 0 -1099px;padding:8px 10px 8px 48px} .page-bar a{color:#5e5e5e} .dashboard-stat{margin:20px -1.5% 23px;overflow:hidden} .dashboard-stat li{float:left;width:25.33%;background:#006495 url(../images/orders-stat.png) no-repeat 15px 6px;color:#fff;text-align:right;padding:5px 2% 7px 3%;margin:0 1.5%} .dashboard-stat li.project-stat{background:#f2635f url(../images/project-stat.png) no-repeat 10px 12px} .dashboard-stat li.ticket-stat{background:#0093d1 url(../images/ticket-stat.png) no-repeat 10px 12px} .dashboard-stat li em{font-size:30px;font-weight:600;font-style:normal} .dashboard-stat li span{font-size:17px;display:block} .dashboard-stat li a{color:#fff;font-size:11px;text-decoration:underline} .dashboard-stat li a:hover{text-decoration:none} .left-tab-content .popover h3{background:#666;font-size:14px;text-align:center;font-weight:600;padding:10px 0;border-radius:4px 4px 0 0} .project-status{margin:0 -1.5% 20px;overflow:hidden} .project-status li{float:left;width:25.03%;background:#efefef;border:1px solid #dedede;margin:0 1.5%;padding:10px 2% 20px 3%;text-align:center} .project-status span{font-size:18px;display:block;padding-top:5px} .project-status .title{font-size:20px;color:#000;padding:5px 0 15px} .project-status a,.recent-status .btn{background:#045c9d;padding:6px 22px;color:#fff;border-radius:4px} .project-status a.hvr-rectangle-out:before,.recent-status a.hvr-rectangle-out:before{background:#1279c6} .recent-status{float:left;width:48%;border:1px solid #d1d1d1} .recent-status.right{float:right} .recent-status h4{background:#151819;padding:15px 10px 15px 17px;font-size:16px;color:#fff;font-weight:400;position:relative;margin:-1px -1px 0;border-bottom:1px solid #d1d1d1} .recent-status .btn{background:#004a81;position:absolute;top:9px;right:10px;font-size:16px} .recent-status li{font-size:15px;border-bottom:1px solid #d1d1d1;padding:7px 0} .recent-status li:last-child{border-bottom:0} .recent-status li a{display:block;color:#151819;background:url(../images/arrow.png) no-repeat 17px 15px;padding:12px 10px 12px 42px} .recent-status li a:hover{background:url(../images/arrow-blue.png) no-repeat 17px 15px;color:#045c9d;text-decoration:underline} .recent-status .view-more{background:#efefef;font-size:13px;display:block;padding:9px 15px;text-align:right} .recent-status .view-more a{color:#888989} .recent-status .view-more a:hover{color:#242424} /*-- Table --*/ .table{border-collapse:collapse;width:100%} .table-bordered{border-top:1px solid #ddd} .table-bordered th,.table-bordered td{ padding:10px !important;border:1px solid #ddd;border-width:0 1px 1px 0} .table-bordered th:first-child,.table-bordered td:first-child{border-left:1px solid #ddd;} .table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th{background-color:#f9f9f9} .table a{color:#222} .ticket_status{font-weight:600} .table .btn:hover,.table .btn:focus{color:#fff !important} .table-scrollable{width:100%;overflow-x:auto;min-height:.01%;} /*-- Portlet Body form--*/ .portlet-body form ul{margin:20px 0 5px} .portlet-body form li{clear:both;overflow:hidden;border:1px solid #eaeaea;border-width:0 1px 1px 1px} .portlet-body form li:first-child{border-top:1px solid #eaeaea} .portlet-body form label,.portlet-body form .value-col{float:left;box-sizing:border-box} .portlet-body form label{width:27%;padding:15px 15px 9px;text-align:right} .portlet-body form .value-col{width:73%;padding:10px 15px;border-left:1px solid #eaeaea} .portlet-body form input[type="text"],.portlet-body form input[type="password"]{ padding:10px 15px} .form-actions{background-color:#f5f5f5;clear:both;border:1px solid #e5e5e5;padding:10px 10px 5px 25%} .form-actions input.btn{margin-left:16px} /*-- Bootstrap / Components/ dataTables Css --*/ /*-- dataTables --*/ .dataTables_length,.dataTables_filter{width:50%;margin:20px 0 10px} .dataTables_wrapper{font-size:13px} .dataTables_wrapper label{font-size:13px} .dataTables_length select{display:inline-block;width:90px;padding:9px 15px;margin:0 5px;border-radius:2px} .dataTables_filter input[type="text"]{display:inline-block;width:200px;padding:10px 15px;border-radius:2px} table.dataTable thead th, table.dataTable thead td{border-bottom-color:#ddd !important} /*-- Pagination --*/ .dataTables_paginate a{background:#edecec;border:1px solid transparent;color:#292929;display:inline-block;padding:3px 10px !important;margin:5px;cursor:pointer;border-radius:2px} .dataTables_paginate a.paginate_active{border:1px solid #292929;border-radius:2px} .dataTables_paginate a:hover{background:#292929;color:#fff} /*-- Status --*/ .status-bar{background:#f5f5f5;padding:8px 7px 3px;margin-top:12px/*margin:20px 0 5px*/} .status-bar .btn{font-family:Arial, Helvetica, sans-serif} /*-- Chats --*/ .portlet-body .caption{float:left;display:inline-block;font-size:18px;line-height:18px;font-weight:400;padding:10px 0} .portlet-body .caption i{margin-right:7px;vertical-align:top} .go-back{text-align:right;margin:20px 0 25px} .chats{margin:0;padding:0;margin-top:-15px} .chats li{list-style:none;padding:5px 0;margin:10px 12px 10px 0;font-size:12px} .chats li .body{display:block} .chats li .avatar{height:45px;width:45px;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important} .chats li.in .avatar{float:left;margin-right:10px} .chats li.out .avatar{float:right;margin-left:10px} .chats li .name{color:#3590c1;font-size:13px;font-weight:400} .chats li .datetime{color:#333;font-size:13px;font-weight:400} .chats li .message{display:block;padding:5px;position:relative} .chats li.in .message{text-align:left;border-left:2px solid #1BBC9B;margin-left:65px;background:#fafafa} .chats li.in .message .arrow{display:block;position:absolute;top:5px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #1BBC9B} .chats li.out .message{border-right:2px solid #F3565D;margin-right:65px;background:#fafafa;text-align:right} .chats li.out .message .arrow{display:block;position:absolute;top:5px;right:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #F3565D} .chats li.out .name,.chats li.out .datetime{text-align:right} .chat-form{margin-top:15px;padding:10px;background-color:#e9eff3;overflow:hidden;clear:both} .chat-form .input-cont{margin-right:40px} .chat-form .input-cont .form-control{border:1px solid #ddd;width:100%!important;margin-top:0;padding:10px 15px;border-radius:2px 0 0 2px;background-color:#fff!important} .chat-form .input-cont .form-control:focus{border:1px solid #4b8df9!important} .chat-form .btn-cont{margin-top:-42px;position:relative;float:right;width:44px} .chat-form .btn-cont .arrow{position:absolute;top:17px;right:42px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #4d90fe;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .chat-form .btn-cont .btn{margin-top:3px;padding:10px 12px} .chat-form .btn-cont:hover .arrow{border-right-color:#0362fd} .chat-form .btn-cont:hover .btn{background-color:#0362fd} /*-- Input file --*/ .input-group{position:relative;display:table;border-collapse:separate} .input-group[class*=col-]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;width:98px;border:1px solid #d2d1d1;margin:0 0 15px;border-radius:4px 0 0 4px} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px} .btn.btn-primary.btn-file{background:#428bca;border:1px solid #357ebd;color:#fff;padding:7px 12px 8px;border-radius:0 4px 4px 0} /*-- Font Glyphicons --*/ @font-face { font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../admin/plugins/bootstrap/fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'),url(../admin/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../admin/plugins/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../admin/plugins/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')} .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .glyphicon-folder-open:before{content:"\e118"} .glyphicon-file:before{content:"\e022"} .glyphicon-trash:before{content:"\e020"} /*---------*/ .file-preview-frame,.file-preview-image,.file-preview-other{height:160px;vertical-align:middle}.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(../img/loading.gif)top left no-repeat;border:none}.file-object{margin:0 0 -5px;padding:0}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:0 0;cursor:inherit;display:block}.file-caption-name{display:inline-block;overflow:hidden;height:24px; padding:5px 5px 0;word-break:break-all}.input-group-lg .file-caption-name{height:25px}.file-preview-detail-modal{text-align:left}.file-error-message{float:right;color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre,.file-error-message ul{margin:0;text-align:left}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:5px;width:100%;margin-bottom:5px}.file-preview-frame{display:table;margin:8px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left;text-align:center}.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}.file-preview-text{text-align:left;width:160px;margin-bottom:2px;color:#428bca;background:#fff;overflow-x:hidden}.file-preview-other{display:table-cell;text-align:center;width:160px;border:2px solid #999;border-radius:30px}.file-preview-other:hover{opacity:.8}.file-actions,.file-other-error{text-align:left}.file-icon-lg{font-size:1.2em}.file-icon-2x{font-size:2.4em}.file-icon-4x{font-size:4.8em}.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file{display:none}.file-thumb-loading{background:url(../img/loading.gif)center center no-repeat content-box!important}.file-actions{margin-top:15px}.file-footer-buttons{float:right}.file-upload-indicator{padding-top:2px;cursor:default;opacity:.8;width:60%}.file-upload-indicator:hover{font-weight:700;opacity:1}.file-footer-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto 10px}.file-preview-error{opacity:.65;box-shadow:none}.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone-title{color:#aaa;font-size:40px;padding:85px 10px}.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}.file-uploading{background:url(../img/loading-sm.gif)center bottom 10px no-repeat;opacity:.65}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}.file-thumbnail-footer{position:relative}.file-thumb-progress{position:absolute;top:22px;left:0;right:0} #image_file_div .input-group-btn{display: table-cell;width:100%;vertical-align:top} #image_file_div .btn.btn-primary.btn-file{width:90px} .hide{display: none !important;} #image_file_div .file-preview{box-sizing:border-box;overflow:hidden} #image_file_div .close{float:right;width:21px} #image_file_div .btn.btn-default{float:left;padding:7px 12px 6px;vertical-align:bottom;border-width:1px 0;border-radius:0} .note.note-info p{font-size:13px;color:#e90303} .note.note-info .fa{color:#e90303} /*-- Button --*/ .btn{font-size:14px;outline:medium none !important;padding:5px 12px;cursor:pointer;border-radius:2px} .btn.blue,.btn.red,.btn.dark,.btn.green,.btn.purple,.btn.yellow{color:#fff;background:#4b8df8;border-color:"";display:inline-block;margin:0 0 5px;vertical-align:middle;min-height:21px} .portlet-body .btn:hover,.portlet-body .btn:focus,.portlet-body .btn:active,,.portlet-body .btn.active{color:#fff} .btn.blue:hover,.btn.blue:focus,.btn.blue:active,.btn.blue.active{background:#2474f6} .red.btn{background:#d84a38} .btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red.active{background:#c13726} .btn.dark{background:#575757} .btn.dark:hover, .btn.dark:focus, .btn.dark:active, .btn.dark.active{background:#000} .green.btn{background:#20b320} .btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active{background:#028602} .btn.purple{background:#8e44ad} .btn.purple:hover, .btn.purple:focus, .btn.purple:active, .btn.purple.active{background:#763890} .yellow.btn{background:#fcae33} .btn.yellow:hover,.btn.yellow:focus,.btn.yellow:active,.btn.yellow.active{background:#e59210} .btn-default{color:#333;background-color:#f8f6f6;border:1px solid #ccc} .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad} /*-- Bootstrap Alerts --*/ .alert{border-width:1px} .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d} .alert-success hr{border-top-color:#c9e2b3} .alert-success .alert-link{color:#2b542c} .alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f} .alert-info hr{border-top-color:#a6e1ec} .alert-info .alert-link{color:#245269} .alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b} .alert-warning hr{border-top-color:#f7e1b5} .alert-warning .alert-link{color:#66512c} .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442} .alert-danger hr{border-top-color:#e4b9c0} .alert-danger .alert-link{color:#843534} /*-- Bootstrap Modal Box --*/ .modal-open{overflow:hidden} .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0} .modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out} .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .modal-dialog{position:relative;width:auto;margin:10px} .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0;font-family:"Open Sans",Arial,Helvetica,sans-serif} .modal-content #content,.modal-content .content{padding-top:0} .modal-content .list{margin:0} .modal-content label{display:inline-block;margin-bottom:5px} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000} .modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)} .modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)} .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px} .modal-header .close{margin-top:-2px;position:absolute;top:10px;right:10px;} .modal-content button.close{font-size:22px;opacity:1;padding:8px;position:absolute;top:0;right:0;z-index:10000} .modal-title{margin:0;line-height:1.42857143;font-size:18px} .modal-body{position:relative;padding:20px 10px} .modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5} .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0} .modal-footer .btn-group .btn+.btn{margin-left:-1px} .modal-footer .btn-block+.btn-block{margin-left:0} @media (min-width:768px) { .modal-dialog{width:600px;margin:30px auto} .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)} .modal-sm{width:300px} } @media (min-width:992px) { .modal-lg{width:900px} } /*-- Tooltips --*/ .tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);font-family:Arial,Helvetica,sans-serif} .tooltip.in{opacity:.9;filter:alpha(opacity=90)} .tooltip.top{margin-top:-3px;padding:5px 0} .tooltip.right{margin-left:3px;padding:0 5px} .tooltip.bottom{margin-top:3px;padding:5px 0} .tooltip.left{margin-left:-3px;padding:0 5px} .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px} .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000} .tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000} .tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000} .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000} .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000} .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000} .tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000} .tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000} /* General utilities */ .display-none,.display-hide{display:none} .close{float:right;font-size:20px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);text-align:center} .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)} button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none} /*-- Bootstrap Component Css Close --*/ footer{background:#1f1f1f;color:#fff;padding:50px 0 35px;text-align:center;clear:both} footer h3{font-size:28px} #social-media{width:360px;margin:25px auto 0} #social-media li{float:left;margin:0 0 40px 20px;border-radius:50px;position:relative} #social-media li a{display:block;width:48px;height:48px;border-radius:50px} /* Radial In */ .hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#3a53a3;color:#fff; -webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.7s;transition-duration:.7s} .hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#1f1f1f;border-radius:100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out; } .hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:#fff} .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0)} .twitter .hvr-radial-in{background:#02baf6} .linkedin .hvr-radial-in{background:#085c91} .googleplus .hvr-radial-in{background:#c63819} .youtube .hvr-radial-in{background:#a10f10} /******social-media tooltip******/ .btn-tooltip{display:inline-block;outline:none;position:relative;text-decoration:none} .btn-tooltip span{position:absolute;top:-40px;right:11px;width:50px;background:url(../images/image-sprite.png) no-repeat center 98px;margin-left:0;padding:0 0 9px;text-align:center;text-transform:none;display:none\9;visibility:hidden;opacity:0;z-index:99} .btn-tooltip:hover span{display:block;top:-45px;visibility:visible;opacity:1} .btn-tooltip .classic em{background:#f7f7f7;border-radius:4px;color:#2b2b2b;display:block;font-size:12px;font-style:normal;padding:3.5px 0;margin-top:104px;width:75px} .footer-nav{border-top:1px solid #363636;padding:35px 0 15px;clear:both} .footer-nav li{display:inline;margin:0 11px;font-size:18px} .footer-nav li a{color:#fff} .footer-nav li a:hover{text-decoration:underline} .footer-nav li.active{cursor:default} .copyright{color:#b2b2b2;font-size:16px} /*-- Inline Sprite --*/ #social-media{overflow:hidden} #social-media li{width:48px;height:48px} #social-media li img{position:absolute;top:0;left:0} #social-media li.facebook img{clip:rect(0,48px,48px,0)} #social-media li.twitter img{clip:rect(0,115px,48px,67px);left:-67px} #social-media li.linkedin img{clip:rect(0,183px,48px,135px);left:-135px} #social-media li.googleplus img{clip:rect(58px,48px,106px,0);top:-58px} #social-media li.youtube img{clip:rect(58px,115px,106px,67px);top:-58px;left:-67px} .portfolio .option-list{width:140px;height:41px;position:relative;overflow:hidden} .portfolio .option-list img{position:absolute;top:-116px;left:6px;clip:rect(116px, 129px, 139px, 0px)} .portfolio .info-box li span{position:relative;overflow:hidden;display:inline-block;vertical-align:middle;width:24px;height:23px} .portfolio .info-box li span img{position:absolute;top:-116px} .portfolio .info-box li.html-css span img{left:0;clip:rect(116px, 20px, 139px, 0)} .portfolio .info-box li.responsive span img{left:-36px;clip:rect(116px, 60px, 139px, 36px)} .portfolio .info-box li.font-face span img{left:-74px;clip:rect(116px, 102px, 139px, 74px)} .portfolio .info-box li.mobile-friendly span img{left:-109px;clip:rect(116px, 133px, 139px, 109px)} .upload-option label{width:8px;height:16px;position:relative;overflow:hidden} .upload-option label img{position:absolute;top:-149px;left:0;clip:rect(149px,8px,165px,0)} .payment-options{height:36px;display:block;text-align:center} .payment-options span{width:54px;height:36px;display:inline-block;position:relative;overflow:hidden;margin-right:-1px} .payment-options img{position:absolute;left:0;top:-221px} .payment-options .visa img{clip:rect(221px,54px,257px,0)} .payment-options .master-card img{clip:rect(221px,112px,257px,57px);left:-57px} .payment-options .solo img{clip:rect(221px,169px,257px,115px);left:-115px} .payment-options .maestro img{clip:rect(262px,54px,298px,0);top:-262px} .american-express img{clip:rect(262px,112px,298px,57px);top:-262px;left:-57px} /*-- Inline Sprite End --*/ /*-- IE 7 and IE8 css hacks --*/ nav ul li a:hover{color:#0376ca\9} #submitbutton{display:none\9} *+html #nav > ul > li:hover > a{border-bottom:5px solid #045c9d;padding-bottom:25px}/* added by sonam for ie */ *+html .tabs ul{margin-left:320px} *+html .tabs li{float:left;display:block} *+html .order-form .col1,*+html .order-form .col2{width:47%} *+html .list-wrap > div.hide{display:none} *+html .hvr-radial-in{background:none !important;cursor:pointer} *+html .recent-projects li{float:left} *+html .portfolio-tabs ul.horizontal{margin-bottom:30px;height:48px} *+html .portfolio-tabs .tab-content{border:1px solid #fff;margin-left:-20px} *+html #social-media li{overflow:hidden} .left-tabs ul{display:block\9} } @media screen and (min-width:1400px){ /*#wrapper{border:2px solid #f00}*/ } /*===== Media Queries ============================================================= */ @media screen and (max-width: 1270px) { header,header.stickyheader{height:148px}.order-page header{height:77px}#intro,.login{margin-top:148px} header.stickyheader{background:#151819;height:137px} #toggle{transition:background 1.6s ease;-webkit-transition:background 1.6s ease;} #toggle.open-nav{background:none !important;} #logo{width:100%;text-align:center;left:0} nav,nav.stickymenu{top:80px;background:#232627;padding-top:20px} nav.stickymenu{padding:0} .stickymenu .nav{background:#232627;} #nav > ul,nav.stickymenu #nav > ul{float:none;text-align:center} .stickymenu #nav > ul{position:static;} #nav > ul > li > a{padding:5px 13px 29px}#nav > ul > li.active > span{padding:5px 13px 24px} /*-- Intro Slider--*/ .order-page .heading{margin-top:78px} #intro .slide2 h2,#intro .slide4 h2{font-size:45px}#intro .slide1 .order-now-btn,#intro .slide4 .order-now-btn{margin-top:20px} #intro .order-now-btn{margin-left:-15px} /*#wrapper{border:2px solid yellow}*/ } @media screen and (max-width: 1180px) { /*-- Intro Slider--*/ #intro .slide4 h2{font-size:42px}#intro .description{line-height:26px !important}#intro .order-now-btn{margin-left:-33px} .tabs-rotate .tab-content{min-height:340px;padding-top:40px} #our-progress li{margin:0 4%} .bxslider .slide .image{width:20%} .services li{min-height:220px} .email-temp h3{font-size: 28px;} .portfolio .info-box li,.portfolio .info-box li:nth-child(2n+1){display:block;min-width:180px; margin:0 auto 14px}.portfolio .info-box .img-hover,.portfolio > li:hover .info-box .box-inner{height:280px} .our-status{text-align:left}.our-status span{padding-left:55px;margin:0 15px 15px 0} .services-capabilities li{width:46.5%;margin:0 1.6% 20px}.reasons li{min-height:191px}.reasons h4{font-size:18px}.reasons p{min-height:96px} .order-page header,.view-project-details header{height:77px}.heading h1{font-size:38px}.order-box{width:323px}.order-box h3{background-size:325px auto}.order-form form{width:63%}/*-- order page --*/ /*#wrapper{border:2px solid pink}*/ } @media screen and (max-width: 1024px) { img{max-width:100%;height:auto} .container{width:58em;padding:0} #intro .button{background-position:86% 14px;padding:15px 66px 16px 32px} #container h2,.inner-page #container h2,.inner-page #container #psd-to-wp h2{font-size:40px}.inner-page #container .completed-projects h2{font-size:32px;text-align:center} #our-progress h3{font-size:24px} .portfolio .info-box .img-hover,.portfolio > li:hover .info-box .box-inner{height:327px} .our-team .tm-name{font-size:19px} .services h3{padding-top:20px} .completed-projects .left{width:auto;text-align:center}.completed-projects .order-now{position:relative;left:0;top:0;margin:15px auto} .services-capabilities h3{font-size:20px;line-height:29px}.development h3 strong{font-size:45px} .reasons li{padding-top:10px;margin-bottom:20px}.reasons h4{width:71%;margin: 0 auto;font-size:19px;line-height:28px; min-height:56px}.reasons li.second h4{padding-left:0}.reasons p{padding:0 15px 0} #psd-to-wp li .info{width:76%} #gmap_canvas{height:380px} #container #order h2{font-size:36px}.select-service h3{font-size:30px}.selectbox{width:42%}.check-options,.check-options li{width:100%}/*-- order page --*/ /*-- After Login pages--*/ .user-details-box{right:0}.left-tab-content .box-wrapper{padding-bottom:25px} #social-media li img,.portfolio .option-list img,.upload-option label img,.payment-options img,.portfolio .info-box li span img{max-width:inherit} #order #sidebar{position:static}.order-box h3{background-image:none;padding:15px 0}.order-box{width:100%;margin:20px 0} /*#wrapper{border:2px solid #0f0}*/ } /***** smaller than 980 *************************************************************/ @media screen and (max-width: 980px) { .container{width:47em} header{position:static;height:80px}#intro,.login,.order-page .heading{margin-top:0} /*-- Toggle Accordion Menu Start --*/ nav{background:rgba(0,0,0,0.88);position:fixed;top:0;left:0;width:0;height:100%;padding:0;overflow-y:auto;z-index:9999;/*-webkit-transition:all 1s ease; -moz-transition:all 1s ease;transition:all 1s ease*/} #toggle{top:0;background:#353535;z-index:99999999999} .nav{position:fixed;top:90px;left:0;width:0;height:540px;overflow-y:auto;overflow-x:hidden;/*-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease*/} nav[data-open="true"]{width:340px;}nav[data-open="true"] .nav{width:340px;} #nav{padding:20px 0 20px;width:100%;margin:0} #nav > ul{text-align:left;padding:0 0 0 10%;} #nav > ul > li{display:block;width:305px;line-height:22px;padding:0;margin:0;} #nav > ul > li.active > span, #nav > ul > li.active > a,#nav > ul > li > a{border:0} #nav > ul > li.active > span, #nav > ul > li > a{display:block;background: url(../images/white-bullet.png) no-repeat 0 4px;color:#fff;padding: 0 0 26px 28px;} #nav > ul > li > a:hover,#nav > ul > li.active > span{background: url(../images/blue-bullet.png) no-repeat 0 4px;color:#41a6f0;} /*------- transform menu list one by one -------*/ #nav > ul > li.active, #nav > ul > li{opacity:0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); transform: translateX(-100px)} nav[data-open="true"] #nav > ul > li{opacity:1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0)} nav[data-open="true"] #nav > ul > li:nth-child(1){ -webkit-transition: opacity .5s ease .6s, -webkit-transform .5s ease .6s; -moz-transition: opacity .5s ease .6s, -moz-transform .5s ease .6s; transition: opacity .5s ease .6s, transform .5s ease .6s} nav[data-open="true"] #nav > ul > li:nth-child(2){ -webkit-transition: opacity .5s ease .9s, -webkit-transform .5s ease .9s; -moz-transition: opacity .5s ease .9s, -moz-transform .5s ease .9s; transition: opacity .5s ease .9s, transform .5s ease .9s} nav[data-open="true"] #nav > ul > li:nth-child(3){ -webkit-transition: opacity .5s ease 1.1s, -webkit-transform .5s ease 1.1s; -moz-transition: opacity .5s ease 1.1s, -moz-transform .5s ease 1.1s; transition: opacity .5s ease 1.1s, transform .5s ease 1.1s} nav[data-open="true"] #nav > ul > li:nth-child(4){ -webkit-transition: opacity .5s ease 1.3s, -webkit-transform .5s ease 1.3s; -moz-transition: opacity .5s ease 1.3s, -moz-transform .5s ease 1.3s; transition: opacity .5s ease 1.3s, transform .5s ease 1.3s} nav[data-open="true"] #nav > ul > li:nth-child(5){ -webkit-transition: opacity .5s ease 1.5s, -webkit-transform .5s ease 1.5s; -moz-transition: opacity .5s ease 1.5s, -moz-transform .5s ease 1.5s; transition: opacity .5s ease 1.5s, transform .5s ease 1.5s} nav[data-open="true"] #nav > ul > li:nth-child(6){ -webkit-transition: opacity .5s ease 1.7s, -webkit-transform .5s ease 1.7s; -moz-transition: opacity .5s ease 1.7s, -moz-transform .5s ease 1.7s; transition: opacity .5s ease 1.7s, transform .5s ease 1.7s} nav[data-open="true"] #nav > ul > li:nth-child(7){ -webkit-transition: opacity .5s ease 1.9s, -webkit-transform .5s ease 1.9s; -moz-transition: opacity .5s ease 1.9s, -moz-transform .5s ease 1.9s; transition: opacity .5s ease 1.9s, transform .5s ease 1.9s} nav[data-open="true"] #nav > ul > li:nth-child(8){ -webkit-transition: opacity .5s ease 2.1s, -webkit-transform .5s ease 2.1s; -moz-transition: opacity .5s ease 2.1s, -moz-transform .5s ease 2.1s; transition: opacity .5s ease 2.1s, transform .5s ease 2.1s} nav[data-open="true"] #nav > ul > li:nth-child(9){ -webkit-transition: opacity .5s ease 2.3s, -webkit-transform .5s ease 2.3s; -moz-transition: opacity .5s ease 2.3s, -moz-transform .5s ease 2.3s; transition: opacity .5s ease 2.3s, transform .5s ease 2.3s} /*------- End transform menu list one by one -------*/ #nav ul li:hover > ul{display:none;} .plus-minus{position:absolute;top:-13px;right:7px;background:url(../images/expand-collapse.png) no-repeat 86% 12px;width:32px;height:48px;cursor:pointer;} .open .plus-minus{background-position:86% 130%;} #nav ul ul{position:static;width:200px;padding:14px 0 25px 20px} /*-- End Toggle Accordion Menu Start --*/ /*-- Intro Slider--*/ #intro .intro-slider h1,#intro h2{margin-top:-12px} .tabs-rotate .tab-content .leftimg,.tabs-rotate .tab-content .rightimg{width:25%}.tabs-rotate .tab-content .rt-sect,.tabs-rotate .tab-content .left-sect{width:62%}.tabs-rotate .tab-content .left-sect{margin-right:5%} #our-process .steps{width:auto}#our-process .next{margin:60px 4% 0}#container #our-process h2{padding:20px 0 40px} #our-progress li{margin:0 3%}#container #our-progress h2{font-size:36px;padding:40px 0 15px}#our-progress h2 strong{display:block}#our-progress h3{font-size:22px} .bx-viewport{background:#fff;width:636px !important;height:175px !important;margin:0 auto 15px;border:1px solid #dbdbdb}ul.bxslider{width:1000000px !important}.bxslider .slide{width:600px !important;border:0} .bxslider .slide > div{width:75%} .services li{float:none;width:auto;clear:both;overflow:hidden;min-height:0}.services li.right{float:none}.services .icon{margin-right:22px;min-height:125px}.services h3{font-size:20px;padding-top:30px} .portfolio .info-box .img-hover,.portfolio > li:hover .info-box .box-inner{height:265px} .view-html-css a{width:126px;font-size:15px;padding:6px 10px} .client-satisfaction p{padding:0}.our-team .tm-name{font-size:16px} .services-capabilities li{width:100%;margin:0 0 15px}.services-capabilities li p{min-height:50px} .reasons li{min-height: 224px;} .oc-services li{width:46%;margin-left:3%}.what-makes-us-different li.second h3,.what-makes-us-different li.third h3{padding-top:0} .email-temp h3{font-size:24px}.reasons.container{padding-bottom:20px}.reasons p{min-height:120px} .standards ul{margin-left:0}.standards li{width:43.2%} .what-makes-us-different li h3,.what-makes-us-different li.second h3,.what-makes-us-different li.third h3{font-size:18px;padding:11px 0 32px 77px;min-height:29px} #psd-to-wp{width:100%}.get-consulation{width:94%;margin:0 0 30px} .process ul{width:100%;background-size:555px 3px;background-position:center 105px}.process li h3{font-size:17px}.process-steps{background-size:566px 47px}.process-steps h4{font-size:15px} aside{width:44%}.contact-info span.next-no{display:block} .heading{width:47em;margin:0 auto}.heading h1{font-size:30px}.select-service{width:auto}.order-form ul{width:100%}.order-form form{width:auto}.order-form li,.order-form li.full{width:100%;margin:0 0 15px}/*-- order page --*/ .login-box{width:95%;background-size:100% auto} /*-- After Login pages--*/ .left-tabs{width:30%}.left-tab-content{width:70%}.project-status{margin:0 0 5px}.project-status li{float:none;width:auto;margin:0 0 10px}.recent-status,.recent-status.right{float:none;width:auto} .dataTables_wrapper .dataTables_filter{float:left;margin:0 0 10px}.dataTables_length,.dataTables_filter{width:100%;text-align:center !important} .footer-nav li{margin:0 9px} /*#wrapper{border:2px solid #f0f}*/ } /****** smaller than 800 ***********************************************************/ @media screen and (max-width: 800px) { .container,.heading{width:37em} #intro .intro-slider h1,#intro h2{margin-top:-35px}#intro .description{margin-top:-15px;font-size:100% !important}#intro .button{font-size:16px !important;background-position: 81% 11px} .tabs-rotate li a{font-size:14px;padding:12px}.tabs-rotate .tab-content{min-height:350px;padding-top:30px}.tabs-rotate .tab-content h3{font-size:25px}.tabs-rotate .tab-content .start{margin-top:10px} #our-process .product{width:200px}#our-process .product img{margin:20px 0 50px}#our-process .step.product img{margin-bottom:50px}#our-process .next{margin:60px 1% 0} #our-progress ul{padding:30px 0 0}#our-progress li{float:none;display:inline-block;margin-bottom:25px} .bx-viewport{width:590px !important}.bxslider .slide{width:550px !important} .inner-page #container h2,.inner-page #container #psd-to-wp h2{font-size:35px} .portfolio-tabs ul.horizontal li a{font-size:15px;padding:10px 15px} .portfolio{text-align:center}.portfolio > li{float:none;width:45.9%;display:inline-block}.portfolio .info-box .img-hover,.portfolio > li:hover .info-box .box-inner{height:324px} .our-mission li{width:100%;margin-right:0}.our-team li{width:46.7%}.our-team .tm-name{font-size:18px} .services{margin-top:30px}/*.services li{float:none;width:auto;clear:both;overflow:hidden}.services li.right{float:none}.services h3{padding-top:30px}*/ .why-choose-us{margin-top:30px}.why-choose-us .left,.why-choose-us .right{float:none;width:auto} .what-makes-us-different ul{width:100%;margin:20px 0}.what-makes-us-different li{width:100%;margin:0 0 20px}.what-makes-us-different li.second h3,.what-makes-us-different li.third h3{padding-top:12px} h3.check-title{font-size:20px;padding:3px 0 0 35px}.reasons li,.reasons li.right{float:none;width:auto;min-height:20px}.reasons p{min-height:50px} .standards li{width:41.5%}.inner-page #container .standards h2{font-size:28px} .inner-page #container.psd-to-opencart h2{font-size:28px}#psd-to-wp ul{margin-left:0}#psd-to-wp li{width:100%;margin-left:0}#psd-to-wp li .info{width:83%}#psd-to-wp li .icon{width:10%} .standards ul{margin:40px 0 55px 2%}.standards li{width:100%} .process ul{background-position:center 82px}.process li{width:27.8%}.process-steps{background:none;padding:20px 0 0}.process-steps li{width:100%;background:url(../images/next-step2.png) no-repeat center 100%;padding-bottom:60px}.process-steps li:last-child{background:none} #main,aside{float:none;width:auto}aside{background:#f4f4f4;border:1px solid transparent}#content.contact-us{background:none}.contact-us .container.cwrapper{width:auto}.contact-us #main,aside .contact{width:37em;margin:0 auto;padding:0 0 25px}.contact-us input[type="text"],.contact-us textarea{width:100%}.contact-us .captcha input[type="text"]{width:88%} .heading h1 span{display:block;margin-bottom:10px}/*-- order page --*/ /*-- After Login pages--*/ .inner-page #container .dashboard h2{font-size:25px;border-bottom:1px solid #ddd;padding-bottom:10px}.user-details-box{float:right;position:relative;top:16px;padding:6px 8px 0 3px;display:inline-block}.toggle-div{top:34px}.user-details-box .user-img{width:35px;height:35px;display:inline-block}.user-details-box img{margin-top:0} #page-content{background:none;clear:both}.left-tabs,.left-tab-content{float:none;width:auto}.left-tab-content h3{font-size:20px} .left-tabs li{font-size:16px} .tabs-toggle{float:left;background:#004375;color:#fff;font-size:18px;padding:8px 10px;margin-top:27px;cursor:pointer} .tabs-toggle span{display:inline-block;vertical-align:middle;background:url(../images/sd-toggle.png) no-repeat 0 0;width:20px;height:20px;margin:0 0 2px 5px;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-webkit-transform:rotate(0deg);transform: rotate(0deg)} .tabs-toggle.closemenu span{-webkit-transform:rotate(45deg);transform: rotate(45deg)} .table-scrollable .table{width:500px} .footer-nav li{margin:0 6px;font-size:15px} /*#wrapper{ border:2px solid #f00}*/ } @media only screen and (max-width: 768px) { /*#wrapper{ border:2px solid #ff0}*/ } /***** smaller than 640 **************************************************************/ @media screen and (max-width: 640px) { .container,.contact-us #main,aside .contact,.heading{width:27em} /*-- Intro Slider--*/ #intro .intro-slider h1,#intro h2{margin-top:-48px}#intro .slide3 h2{font-size:52px}#intro .description{margin-top:-25px;font-size:14px !important;line-height:20px !important}#intro .button{background-image:none;padding:10px 20px}#intro .order-now-btn{margin-left:-21px}#intro .slide-img{display:block !important} /*-- Rotate Tabs --*/ .tabs-rotate li{display:block;background:#f8f8f8;margin-bottom:2px}.tabs-rotate li.active a{background:#f1f1f1 !important;color:#8652db}.tabs-rotate li.active a.tab2{color:#1b9ddb}.tabs-rotate li.active a.tab3{color:#48b14c}.tabs-rotate li.active a.tab4{color:#e04c9c} .tabs-rotate .tab-content{min-height:320px}.tabs-rotate .tab-content .leftimg,.tabs-rotate .tab-content .rightimg{display:none}.tabs-rotate .tab-content .rt-sect,.tabs-rotate .tab-content .left-sect{width:100%;margin:0} #container h2{font-size:35px}#container h2 strong{display:block;margin-bottom:10px}#container #our-progress h2{font-size:33px}#container #main h2{font-size:30px} #container #our-process h2 strong,#container .service-details h2 strong,#container #main h2 strong{display:inline} #our-process{padding:10px 0 20px}#container #our-process h2{padding:10px 0}#our-process .steps span{float:none;display:block;margin:0 auto 25px}#our-process .step img{margin-bottom:15px !important}#our-process .next{display:block;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)} #our-progress li{display:block} .bx-viewport{width:430px !important}.bxslider .slide{width:390px !important}.bxslider .slide > div{width:72%} .inner-page #intro h1{font-size:30px;padding:35px 0 10px}.inner-page #container h2,.inner-page #container #psd-to-wp h2{font-size:30px} .services li{padding:0 15px 10px;text-align:center}.services .icon{float:none;display:block;width:93px;margin:25px auto 0;min-height:0}.services h3{padding-top:10px} .portfolio-tabs ul.horizontal{width:346px;border-bottom:0;margin-top:10px}.portfolio-tabs ul.horizontal li{display:block;background:#f5f5f5;border-bottom:1px solid #e3e3e3} .portfolio{margin-top:30px}.portfolio > li{width:346px;margin:0 auto}.portfolio .info-box .img-hover, .portfolio > li:hover .info-box .box-inner{height:270px} #about-us .leftimg{width:100%;margin:12px 0 20px 0}#container .client-satisfaction h2 strong{font-size:50px} #testimonials .center-text span,.contact-our-expert span{font-size:20px}/*--Temporary--*/ .projects-info h3{font-size:30px}.services h3{padding-top:22px} .what-makes-us-different li h3{font-size:17px;min-height:41px;padding-top:0 !important} .oc-services{margin-left:0}.oc-services li{width:100%;margin-left:0;min-height:180px} .development{padding:30px 0 35px}.development h3 strong{font-size:30px;line-height:40px} h3.check-title{font-size:18px;display:inline;line-height:26px}#container .completed-projects h2{line-height:inherit}.completed-projects h2 em{font-size:40px} .email-temp h3{font-size:22px}.email-temp p{font-size: 18px}.reasons h4{width:100%;margin:55px 0 10px;min-height:20px}.reasons li.forth h4{padding:0}.count{width:100%;height:45px;font-size:28px} .recent-projects li{width:auto;max-width:96%;margin:0 auto 20px} .process ul{background:none}.process li{width:100%;padding:0 0 25px} #gmap_canvas{height:300px} #container #order h2{font-size:30px}.selectbox{width:100%;margin:10px 0 20px}.select-service .price{margin-left:0}/*.check-terms{width:86%;margin-top:0}*//*-- order page --*/ .login form{width:90%;background:none}.login .rightimg{width:90%;padding:0 5% 20px;margin:0;text-align:center} /*-- After Login pages--*/ .dashboard-stat{margin:15px 0 5px}.dashboard-stat li{float:none;width:auto;margin:0 0 10px;padding:5px 15px 7px 10px} .portlet-body form label,.portlet-body form .value-col{float:none;width:100%;text-align:left;padding-bottom:0}.portlet-body form .value-col{padding:0 15px 20px}.form-actions{padding-left:0;text-align:center}#image_file_div .btn.btn-primary.btn-file{width:18px}.hidden-xs{display:none} footer{padding:35px 0 20px}.footer-nav li{display:block;margin:0}.footer-nav li a,.footer-nav li.active{background:#272727;display:block;padding:10px 0;margin-bottom:2px}.footer-nav li a:hover,.footer-nav li a:focus{background:#302f2f} .upload-option label{display:none}.file-upload{background:none;width:94%;margin:0 3%;padding:0 0 5px}.file-upload > div{background:none;display:block;padding:0} .file-upload > div{display:block;width:100%;height:auto}/*-- updated by sonam order page --*/ .link,.fileinput,.drop-files,.drop-box{background:#fff;width:94%;float:none;display:block;margin:2px 0 0;height:auto;padding:7px 3%}.filedrag{width:100%}#messages{padding:0 10px}/*-- order page --*/ /*#wrapper{ border:2px solid green}*/ } /***** smaller than 560 *************************************************************/ @media screen and (max-width: 560px) { /*#wrapper{ border:2px solid purple}*/ } /***** smaller than 480 **************************************************************/ @media screen and (max-width: 480px) { html{-webkit-text-size-adjust:none} .container,.contact-us #main,aside .contact,.heading{width:92%} nav[data-open="true"]{width: 100%;}#nav > ul > li{width:248px} #intro .slide1 h1,#intro .slide2 h2,#intro .slide3 h2,#intro .slide4 h2{font-size:60px}#intro h1 span,#intro h2 span{margin-top:5px} #intro .description{display:none !important}#intro .order-now-btn,#intro .slide1 .order-now-btn,#intro .slide4 .order-now-btn{margin:-10px 0 0 -30px} .tabs-rotate .tab-content{min-height:370px} #container #testimonials h2{font-size:29px}#container #our-progress h2{font-size:27px} .bx-viewport{width:353px !important;height:220px !important}.bxslider .slide{width:317px !important}.bxslider .slide .image{float:none;width:37%;display:block;margin:0 auto 15px}.bxslider .slide > div{float:none;width:100%;text-align:center} .our-status span{display:block}.our-mission{padding:30px 0 15px}.our-mission h3{font-size:30px;margin-bottom:0}.our-team li{float:none;width:100%;max-width:96%;margin:0 auto 40px;text-align:center}.our-team .tm-name{left:0;width:100%} .what-makes-us-different ul{text-align:center} .what-makes-us-different li{border-bottom:1px dashed #fff;padding:0 0 20px;margin:0 0 20px} .what-makes-us-different li:last-child{border:0;padding:0;margin:0} .what-makes-us-different li h3, .what-makes-us-different li.second h3, .what-makes-us-different li.third h3,.what-makes-us-different li.forth h3{padding:63px 0 0 !important;} .what-makes-us-different li h3{background-position:center -473px} .what-makes-us-different li.second h3{background-position: center -577px;} .what-makes-us-different li.third h3{background-position: center -674px} .what-makes-us-different li.forth h3 {background-position: center -773px;} .heading h1{font-size:25px}#container #order h2{font-size:25px;padding-top:20px} .view-code ul.horizontal li a{padding:12px 10px} /*-- After Login pages--*/ .project-status .title{font-size:16px}.recent-status .btn{top:-42px;right:0}.recent-status{margin-top:52px}.recent-status li{font-size:14px;padding:0}.recent-status ul li:first-child{border-top:1px solid #d1d1d1} /*#wrapper{ border:2px solid lightblue}*/ } @media screen and (max-width: 400px) { header{height:148px} #logo{top:77px} .button{padding:7px 16px}#intro .button{font-size:13px !important}#intro .order-now-btn,#intro .slide1 .order-now-btn,#intro .slide4 .order-now-btn{margin-left:-23px} .tabs-rotate .tab-content{min-height:450px} .bx-viewport{width:260px !important}.bxslider .slide{width:225px !important}.bxslider .slide h3{ font-size:15px} .pf #container h2,#container #main h2{font-size:27px}#container .why-choose-us h2{font-size:30px}#container .service-details h2{font-size:25px} .portfolio-tabs ul.horizontal{width:260px}.portfolio > li{width:260px}.portfolio .info-box .img-hover, .portfolio > li:hover .info-box .box-inner{height:298px} .order-now{padding:13px 30px 17px 0}.order-now a{background-position:91% 14px;}.order-now a em{padding-left:25px} .captcha img{display:block;margin-top:10px} #container #order h2{font-size:20px;line-height:34px}.select-service h3{font-size:23px}.select-service label{float:none;font-size:16px;margin:4px 0 0 7px}.payment-options{height:auto;max-height:68px}/*-- order page --*/ .dataTables_filter input[type="text"]{width:150px}.input-group .form-control{width:88px} #social-media{width:264px}#social-media li{margin:0 2px 30px} /*#wrapper{border:2px solid #ff0}*/ } /***** smaller than 320 *************************************************************/ @media screen and (max-width: 320px) { #intro .order-now-btn,#intro .slide1 .order-now-btn,#intro .slide4 .order-now-btn{margin-left:-31px} .tabs-rotate .tab-content{min-height:470px} .standards li{width:87%;font-size:16px} /*#wrapper{ border:2px solid pink}*/ } @media print { * {margin:0;padding:0} html{font-size:11pt;background:#fff;color:#010101;font-family: Helvetica, Arial, sans-serif} body{font-size:75%;margin:0 0.5cm;text-align:left;background:#fff;color:#010101} #skip-link,header,#nav,#breadcrumb{display:none} #content{font-size:11pt;border-bottom:1px dotted #333;line-height:1.9em;padding-bottom:1em;margin-bottom:.5em} .sdbox li,#category li{list-style:none} q{margin-top:0.5cm;background:#fff;color:#010101;font-family:Georgia, Times, serif;font-size:14pt;line-height:20pt} h1{font-size:16pt;padding-bottom:5px} h2{font-size:14pt;margin:0.2cm 0 0} h3{font-size:12pt;line-height:1.5em} h4{font-size:11pt} h5{font-size:10pt} h6{font-size:8pt} img{display:none} a:link:after, a:visited:after{content: " (" attr(href) ") ";font-size: 90%} a:link, a:visited{color:#333;background: #fff;font-weight:bold;text-decoration:underline} a[href^="/"]:after{content: " (http://www.xhtmlcssexpert.com/" attr(href) ") "} abbr:after{content:" (" attr(title) ") ";font-size:100%} #container{padding:0} #footer{text-align:center;padding:5px;font-size:10pt;line-height:.5cm} #footer li{display:inline} } /*-- Css for Animation - animate.min --*/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-name:fadeIn;-o-animation-name:fadeIn;-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}.tab-content .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-o-animation-name:fadeIn;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.close-menu.fadeIn,.toggle-link.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-o-animation-name:fadeIn;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.nav.fadeIn,#logo.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-o-animation-name:fadeIn;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.menu em.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-o-animation-name:fadeIn;-webkit-animation-delay:.16s;-moz-animation-delay:.16s;animation-delay:.16s}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-o-animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.tab-content .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.tab-content .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}#toggle.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-o-animation-name:fadeOut;-webkit-animation-delay:0;-moz-animation-delay:0;animation-delay:0;transition:all 0 0 ease-in-out;-webkit-transition:all 0 0 ease-in-out}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}#toggle.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-o-animation-name:fadeOut;-webkit-animation-delay:.14s;-moz-animation-delay:.14s;animation-delay:.14s}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(200px) rotateX(90deg);transform:perspective(200px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(200px) rotateX(-10deg);transform:perspective(200px) rotateX(-10deg)}70%{-webkit-transform:perspective(200px) rotateX(10deg);transform:perspective(200px) rotateX(10deg)}100%{-webkit-transform:perspective(200px) rotateX(0deg);transform:perspective(200px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(200px) rotateX(90deg);-ms-transform:perspective(200px) rotateX(90deg);transform:perspective(200px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(200px) rotateX(-10deg);-ms-transform:perspective(200px) rotateX(-10deg);transform:perspective(200px) rotateX(-10deg)}70%{-webkit-transform:perspective(200px) rotateX(10deg);-ms-transform:perspective(200px) rotateX(10deg);transform:perspective(200px) rotateX(10deg)}100%{-webkit-transform:perspective(200px) rotateX(0deg);-ms-transform:perspective(200px) rotateX(0deg);transform:perspective(200px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);-ms-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} /*-- Sweetalert Css--*/ body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width: 540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding 0.15s,max-height .15s;transition:padding 0.15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding 0.2s,max-height .2s;transition:padding 0.25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:none;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:none;box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,0.8) 0 0 2px,rgba(0,0,0,0.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled] ~ .la-ball-fall{opacity:1;visibility:visible;transition-delay:0}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,0.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \9}.la-ball-fall,.la-ball-fall > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{width:54px;height:18px}.la-ball-fall > div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall > div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall > div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall > div:nth-child(3){-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm > div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x > div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x > div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}