*{margin:0px; padding:0px;} body { font-family:'Noto Sans', sans-serif; background-color:#fff !important;} /*Ms*/ @font-face {font-family: roboto slab;src: url(fonts/ROCCB__.ttf);} .container3{width:1150px; padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .seo_delhimain{width:100%;background: url(../img/delhi-bg.jpg) fixed; background-size:100%; width:100%; min-height:412px; display:-webkit-inline-box;} .delji_slider h2 { color: #fff; font-family:roboto slab; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.45); font-size: 2.2em; padding: 13% 0 0 0;line-height: 60px;} .delji_slider h4 { color: #fff; font-family: roboto slab; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.45); font-size: 1.8em; } .delhi_maparea{width:100%; background:url(../img/delhi_map.png) fixed repeat-y 50% 70% #eaeaea; min-height:281px; border-bottom:solid 20px #1b5083; } .btn-quote{padding:2% 10%;font-size: 1.6em;color:#fff;font-family:roboto slab;text-shadow:0px 3px 8px #9c9c9c;margin:18% 0 0 0;position:relative;background: #1e6ab4;background: -moz-linear-gradient(top, #1e6ab4 0%, #1b5185 100%);background: -webkit-linear-gradient(top, #1e6ab4 0%,#1b5185 100%);background: linear-gradient(to bottom, #1e6ab4 0%,#1b5185 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e6ab4', endColorstr='#1b5185',GradientType=0 );} .btn-quote:after{background-image:url(../img/bt_sdow.png);width:287px;height:20px;background-repeat:no-repeat;position:absolute;content:"";left: 0px;bottom: -30px;} .btn-quote:hover{background: #1b5185; /* Old browsers */ background: -moz-linear-gradient(top, #1b5185 0%, #1e6ab4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1b5185 0%,#1e6ab4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1b5185 0%,#1e6ab4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5185', endColorstr='#1e6ab4',GradientType=0 ); /* IE6-9 */ } .delhi_maparea_mrgn {margin-top:18%; } .seo_plan{background:url(../img/seo_planbg.jpg) fixed; width:100%; background-size:100%; padding:2% 0; display: -webkit-inline-box; } .seo_plan .col-sm-3{cursor:pointer;} .pad2{padding:2px!important;} .pad30{padding: 30px 10px!important;} #main-column img, #main-column .wp-video-shortcode {display: block;height: auto;max-width: 100%;} .servgradient1{background-color:#008FB9;} .servgradient1:hover{background-color:#26ad5f;background-repeat:repeat-x;background-image:-moz-linear-gradient(45deg,#3397da,#26ad5f);background-image:-webkit-linear-gradient(45deg,#3397da,#26ad5f);background-image:-o-linear-gradient(45deg,#3397da,#26ad5f);background-image:linear-gradient(45deg,#3397da,#26ad5f)} .servgradient2{background-color:#008FB9;} .servgradient2:hover{background-color:#efc20d;background-repeat:repeat-x;background-image:-moz-linear-gradient(45deg,#e54a3a,#efc20d);background-image:-webkit-linear-gradient(45deg,#e54a3a,#efc20d);background-image:-o-linear-gradient(45deg,#e54a3a,#efc20d);background-image:linear-gradient(45deg,#e54a3a,#efc20d)} .servgradient3{background-color:#008FB9;} .servgradient3:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#752201+0,bf6e4e+100 */ background: #752201; /* Old browsers */ background: -moz-linear-gradient(45deg, #752201 0%, #bf6e4e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #752201 0%,#bf6e4e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #752201 0%,#bf6e4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#752201', endColorstr='#bf6e4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .recaptcha-checkbox-checkmark{top: 9px;} .rc-anchor-center-item { display: block !important; vertical-align: middle;} .rc-anchor-checkbox-label { font-family: Roboto,helvetica,arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 6px; padding-top: 17px;} .rc-anchor-logo-portrait { margin: 0px 0 0 24px !important; width: 50px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} .rc-anchor-logo-img-portrait { background-size: 20px !important; height: 30px !important; margin: 0 0px 0 13px !important; width: 41px !important;} .rc-anchor-logo-text { color: #9b9b9b; cursor: default; font-family: Roboto,helvetica,arial,sans-serif; font-size: 9px !important; font-weight: 400; line-height: 5px !important; margin-top: -9px !important; text-align: center;} .rc-anchor-normal { height: 47px !important; width: 300px;} .rc-anchor-normal .rc-anchor-content { height: 36px !important; width: 206px;} .servgradient4{background-color:#008FB9;} .servgradient4:hover{background: rgb(191,173,11); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(191,173,11,1) 0%, rgba(120,183,60,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(191,173,11,1) 0%,rgba(120,183,60,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(191,173,11,1) 0%,rgba(120,183,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfad0b', endColorstr='#78b73c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .servgradient5{background-color:#008FB9;} .servgradient5:hover{ background: rgb(216,90,0); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(216,90,0,1) 0%, rgba(255,154,96,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(216,90,0,1) 0%,rgba(255,154,96,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(216,90,0,1) 0%,rgba(255,154,96,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85a00', endColorstr='#ff9a60',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .servgradient6{background-color:#008FB9;} .servgradient6:hover{background: rgb(30,87,153); background: -moz-linear-gradient(45deg, rgba(30,87,153,1) 0%, rgba(125,185,232,1) 100%); background: -webkit-linear-gradient(45deg, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); background: linear-gradient(45deg, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );} .servgradient7{background-color:#008FB9;} .servgradient7:hover{background-color:#efc20d;background-repeat:repeat-x;background-image:-moz-linear-gradient(45deg,#2dcb70,#efc20d);background-image:-webkit-linear-gradient(45deg,#2dcb70,#efc20d);background-image:-o-linear-gradient(45deg,#2dcb70,#efc20d);background-image:linear-gradient(45deg,#2dcb70,#efc20d)} .servgradient8{background-color:#008FB9;} .servgradient8:hover{background-color:#e54a3a;background-repeat:repeat-x;background-image:-moz-linear-gradient(45deg,#2b3c4e,#e54a3a);background-image:-webkit-linear-gradient(45deg,#2b3c4e,#e54a3a);background-image:-o-linear-gradient(45deg,#2b3c4e,#e54a3a);background-image:linear-gradient(45deg,#2b3c4e,#e54a3a)} .servgradient9{background-color:#008FB9;} .servgradient9:hover{background-color:#789CB0;background-repeat:repeat-x;background-image:-moz-linear-gradient(45deg,#2b3c4e,#007893);background-image:-webkit-linear-gradient(45deg,#2b3c4e,#007893);background-image:-o-linear-gradient(45deg,#2b3c4e,#007893);background-image:linear-gradient(45deg,#2b3c4e,#007893)} .servgradient10{background-color:#008FB9;} .servgradient10:hover{background-color:#6fcce3;background-repeat:repeat-x;background-image:-moz-linear-gradient(45deg,#19bb9b,#6fcce3);background-image:-webkit-linear-gradient(45deg,#19bb9b,#6fcce3);background-image:-o-linear-gradient(45deg,#19bb9b,#6fcce3);background-image:linear-gradient(45deg,#19bb9b,#6fcce3)} /*Gudgaon*/ .seo_gudgaonmain{width:100%;background: url(../img/gudgaon-bg.jpg) fixed; background-size:100%; width:100%; min-height:412px; } .gurugram_linearea{width:100%; background:url(../img/gurugram-linebg.jpg) repeat-x 0 99% #eaeaea; min-height:281px; } .gudgao_bgss{background:url(../img/gudgao_bgss.png) fixed; width:100%; background-size:100%; padding:2% 0; display: -webkit-inline-box; } .smo-second{background-color:#fff9c5; background-image:url(../img/optimization_bg.jpg);background posotion: 0% 0;min-height:426px; width:100%; background-repeat:no-repeat; border-bottom: 35px solid #1b5083; margin-bottom: 1%;} .smo-second h3{ font-family: roboto slab; color: #000; font-size: 2em; padding: 4%;} .smo-second h5{ font-family: roboto slab; color: #ed3237; padding: 1%; font-size: 1em;} .newppc{background-color: #72cad8; padding: 2% 0; margin-bottom: 2%;} .shfore h3{ text-align: justify; font-family: roboto slab; color: #000; font-size: 1.5em; padding: 2% 0;} .shfore p{ text-align: justify; margin: 1% 0; line-height: 28px; font-size: 15px; font-weight:normal;} .paddingbootom{margin-bottom:2%;} .ppcpage{width:100%;background: url(../img/ppc_headerbg.jpg) fixed; background-size:100%; width:100%; min-height:412px; display:-webkit-inline-box;} .ppc_hdrm{font-family:roboto slab;} .ppc_hdrm h1{ font-size:40px; color:#fff; text-shadow:0px 2px 2px #000;} .ppc_hdrm h2{color:#000; text-align:center; font-size:35px; padding:3% 0; line-height: 50px; margin: 7% 0; background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(237,237,237,0) 100%); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(237,237,237,0) 100%); background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 70%,rgba(237,237,237,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ededed',GradientType=1 ); } .ppc_hdrm h2 span{color:#1b5083;} .get_started{padding:2% 10%;font-size: 1.6em;color:#fff;font-family:roboto slab;text-shadow: 0px 2px 1px rgba(66, 66, 66, 0.72);/* margin:18% 0 0 0; */position:relative;background-color:#fa7921;color:#fff;/* text-shadow:0px 2px 5px #9c9c9c; */ border: 1px solid #fff; border-radius: 4px; cursor: pointer;} .get_started:hover, .get_started:focus, .get_started:active { -webkit-transform: translateY(-8px); transform: translateY(-8px);} .ppc_bgimage{width:100%; background-image:url(../img/ppcbg.jpg); background-size:100%; min-height:735px; background-color:#fff; background-repeat:no-repeat; font-family:roboto slab; margin-bottom:3%;} .ppc_bgimage h1{color:#fff; } .ppc_bgimage h3{color:#a3ff00;} /*Gudgaon*/ .seo_faridabadmain{width:100%;background: url(../img/faridabad.jpg) fixed; background-size:100%; width:100%; min-height:412px; display:-webkit-inline-box;} .faridabad_maparea{width:100%; background:url(../img/faridabad-map.png) fixed repeat-y 0% 55% #eaeaea; min-height:281px; border-bottom:solid 20px #1b5083; } .fourbox{padding:40px 0;} .fourbox h3{font-family:Roboto; font-weight:lighter; font-size:80px;} .fourbox h2{font-family:Roboto; font-weight:normal; font-size:22px;} .bluee h3{color:#4b7bc2} .bluee h2{color:#4b7bc2} .blues h3{color:#59baef;} .blues h2{color:#59baef;} .greens h3{color:#58d4a9;} .greens h2{color:#58d4a9;} .greenn h3{color:#a2c942;} .greenn h2{color:#a2c942;} .cbtn button{margin:2%;} .blu{background-color:#2aa0ef;border-color: transparent;border-width: 1px; border-style: solid solid solid solid;border-radius: 4px;padding-top: 16px;padding-bottom: 16px; padding-left: 24px;padding-right: 24px;display: inline-block;color: rgb(255, 255, 255); font-size: 23px;font-weight: 300;letter-spacing: 0px;} .blu:hover{background-color:#2482c1;} .glab{background-color:#ffa500;border-color: transparent;border-width: 1px;border-style: solid solid solid solid;border-radius: 4px; padding-top: 16px;padding-bottom: 16px;padding-left: 24px;padding-right: 24px;display: inline-block;color: rgb(255, 255, 255);font-size: 23px; font-weight: 300;letter-spacing: 0px; color:#fff;} .glab:hover{background-color:#e08f0b;} .faridabad_imgebg{background-image:url(../img/faridabad_bbg.jpg); width:100%; float:left; background-position: 99% 50%; margin-top: 5%; background-repeat: no-repeat; background-color: #6bbfff;}.fb_ble{ background-color:#125282; font-family:roboto; min-height:370px; position:relative;} .fb_ble::after {border-left: 200px solid #125282;top: 0;height: 0;position: absolute; right:-200px; width: 0;display: block; z-index: 99!important;border-bottom:380px solid transparent; content:"";} .fb_ble h2{background:#fff;color:#000;text-align:center; font-weight:300; padding:1.5% 0; margin:5% 0 2% 0 ; font-size:1.7em;} .fb_ble p{color:#fff; font-size:15px; text-align:justify; padding:2%; font-style: italic; } .clss img{mask-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0,0,0,1)),color-stop(0.35, rgba(0,0,0,1)),color-stop(0.50, rgba(0,0,0,0)),color-stop(0.65, rgba(0,0,0,0)),color-stop(1.00, rgba(0,0,0,0)));} .faridabad_imgebgse{background-color:#125282; margin-bottom:3%; } .fb_bles{ background-color:#125282; font-family:roboto; min-height: 452px; position:relative; } .fb_bles::after {top: 0;height: 0;position: absolute;left: -199px;width: 0;display: block;z-index: 99!important;content:"";border-right: solid 200px rgb(18, 82, 130);border-top: solid 465px rgba(255, 0, 0, 0);} .fb_bles h2{background:#fff;color:#000;text-align:center; font-weight:300; padding:1.5% 0; margin:5% 0 2% 0 ; font-size:1.7em;} .fb_bles p{color:#fff; font-size:15px; text-align:justify; padding:2%; font-style: italic;} .doublec{font-family:roboto; font-weight:lighter; text-align:left; margin:4% 0 !important;} .doublec h2{font-size: 24px;font-weight: lightblack; font-weight:300;} .doublec p{ font-weight: 300; font-size: 16px; color:#41484d;} .doublec .col-sm-4{text-align:center; padding: 6% 0;} .seo_plna{color:#fff;} .seo_plna h1{font-family:Roboto slab; font-size:44px; } .seo_plna h4{font-family:Roboto; font-size:20px; font-weight:lighter; } .no{ width: 200px; height: 200px; background-image: url(../img/seo-lbg.jpg); border-radius: 100px; border: solid 5px #fff; text-align: center; display: inline-block; color: #fff; margin: 2%;} /*.clss { position: absolute; right: 14%; bottom: 22%; z-index: 999999999999999999; color: #830808;}*/ .fill{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;position: absolute; top:6%;left: 24%;z-index: 9999999999;margin-left: -130px;background: #ffffff;padding:1%;border-radius:0px 25px 0 0;color: #fff;border: solid 1px #fff;text-align: left;overflow: auto;width: 70%;} .fill input[type="text"]{color:#000; width: 47%; margin: 1%;padding:5px 10px; BACKGROUND: #f6f6f6; BORDER: 1PX SOLID #92c4ec;} .fill input[type="email"]{color:#000; width: 47%; margin: 1%;padding:5px 10px; BACKGROUND: #f6f6f6; BORDER: 1PX SOLID #92c4ec;} .fill input[type="submit"]{font-family: roboto slab;font-size: 25px;padding: 1% 0;} .fill textarea{ color:#000; width: 97%; margin: 1%;padding:5px 10px; BACKGROUND: #f6f6f6; BORDER: 1PX SOLID #92c4ec;} .fill select{ width: 100%; color: #000;} #fillform{ width: 100%; height: 100%; position: fixed; left: 0%; bottom: 0%; z-index: 9999999; background-color: rgba(0, 0, 0, 0.592157);} .fill h4{background: #ccc;width: 98%;text-align: center;padding: 1%;font-size: 26px;color: #292929;font-weight: bold;font-family: roboto slab;} /*Ms*/ .carousel-fade > .carousel-inner > .item { opacity: 0.25; -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; } .carousel-fade > .carousel-inner > .item, .active.left, .active.right { opacity: 0; } .carousel-fade > .carousel-inner > .active, .next.left, .prev.right { opacity: 1; } .carousel-fade > .carousel-inner > .active.left, .active.right { left: 0; transform: translate3d(1, 1, 1); } .carousel-control { z-index: 2; } .iframe1 {width:66%; height:250px; border:none;} #owl-demo .item{ margin: 3px; } #owl-demo .item img{display: block; width: 100%;height: auto; float:left} .pagelink:hover {color: #f00 !important;text-decoration: none !important;} .span12 {width: 662px;border: 1px solid #ccc;} .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init */ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out; } .cready{background: url(../admin/upload/ready.png);background-repeat: no-repeat;width: 100%;min-height: 402px;background-position: 50% 0%;margin: 4% 0% 0 0;padding-top: 3%;} .cready a{color: #da0d12;} .home_frm{color:#fff;} .hm_sb{margin-top:10px; width:100%;} .hm_sb input[type="submit"]{width:10%; float:left;} legend{color:#fff; margin-bottom:10px; float: left; padding-bottom: 21px; padding-top: 21px; background-color: #A70A0E; font-family:arial; font-style:italic; font-weight:bold; text-shadow:0px 1px 2px #000; font-size:1.8em;} .frm-hms{ background-color: #ed3237; float: left; line-height: 2px; padding: 2% 4%; margin-top: 10%; border-radius: 10px 10px 0 0; box-shadow: 0px -20px 45px 0px #000;} .frm-hms input[type="text"]{margin:1% 0;}.frm-hms textarea{margin:1% 0;} .frm-hms:before { pointer-events: none; position: absolute; z-index: 9999999999999999999; content: ''; top: 100%; left: 5%; height:15px; width: 90%; top:103%; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;} .free-quote{background-image:url(../img/free-quote.png); width:130px; height:133px; position:absolute; top: 2px; left: -13px;} .logo{float:left;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls {-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} .owl-theme .owl-controls{margin-top: 10px;text-align: center;} /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .jyt img{width: 40px;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .topblue{width:100%; background-color:#1b5083; padding:0.5% 0; color:#fff;} .hrt{color:#fff; text-align:left; background-repeat:no-repeat; padding:0px 0px 0px 25px; background-position:0px; font-size:20px; float:left;} .clicn{color:#fff; text-align:left; background-repeat:no-repeat; font-size:14px; float:left; font-family:Tahoma; margin-left:2%; padding: 6px 0 0 41px;background-position: 0px 0px;} .cml{color:#fff; text-align:left; background-repeat:no-repeat; font-size:14px; float:left; font-family:Tahoma; margin-left:2%;padding: 6px 0 0 0px;background-position: 0px 0px;} .cshare{color:#fff; text-align:left; background-image:url(../img/cshare.jpg); background-repeat:no-repeat; font-size:14px; float:left; font-family:Tahoma; margin-left:2%;padding: 6px 0 0 45px;background-position: 0px 0px;} .ptop {position:fixed; top:70%; right:0px; } .menu{margin-top:5%; padding-left:18%; font-family:'Noto Sans', sans-serif; } .menu ul li{ margin: 0;padding: 0;list-style-type: none;font-size: 100%;position: relative; text-align: left;cursor: pointer;float: left;} .menu ul li ul li a:hover{color:#000; background-color:rgba(27, 80, 131, 0.17); text-shadow:0px 1px 1px #fff; padding:0px;} .menu ul li ul li {display:none;} .menu li:hover ul li {display:block; font-family:'Noto Sans', sans-serif; font-size:23px; border-right:solid 1px #A0A0A0; text-decoration:none; color:#7B7B7B; border-right:none; padding:0px !important; position:relative; } .menu a:link,.menu a:visited{font-family:'Noto Sans', sans-serif; font-size:23px; padding:1% 12%; border-right:solid 1px #A0A0A0; text-decoration:none; color:#7B7B7B; webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; float:left; transition: width 2s, height 2s, background-color 2s, transform 2s; } .menu a:hover,.menu a:active{color:#000; background-color:rgba(27, 80, 131, 0.17); text-shadow:0px 1px 1px #fff;} .menu a:last-child{border-right:none; } .maintop{margin:1% 0;} .isoside{ float:right;} .iso{font-size:20px; margin-top:2%;} .logsign{width:191px; height:45px; background-image:url(../img/ls.png); background-repeat:no-repeat; margin-top:5%; font-size:20px; color:#fff; } .logsign span{margin:4% 5%;} .logsign :first-child{float:left; margin-left:9%;} .logsign :last-child{float:right; color:#fff;} .logsign :first-child a:link,.logsign :first-child a:visited{color:#fff; text-decoration:none;} .logsign :first-child a:hover,.logsign :first-child a:active{ color: #74CAFF; text-shadow: 0px 2px 3px #000;} .logsign :last-child a:hover,.logsign :first-child a:active{ color: #7DCEFF; text-shadow: 0px 2px 3px #000; text-decoration:none;} .menu a:last-child{border-right:none; } .mnflhdraboutus{height: 247px;} .mnflhdr{width:100%; background-color:; float:left; background: #07314e; background: -moz-linear-gradient(top, #07314e 0%, #2f7bb3 100%); background: -webkit-linear-gradient(top, #07314e 0%,#2f7bb3 100%); background: linear-gradient(to bottom, #07314e 0%,#2f7bb3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07314e', endColorstr='#2f7bb3',GradientType=0 ); */ background-image:url(../img/hbg.jpg); background-repeat:repeat-x;} .mnflhdr .row{padding:0px; margin:0px; } .font16{font-size: 20px; min-height: 115px; display: -webkit-inline-box;} .lightblack{background-color: rgba(0, 0, 0, 0.7);display: -webkit-inline-box;padding: 1% 0; margin-top:3%;} .lightblack h3{color:#000; font-size:22px; padding:1.5% 0;} .btn-lrnmore{background-color:transparent;border: solid 3px #0c66a2;padding: 2% 10%;border-radius: 5px;font-size: 20px;margin: 5% 0;background: rgb(43,119,170);background: -moz-linear-gradient(top, rgba(43,119,170,1) 0%, rgba(21,77,114,1) 100%); color:#fff; background: -webkit-linear-gradient(top, rgba(43,119,170,1) 0%,rgba(21,77,114,1) 100%); background: linear-gradient(to bottom, rgba(43,119,170,1) 0%,rgba(21,77,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b77aa', endColorstr='#154d72',GradientType=0 );} .btn-lrnmore:hover{background: rgb(21,77,114);background: -moz-linear-gradient(top, rgba(21,77,114,1) 0%, rgba(43,119,170,1) 100%); background: -webkit-linear-gradient(top, rgba(21,77,114,1) 0%,rgba(43,119,170,1) 100%); background: linear-gradient(to bottom, rgba(21,77,114,1) 0%,rgba(43,119,170,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154d72', endColorstr='#2b77aa',GradientType=0 );} .bluestep{} .bluestep h2{background-color:#0c66a2; padding:10px 15px; text-align:center; font-family:roboto slab; font-size:24px; color:#fff;} .bluestep li{list-style:none;padding: 1% 2%;font-weight: bold;font-size: 14px;} .bluestep li:before{position:absolute;content:"\f111";color:#0c66a2;font-family:FontAwesome;font-size: 9px;left: 0;margin-top: 3px;} .bluestep li a{color:#000;} .bluestep li a:hover{color:#088ada; text-decoration:none;} .client-say{position:relative;} .cls h2:before{top:0px; left:0px; width:71px; height:54px; position:absolute; background-image:url(../img/client-say.jpg); content:"";} .cls h3{font-size:14px; color:#0bb1ef;} .pdngtop{padding-top:9px;} #seoresult{width:100%;min-height:718px;background-image:url(../img/seo-resultbg.jpg);font-family: roboto slab;padding-bottom:7%;background-position: 0px 99%; background-repeat:repeat-x; background-color:#f6f6f6;} #seoresult h2{color: #1b5083;text-shadow: 0px 2px 1px #fff, 0px 3px 4px rgba(0, 0, 0, 0.25);font-size: 40px;padding: 0% 0% 2% 0;} .last_row{position:relative; margin:3% 0;} .last_row:after{width:100%; height:13px; background-image:url(../img/bgbotomaero.jpg); content:""; position:absolute; bottom:0px; left:0px;} .last_row p{font-size:20px; padding:5% 0;} .client-result{font-family:Roboto slab;font-size: 29px;float:Right;margin-right: 84px;color: #fff;padding: 0.5% 4.7%; background: rgb(43,119,170);background: -moz-linear-gradient(top, rgba(43,119,170,1) 0%, rgba(21,77,114,1) 100%); background: -webkit-linear-gradient(top, rgba(43,119,170,1) 0%,rgba(21,77,114,1) 100%); background: linear-gradient(to bottom, rgba(43,119,170,1) 0%,rgba(21,77,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b77aa', endColorstr='#154d72',GradientType=0 );} .client-result:hover{background: rgb(21,77,114);background: -moz-linear-gradient(top, rgba(21,77,114,1) 0%, rgba(43,119,170,1) 100%); background: -webkit-linear-gradient(top, rgba(21,77,114,1) 0%,rgba(43,119,170,1) 100%); background: linear-gradient(to bottom, rgba(21,77,114,1) 0%,rgba(43,119,170,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154d72', endColorstr='#2b77aa',GradientType=0 );} .mobile div.icon {height: 112px;margin: 0px auto;position: relative;width: 112px;} .mobile div.icon span.bl_str {background: url("../img/rotate-circle-blue.png") no-repeat scroll 0px 0px transparent;} .mobile div.icon span.rd_str {background: url("img/rotate-circle-red.png") no-repeat scroll 0px 0px transparent;} .mobile div.icon span {display: block;height: 112px;transition: all 0.5s ease-in-out 0s;} .mobile:hover div.icon span {transform: rotate(360deg);} /*.mobile div.icon div.orangeround {background-color: #F0B925 !important;} .mobile div.icon div.greyround {background-color: #3f4140 !important;} .mobile div.icon div.blueround {background-color: #25ace5 !important;} .mobile div.icon div.redround {background-color: #f46363 !important;}*/ .mobile div.icon div.inround {border-radius: 300px;left: 13px;position: absolute;top: 14px;color: #FFF;text-align: center;width: 87px; height: 86px;line-height: 80px;font-weight: 500;font-size: 45px;transition: all 0.4s ease 0s;} .fa {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;padding-left: 5px;} i {}.whitebg {background-color: #FFF;} .attractbox {width: 99%;padding-top: 4%;padding-bottom: 4%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);} .innergrey {width: 93%;background: #f2f2f2;padding: 9px 12px; } .vid { background: url(../img/little_screen.jpg); background-size: 100%; height: 197px;} .vid iframe{width: 100%; margin-top: 17px;} /*header finsh*/ .hbimg{padding-top:5%; float:left;} .hbimg img{width:100%;} .hbtxt{text-align:left; float:left;} .rdmre{text-align:right; color:#4ec1ed; float:right;} .rdmre a{ color:#4ec1ed !important} .portals{width:100%; border:solid 1px #dfdfdf; border-left:none; border-right:none; height:auto; background-color:#f6f6f6; float:left; margin:2% 0; } .arrow{height:120px; border-bottom:1px solid #ccc;} .textleft{text-align: left;} .bgcolor{background:#f3f5f6; margin-left:10px;} .wrap-every{background: rgb(12, 12, 12) none repeat scroll 0% 0%; margin-top: 42px;} .case{ text-align:left; margin-top: 10px;border-bottom: 3px solid #ccc;} .case img{float:left; width:100%;} .case button{border: 1px solid rgb(204, 204, 204); background: transparent none repeat scroll 0% 0%; padding: 10px;} .case h3{font-size:20px;line-height: 28px;} .case p{padding-top: 12px;font-size: 12px;text-align: justify;} .web_servciemeter h4{font-size:17px; padding:1% 0; font-weight:bold;} .shfore h4{ font-size: 2em; padding: 1% 1%; font-weight: normal; font-family: roboto slab; color: #726f6f;} .caseform{margin-top:47px;} .caseform input{background: transparent none repeat scroll 0% 0%;border: 1px solid rgb(204, 204, 204);width:77%;height: 45px;padding-left: 10px; float: right;margin-top: 16px;} .caseform select{background: transparent none repeat scroll 0% 0%;border: 1px solid rgb(204, 204, 204);width:77%;height: 45px;padding-left: 10px; float: right;margin-top: 16px;} .caseform textarea{height:114px;background: transparent none repeat scroll 0% 0%;border: 1px solid rgb(204, 204, 204);width:77%;padding-left: 10px; float: right;margin-top: 16px;} .caseform input[type="submit"]{width: 25%; background: rgb(53, 56, 61) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-radius: 7px; font-size: 23px;} .margintopbottom{margin-top:20px; margin-bottom:40px;} .round1 img{border: 1px solid rgb(61, 180, 225);padding: 12px;border-radius: 50%;} .round1 p{background: rgb(61, 180, 225) none repeat scroll 0% 0%;padding: 14px;margin-top: 20px;width: 200px;color: rgb(255, 255, 255);box-shadow: 0px 6px 14px -11px #3db4e1;} .round2 img{border: 1px solid #ff8515;padding: 12px;border-radius: 50%;} .round2 p{background:#ff8515 none repeat scroll 0% 0%;padding: 14px;margin-top: 20px;width: 200px;color: rgb(255, 255, 255); box-shadow: 0px 6px 14px -11px #ff8515;} .round3 img{border: 1px solid #0cc5cc; padding: 12px;border-radius: 50%;} .round3 p{background: #0cc5cc none repeat scroll 0% 0%;padding: 14px;margin-top: 20px;width: 200px;color: rgb(255, 255, 255); box-shadow: 0px 6px 14px -11px #0cc5cc;} .round4 img{border: 1px solid #00c6a3;padding: 12px;border-radius: 50%;} .round4 p{background: rgb(0, 198, 163) none repeat scroll 0% 0%;padding: 14px;margin-top: 20px;width: 200px;color: rgb(255, 255, 255);box-shadow: 0px 6px 14px -11px rgb(0, 198, 163);} .bgcolor img{margin-top:27px;} .arrow h5{float:left; padding-left: 112px;} .floatr{float:right;} .spanc{padding-left: 79px; font-size: 28px;font-weight: bold; color:#3c961c;} .spancr{padding-right: 68px;color: rgb(51, 161, 217);font-size: 28px;font-weight: bold;} .webportal p{ font-size:20px; font-weight: bold; color:#7f7f7f;} .ptls p{font-size: 25px; text-align: left;} .ptls img{width:98%} .ptls div { width: 154px; /* height: 109px; */ background-color: transparent; float: left; /* margin: 1.9% 0.5% 0 0.5%; */ background-image: url(../img/pb1.jpg); text-align: center; font-size: 19px; padding: 1px; cursor: pointer;} .ptls div:hover {content:""; background-image:url(../img/pb2.jpg); color:#ed3237;} .ptls i{font-size:50px;} .ptls a p{text-align:center !important;font-size: 19px !important;width: 100% !important;font-family: roboto slab;} .calinfo{width:100%; height:auto; background-color:#1b5083; float:left; margin:2% 0; border-bottom:solid 1px #043e76; color:#fff; padding:1% 0; font-size:25px; overflow:hidden; } .scocntnt{color:#fff; text-shadow:0px 2px 4px #000; background-image:url(/img/lline.png); background-repeat:no-repeat; background-position:right; padding-top:0.5%; } .scocntnt span{color:yellow;} .scocln{padding-left:0%; float:left; margin-left:1%;} .scoclncls {display:inline-block; background-image:url(../img/c1.png); background-repeat:no-repeat; background-position:0px; padding:1% 0 0% 17%; float:left; margin-bottom:1%; background-image:none;} .scoclnclsml {display:inline-block; background-image:url(../img/c2.png); background-repeat:no-repeat; background-position:0px; padding:1% 0 0% 17%; float:left; } .trebxes{width:100%; border:solid 1px #dfdfdf; border-left:none; border-right:none; height:auto; float:left; margin:2% 0; padding:2% 0; background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .scoinfo{text-align:left; border-bottom: dashed 1px #727272; padding-bottom:2%; margin-bottom:2%;} .scoinfo p{font: 12px 'Open Sans', Arial, Helvetica, sans-serif;font-weight: normal;line-height: 22px; color:#727272;} .scoinfo li {padding: 0;margin: 0;color: #999;line-height: 27px; background-image:url(../img/litebullet.jpg); background-repeat:no-repeat; background-position:0px; list-style:none; padding-left:4%; } /*.left{background-image:url(../img/slide4.png); background-repeat:no-repeat; background-position: 100% 100%;background-size: 59%; float:left; width:100%;} .right{background-image:url(../img/seoimg.png); width: 100%; background-repeat:no-repeat; background-position: 100% 100%;background-size:36%; float:left;}*/ .left h2{ background-image:url(../img/thumb.png); background-position:right; background-repeat:no-repeat; padding:1% 0; border-bottom:dashed 1px #727272; color:#229ae2; width:100%; background-image:none; } .right h2{ /*background-image:url(../img/qmark.png);*/ background-position:right; background-repeat:no-repeat; padding:1% 0; border-bottom:dashed 1px #727272; color:#229ae2; width:100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-icon-push:before{content:'url(../img/qmark.png)'} .hvr-icon-push:before { content: " " !important; background-image: url(../img/qmark.png) !important; position: absolute; display: inline-block; /* float: right; */ width: 7%; height: 100%; right: 0em !important; top: -1px; background-repeat: no-repeat;} .right h2:hover{ background-size:9%; } /*.hvr-icon-push:before { content: ""; position: absolute; right: 0em; padding: 0 1px; background-image:url(../img/qmark.png); background-position:right; background-repeat:no-repeat; }*/ .boxesarea{width:100%; background-color:#dde9f2; float:left; height:auto; margin-bottom:2%;} .boxesarea img{width:100%;} .hed{width:100%; float:left; font-size:25px; font-family:'Noto Sans', sans-serif; color:#fff; text-shadow:0px 2px 5px #000; padding-top:10px; padding-bottom:10px; margin-bottom:10px; background: -moz-linear-gradient(left, rgba(27,80,131,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(27,80,131,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(27,80,131,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(27,80,131,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(27,80,131,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(27,80,131,1) 0%,rgba(125,185,232,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5083', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */} .newsmail input[type="submit"]{ width: 88px;border: 1px solid #fff;background: transparent;border-radius: 0px 10px 10px 0px; margin-top: 5px;} .gifflle img{width:100%;} .fqusn{font-family:Arial; font-size:20px; padding:1% 0 1% 5%; background-image:url(../img/bblt.png); background-repeat:no-repeat; float:left; display:block; background-position:0px; width:100%; margin:2% 0;} .fanss{font-family:Trebuchet MS; font-size:12px; background-image:url(../img/bblt.png); background-repeat:no-repeat;background-size: 3%;background-position:6px 10px; background-color:#e6e6e6; width:100%;padding: 2% 2% 2% 6%;float: left;} .onlinepaymenticon{text-align:right; font-size:25px; color:#1b5083; margin-bottom:2px;} .flinks{background-color:#dde9f2; width:100%; height:auto; float:left; margin:0% 0; border-bottom:solid 1px #043e76; color:#fff; padding:1% 0; font-size:25px; font-family:Tahoma; font-size:11px; color:#838b90; text-align:justify; border-top:solid 3px #1b5083; } .areas{ margin-top:-78px; float:left; } .flinks a:link,.flinks a:visited{color:#838b90; padding:0.1% 0.7% 0.1% 1%; background:url('../img/lblt.png') 0px center no-repeat; -moz-transition:all .2s; -webkit-transition:all .2s; } .flinks a:hover,.flinks a:active{ background:url('../img/lbltw.png') 7px center no-repeat; color:#000; text-decoration:none; text-shadow:0px 1px 1px #fff;} .ftrlinksarea { width:100%; height:auto; float:left; margin:0% 0; background-color:#1b5083; padding:1% 0; font-size: 1px;} .fmnu{ width:100%; height:auto; float:left; margin:0% 0; color:#fff; background-color:#13395d; } .mr{padding:2% 0 0 0;} .fmnu a:link,.fmnu a:visited{font-family:Tahoma; font-size:13px; color:#238cf1; text-decoration:none; display:block; text-align:left; background:url('../img/fm.png') 0px center no-repeat; -moz-transition:all .2s; -webkit-transition:all .2s; padding:1% 15%; } .fmnu a:hover,.fmnu a:active{color:#fff; background:url('../img/fmh.png') 7px center no-repeat; text-shadow:0px 1px 1px #000;} .fmnu img{width:95.5%;} .lstcrm{border-radius:20px; border:solid 2px #fff; padding:1% 10%; margin-top:3%; position:relative; font-size:30px; text-shadow:0px 1px 1px #fff; text-align:left; float:left; background: rgb(221,226,232); /* Old browsers */ background: -moz-linear-gradient(top, rgba(221,226,232,1) 1%, rgba(192,193,194,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(221,226,232,1)), color-stop(100%,rgba(192,193,194,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde2e8', endColorstr='#c0c1c2',GradientType=0 ); /* IE6-9 */ } .lstcrm span{float:left; font-size:24px;} .mapimg{float:left;} .lastlogo {position:absolute; left:-2%; top:-2%; z-index:1;} .newsmail{padding-left:5%; } .newsmail input[type="text"]{ height:36px; border-radius:10px 0px 0px 10px; outline:none; padding:0px 2%;font-size: 18px;width: 300px; border:solid 1px #fff; border-right:none; color:#939393;margin-top: 5px;float: left;z-index:2; background: rgb(221,226,232); /* Old browsers */ background: -moz-linear-gradient(top, rgba(221,226,232,1) 1%, rgba(192,193,194,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(221,226,232,1)), color-stop(100%,rgba(192,193,194,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(221,226,232,1) 1%,rgba(192,193,194,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde2e8', endColorstr='#c0c1c2',GradientType=0 ); /* IE6-9 */} .lml{ background-image: url(../img/lmail.png) !important; background-position: 98% !important; background-repeat: no-repeat !important;} marquee{font-size:18px; padding:1% 0; color:#fff; text-shadow:0px 2px 8px #000;} .abtmtreees{margin-top:3%; } .card-feature-bg {background-color: #d8d8d8;padding: 3px;margin-bottom: 20px;-webkit-transform: rotate(1.2deg); -moz-transform: rotate(1.2deg); -o-transform: rotate(1.2deg); -ms-transform: rotate(1.2deg); transform: rotate(1.2deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .card-feature-bg:hover { background-color: #347fac; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor:pointer;} .card-feature { background-color: #ffffff; padding: 20px 20px 10px 20px; text-align: center; -webkit-transform: rotate(-1.2deg); -moz-transform: rotate(-1.2deg); height: 407px; -o-transform: rotate(-1.2deg); -ms-transform: rotate(-1.2deg); transform: rotate(-1.2deg);} .card-feature .feature-icon { margin-bottom: 10px; float: none;} .card-feature h5 { margin-bottom: 10px;} .card-feature p { margin-bottom: 20px; font-size: 15px; text-align: justify;} .card-feature .button { margin-bottom: 15px;} .card-feature i{font-size:40px; color:#347fac; } .aboutplts span { height: inherit; margin: 2% 4%; border-bottom: solid 1px #E0E0E0;} .ptls span { width: 154px; height: 109px; background-color: transparent; float: left; margin: 1.9% 0.5% 0 0.5%; background-image: url(../img/pb1.jpg); text-align: center; font-size: 19px; padding: 2% 0; cursor: pointer; } .aboutplts{/*background: rgb(237,237,237); background: rgb(246,246,246); background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); IE6-9 */} .webportal{background-image:url(../img/webportal.jpg); width:216px; height:151px; background-position:50% 12px; background-repeat:no-repeat; } .aboutwebportal{margin-top:5%; background-position:50% 12px; background-repeat:no-repeat; } .aboutwebportal span{margin:0px !important;} .aboutmtrs p{color:#000;} .aboutmtrs span{font-size:15px; text-align:justify; float:left; color:#717171;} .aboutmtrs span>b{color:#347fac;} .aboutmtrs h2{padding-bottom: 1%;font-size: 25px;color: rgb(0, 0, 0);font-weight: bold;} .ourteammain{width:100%; height:auto; background-color:#347fac; float:left; margin:2% 0 0 0; border-bottom:solid 1px #043e76; color:#fff; padding:0% 0; font-size:25px; border-bottom:none; } .aeroimg img{width:100%;} .aboutheader img{width:100%;} .trestimoialarea{width:46%; float:left; background-color:#fff; min-height:170px; margin:2%; box-shadow:0px 5px 15px #000;} .tmonial{} .tmonial :nth-child(1){ border-radius:0px 0px 10px 0px; } .tmonial :nth-child(2){ border-radius:0px 0px 0px 10px; } .tmonial :nth-child(3){ border-radius:0px 10px 0px 0px; } .tmonial :nth-child(4){ border-radius:10px 0px 0px 0px; } .testimonial-head{width:100%; padding:1% 2%; background-image:url(../img/testibg.jpg); float:left; border-radius:0px 0 0 0 !important;margin:1% 0 0 0; color:#347fac; text-shadow:0px 1px 2px #fff;} .test-left{float:left;} .test-right{ float:right;} .testi-pic{ background-image:url(../img/testibg.jpg); border-radius:0px 0px 5px 5px !important; float:left; } .testi-text{font-family:Trebuchet MS; color:#696969; font-size:12px; text-align:left; padding-top:2%; } .topimgbg{width:100%; height:50px; text-align:center; color:#696969; text-shadow:1px 1px 0px #fff, 2px 2px 3px #696969; background-image:url(../img/ourteambg.png); background-repeat:no-repeat; background-size:100%;font-size:40px;} .aeroimgblue{width:100%; height:58px; text-align:center; color:#696969; text-shadow:1px 1px 0px #fff, 2px 2px 3px #696969; background-image:url(../img/ourteambgblue.png); background-repeat:no-repeat; background-size:100%;font-size:40px; float:left;} .topimgbg span{margin-top: -15px; display: block;} .overvideohead{color:#696969; font-size:22px; margin:1%;font-weight: bold;} .ccmtr{ font-family:Tahoma; font-size:13px; color:#227ab8; border:solid 1px #dfdfdf; padding-top:2%; text-shadow:0px 1px 1px #fff; min-height:333px; float:left; width:100%; background: -moz-linear-gradient(top, rgba(245,244,244,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,244,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,244,244,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,244,244,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,244,244,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,244,244,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f4', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */} .faqarea{text-align:left; padding-bottom:2%; margin-bottom:2%;} .hbimg i {font-size:50px;} /* for social icons @keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}} @-webkit-keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}} @keyframes roll-back{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(-359deg);}} @-webkit-keyframes roll-back{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(-359deg);}} .footer-social a:hover:after{animation:roll 2s infinite linear;-moz-animation:roll 2s infinite linear;-webkit-animation:roll 2s infinite linear;} .footer-social a:after{content: ""; background: url(/images/fs-bg.png); height: 49px; width: 49px; display: block; top: -30px; margin: -38px 0px 1px -14px; left: -30px;} .footer-social a:link,.footer-social a:visited{height:49px;width:49px;display:block;top:0;left:0px; font-size:20px; float:left; margin:1%; padding:1%;} .footer-social a:hover,.footer-social a:hover{} for social icons*/ /*---portfolio----*/ .itemSection{ padding: 14px 0px; background: none; width: 100%; } .singleItem{ width: 100%; height: 311px; overflow: hidden; background: url(../images/borwser.png) no-repeat; background-size: 100% 100%; box-shadow: 0 0 5px rgba(0, 0, 0, .15); position: relative; } .itemDes{ width: 100%; text-align: center; } .itemDes h1{ margin: 25px 0 50px;; font-size: 30px; color: #404040; font-weight: 700; text-transform: capitalize; line-height: 22px; } .itemDes.noMarginBottom h1{ margin-bottom: 0; } .itemDes h1 span{ display: inline-block; font-weight: 300; } .itemDes h1 a{ color: #404040; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; font-size: 30px; } .itemDes h1 a:hover{ color: #de3c2f; text-decoration: none; } .sliderIt{ width: 100%; height: 296px; background: none; position: absolute; left: 0; bottom: 0; overflow: hidden; } .sliderIt img{ width: 100%; height: auto; margin-top: 0px; transition: all ease 6s; -moz-transition: all ease 6s; -webkit-transition: all ease 6s; -ms-transition: all ease 6s; -o-transition: all ease 6s; } .singleItem:hover .sliderIt.item1 img{ margin-top: -1614px; } .singleItem:hover .sliderIt.item2 img{ margin-top: -1615px; } .singleItem:hover .sliderIt.itemFirst img{ margin-top: -2355px; } .singleItem:hover .sliderIt.item3 img{ margin-top: -1723px; } .singleItem:hover .sliderIt.item4 img{ margin-top: -1614px; } .singleItem:hover .sliderIt.item5 img{ margin-top: -1732px; } .singleItem:hover .sliderIt.item6 img{ margin-top: -1614px; } .singleItem:hover .sliderIt.blog1 img{ margin-top: -748px; } .singleItem:hover .sliderIt.blog2 img{ margin-top: -1488px; } .singleItem:hover .sliderIt.folio1 img{ margin-top: -552px; } .singleItem:hover .sliderIt.folio2 img{ margin-top: -577px; } .singleItem:hover .sliderIt.folio3 img{ margin-top: -549px; } /*----portfolio---*/ /*========== Jyoti Packages Start ===============*/ .toptr{background:#1c558c; color: #fff;font-size: 24px; padding-left:10px;text-align: left;border-radius: 3px; font-family:'Noto Sans', sans-serif;} .odd{background: #1f497d;color: #fff;font-size: 20px;} .even{background:#000;color: #fff;font-size: 20px;} .seo p{font-size: 26px; color: #009; text-align:left;} .seo{border: 1px solid #ccc; position:relative;} .seo img{position: absolute; top: -31px;right: 2px;} .seo span{font-size:20px; color:#F00;} .result{background:#066097; margin-top:2%;} .result p{color:#fff; font-size: 21px; font-weight: bold; /*padding-top: 5%;*/ text-shadow: 0px 1px 5px #000} .resultcontent{background:#0889d8;margin-bottom: 27px;} .resultcontent p{background:#066097; color:#fff; margin-top:3%; text-align:left;padding:2%; font-size: 14px;font-family: Tahoma;} .query{border: 1px solid #ccc; text-align:left;} .query input[type="text"]{ width: 100%; border: 1px solid #ccc;} .query textarea{ width: 100%; border: 1px solid #ccc;} .query input[type="submit"]{padding-top: 2%; margin-top: 15s%; border: 1px solid #ccc; padding: 2%; border-radius: 12px; background: -webkit-linear-gradient(top, #1c568d 0%,#2883db 60%,#1c568d 100%); width: 112px; color: #fff;} .query p{font-size: 18px;color: #000;} .enquery {color: #000; background: #ccc;font-size: 20px; margin-top: 2%; padding: 2%;} .query img{float:left; margin:3%;} .packages tr td{ font-size: 15px;border: 1px solid #ccc;padding: 1%;text-align: center;} .packages table{text-align:center;} .packages tr td:first-child{text-align:left;} .aboutmtrs {text-align:justify;} .buy table{text-align:center;} .buy tr td:first-child{text-align:left; } .packagetext{text-align:left; margin-top:4%; margin-bottom: 6%;} .buy tr td{font-size: 18px; border: 1px solid #ccc; padding: 1%;} .lesswidth{width:45%;} .paypal{margin:2%;} .paypalimage{width: 100%; margin-top: 24px !important;} /*========== Jyoti Packages End ===============*/ /*========== Jyoti testimonial Start ===============*/ .testimonial img{float:left; margin-right: 2%;} .testimonial span{color: red;padding-left: 381px; font-size: 18px;} .testimonial p{ text-align: left; padding: 2%; width:700px;} .testimonial{ background: #e8e8e8;border: 1px solid #1c558c; border-radius: 8px; border-bottom: 3px solid #1c558c; padding:2%; margin-top:2%} .testi img{float:left; margin-right: 2%;} .testi p{ text-align: left; padding: 2%; width:700px;} .testi{ background: #fff;border: 1px solid #1c558c; border-radius: 8px; border-bottom: 3px solid #1c558c; margin-top:2%; padding:2%;} .floatright{float: right !important; margin-top: -59px !important; width: 12% !important;} .aboutwebportal ul li{text-align:left;} .aboutwebportal ul li a{color:#000;} .aboutwebportal ul li ul li{margin-left:20px;background: none;} .aboutwebportal ul li ul li ul li{margin-left:20px;background: url('../img/lblt.png') 0px center no-repeat; list-style-type:none; padding-left:16px;} .sitemap{border: 3px solid rgb(47, 90, 117);padding-left: 90px;padding-top: 30px;} .site{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0889d8+0,9cbad1+31,f7f7f7+64,ffffff+100 */ background: #0889d8; /* Old browsers */ background: -moz-linear-gradient(left, #0889d8 0%, #9cbad1 31%, #f7f7f7 64%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0889d8 0%,#9cbad1 31%,#f7f7f7 64%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0889d8 0%,#9cbad1 31%,#f7f7f7 64%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0889d8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ margin-top: 41px; text-align: left; } .site p{padding-top: 10px; font-size: 30px; font-weight: bold;color: #fff; text-shadow: 2px 4px 17px #000;} /*========== Jyoti testimonial End ===============*/ /*==== Seo-Service===*/ .seo-mainhederbg{height:241px;background-image:url(../images/seo-services_bg.jpg);background-repeat:repeat-x;width:100%;display: inline-table;} .services_pageheadr {} .services_pageheadr h1{ font-size: 51px;padding-bottom:10px;text-shadow: 1px 2px 3px rgb(0, 0, 0) !important; color: rgb(255, 255, 255); font-family: 'Francois One', sans-serif; min-height:135px;} .services_pageheadr img{width:100%; padding-top:10px;} .phone-icon {background-image: url(../images/phone-icon.png); background-repeat: no-repeat; background-position: 1px;float: left; padding: 0px 0px 0px 18%; font-family: 'Francois One', sans-serif; font-size: 40px; margin:0; text-shadow: 0px 2px 0px #fff , 0px 3px 5px rgba(0, 0, 0, 0.3);} .seo_servicesmtr h1,h2,h3{ color:#02a2ec; font-weight:bold;} .seo_servicesmtr{padding-top:2%; font-family:Calibri; float:left;} .seo_servicesmtr p{color:#000; font-size: 18px;} .seo_servicehead{background-image:url(../images/services_headbg.png); background-repeat:no-repeat; width:100%; height:45px; font-family:'Noto Sans', sans-serif; font-size:30px; color:#fff !important; text-align: left; padding:1.5% 0 0 14% !important; margin:2% 0; } .seo_serviceheadmter p{text-align:justify; padding:1% 2%; margin:1% 0; color:#989898; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; min-height:94px;} .seo_serviceheadmter a{display:block; float:Right;} .seo_serviceheadmter a:hover{color:#000;} .left_imgseo{border-right:solid 1px #9c9c9c;} .bigblackseo{width:100%; background-image:url(../images/globebg.jpg); background-position:99% 0; background-repeat:no-repeat; } .bigblackseo img{ margin-bottom: -43px; width:100%;} .seo_provenmarquee p{padding:2%; color:#92898a; text-shadow:none;} .seo-images img{float:left; margin:2%;} .lastthreeseo{width:100%; margin:10% 0; } /*=== Web Services =========*/ .brand-col {width: 100%; text-align: center; padding-top:10%;} .brand-col .brand-logo { text-align: center; min-height:105px;/* border: 1px solid #47B8E2;margin: 0px auto;border-radius: 50%; float: left;width: 80%;margin: 0px auto; padding:15%; overflow:hidden;*/ } /*.brand-logo img{width:80%;}*/ /*.brand-col .magento-logo { border: 1px solid #ff902a} .brand-col .joomla-logo { border: 1px solid #18c8ce} .brand-col .joomla-logo img { padding-top: 12px} .b*rand-col .res-logo { border: 1px solid #0db396}*/ .brand-col .res-logo img { padding-top: 18px} .brand-col h5 { background: #3db4e1; font-size: 22px; padding: 3% 0%; color: #fff; text-transform: uppercase; margin-top: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px;box-shadow: 0 9px 12px #B7E3F4; -moz-box-shadow: 0 9px 12px #B7E3F4; -webkit-box-shadow: 0 9px 12px #B7E3F4; -ms-box-shadow: 0 9px 12px #B7E3F4; display: inline-block; min-width: 230px; position: relative; -webkit-transition: all 0.5s ease;} .brand-col h5:hover{ text-shadow: 0px 1px 1px #FFFFFF , 0px 2px 2px rgb(21, 142, 187); color: #000; font-weight: bold; } .brand-col h5:before { content: ""; background: url(../images/top-arrow.png) center top no-repeat; width: 29px; height: 12px;display: block; position: absolute; top: -12px; left: 45%} .brand-col h5.magento { background: #ff8515; box-shadow: 0 9px 12px #f3ceac; -moz-box-shadow: 0 9px 12px #f3ceac; -webkit-box-shadow: 0 9px 12px #f3ceac; -ms-box-shadow: 0 9px 12px #f3ceac} .brand-col h5.magento:before { content: ""; background: url(../images/magento-top-arrow.png) center top no-repeat; width: 29px; height: 12px; display: block; position: absolute; top: -12px; left: 45%} .brand-col h5.joomla { background: #0cc5cc; box-shadow: 0 9px 12px #bceaed; -moz-box-shadow: 0 9px 12px #bceaed; -webkit-box-shadow: 0 9px 12px #bceaed; -ms-box-shadow: 0 9px 12px #bceaed} .brand-col h5.joomla:before { content: ""; background: url(../images/joomla-top-arrow.png) center top no-repeat; width: 29px; height: 12px; display: block; position: absolute; top: -12px; left: 45%} .brand-col h5.responsive { background: #00c6a3; box-shadow: 0 9px 12px #b6eadf; -moz-box-shadow: 0 9px 12px #b6eadf; -webkit-box-shadow: 0 9px 12px #b6eadf; -ms-box-shadow: 0 9px 12px #b6eadf} .brand-col h5.responsive:before { content: ""; background: url(../images/res-top-arrow.png) center top no-repeat; width: 29px; height: 12px; display: block; position: absolute; top: -12px; left: 45%} .special-service-col:hover .hover-textbox { opacity: 1; top: 48px; z-index: 9} .hover-textbox {width: 100%; padding:0px 15px; text-align: center; top: 355px; transition: all 1s ease 0; -moz-transition: all 1s ease 0; -webkit-transition: all 1s ease 0; -ms-transition: all 1s ease 0; border-radius: 3px; display: block; text-decoration: none !important; texyt-shadow:0px 1px 1px #000; } .hover-textbox:before { content: ""; background: url(../images/top-arrow.png) center top no-repeat; width: 29px; height: 12px; display: block; position: absolute; top: -12px; left: 45%} .magento-hoverbox { background: #ff8515} .magento-hoverbox:before { background: url(../images/magento-top-arrow.png) center top no-repeat} .joomla-hoverbox { background: #0cc5cc} .joomla-hoverbox:before { background: url(../images/joomla-top-arrow.png) center top no-repeat} .responsive-hoverbox { background: #00c6a3} .responsive-hoverbox:before { background: url(../images/res-top-arrow.png) center top no-repeat} #special-services-wrap { padding: 30px 0 50px; border-bottom: 1px solid #eee} #special-services-wrap h3 { color: #019BDC; text-align: center; letter-spacing: -1.5px; padding-top: 5px} #special-services-wrap span { letter-spacing: -1.5px} .special-service-col { width: 272px;float: left;margin-left: 25px;padding-top: 50px;position: relative;overflow: hidden; min-height:265px;} .brand-col p{color:#fff;} .hover-textbox p{color:#fff; text-shadow:0px 0px 1px #fff; color:#000;} .hover-textbox h4{font-weight:bold; color:#fff; text-shadow:0px 1px 1px #000; font-size:25px;} .web_servciemeter p{text-align:justify; margin:1% 0; line-height:28px; font-size:15px;} /*================*/ /* MR Enquiry Form */ .loginhead{ background: url(../img/loginhead.png); background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; height: 79px; background-repeat: no-repeat; position: absolute; top: -6%; left: -13%; width: 700px; height: 79px; } .otpbase p{ background-color: #e0e0e0; color: #000; } .message{ color: rgb(255, 255, 255);text-align: left;padding-left: 62px;padding-bottom: 21px; } .loginbase{} .loginbase p{background-color:#e0e0e0; color:#000; } .forgetbase p{background-color:#e0e0e0; color:#000; } #popupContact1 label{width: 90%;} .mrenquiry_from{ float:left; width:100%; background-color:#0889d8; padding-bottom:5% !important; border-radius:5px 5px 0 0; } .mrenquiry_from span{text-align:left; width: 100%; float: left; padding: 1% 4%; } .mr_frmhead{background-color:#066097; padding:5% 0 0 0 !important; border-radius:5px 5px 0 0; position:relative; } .signupbase p{background-color:#e0e0e0; color:#000; float:left !important; margin-left: 7.5% !important; text-align:left; } .signupbase input[type="text"]{width:47.2% !important; float:left;} .signupbase input[type="password"]{width:47.2% !important; float:left;} .signupbase input[type="password"]:first-child { margin-right: 5%; } .signupbase input[type="text"]:first-child{margin-right:5%;} .signupbase input[type="checkbox"]{float:left; margin-right:3%;} .signupbase select{width:47.2% !important; float:left; padding: 7px 5px; outline: none;} .signupmail{background-image:url(../img/signupmail.jpg); background-repeat:no-repeat;background-position: 96% 10px;border: none;}} .mrenquiry_from span{display:block; float:left; padding:1% 2%; width:96%; margin:2% 2% 0% 2%; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; text-shadow:0px 1px 2px #ccc; color:#000;} .mrenquiry_from input[type="text"]{width:94%; padding:1% 2% ;border:solid 1px #066097; outline:none; border-radius:5px;font-size: 18px;} .mrenquiry_from textarea{width:94%; padding:1% 2% ;border:solid 1px #066097; outline:none; border-radius:5px;} .mr_girl {position: absolute;right: -133px;top: 0px;z-index: 9;} .mrenquiry_from input[type="submit"]{width:92%; padding:2% 4%; border-radius:5px; background-color:#066097; border:solid 1px #3aa1e0; margin-top:5%; font-size:25px; font-weight:; text-shadow:0PX 2PX 5PX #000; color:#fff; text-shadow:1px 1px 0px #000, 2px 2px 0px rgba(255, 255, 255, 0.27); } .body_main{width:100%;margin:0 auto; text-align:left; } .body_left{ width: 37%;float: left;padding-left: 4%; } .body_btn_top{ width:360px; float:left; } .left_link{ width:360px; float:left; } .left_link_heading{ width:360px; float:left; font:bold 23px Arial, Helvetica, sans-serif; color:#000000; } .left_link_heading span{ font:bold 23px Arial, Helvetica, sans-serif; color:#0090EB; } .left_link_bot{ width:360px; float:left; } .left_link_bot ul{ margin:0px; padding:0px; list-style:none; } .left_link_bot ul li{ float:left; margin:0px; padding:0px; background:url(../images/arrow.gif) 0px 7px no-repeat; } .left_link_bot ul li a{ float:left; width:334px; font:bold 13px Arial, Helvetica, sans-serif; color:#0090EB; text-decoration:none; margin:0px; height:20px; padding:5px 0 0 26px; display:block; } .left_link_bot ul li a:hover{ color:#7D7D7D; } .left_link_bot2{ width:360px; float:left; } .left_link_bot2 ul{ margin:0px; padding:0px; list-style:none; } .left_link_bot2 ul li { width:334px; background:url(../images/arrow2.gif) 0px 12px no-repeat; font:bold 13px Arial, Helvetica, sans-serif; color:#7D7D7D; text-decoration:none; margin:0px; padding:12px 0 0 25px;display:block; } .left_link_bot2 ul li a:hover{ color:#0090EB; } .body_right{width:55%; float: left; padding-left: 4%; } .body_right_crv{ float:left; } .body_right_bg{ float:left; background:url(../images/body_right_bg.gif) repeat-x; } .body_right_mian{ margin:0 auto; } .right_mian_tittle{ float:left; font:32px Arial, Helvetica, sans-serif; color:#595959; } .right_mian_tittle span{ font:bold 50px Arial, Helvetica, sans-serif; color:#0090EB; } .right_mian_tittle p{ font:20px Arial, Helvetica, sans-serif; color:#0090EB; } .right_mian_link{ float:left; } .right_mian_link ul{ margin:0px; padding:0px; list-style:none;width: 700px; } .right_mian_link ul li{ margin:0px; padding:10px 0 10px 40px; background:url(../images/tick.png) 0px 12px no-repeat; font:16px Arial, Helvetica, sans-serif; color:#595959; text-decoration:none; border-bottom:dashed 1px #595959; margin:0px; display:block; } .right_mian_botton{ width:515px; float:left; padding-top:20px; } #body_teasures{width:100%;float:left; background:url(../images/body_bottom_bg.gif) repeat-x #121212;padding:15px 0 0 0;} .spacer{width:30px;float:left;} #body_teasures .teasure_section{ margin:0 auto; width:930px; } .teasure_section span{ font:18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#FFFFFF; } .teasure_box{ float:left; width:288px; } .teasure_box .box_top_crv{ float:left; width:288px; } .teasure_box .box_middle{float:left;width:256px;height:120px;border-left:1px solid #242424;border-right:1px solid #242424; background:#121212; padding:0 15px 0 15px; } .box_middle a{ text-decoration: none; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } .box_middle a:hover{ text-decoration: underline; } .teasure_box p{font:14px Trebuchet MS, Arial, Helvetica, sans-serif;color:#AFAFAF;} .teasure_box span{font:30px Trebuchet MS, Arial, Helvetica, sans-serif;color:#AFAFAF;} .teasure_box .box_bottom_crv{float:left;width:288px;} .btn{ background:url(../images/btn_bg.gif) no-repeat; width:226px;height:28px; display:block; padding:5px 0 0 25px; color:#A1A1A1; font:16px Trebuchet MS, Arial, Helvetica, sans-serif; } .btn a{ color:#A1A1A1; font:16px Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none; } .btn a:hover{ color:#ffffff; } .btn1 { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .clients { height: ; width: 550px;border: solid 1px #e5e5e5; float: left;height: 80px;} .clients .clients-logo { height: 60px; width: 528px; padding: 5px; margin: 0 auto; } .ourclientslogos{ height: 60px; width: 528px; padding: 5px; margin: 0 auto;} #slider_thumbs { left: 52px; overflow: hidden; position: absolute; text-align: center; margin: 0 0 0 0px; width: 400px; } #slider_container { width: 527px; height: 67px; position: relative; } #slider_thumbs ul { list-style-type: none; position: relative; padding: 0; margin: 0 auto; } #slider_thumbs .moveIt { left:-320px; } #slider_thumbs ul li { height: 67px; width: 150px; text-align: center; position: relative; z-index: 70; overflow: hidden; float: left; margin: 0px 0px 0 0px; } #showcase_thumb_prev { background: url(../img/slider_arrow_sprite.gif) no-repeat 0 0; width: 22px; height: 35px; cursor: pointer; position: absolute; left: 54%; top: 2109px; } #showcase_thumb_next { background: url(../img/slider_arrow_sprite.gif) no-repeat -22px 0; width: 22px; height: 35px; cursor: pointer; position: absolute; left: 93%; top: 2109px; } #slider-wrapper { display: block; max-width: 790px; margin: 5% auto; max-height: 500px; height: 150px; border: 1px solid #ccc;} #slider { display: block; position: relative; z-index: 99999; max-width: 710px; width: 100%; margin: 0 auto; } .sp { position: absolute; margin-left:44px; margin-top:10px; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner {overflow:hidden;float:left;width:100%;background:#fcfcfc; background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */ background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */ background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */ background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */ background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */ background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;} .nbs-flexisel-item img {width: 100%;cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px;/* max-width:100px;*/max-height:60px;} /*** Navigation ***/ .nbs-flexisel-nav-left,.nbs-flexisel-nav-right { width: 22px; height: 22px; position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;} .nbs-flexisel-nav-left {left: 10px;background: url(../images/button-previous.png) no-repeat;top: 67px;} .nbs-flexisel-nav-right {right: 5px;background: url(../images/button-next.png) no-repeat;top: 67px;} .wrap-contact{background:#088ADA; margin-top: 74px;box-shadow:0px 0px 50px #000 inset; -moz-box-shadow:0px 0px 50px #000 inset ;-webkit-box-shadow:0px 0px 50px #000 inset; margin-bottom:8%;} .white{background:#fff; padding: 60px;border: 4px solid #ccc; background:url(../images/india.png) ;} .white p{color:#088ADA ; font-size: 18px;} .formcontact{margin-top:30px;} .formcontact span{display:block; float:left; padding:1% 2%; width:96%; margin:2% 2% 0% 2%; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; text-shadow:0px 1px 2px #000; color:#fff;} .formcontact input[type="text"]{width:49%; padding:1% 2% ;border:solid 1px #066097; outline:none; } .formcontact textarea{width:99%; padding:1% 2% ;border:solid 1px #066097; outline:none; height:200px; } .mr_girl {position: absolute;right: -133px;top: 0px;z-index: 9;} .formcontact iframe{width: 100%;height: 295px;} .formcontact input[type="submit"]{width:17%; background-color:#066097; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border:solid 1px #3aa1e0; margin-top:-10%; font-size:25px; font-weight:; text-shadow:0PX 2PX 5PX #000; color:#fff; margin-left:70%; position: relative; text-shadow:1px 1px 0px #000, 2px 2px 0px rgba(255, 255, 255, 0.27); } .liveresult{float: left;width: 100%;height: 337px;border: 1px solid rgb(204, 204, 204);margin-bottom: 30px;color: rgb(0, 0, 0) !important;} .liveresult marquee{text-shadow:none !important;padding-left: 10px !important;height: 330px;font: bold 13px Arial, Helvetica, sans-serif !important;color: #7D7D7D !important; } .liveresult table th{background: rgb(0, 144, 235) none repeat scroll 0% 0%;color:#fff;font-size: 24px; padding-left: 2px;} .client{font-size: 25px;color: red;padding-left: 5px;} .liveresult table td{font-size: 20px;padding-left: 5px;} .ques{text-align: left;font-size: 26px;font-family: 'Noto Sans', sans-serif;padding-left: 29px;background: rgb(204, 204, 204) none repeat scroll 0% 0%;border-radius: 5px; margin-top: 19px; font-weight: bold;} .ans{text-align: left;font-family: 'Noto Sans', sans-serif;font-size: 16px;background: rgb(231, 231, 231) none repeat scroll 0% 0%;padding: 24px;} .msbbbt{width:100%; float:left;} #swiffycontainer{height:417px;border-bottom: solid 1px #2e7bb1;} /*============== Jyoti Css to manish============ */ .graybg{background-color:#f5f5f5; width:100%; float:left; padding:1% 0; margin-bottom:3%;} .pulse ul li{font-size:15px !important;} .pulse ul{font-size: 22px;text-align: left;} /*MSSS*/ .seo_servicesmtr h4{font-size:25px;} .shfore{ text-align: left;font-size: 21px;font-weight: bold;} a.seonew h3{color:#000; font-size:35px; text-align:left;font-weight: bold;} .seonew{text-align:left;} .seonew h3{text-align:left; color:#000 !important;} .seonew p{text-align: justify;margin: 1% 0;line-height:23px; font-size:16px;} .seonew img{margin-top: 51px;} .seonew1 h3{color: rgb(0, 0, 0);font-weight: bold;} .seonew1 h4{color: rgb(133, 133, 133); padding:0.5% 0;} .seonew1 p{text-align:justify;margin: 1% 0; font-size:15px;color: #9a9a9a;} .seonew2{margin-top:2%; margin-bottom:0px; float:left;} .seonew2 img{margin-right:15px;cursor:pointer; border-right: solid 1px rgba(191, 191, 191, 0.52);float: left; padding-right: 10px;} .seonew2 h4{font-size:20pxpx;font-weight: bold;text-align: justify;} .seonew2 h5{font-size:14px;text-align: justify;color: #858585; line-height:20px; } .seonew2 ul{margin-left:20.5%;margin-top: 35px; } .seonew2 ul li{list-style-type:none;text-align:justify;font-size:14px;margin:1.1% 0%;float: left; width: 100%; text-align:left; background-image:url(../images/t.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:35px; } .seonew2 ul li img{margin-top: 7px;margin-right: 20px;} .wrap-seonew{background:#fff; border-bottom:1px solid #ccc; padding-bottom:40px;} .wrap-seonew h3{color: rgb(0, 0, 0); padding-top:2%;} .wrap-seonew h4{ color: rgb(133, 133, 133);} .seonew3{margin-top: 26px;} .seonew3 h3{ text-align: left;} .seonew3 img{margin-top: 66px; float:left;} .seonew3 p{text-align: justify; font-size:14px; color:#858585; line-height:25px;} .slider{margin-top: 73px;} .slider img{ margin: 0% 2%; width: 20%;} .seonew4{float:none; margin:0px auto; } .seonew4 img {float:left;} .seonew4 h3{font-size: 30px;font-weight: bold; color:#000;} .seonew4 h4{font-size:20px; } .pack {margin-left:30%;} .pack a{float:left; margin:2%;} .cap{background: transparent none repeat scroll 0% 0%;width:77%;padding-left: 10px; float: right;margin-top: 16px;} .webnew{margin-bottom:50px; float:none; margin:auto 0px; } .webnew h3{color: #fff;font-weight:bold; } .webnew p{color: #fff;font-size: 16px; padding-bottom:20px;} .webnew a{background: transparent none repeat scroll 0% 0%;border: 1px solid #fff;padding: 10px;font-size: 20px;color:#000; margin-left:10px; -webkit-transition: all 1ease;} .webnew a:hover{background: transparent none repeat scroll 0% 0%; border: 1px solid #000; padding: 10px; font-size: 20px;color:#fff; margin-left:10px; text-decoration:none; } .seonew1{ margin:0px auto; float:left;} .blue_bgg{background-color: #1364b5; width: 100%; float: left; padding-bottom: 2%;} .grybg{background-color:#f5f5f5; width:100%; } .grybg h2{font-size: 22px; color: #000;} .grybg h2 span{color:Red;} .grybg h3{font-size:18px; color: #000;} .seo_blbsection{float:none; margin:0px auto;} .container .col-lg-7 img{float:left;} .cbh-phone.cbh-static { opacity:1; width: 100%; position: relative;} .cbh-phone.cbh-green .cbh-ph-img-circle { background-color: rgba(0, 175, 242, 0); position: absolute; left: 0px; border: solid 2px #FFF; width: 36px; height: 38px; background-size: 79%; top: -1px;} .cbh-phone.cbh-green .cbh-ph-circle-fill { background-color: rgba(0,175,242,.5); opacity: .75!important; left: -32px; top: -31px;} .cbh-phone.cbh-green .cbh-ph-circle { border-color: rgba(0,175,242,1); opacity: .5; left: -60px; top: -60px;} .cbh-phone{height:inherit;} .hvr-icon-bounce:before {right: 0em !important;} .seo_servicehead { background-image: url(../images/services_headbg.png); background-repeat: no-repeat; width: 100%; height: 45px; font-family: 'Noto Sans', sans-serif; font-size: 30px; color: #fff !important; text-align: left; padding:0.5% 0 0 14% !important; margin: 2% 0;} .webdown {background-image: url(../img/webdown.png); background-repeat: no-repeat; width: 100%; height: 45px; font-family: 'Noto Sans', sans-serif; font-size:21px; color: #fff !important; text-align: left; padding:0.99% 0 0 3% !important; margin: 2% 0; float:left;} .msnesseo{margin-bottom:5%;} .bx-controls-auto{ float: right; width: 50px;} .bx-controls-auto-item{ width: 20px; float: left; padding: 6px;} .bx-controls-auto-item a{color:rgba(255, 0, 0, 0);} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px;} .example-item .slider a { line-height: 1.5em; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;} .example-item .slider a { line-height: 1.5em;} .resultcontent .bx-viewport{height:375px !important;} .our-clients { border:4px solid #ccc;} .our-clients h3{color:#ccc; text-align:left; border-bottom:3px solid;} .our-clients img{border-right: 1px solid rgb(204, 204, 204); margin:0.55%; border-radius:10px 15px 30px 0px !important; } .our-clients span{} .cimg{width:200px;} .bx-default-pager{display:none;} .bx-controls-direction{ display:none;} .web-srvcmnbox{background-color:#e3f1f7; margin-top:9px; width: 33%; margin: 0.1%; float:left;} .web-srvcmnbox:after{background-image:url(../img/web-srv-shadow.png); height:28px;content: '';width: 272px !important;display: inherit;bottom: -31px;left: -5px;position: absolute;opacity: 0.2;} .web-srvcmnbox img{margin-top:-9px;} .web-srvcmnbox h2{width:100%; padding:2% 1%; border-bottom:solid 1px #fff;margin-bottom:3px; font-size:19px; text-align:left;} .web-srvcmnbox p{font-size:12px; background-color:#fff; margin:1%; padding:1%; text-align:left; color:#7299a3;} .web-srvcmnbox a:link,.web-srvcmnbox a:visited{color:#9c9c9c; float:right; font-size:11px; padding:1%; } .web-srvcmnbox a:hover,.web-srvcmnbox a:active{text-decoration:underline;} .mswebimg{float:left; text-align:center; } .mswebimg { float: left;text-align: center;width: 33%;} .bxsliderms { height:inherit !important;} .serchwebranking input[type="text"]{width:30%; float:left; border-radius:5px; border:solid 1px #9c9c9c; margin: 1% 1.6%; padding: 0.5% 1%; outline:none; -webkit-box-shadow: inset 0px 0px 61px -23px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 61px -23px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 61px -23px rgba(0,0,0,0.75); border:solid 1px #9c9c9c;} .serchwebranking button{ width: 30%;padding: 1% 1% 5% 1%;color: #fff;background-color: #000;border-radius: 0px;display: table-column-group; font-size: 1.8em; margin: 2% 0%;} .srvccheck img{float:left; margin: 7% 3% 0%;} .btn-info:hover{background-color:#000;} .quote { color:#000; text-align: center; margin-bottom: 30px;} /*-------------------------------*/ /* Carousel Fade Transition */ /*-------------------------------*/ #fade-quote-carousel.carousel { padding-bottom: 60px; min-height: 250px;} #fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;} #fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;} #fade-quote-carousel.carousel .carousel-indicators { bottom: 10px;} #fade-quote-carousel.carousel .carousel-indicators > li { background-color: #d2c7c9; border: none;list-style-type:none;} #fade-quote-carousel blockquote { text-align: center; border: none;} #fade-quote-carousel .profile-circle { width: 100px; height: 100px; margin: 0 auto; border-radius: 100px;} #fade-quote-carousel.carousel .carousel-indicators > li:before{color:#fff;} /*Manish Responsive Query*/ @media only screen and (max-width : 1200px) { body{background-color:#fff !important;} .container3{width:100%;} } /*Medium Devices, Desktops */ @media only screen and (max-width:1024px) { .videoframe{height:396px !important;} .menu{padding:0px;} .ptls span{margin:1.9% 1px 0 1px;} .scocln {padding-left: 2%; float: left; width: 100%; border-top: dashed 1px; padding: 1% 0 0 0; margin: 1% 0 0 0;} .scoclncls { display: inline-block; background-image:url(../img/c1.png);background-repeat: no-repeat;background-position:2px 8px; padding: 1% 0 0% 5%;float: left; margin-bottom: 1%; width: 48%; display: inline-flex; margin: 0 5%;} .scoclnclsml { background-position:2px 8px; padding: 1% 0 0% 5%;float: left; margin-bottom: 1%;} .mr { width: 50%; float: left;} .mapimg{width:50%;} .ccmtr{padding-bottom:2%;} .onlinepaymenticon{ margin: 0 0 7% 0; text-align: left;} .areas {margin-top: -60px;} /*About us*/ .mnflhdraboutus { height: 181px;} .aboutplts span {margin: 1.9% 8% 0 8%;} .aboutplts {margin-bottom:2%;} .card-feature-bg {width: 100%;float: left;margin: 1%;} .topimgbg span{background-color:#fff; padding:2% 5%; border-radius:50%; z-index:6999; float:left; box-shadow:1px 2px 15px #000;} .seo_servicesmtr h1{margin-top:380px; color:#000;} .seolbtn {position:absolute !important;top: 588% !important;bottom: 0px!important; bottom: 0%!important; left: 0%!important; margin-left: 179px !important; font-family: Arial !important; font-size: 22px;font-weight: bold !important; } .phone-icon { background-position: 167px; padding: 11px 0px 0px 35%;margin: 2% 0 0 0;} .body_left {width: 100%;} .body_right {width: 100%;} .body_right_mian {width: 100%;} .body_right_bg{width:100%} .right_mian_tittle {width: 100%;} .right_mian_link {width: 100%;} .right_mian_link ul li{width: 100%;} .right_mian_botton{width:100%; margin-left: 38px;} .left_link{width:100%} nav{ margin-left:0%; } .mrs a{margin: 1.9% 0.1% 0 0.1% !important; } .container1{float:left;} .gifflle{text-align: center; float: left; width: 100%;} .gifflle { text-align: center; float: left; width: 40%; position: absolute; top: 0px; right: 0px;} .areas { margin-top: -75px;} .free-quote{display:none;} .headerss{float:left; min-height:380px; width:100%; margin-top:50px;} #swiffycontainer{height:464px !important;overflow: hidden; box-shadow: 0px 5px 50px #000;} .frm-hms{display:none;} .mnflhdr { margin-bottom: 18% !important;} .services_pageheadr h1{padding-bottom:0px; min-height:inherit; } .seo-mainhederbg { height:inherit; background-position: 0px -53px;} .seonew img {float: none; margin: 0px auto;} } @media only screen and (max-width:966px) { .mr_girl{display:none;} .services_pageheadr h1 { font-size: 2.9em;} .iso {padding: 4% 0 0 0; } .ptls span { margin: 1.9% 6% 1% 5%; height: 110px; } .mnflhdraboutus {height: 146px;} .lstcrm{padding-left:12%; font-size:2em;} .cbp-hrmenu > ul > li > a { font-size: 15px; padding: 10px 9px !important;} .colsss .col-sm-4{width:100%; float:left;} .mrs a { min-width: 204px; height: 109px; background-image: none !important; background-color: #fff; border: solid 1px #cccccc; margin: 1% 2% !important;} .mrs span {width:100% !important;} .container1 .col-sm-4{width:100%; margin-left:10%;} .msbbbt{margin-left:10%;} #swiffycontainer { height: 352px !important; } .seo_serviceheadmter p{float:left;} .mswebimg ul li img{width:100%; float:left;} .mswebimg { margin-left: 39%;} .mrenquiry_from{margin-top:6%;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 800px) { nav { margin-left:0%; /* margin-left: 25%; */} .cbp-hrmenu > ul > li > a {; font-size: 14px; padding: 10px 12px !important;} .container1 .col-sm-4{width:100%; margin-left:0%;} .msbbbt{margin-left:0%;} .phone-icon { background-position: 35% 21px;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .flinks a:link, .flinks a:visited{padding: 0.1% 2% 0.1% 2%;} .areas { margin-top: -57px;} .hbimg{width:25%; margin-left: 40%;} /*====== Main Menu hide ==============*/ .cbp-hrmenu{display:none;} .column{display:block !important;} .res_mnu{float:left; padding-top: 2%;} #swiffycontainer { height: 345px !important;} .container1 { float: left; width: 98%;} .col-sm-4 .col-sm-9{text-align:center;} .scoclncls{padding: 1% 0 1% 5%;} .scoclnclsml{padding: 1% 0 1% 5%;} .flinks p{width:90%; margin-left:5%;} } @media only screen and (max-width :640px) { .flinks{width:99%;} .container1 { width: 97%; } .mrs a {min-width: 46%} .scoclncls{ padding: 1% 0 1% 8%; width:90%; margin: 0 5%;} .scoclnclsml{ padding: 1% 0 1% 8%; width:90%; margin: 0 5%; text-align:left;} .ftrlinksarea{padding-bottom:10%;} #swiffycontainer { height: 279px !important;} .phone-icon { background-position: 26% 21px;} .web-srvcmnbox { width: 100%; margin-bottom: 7%;} .sb-srvcss img{width:99%;} .web-srvcmnbox:after {width: 100% !important;} .seolbtn { position: absolute !important; top: 559% !important; bottom: 0px !important; bottom: 0% !important; left: 0% !important; margin-left: 0px !important; font-family: Arial !important; font-size: 22px; font-weight: bold !important; } } @media only screen and (max-width :603px) { .iso{float:none;} .ptls span {margin: 1.9% 2% 1% 2%;} .scoclncls{padding: 1% 0 1% 8%; width:43%; } .scoclnclsml{padding:1% 0 1% 7%;} .areas {margin-top: -56px;} .onlinepaymenticon {margin: 0 0 10% 0; } .onlinepaymenticon img{max-width:300px;} .mr { width: 33%;} .mapimg{width: 100%; margin:2% 0;} .lstcrm { padding-left: 16%; font-size: 1.9em;} .newsmail input[type="text"]{width:100%; margin-top:3px;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 550px) { .container1 { width: 96%;} .mr{width:100%;} .newsmail input[type="text"] { width: 100% !important; border: solid 1px #fff; border-radius: 10px;} .newsmail input[type="submit"]{border-radius:10px;} #swiffycontainer { height: 234px !important;} .flinks a:link, .flinks a:visited { padding: 0.1% 2% 0.1% 3%;margin: 1% 2%;} .abt{width:90%;} .services_pageheadr h1 { font-size: 1.9em;} .seo-mainhederbg { background-position: 0px -83px;} .phone-icon { background-position: 16% 9px; padding: 11px 0px 0px 25%; font-size: 1.8em; margin:3% 0 2% 0;} } @media only screen and (max-width : 480px) { .scoclncls { padding: 2% 0 1% 15%; width: 90%;} .scoclnclsml {padding: 2% 0 1% 15%; width: 90%; } .lstcrm {padding-left: 22%;} .lstcrm span{float:none;} .newsmail input[type="text"] {width: 60%;margin-top: 0px;} .newsmail img{float:left;} .seo_servicesmtr h1{margin-top: 377px;} .phone-icon {background-position: 0px 3px; float: left; padding: 0px 0px 0px 23%; font-family: 'Francois One', sans-serif; font-size: 34px; margin: 11% 0 0 0;background-scroll: 10px;} .mr_girl{display:none;} .body_left {width: 100%;} .body_right {width: 100%;} .body_right_mian {width: 100%;} .body_right_bg{width:100%} .right_mian_tittle {width: 100%;} .right_mian_link {width: 100%;} .right_mian_link ul li{width: 100%;} .right_mian_botton{width:100%; margin-left: 38px;} .videoframe { background: url("../img/videoframe.png"); background-repeat: no-repeat; height: 190px !important; background-size: 95%; margin: 1% 0%;} .videoframe iframe { width: 83.8% !important; height: 69% !important; margin-right: 19px; float: left; padding-left: 10.2% !important; padding-top: 3.7%;} .card-feature-bg {width: 100%;float: left;margin: 1%;} .maintop .col-lg-3{width:100%; } .button, .schedule-demo__button{width:60%;} .cml{ width: 100%; margin-bottom: 1%; float: left;} #swiffycontainer { height: 198px !important;} .left{background-image:none;} .right{background-image:none;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 360px) {.mrs a { width: 30% !important;} .container1{width: 95%;} #swiffycontainer{height: 136px !important;} .scoclnclsml { padding: 2% 0 3% 15%; font-size: 0.8em;} .lastlogo img{width:60%} .scoinfo li{ background-position: 0px 8px; padding-left: 7%;} } @media only screen and (max-width : 360px){ #swiffycontainer { height: 137px !important;} } /*Quote from */ .quotefrom{background-color:#fff; border:solid 1px #9c9c9c; border-radius:5px; padding-bottom:2%;} .quote-header{ padding:1%; width:100%; text-align:center; font-family:'Noto Sans', sans-serif; font-size:30px; text-shadow:0px 1px 1px #fff; border-bottom:dashed 1px #9c9c9c; margin-bottom:1%; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border-radius:5px 5px 0 0; } .quotefrom p{font-size:20px; font-family:'Noto Sans', sans-serif; float:left;} .quotefrom input[type="text"]{width:100%; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ border-radius:5px; border:solid 1px #d9d9d9; outline:none; padding:5px 5px 5px 30px; margin-bottom:2%; } .glb{background-image:url(../img/glb.png) !important; background-repeat:no-repeat !important; background-position:8px 9px !important;} .adrs{background-image:url(../img/adrs.png) !important; background-repeat:no-repeat !important; background-position:8px 9px !important;} .emovesubmit{margin:1% 0; cursor:pointer;} div#popupContact {position:absolute;left:50%;top:30%;margin-left:-202px; z-index: 999;font-family:'Raleway',sans-serif;box-shadow: 0px 21px 29px 0px #ccc; background-color: #fff;padding-bottom: 5% !important; border-radius: 5px 5px 0 0; width:44%;} div#popupContact form {max-width:520px;min-width:250px;border-radius:10px;font-family:raleway; } div#popupContact p {margin-top:30px;width: 50%;float: left; margin-bottom: 30px;} div#popupContact h2 {padding:20px 35px;margin:-10px -50px;text-align:center;border-radius:10px 10px 0 0; color: #fff;text-shadow: 0px 5px 9px;} div#popupContact hr {margin:10px -50px;border:0;border-top:1px solid #ccc;} div#popupContact input[type=text] {width:82%;padding:10px;font-size:16px;font-family:raleway; border: solid 1px #066097;outline: none;border-radius: 5px;} div#popupContact input[type=password] {width: 82%;padding: 10px;font-size: 16px;font-family: raleway;border: solid 1px #066097;outline: none;border-radius: 5px;} div#popupContact #name {background-image:url(../images/name.jpg);background-repeat:no-repeat;background-position:5px 7px;} div#popupContact #email {background-image:url(../images/email.png);background-repeat:no-repeat;background-position:5px 7px;} div#popupContact textarea {background-image:url(../images/msg.png);background-repeat:no-repeat;background-position:5px 7px;width:82%;height:95px; padding:10px;resize:none;font-size:16px;font-family:raleway;margin-bottom:30px; border: solid 1px #066097;outline: none;border-radius: 5px;} div#popupContact input[type=submit] { border-radius: 5px; background-color: #EDF1F3; border: 1px solid #3AA1E0; margin-top: 2%; font-size: 25px; color: #D12727; text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(255, 255, 255, 0.27); margin-bottom: 2%;} div#popupContact span {display: block;float: left;padding: 1% 2%; width: 96%; margin: 2% 2% 0% 2%; text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px;text-shadow: 0px 1px 2px #000;color: #D12727;;} div#popupContact a {width:10%;height:45px;border-radius:3px;color:#fff;font-family:'Raleway',sans-serif;font-size:18px;padding-left: 89%; cursor:pointer;position: absolute; left: 53px; top: -12px;} #popupContact label { background: rgb(206, 224, 236) none repeat scroll 0% 0%; width: 90%; } #abc {width:100%;height:100%;opacity:.95; z-index:99;top:0;left:0;display:none;position:fixed;background-color:#313131;overflow:auto} .web_servciemeter ul li { text-align: justify; margin: 1% 0; line-height: 28px; font-size: 20px; } div#popupContact2{ position:absolute;left:50%; top:10%; z-index: 999;font-family:'Raleway',sans-serif; border-radius:15px;width:740px; background-color:#003a70; margin-left:-370px;} div#popupContact2 form {} div#popupContact2 p {width:85%;float: left; padding:2%; float: none; margin: 0px auto; margin-bottom: 2%; } div#popupContact2 h2 {padding:20px 35px;margin:-10px -50px;text-align:center;border-radius:10px 10px 0 0; color: #fff;text-shadow: 0px 5px 9px;} .forgotp{float:right; font-size:11px; color:#fff; margin:-1.5% 8% 3% 0%;} .login_user{background-image:url(../img/login_user.jpg); background-repeat:no-repeat;background-position: 96% 10px;border: none;} .password_user{background-image:url(../img/password_user.jpg); background-repeat:no-repeat;background-position: 94.8% 10px;border: none;} .lgncls{position:absolute; right:0px; top:0px; cursor:pointer; z-index:9;} .buttonslgs{background-color: rgba(0,0,0,0.50);padding: 0% 0;width: 40%;border-radius: 10px;margin: 4% 0%;} .buttonslgs a{padding:6%;} .hvr-bounce-to-right:before { background: #000 !important;} .hvr-bounce-to-left:before { background: #000 !important;} div#popupContact2 hr {margin:10px -50px;border:0;border-top:1px solid #ccc;} div#popupContact2 input[type=text]{width:70%; padding: 7px 5px; outline: none; } div#popupContact2 input[type=password] {width:70%; padding: 7px 5px; outline: none;} div#popupContact2 #name {background-image:url(../images/name.jpg);background-repeat:no-repeat;background-position:5px 7px;} div#popupContact2 #email {background-image:url(../images/email.png);background-repeat:no-repeat;background-position:5px 7px;} div#popupContact2 textarea {background-image:url(../images/msg.png);background-repeat:no-repeat;background-position:5px 7px;width:82%;height:95px; padding:10px;resize:none;font-size:16px;font-family:raleway;margin-bottom:30px; border: solid 1px #066097;outline: none;border-radius: 5px;} div#popupContact2 input[type=submit] {border-radius: 5px;background-color: #EDF1F3;border: 1px solid #3AA1E0;margin-top: 2%;font-size: 25px; color:#000;text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(255, 255, 255, 0.27);margin-bottom: 3%; padding:1% 1%; margin-left: 154px;} div#popupContact2 span{float:left; padding:1% 2%; width:30%; margin:0% 0% 0% 0%; text-align:left; font-size:1.4em;} font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold;} div#popupContact2 a {width:10%;height:45px;border-radius:3px;color:#fff;font-family:'Raleway',sans-serif; font-size:18px;padding-left: 89%;cursor:pointer;position: absolute;left: 53px;top: -12px;} div#popupContact1{ position:absolute;left:50%; top:10%; z-index: 999;font-family:'Raleway',sans-serif; border-radius:15px;width:740px; background-color:#003a70; margin-left:-370px;} div#popupContact1 form {} div#popupContact1 p {width:85%;float: left; padding:2%; float: none; margin: 0px auto; margin-bottom: 2%; } div#popupContact1 h2 {padding:20px 35px;margin:-10px -50px;text-align:center;border-radius:10px 10px 0 0; color: #fff;text-shadow: 0px 5px 9px;} .forgotp{float:right; font-size:11px; color:#fff; margin:-1.5% 8% 3% 0%;} .login_user{background-image:url(../img/login_user.jpg); background-repeat:no-repeat;background-position: 96% 10px;border: none;} .password_user{background-image:url(../img/password_user.jpg); background-repeat:no-repeat;background-position: 94.8% 10px;border: none;} .lgncls{position:absolute; right:0px; top:0px; cursor:pointer;} .buttonslgs{background-color: rgba(0,0,0,0.50);padding: 0% 0;width: 40%;border-radius: 10px;margin: 4% 0%;} .buttonslgs a{padding:6%;} .hvr-bounce-to-right:before { background: #000 !important;} .hvr-bounce-to-left:before { background: #000 !important;} div#popupContact1 hr {margin:10px -50px;border:0;border-top:1px solid #ccc;} div#popupContact1 input[type=text]{width:70%; padding: 7px 5px; outline: none; } div#popupContact1 input[type=password] {width:70%; padding: 7px 5px; outline: none;} div#popupContact1 #name {background-image:url(../images/name.jpg);background-repeat:no-repeat;background-position:5px 7px;} div#popupContact1 #email {background-image:url(../images/email.png);background-repeat:no-repeat;background-position:5px 7px;} div#popupContact1 textarea {background-image:url(../images/msg.png);background-repeat:no-repeat;background-position:5px 7px;width:82%;height:95px; padding:10px;resize:none;font-size:16px;font-family:raleway;margin-bottom:30px; border: solid 1px #066097;outline: none;border-radius: 5px;} div#popupContact1 input[type=submit] {width: 30%;border-radius: 5px;background-color: #EDF1F3;border: 1px solid #3AA1E0;margin-top: 2%;font-size: 25px; color:#000;text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(255, 255, 255, 0.27);margin-bottom: 2%; padding:1% 1%;} div#popupContact1 span{float:left; padding:1% 2%; width:30%; margin:0% 0% 0% 0%; text-align:left; font-size:1.4em;} font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold;} div#popupContact1 a {width:10%;height:45px;border-radius:3px;color:#fff;font-family:'Raleway',sans-serif; font-size:18px;padding-left: 89%;cursor:pointer;position: absolute;left: 53px;top: -12px;} #abc1{width:100%;height:100%;z-index:99;top:0;left:0;display:none;position:fixed;background-color:rgba(49,49,49,0.8);overflow:auto} .desk-menu{font-family:'Noto Sans', sans-serif !important;} .header nav ul li:hover .nav-drop{text-align:left; color:#fff; font-family:Arial, Helvetica, sans-serif;} .newSectionOuter .nav-drop-inner {width: 100%; float: left; display: inline-flex;} #abc{position:Absolute; top:0%; left:0%; width:100%; height:100%; z-index:99; position:fixed; background: RGBA(0, 0, 0, 0.83); float:left; display:block; padding-top:12%;} .our_pro>marquee{font-family: Tahoma;font-size: 13px;color: #227ab8;text-shadow: 0px 1px 1px #fff; padding-top:12%;} .packagetext p{font-size: 20px;} .career h2{ffont-size: 37px;color: rgb(0, 0, 0);font-weight: bold;} .career p{font-size: 20px;} .fa-wordpress{ -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 3s; transition-duration: 3s;} .fa-wordpress:hover{ -webkit-transform: rotate(720deg); transform: rotate(720deg);} .fa-shopping-cart{-webkit-transition-duration: 3s; /* Safari */ transition-duration: 3s; -webkit-transform: translateZ(0); transform: translateZ(0);} .fa-shopping-cart:hover{ -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} /*================== Manish css Effects ==============*/ .mrs a{width:154px;/* height:109px; */background-color:transparent;float:left;margin:1.9% 0.5% 0 0.5%;/* background-image:url(../img/pb1.jpg); */text-align:center;font-size:19px;padding:1% 0;cursor:pointer;background: #fff;border: 1px solid #9c9c9c;border-bottom: none;border-radius: 8px 8px 0px 0px;} /*.mrs a:hover {content:""; background-image:url(../img/pb2.jpg); color:#ed3237;}*/ .mrs p{background:none !important; width: inherit; height:inherit; margin-top: 53px; font-size: 13px; color: #000;} .mrs a:before{width:100%;width: 99%; text-align: center; float: left; font-size:50px; float: none; left: 0px; margin: 0px auto; top: 0px; color: #1086B9;} .hvr-icon-spin:before { content:"\f19a" !important; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-wobble-horizontal:before{content:"\f07a" !important;} .hvr-icon-float:before{content:"\f109" !important;} .jomla:before{content:"\f1aa" !important;} .phone:before{content:"\f10b" !important;} /*=============== Manish 13-feb====*/ .brand-logo img{ -webkit-transition: all 2s ease;} .brand-logo img:hover{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} /*.img img{ filter: grayscale(100%);-webkit-filter: grayscale(100%); -webkit-transition: all 1s ease; } .img img:hover{ filter: grayscale(0%);filter: gray; -webkit-filter: grayscale(0%);filter: none;transition: 1s ease;}*/ .ih-item.circle { position: relative; width: inherit !important; height:inherit !important; border-radius: 50%; } .ih-item img { width:inherit !important; height:inherit !important; margin:0% 0; width: 128px !important; margin-left:0px; margin-top: 1px;} .ih-item.circle.effect1 .img:first-child{left:1px !important; background:red; } .ih-item.circle.effect1 .img { position: absolute; top: 10px; bottom: 0; left: 11px !important; right: 0; width: auto; height: auto;} .ih-item.circle.effect1 .spinner {position: relative;z-index: 1;width:150px !important; height:150px !important; border: 10px solid #1086B9 !important; border-right-color: #2AC4F4 !important; border-bottom-color: #2AC4F4 !important; border-radius: 50%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} .plan{background: url(../srvcimg/planning-and-strategy.jpg);background-repeat: no-repeat;background-position: 48% -1px;} .desd{background: url(../srvcimg/design-&-Develop.jpg);background-repeat: no-repeat;background-position: 48% -1px;} .testd{background: url(../srvcimg/test-&-deliver.jpg);background-repeat: no-repeat;background-position: 48% -1px;} .seo1{background: url(../img/seo.png);background-repeat: no-repeat;height: 108px;background-size: 100%;} .smo{background: url(../img/SMO.png);background-repeat: no-repeat;height: 108px;background-size: 100%;} .ppc{background: url(../img/pppc.png);background-repeat: no-repeat;height: 108px;background-size: 100%;} /*================== jyoti web slider start ==============*/ .jssort04 { position: absolute; / size of thumbnail navigator container / width: 600px; height: 60px; } .jssort04 .p { position: absolute; top: 0; left: 0; width: 62px; height: 32px; } .jssort04 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .jssort04 .w, .jssort04 .pav:hover .w { position: absolute; width: 60px; height: 30px; border: #0099FF 1px solid; box-sizing: content-box; } .jssort04 .pdn .w, .jssort04 .pav .w { border-style: dashed; } .jssort04 .c { position: absolute; top: 0; left: 0; width: 62px; height: 32px; background-color: #000; filter: alpha(opacity=45); opacity: .45; transition: opacity .6s; -moz-transition: opacity .6s; -webkit-transition: opacity .6s; -o-transition: opacity .6s; } .jssort04 .p:hover .c, .jssort04 .pav .c { filter: alpha(opacity=0); opacity: 0; } .jssort04 .p:hover .c { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } * html .jssort04 .w { width /**/: 62px; height /**/: 32px; } / jssor slider arrow navigator skin 07 css / /* .jssora07l (normal) .jssora07r (normal) .jssora07l:hover (normal mouseover) .jssora07r:hover (normal mouseover) .jssora07l.jssora07ldn (mousedown) .jssora07r.jssora07rdn (mousedown) */ .jssora07l, .jssora07r { display: block; position: absolute; / size of arrow element / width: 50px; height: 50px; cursor: pointer; background: url(../img/a07.png) no-repeat; overflow: hidden; } .jssora07l { background-position: -5px -35px; } .jssora07r { background-position: -65px -35px; } .jssora07l:hover { background-position: -125px -35px; } .jssora07r:hover { background-position: -185px -35px; } .jssora07l.jssora07ldn { background-position: -245px -35px; } .jssora07r.jssora07rdn { background-position: -305px -35px; } /*================== jyoti web slider end ==============*/ .teamnew img{width:32%;} .teamnew1 img{padding-left:22px; width: 176px;} .videoframe{ background: url("../img/videoframe.png"); background-repeat: no-repeat; height: 345px; background-size: 95%; margin: 1% 0%; overflow: hidden; /*padding: 22px 0 0 94px;*/ } .videoframe iframe {width: 81.8%; height: 81.7%; margin-right: 19px; float: left; padding-left: 12.2%; padding-top: 2.8%;} .videoframe video{ height: 234px; float: left; width: 415px; min-height: 259px; background: #000;} .sernew h3{color: rgb(0, 0, 0);font-size: 26px;} .sernew p{color: rgb(0, 0, 0);font-size:15px;} .sernew1{margin-top:60px;} .sernew h5{text-align:center; padding-left:19%; } /*=== Jyoti Career Manish===============*/ .careernew h2{color: rgb(255, 255, 255);font-size: 54px; border-bottom:dashed 1px #fff; padding-bottom:1%; text-shadow:0px 1px 2px #000} .careernew p{text-align: left;font-size: 18px; font-weight:bold; mmargin: 2% 0%;} .careernew1 input[type="text"]{width:48%; height:45px; padding:1%; font-size:15px; letter-spacing:1px; color: rgb(0, 0, 0);font-weight: bold;margin: 1%;float: left;} .careernew1 input[type="email"]{width:98%; height:45px; padding:1%; font-size:15px; letter-spacing:1px; color: rgb(0, 0, 0);font-weight: bold;margin: 1%;float: left;} .careernew1 input[type="file"]{color: rgb(0, 0, 0);font-weight: bold;margin: 1%;float: left;background: #fff; float: left; width: 98%; margin-bottom: 2%; padding:1%;} .jobq{width:98% !important; height:150px !important;} .careernew1 textarea{width:98%; float:left; margin-left:1%; min-height:100px; margin-bottom:2%;} .ccss{padding-top:8%; color:#fff; } .spmrg{float:left; margin-right:2%; font-weight:bold; width:100px;} .disbl{float:left; width:70%;} .careernew p img{margin:0 2%;} /*.blue_bgg{background:url(../img/mapblue.png); background-repeat:no-repeat; background-position:50% 110%;}*/ .mapnew{width:100%;} .mapnew iframe{width:100% !important; header:415px !important;} /*============== MAnish Btn Animation ==========*/ .a-btn{ background: linear-gradient(top, #80a9da 0%,#6f97c5 100%); padding-left: 20px; padding-right: 80px; height: 38px; display: inline-block; position: relative; border: 1px solid #5d81ab; box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5); border-radius: 20px; float: left; clear: both; margin: 10px 0px; overflow: hidden; transition: all 0.3s linear; background-color: #088BDB; color: #fff;} .a-btn-text{ padding-top: 9px; display: block; font-size: 14px; white-space: nowrap; text-shadow: 0px 1px 1px rgba(255,255,255,0.3); /*color: #446388;*/ transition: all 0.2s linear;} .a-btn-slide-text{ position:absolute; height: 100%; top: 0px; right:-10px; width: 0px; background: #63707e; text-shadow: 0px -1px 1px #363f49; color: #fff; font-size: 18px; white-space: nowrap; text-transform: uppercase; text-align: left; text-indent: 10px; overflow: hidden; line-height: 38px; box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; transition: width 0.3s linear; width:1px;} .a-btn-icon-right{ position: absolute; right: 0px; top: 0px; height: 100%; width: 52px; border-left: 1px solid #5d81ab; box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;} .a-btn-icon-right span{ width: 38px; height: 38px; opacity: 0.7; position: absolute; left: 50%; top: 50%; margin: -20px 0px 0px -20px; background: transparent url(../images/arrow_right.png) no-repeat 50% 55%; transition: all 0.3s linear;} .a-btn:hover{ padding-right:85px; box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);} .a-btn:hover .a-btn-text{ text-shadow: 0px 1px 1px #5d81ab; color: #fff;} .a-btn:hover .a-btn-slide-text{width:60px;} .a-btn:hover .a-btn-icon-right span{ opacity: 1;} .a-btn:active { position: relative; top: 1px; background: #5d81ab; box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset; border-color: #80a9da;} .r-btn{ background: linear-gradient(top, #80a9da 0%,#6f97c5 100%); padding-left: 70px; padding-right: 30px; height: 38px; display: inline-block; position: relative; border: 1px solid #5d81ab; box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5); border-radius: 20px; float: left; clear: both; margin: 10px 0px; overflow: hidden; transition: all 0.3s linear; background-color: #088BDB; color: #fff;} .r-btn-text{ padding-top: 9px; display: block; font-size: 14px; white-space: nowrap; text-shadow: 0px 1px 1px rgba(255,255,255,0.3); /*color: #446388;*/ transition: all 0.2s linear;} .r-btn-slide-text{ position:absolute; height: 100%; top: 0px; left:-1px; width: 0px; background: #63707e; text-shadow: 0px -1px 1px #363f49; color: #fff; font-size: 18px; white-space: nowrap; text-transform: uppercase; text-align: left; text-indent: 10px; overflow: hidden; line-height: 38px; box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; transition: width 0.3s linear; width:1px;} .r-btn-icon-right{ position: absolute; right: 0px; left:51px; top: 0px; height: 100%; width: 52px; border-left: 1px solid #5d81ab; box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;} .r-btn-icon-right span{ width: 38px; height: 38px; opacity: 0.7; position: absolute; left: 50%; top: 50%; margin: -20px 0px 0px -20px; background: transparent url(../images/arrow_right.png) no-repeat 50% 55%; transition: all 0.3s linear;} .r-btn:hover{ padding-right:35px; padding-left:68px; box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);} .r-btn:hover .r-btn-text{ text-shadow: 0px 1px 1px #5d81ab; color: #fff;} .r-btn:hover .r-btn-slide-text{width:53px;} .r-btn:hover .r-btn-icon-right span{ opacity: 1;} .r-btn:active { position: relative; top: 1px; background: #5d81ab; box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset; border-color: #80a9da;} .mron{ background-color:#a48a99;} .lgren{background-color:#23bdb9;} .red{background-color:#fa666a;} .laptopframe{ background: url("../images/laptop.png"); background-repeat: no-repeat; height:331px; margin: 1% 0%; background-size: auto; background-position: 50% 0px;} .laptopframe iframe{ width: 57.8%; margin-left: 21%; float: left; margin-top: 3.1%; min-height: 197px;} .frm-hms { background-color: #ed3237; -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration:3s; /* Chrome, Safari, Opera */ animation-name: example; animation-duration:3s; animation-iteration-count: infinite;} /* Chrome, Safari, Opera */ @-webkit-keyframes example { from {background-color: #ed3237;} to {background-color: #cb151a;}} /* Standard syntax */ @keyframes example { from {background-color: #ed3237;} to {background-color: #cb151a;}} .topnav{background-color:#323232; width:100%; padding:1% 0;} .topnav:after {content:"";width: 116px;height: 57px;position: absolute;/* background: red; bottom: -70px;*/background-image: url(../img/top-aero.png); left: 0; right: 0; margin: 0px auto;} .mnav{font-family:Abel; font-size:22px; color:#fff;} .mnav a:link,.mnav a:visited{color:#fff; padding: 4% 3%; display: -webkit-inline-box; text-decoration:none;} .mnav a:hover,.mnav a:active{color:#00AFEF;} .mnav a:after {content: "/"; position: absolute; margin-left: 2%; color: #9c9c9c;} .mnav a:last-child:after{display:none;} .mainhomebg{background:url(../img/home-bg.jpg) no-repeat fixed; background-size:100%; min-height:727px; padding:5% 0;} .homesrvcbg div{background-image:url(../img/home-srvcbg.png); background-repeat:no-repeat; width:255px; height:294px;display:-webkit-inline-box; margin: 0.1%; display: inline-block; padding:30px 1% 1% 1%; text-shadow: 0px 1px 1px #fff;} .posr{margin-top: -4.2% !important; } .homesrvcbg i{font-size:4em; display: inline; left: 10%; cursor: pointer;} .homesrvcbg h3{font-size:28px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#4a4a4a;} .homesrvcbg p{color:#657175; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:17px;} .fa-php:before{content:""; background-image:url(../img/php.png) !important; width:54px; height:56px; } .fa-app:before{content:""; background-image:url(../img/app.png) !important; width:42px; height:56px; } .footerouter{background-color:#242424; width:100%; padding:1% 0; min-height:114px; border-bottom:solid 1px #434343;} .ffollow i{border-radius:50%;border: solid 2px #fff;color:#fff;min-width: 58px;min-height: 50px;text-align: center;font-size: 2em;padding: 1% 0% 1% 0%;margin: .5%; cursor:pointer} .ffollow i:hover{color:#00AFEF;} .footerouterlast{background-color:#242424; width:100%; padding:1% 0; color:#fff; } /*========== Seo Maish =====*/ .seohead{background:url(../img/seo-headbg.jpg) ; width:100%; min-height:385px; background-size:100%; margin-top:1px;} .seosrvcin div{width:211px; height:163px; display:inline-block; margin:3% 2%; border-radius:10px; cursor:pointer; padding:10px;} .seosrvcin div:hover{background-color:rgba(0, 0, 0, 0.38);} .seosrvcin h2{font-size:28px; font-family:Abel; color:#fff; text-shadow:0px 2px 3px #000; } .scorslt{padding: 19px 10px 12px 8px; background-image:url(../img/screen.png); width:428px !important; height:340px; margin: 5% 0px 0px 7%;} .request-a-quote{position: absolute;left:0; margin:0px auto;bottom:-14%;left:50%;cursor:text; margin-left: -306px; width:613px; height: 117px; background:#fff; padding-top:10px; border: solid 8px #125282; background-image:url(../img/loking-donmain.jpg); background-repeat:no-repeat; background-position:15px; padding-right:15px;} .request-a-quote button{float:right; margin:3%; font-family:Abel; font-size:23px; text-shadow:0px 1px 2px #fff; color:#000; margin-top:5%;} .request-a-quote button:hover{text-shadow:0px 1px 2px #000; color:#fff;} .seomainimg{width:100%; background-image:url(../img/mainimgbg.png); background-position:0% 100%; background-repeat:repeat-x; padding:5% 0;} .seomainimg img{width:100%;} .bluestrip{background-color:#125282; width:100%; padding-bottom:2%;} .bto h2{font-size:35px; font-family:abel; position:relative; color:#fff; margin:4% 0; float:none;} .bto h2:before{content:"";position:absolute;left: -10%;top: -150%;background-image:url(../img/box-shadow.png);width:255px;height:162px;} .bto h2:after{content:"";position:absolute;right: -10%;top: -150%;background-image:url(../img/box-shadowryt.png);width:255px;height:162px; } .blueleft{text-align:left; color:#fff; padding-left:80px;} .blueleft h2{font-family:; font-size:31px; color:#fff; text-shadow:0px 2px 4px #000; } .blueleft h2:before{content:""; position:absolute; left:-2%; top:0px; background-image:url(../img/blgreen.png); width:81px; height:78px; } .blueleft p{font-family:Calibri; font-size:15px; } .blueleft h3{font-size:18px; font-family:Calibri; position:relative;margin:5% 0; color:#fff;} .blueleft h3:before{content:"";position:absolute;left: -17%;top: -14px;background-image:url(../img/checkgreen.png);width:67px;height:46px;margin: 0%;} .blueryt{text-align:left; color:#fff; padding-left:80px;} .blueryt h2{font-family:Calibri; font-size:30px; color:#fff; text-shadow:0px 2px 4px #000; } .blueryt h2:before{content:""; position:absolute; left:-2%; top:0px; background-image:url(../img/book.png); width:81px; height:83px; } .blueryt p{font-family:Calibri; font-size:15px; } .blueryt h3{font-size:18px; font-family:Calibri; position:relative;margin:5% 0; color:#fff;} .blueryt h3:before{content:"";position:absolute;left: -17%;top: -14px;background-image:url(../img/checkred.png);width:67px;height:46px;margin: 0%;} .mrs h2{ text-align: left; color: #000; font-family: roboto slab;} .contentarea{background-color:#e6e6e6; margin:5% 0 0 0; padding:2% 0;margin-bottom: 3%;} .contentarea h2{background-image: url(../img/stripbg.png);width:100%;padding: 2% 4%;text-align: left;color: #fff;font-size: 24px; background-repeat: repeat-y;} .contentarea img{margin-top: 15%;} .cmargin{ margin-bottom: 5%;} .contentarea p{text-align:left; color:#657175; font-family:calibri; font-size:15px;} .seoupcol{background-image:url(../img/seo-lbg.jpg);width:100%;min-height:385px;padding: 0% 0% 6% 0%;margin-bottom: 72px;} .seoupcol:before {content:"";width:161px;height:80px;position: absolute;/* background: red; bottom: -70px;*/background-image: url(../img/grey-aero.png); left: 0; right: 0; margin: 0px auto;} .seoupcol h1{font-family:Abel; font-size:34px; color:#fff; margin:7% 0 2% 0; text-shadow:0px 1px 1px #000; } .seoupcol h3{ color: #fff;font-family: Abel;} /*.seolastt div{width:200px; height:200px; background-image:url(../img/seo-lbg.jpg); border-radius:100px; border:solid 5px #fff; text-align:center; display:inline-block; color:#fff; margin:2%; padding:20px 0 0 0; } */ .seolastt span{color:#fff; font-family:abel; text-shadow:0px 1px 2px #000;} .seolastt h2{font-size:39px; margin:0px; color: #fff;} .seolastt h3{font-size:25px; margin:0px;} .seolastt>div>span i{cursor:pointer;} .seolastt>div>span em{cursor:pointer;} .fa-csuport:before{content:"";background-image:url(../img/f1.png) !important;width:156px;height:150px;left: -63px;right: 0;top: 0; } .fa-book:before{content:"";background-image:url(../img/f2.png) !important;width:156px;height:150px;left: -63px;right: 0;top: 0; } .fa-testi:before{content:"";background-image:url(../img/f3.png) !important;width:156px;height:150px;left: -63px;right: 0;top: 13px; } .fa-globe:before{content:"";background-image:url(../img/f4.png) !important;width:156px;height:150px;left: -63px;right: 0;top: 0; } .seolbtn{position: absolute;bottom: 0px;left: 50%;bottom:-21%;left: 50%;margin-left: -147px;font-family:Arial !important;font-size: 22px;font-weight: bold !important;} .seolbtn button{font-size:1.5em; width:294px; height:65px; border-radius:0px;} .seolbtn button:befor{ background-image:url(../img/l-shadow.png); width:22px; height:62px; position:absolute; left:1px; top:1px; content:"";} .seolbtn .btn-warning:before{background-image: url(../img/l-shadow.png); width:22px; height:62px; position:absolute;left: -22px;top: -7px;content:"";} .seolbtn .btn-warning:after{background-image: url(../img/r-shadow.png); width:22px; height:62px; position:absolute;right: -22px;top: -7px;content:"";} .fa-testi { margin-right: -10%;top: -10%;} /*Medium Devices, Desktops */ @media only screen and (max-width:1200px){.posr{margin:0px !important; } .blueleft h3:before{left:-10%;} .blueryt h3:before{left:-10%;} .request-a-quote{bottom:-9%;} .seolastt span { width: 50%; float: left;} } @media only screen and (max-width:966px){ .seoupcol h1{margin-top:13%;} @media only screen and (max-width:800px){ .bto h2:after{min-width:100px; display:none;} .bto h2:before{min-width:100px; display:none;} } @media only screen and (max-width:800px){ .blueleft h3:before{left: -85px;} .blueryt h3:before{left: -85px;} .seoupcol h1{margin-top:10%;}} @media only screen and (max-width:640px){ .seoupcol h1{margin-top:30% !important;} .seosrvcin{margin-top:10%;} .scorslt { padding: 11px 10px 12px 8px !important; background-image: url(../img/screen.png); width: 318px !important; height: 253px !important; margin: 0% 0px 0px 0% !important; background-size: 100% !important; } .seolbtn button { margin-top: -70% !important; width: 100%; } .btn-warning::before{display:none;} .btn-warning::after{display:none;} } @media only screen and (max-width:550px){ .request-a-quote{bottom:-9%;width: 95%;left: 61%;min-height: 170px;background-position: 50% 89%; left:3%; margin-left:0px;} .bluestrip {padding-bottom:23% !important; margin-bottom: 10%;} } @media only screen and (max-width:480px){ .seolastt span{width:100%;}.scorslt img{width:100%;}.seoupcol h1{margin-top:20%;} .scorslt { padding: 11px 10px 12px 8px !important; background-image: url(../img/screen.png); width: 258px !important; height: 206px !important; margin: 0% 0px 0px 0% !important; background-size: 100% !important; } div#popupContact2 span { width: 100%; text-align: center; } div#popupContact2 { position: absolute; left: 7%; top: 10%; z-index: 999; font-family: 'Raleway',sans-serif; border-radius: 15px; width: 87%; background-color: #003a70; margin-left: 0px; } div#popupContact2 input[type="submit"] {margin-left:0px;} .hrt { float:none !important;text-align:center !important ;padding: 0px !important;margin: 0px !important; } .clicn{float:none !important; text-align:center !important;padding: 0px !important;margin: 0px !important;} .jyt{float: left !important; padding-left: 18% !important;} .cml{float:none !important; text-align:center!important;} .portals{float: none !important;} .hvr-icon-push::before { padding: 5px 26px !important;} .seolbtn button{margin-top: 34% !important;margin-left: 0px !important;} .btn-warning::before{display:none;} .btn-warning::after{display:none;} } @media only screen and (max-width:360px){ .request-a-quote{background-size: 95%;} .bluestrip{padding-bottom:28% !important;margin-bottom: 20%;} .contentarea h2{font-size:1.5em;} .contentarea img{width:90%;} .btn-warning::before{display:none;} .btn-warning::after{display:none;} } @media only screen and (max-width:320px){ .seolbtn button { margin-top: -102% !important; width: 100%; margin-left: 0px !important; } .btn-warning::before{display:none;} .btn-warning::after{display:none;} .request-a-quote { left: 0%; margin-left: 0px; width: 100%; height: 117px;} } @media only screen and (max-width:568px){ .seolbtn button { margin-top: -194%;margin-left: 53%; width: 100%;} .btn-warning::before{display:none;} .btn-warning::after{display:none;} .request-a-quote { left: 0%; margin-left: 0px; width: 100%; height: 117px;} .fill{top:0px;left:0px;margin-left:0px;width:100%} .remove{display:none;} .btn-quote{margin-bottom:2%;} }