W3C CSS Validator results for https://www.imageonline.co.in/include/inc_css/imageonline.css (CSS level 3)

Sorry! We found the following errors (136)

URI : https://www.imageonline.co.in/error-404.html

27 a:focus -webkit-focus-ring-color is not a width value : -webkit-focus-ring-color auto 5px -webkit-focus-ring-color auto 5px
27 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
27 Unknown pseudo-element or pseudo-class ::-moz-focus-inner [-moz-focus-inner]
27 h1, h2 Property text-rendering doesn't exist : optimizelegibility optimizelegibility
27 input[type="text"]:focus, textarea:focus thin\000009 is not a width value : dotted thin\000009 dotted thin\000009
27 input[type="checkbox"] Value Error : margin-top Unknown dimension 1px\9
27 input[type="checkbox"]:focus -webkit-focus-ring-color is not a width value : -webkit-focus-ring-color auto 5px -webkit-focus-ring-color auto 5px
27 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
27 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
27 input, textarea Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
27 input, textarea Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
27 .btn:focus, .btn:hover Property transition doesn't exist : background-position 0.1s linear background-position 0.1s linear
27 .btn:active Value Error : background-color #ccc\9 is not a valid color 3 or 6 hexadecimals numbers #ccc\9
27 .modal Value Error : border Too many values or values are not recognized : 1px solid rgba(0,0,0,0.3) 1px solid rgba(0,0,0,0.3)
27 .modal.fade Property transition doesn't exist : opacity 0.3s linear,top 0.3s ease-out opacity 0.3s linear,top 0.3s ease-out
27 .carousel-inner > .item Property transition doesn't exist : 0.6s 0.6s
27 .carousel-caption Value Error : background rgba(0,0,0,0.75) is not a background value : rgba(0,0,0,0.75) rgba(0,0,0,0.75)
27 .follow-us Value Error : display flex is not a display value : flex flex
27 Parse Error @media(min-width:1200px){.row{margin-left:-15px}.row:after,.row:before{display:table;line-height:0;content:""}.row:after{clear:both}[class*=span]{float:left;min-height:1px;margin-left:15px}.container,.navbar-static-top .container,.span12{width:1170px}.span9{width:870px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}input,textarea{margin-left:0}}
27 Parse Error @media(min-width:768px) and (max-width:979px){#header-hidden-link a.toggle-link.display-inline-block{padding:10px 14px;font-size:13px}#header-hidden-link button.toggle-link .toggle-link-text{font-size:13px}#header-hidden-link button.toggle-link{padding:10px 14px}.row{margin-left:-20px}.row:after,.row:before{display:table;line-height:0;content:""}.row:after{clear:both}[class*=span]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.span12{width:724px}.span9{width:538px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}input,textarea{margin-left:0}}
27 Parse Error @media(max-width:767px){.blog-section .blog-carousel-part{min-height:860px}body{padding-right:20px;padding-left:20px}.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.container{width:auto}.row{margin-left:0}[class*=span]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;box-sizing:border-box}.span12{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}}
27 Parse Error @media(max-width:480px){input[type=checkbox]{border:1px solid #ccc}.modal{top:10px;right:10px;left:10px}.carousel-caption{position:static}}
27 Parse Error @media(max-width:979px){body{padding-top:0}.navbar .container{width:auto;padding:0}}
27 Parse Error @media(min-width:576px){.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%}.col-sm-5{-ms-flex:0 0 41.67%;flex:0 0 41.67%;max-width:41.67%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-ms-flex:0 0 66.67%;flex:0 0 66.67%;max-width:66.67%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-11{-ms-flex:0 0 91.67%;flex:0 0 91.67%;max-width:91.67%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
27 Parse Error @media(min-width:768px){.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
27 .btn Value Error : padding Unknown dimension .375rem
27 .btn Value Error : padding Unknown dimension .75rem
27 .btn Property transition doesn't exist : color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
27 .nav, .navbar Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
27 .btn:focus Unknown dimension .2rem
27 .btn:focus 0 is not a box-shadow value : 0 0 0 rgba(0,123,255,0.25) 0 0 0 rgba(0,123,255,0.25)
27 Property prefers-reduced-motion doesn't exist for media screen : reduce reduce
27 .btn, .fade Property transition doesn't exist : none none
27 .dropdown-menu Value Error : font-size Unknown dimension 1rem
27 .nav Value Error : display flex is not a display value : flex flex
27 .nav Property flex-wrap doesn't exist : wrap wrap
27 .navbar Value Error : display flex is not a display value : flex flex
27 .navbar Property flex-wrap doesn't exist : wrap wrap
27 .navbar Property align-items doesn't exist : center center
27 .navbar Property justify-content doesn't exist : space-between space-between
27 .navbar Value Error : padding Unknown dimension .5rem
27 .navbar Value Error : padding Unknown dimension 1rem
27 .navbar > .container Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
27 .navbar > .container Value Error : display flex is not a display value : flex flex
27 .navbar > .container Property flex-wrap doesn't exist : wrap wrap
27 .navbar > .container Property align-items doesn't exist : center center
27 .navbar > .container Property justify-content doesn't exist : space-between space-between
27 .modal-body Property flex doesn't exist : 1 1 auto 1 1 auto
27 .animated Property animation-duration doesn't exist : 1s 1s
27 .animated Property animation-fill-mode doesn't exist : both both
27 .dropdown-menu, input[type="text"], textarea Parse Error [empty string]
27 input[type="text"]:focus, textarea:focus thin\000009 is not a width value : dotted thin\000009 dotted thin\000009
27 .btn Value Error : border-color none is not a color value : none none
27 .navbar .nav > li > a:focus, .navbar .nav > li > a:hover Value Error : background-color none is not a background-color value : none none
27 .navbar .nav > li > a:focus, .navbar .nav > li > a:hover Property filter doesn't exist : none none
27 .navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover Property filter doesn't exist : none none
27 .dropdown-menu Property transition doesn't exist : 0.5s 0.5s
27 .dropdown-menu li > a:focus, .dropdown-menu li > a:hover Value Error : background-repeat none is not a background-repeat value : none none
27 .dropdown-menu li > a:focus, .dropdown-menu li > a:hover Property filter doesn't exist : none none
27 .modal Parse Error [empty string]
27 Parse Error @media(min-width:768px){header .navigation{float:right}}
27 .navbar .nav > li > .dropdown-menu:before Value Error : border-bottom-color none is not a color value : none none
27 Parse Error @media(min-width:768px) and (max-width:979px){.navbar .nav,.navbar .nav li a{border:0}}
27 Parse Error @media(max-width:767px){.related-project-slider-section .btn.btn-large{font-size:13px;margin-right:3px;margin-bottom:5px;color:#000;background:transparent;border-radius:0;border:1px solid #18191a;transition:.5s;-webkit-transition:.5s;margin-left:3px;min-width:83px}.related-project-slider-section .btn.btn-large:hover{background:#000;color:#fff}body{padding-right:0;padding-left:0}.navbar-static-top{margin-right:0;margin-left:0}.navbar .nav{margin-top:40px;border-bottom:1px solid #2d2d2d}div nav ul,nav ul li{display:none}.box{border-bottom:1px solid #e9e9e9;padding-bottom:20px}[class*=span],footer .span12,footer .span3,footer .span6{margin-bottom:20px}}
27 Parse Error @media(max-width:480px){header .logo{margin:20px auto 0;text-align:center;float:none}.navbar .nav{margin-top:40px;border-bottom:1px solid #2d2d2d}}
27 .cntr-pt ul li .cntr-l Property transition doesn't exist : 0.5s 0.5s
27 .cntr-pt ul li:hover .cntr-l Property transition doesn't exist : 0.5s 0.5s
27 .cntr-pt ul li:hover .cntr-l Property filter doesn't exist : drop-shadow(4px 4px 2px #b0b0b0) drop-shadow(4px 4px 2px #b0b0b0)
27 .logo-part Property transition doesn't exist : 0.5s 0.5s
27 .m-mn-prt Property transition doesn't exist : 0.5s 0.5s
27 .portfolio-part .portfolio-hover-button a Parse Error [empty string]
27 .portfolio-part .portfolio-hover-button a Property transition doesn't exist : 0.5s 0.5s
27 .m-mn-prt .navbar .nav .dropdown .dropdown-menu 0 is not a box-shadow value : 0 5px 5px #eee 0 5px 5px #eee
27 .m-mn-prt .navbar .nav .dropdown .dropdown-menu li .menu-item-part .menu-itm-prt-lst Value Error : min-height auto is not a min-height value : auto auto
27 .form-tab .close Value Error : font-size Unknown dimension 1.5rem
27 .m-mn-prt .navbar .nav li a Property transition doesn't exist : 0.5s 0.5s
27 .m-mn-prt .navbar 0 is not a box-shadow value : 0 2px 4px #f0f0f0 0 2px 4px #f0f0f0
27 .navbar-part Property transition doesn't exist : 0.5s 0.5s
27 .navbar-part #header-hidden-link a.toggle-link.display-inline-block Property transition doesn't exist : 0.5s 0.5s
27 .call-me-form-horizontal .controls .btn Parse Error [empty string]
27 .form-div1.form-div-1.clear Value Error : width Parse Error - 30px)
27 .blog-section .btn.btn-large Parse Error [empty string]
27 .blog-section .btn.btn-large Property transition doesn't exist : 0.5s 0.5s
27 .ampstart-sidebar ul li a Property backface-visibility doesn't exist : hidden hidden
27 .ampstart-sidebar ul li a Property transition doesn't exist : all 0.25s ease-in 0 all 0.25s ease-in 0
27 .ampstart-sidebar header[aria-expanded="true"]:after, .ampstart-sidebar header[aria-expanded="false"]:after Property transition doesn't exist : 0.5s 0.5s
27 .ampstart-sidebar header[aria-expanded="true"]:after Property transform doesn't exist : rotate(-135deg) rotate(-135deg)
27 .ampstart-sidebar header[aria-expanded="false"]:after Property transform doesn't exist : rotate(-135deg) rotate(-135deg)
27 .nav_toggle span Parse Error [empty string]
27 .nav_toggle Property transition doesn't exist : 0.5s 0.5s
27 .form-tab .ampTabContainer Value Error : display flex is not a display value : flex flex
27 .form-tab .ampTabContainer Property flex-wrap doesn't exist : wrap wrap
27 .form-tab .tabButton Property flex-grow doesn't exist : 1 1
27 .form-tab .tabContent Property order doesn't exist : 1 1
27 .lightbox Value Error : background rgba(0,0,0,0.8) is not a background value : rgba(0,0,0,0.8) rgba(0,0,0,0.8)
27 .lightbox Value Error : display flex is not a display value : flex flex
27 .lightbox Property align-items doesn't exist : center center
27 .lightbox Property justify-content doesn't exist : center center
27 .rule-part Parse Error [empty string]
27 .rule-text Value Error : width Parse Error - 115px)
27 .know-part Value Error : width Parse Error - 72px)
27 .portfolio-part .portfolio-100, .portfolio-part .portfolio-50-1, .portfolio-part .portfolio-50-2 Value Error : display grid is not a display value : grid grid
27 .portfolio-part .portfolio-100 .portfolio-hover, .portfolio-part .portfolio-50-1 .portfolio-hover, .portfolio-part .portfolio-50-2 .portfolio-hover Value Error : width Parse Error - 10px)
27 .portfolio-part .portfolio-100 .portfolio-hover, .portfolio-part .portfolio-50-1 .portfolio-hover, .portfolio-part .portfolio-50-2 .portfolio-hover Property transition doesn't exist : 0.5s 0.5s
27 .portfolio-part .portfolio-100 .portfolio-hover, .portfolio-part .portfolio-50-1 .portfolio-hover, .portfolio-part .portfolio-50-2 .portfolio-hover Value Error : background rgba(255,209,96,0.9) is not a background value : rgba(255,209,96,0.9) rgba(255,209,96,0.9)
27 .portfolio-part .portfolio-100:hover .portfolio-hover, .portfolio-part .portfolio-50-1:hover .portfolio-hover, .portfolio-part .portfolio-50-2:hover .portfolio-hover Value Error : width Parse Error - 10px)
27 .portfolio-part .portfolio-100:hover .portfolio-hover, .portfolio-part .portfolio-50-1:hover .portfolio-hover, .portfolio-part .portfolio-50-2:hover .portfolio-hover Value Error : height Parse Error - 10px)
27 .pb-3, .py-3 Value Error : padding-bottom Unknown dimension 1rem
27 .pt-3, .py-3 Value Error : padding-top Unknown dimension 1rem
27 Parse Error @media(max-width:767px){#header-hidden-link a.toggle-link{padding:6px 10px}#content .span5 img{max-width:300px}.container-fluid{padding-left:0;padding-right:0}.offset-md-2{margin-left:0}#header-hidden-link .toggle-link.display-inline-block{display:none}.inside-list li,.logo-part,.post-portfolio-img,.post-portfolio-part{width:100%}.blog-title,.left-heading{line-height:30px}#sub-footer{background-size:220%}.copyright,.w3c-text{text-align:center}header{z-index:9}.logo-part{margin:0}.m-mn-prt{display:none}header .logo{text-align:left;margin-top:5px}.demo-2{display:block;top:-55px}#header-hidden-link a.toggle-link.portfolio-link,.d-steps{display:none}.services-section{padding-top:30px;padding-bottom:30px}.carousel-bg .item{min-height:180px}.banner-img-panel{margin-top:60px}#featured,#inside-header,.inside-left-heading{margin-top:0}.banner-text-panel{width:230px;top:50px;font-size:15px;line-height:30px}.inside-header-banner{height:130px;background-size:cover}.breadcrumb-section{margin-top:0;position:static}#header-hidden-link a.toggle-link,#header-hidden-link a.top-link{font-size:13px}.common-section{padding-top:20px;padding-bottom:20px}.portfolio-part,.portfolio-part .portfolio-100,.portfolio-part .portfolio-50-1,.portfolio-part .portfolio-50-2{width:100%}.navbar-part{position:relative;transition:.5s;-webkit-transition:.5s}.navbar-part.navbar-part-stick .logo-part{width:100%}.center-heading span{font-size:28px}.rule-1-color,.rule-2-color{margin-bottom:0;padding:40px 20px;float:left;width:100%}.rule-section .container{padding:0}.blt-heading{font-size:22px}.m-steps{display:block}.contact-connect-part{margin-left:0;margin-right:0;width:100%}.contact-connect-text{margin-left:8px;font-size:15px}.content-left-heading{font-size:22px}.testimonial-text{padding-top:20px;padding-left:0}.testimonial-text:before{display:none}.testimonial-logo{text-align:center}.search-div .pagecount select{width:100%;margin-right:0}.inside-left-heading,.left-heading{font-size:22px;padding:15px 0;margin:15px 0}.enquiry-popup{width:86%;left:7%}.form-tab iframe{min-height:400px}.third-level-menu-section [class*=span],[class*=span]{margin-bottom:0}.center-heading{margin:0 0 20px}.navbar-part.navbar-part-stick{position:fixed;transition:.5s;-webkit-transition:.5s}.navbar-part.navbar-part-stick .logo{transition:.5s;-webkit-transition:.5s}.navbar-part.navbar-part-stick .logo img{max-width:130px;transition:.5s;-webkit-transition:.5s;z-index:99;position:relative}.navbar-part .logo img{z-index:99;position:relative}.navbar-part.navbar-part-stick .demo-2{top:-50px}.navbar-part.navbar-part-stick #header-hidden-link a.toggle-link .toggle-link-text{margin-top:1px}.navbar-part.navbar-part-stick #header-hidden-link a.toggle-link.display-inline-block{height:18px;padding:6px 10px}.navbar-part.navbar-part-stick #header-hidden-link a.toggle-link .enquiry-icon{margin-top:-3px}.inside-header-banner-stick{margin-top:120px;transition:.5s;-webkit-transition:.5s}.breadcrumb-section .breadcrumb-link li{display:inline-block;float:none}#header-hidden-link a.toggle-link.display-inline-block,#sub-footer .solidline,.footer-main-div{display:none}.breadcrumb-section .breadcrumb-link li,.breadcrumb-section .breadcrumb-link li a{font-size:15px}.container{padding:0 15px}.key-icon{padding-top:20px}.body_home #content,footer{padding-top:0}#header-hidden-link{right:40px}.mob-no-border-bottom{border-bottom:0}#header-hidden-link a.toggle-link.display-inline-block.mob-enq-link{display:block}.banner-img-panel,.banner-text-panel,.body_home #featured .tcb-bs-fullscreen .carousel-control,.hide-mob{display:none}.blog-section .controllers{bottom:20px;right:0;width:auto}.arrow{position:absolute;right:0;top:0;width:50px;background:url(img/mma.png)center no-repeat;height:100%;cursor:pointer}.related-project-slider-section{padding-top:30px}.technology-section{padding-top:0}.body_digital-marketing-company .bg-3 .inside-list{padding-left:0;box-sizing:border-box}.body_digital-marketing-analytics .bg-3 .inside-list,.body_digital-marketing-monitoring .bg-3 .inside-list,.body_process .bg-3 .inside-list,.body_tracking-with-crm .bg-3 .inside-list{padding-left:0}.show-mob{display:block}.welcome-mob-image{margin-top:-30px;margin-bottom:20px;text-align:center}#content .welcome-mob-image img{max-width:300px}.post-portfolio-part .post-portfolio-hover-button a:last-child{margin-right:5px}.footergdpr{font-size:12px;padding-top:25px}.clnt-l-part{display:inline}.clnt-l{display:inline-block;max-width:95px}#parentHorizontalTab .center-heading h2{text-align:left}.blog-title{font-size:22px}.blog-section .carousel-caption p{font-size:15px}.our-clinet-mob{display:block}.our-clinet-desk{display:none}.mob-left-right-minus-15{margin-left:-15px;margin-right:-15px}.ampstart-headerbar{display:block}.carousel-part{height:180px;max-height:180px}.main-amp-banner{min-height:180px}#inside-header{background-size:cover}}
27 Parse Error @media(max-width:480px){.follow-us{margin:-50px 48px 0 0}.form-tab .tab-content{max-height:250px}}
27 Parse Error @media(max-width:360px){.form-tab .tab-content{max-height:295px}.form-tab .nav-tabs li{width:100%}.blog-section .carousel-caption{padding:15px 0}.blog-section .carousel-caption p{margin-bottom:15px}}
27 Parse Error @media(width:480px){#content .span5 img{max-width:300px}}
27 .third-level-menu-section 0 is not a box-shadow value : 0 0 0 #000 0 0 0 #000
27 .span12 Value Error : width Parse Error - 25px)
27 .span4 Value Error : width Parse Error - 20px)
27 .scrollToTop Parse Error [empty string]
59 body Property animation doesn't exist : -amp-start 8s steps(1,end) 0 1 normal both -amp-start 8s steps(1,end) 0 1 normal both
59 Sorry, the at-rule @-webkit-keyframes is not implemented.
59 Sorry, the at-rule @-moz-keyframes is not implemented.
59 Sorry, the at-rule @-ms-keyframes is not implemented.
59 Sorry, the at-rule @-o-keyframes is not implemented.
59 Sorry, the at-rule @keyframes is not implemented.
59 body Property animation doesn't exist : none none
727 Property animation-delay doesn't exist : 0.3s 0.3s
727 Property animation-delay doesn't exist : 0.5s 0.5s
727 Property animation-delay doesn't exist : 0.7s 0.7s
727 Property animation-delay doesn't exist : 0.9s 0.9s
727 Property animation-delay doesn't exist : 1.2s 1.2s
727 Property animation-delay doesn't exist : 1.5s 1.5s
727 Property animation-delay doesn't exist : 1.7s 1.7s
727 Property animation-delay doesn't exist : 1.9s 1.9s
727 Property animation-delay doesn't exist : 2.1s 2.1s
727 Property animation-delay doesn't exist : 2.3s 2.3s
727 Property animation-delay doesn't exist : 2.5s 2.5s
727 Property animation-delay doesn't exist : 2.7s 2.7s

↑ Top

Valid CSS information

.btn, .nav > .dropdown.active > a:focus, .nav > .dropdown.active > a:hover, .navbar-toggler:not(:disabled):not(.disabled), button, input[type="checkbox"] {
cursor : pointer;
}
.clear, .container-fluid:after, .container:after, .inside-list li:nth-child(2n 1), .row:after {
clear : both;
}
footer, header, nav, section {
display : block;
}
.container:after, .container:before, .row:after, .row:before {
display : table;
line-height : 0;
}
html {
font-size : 100%;
}
a:focus {
outline : #333 thin dotted;
outline-offset : -2px;
}
a:active, a:hover {
outline : 0;
}
button, input, textarea {
margin : 0;
vertical-align : middle;
}
.container:after, .container:before, .navbar .nav > li:before, .row:after, .row:before {
content : "";
}
body {
background-color : #fff;
}
a {
text-decoration : none;
}
a:focus, a:hover {
text-decoration : underline;
}
.row {
margin-left : -20px;
}
[class*="span"] {
float : left;
min-height : 1px;
margin-left : 20px;
}
.container, .navbar-static-top .container, .span12 {
width : 940px;
}
.span9 {
width : 700px;
}
.span7 {
width : 540px;
}
.span6 {
width : 460px;
}
.span5 {
width : 380px;
}
.span4 {
width : 300px;
}
.span3 {
width : 220px;
}
.container {
margin-right : auto;
margin-left : auto;
}
.container-fluid {
padding-right : 20px;
padding-left : 20px;
}
.container-fluid:after, .container-fluid:before {
display : table;
line-height : 0;
content : "";
}
p {
margin : 0 0 15px;
}
strong {
font-weight : 700;
}
h1, h2 {
margin : 10px 0;
}
form {
margin : 0 0 20px;
}
button, input, textarea {
line-height : 20px;
}
input[type="text"], textarea {
display : inline-block;
height : 20px;
padding : 4px 6px;
margin-bottom : 10px;
font-size : 14px;
line-height : 20px;
color : #555;
vertical-align : middle;
background-color : #fff;
border : 1px solid #ccc;
}
.nav > li > a, .navbar .nav {
display : block;
}
input, textarea {
width : 206px;
margin-left : 0;
}
.navbar .container, input[type="checkbox"] {
width : auto;
}
textarea {
overflow : auto;
height : auto;
}
input[type="checkbox"] {
margin : 4px 0 0;
line-height : normal;
}
input[type="checkbox"]:focus {
outline : #333 thin dotted;
outline-offset : -2px;
}
input:focus:invalid, textarea:focus:invalid {
color : #b94a48;
border-color : #ee5f5b;
}
input:focus:invalid:focus, textarea:focus:invalid:focus {
border-color : #e9322d;
}
.control-group {
margin-bottom : 10px;
}
.btn {
margin-bottom : 0;
color : #333;
background-color : #f5f5f5;
background-repeat : repeat-x;
}
.btn:focus, .btn:hover {
background-color : #e6e6e6;
color : #333;
background-position : 0% -15px;
text-decoration : none;
}
.btn:focus {
outline-offset : -2px;
}
.btn:active {
background-image : none;
outline : 0;
}
.btn-large {
padding : 11px 19px;
}
.nav {
margin-left : 0;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration : none;
background-color : #eee;
}
.navbar {
margin-bottom : 20px;
overflow : visible;
}
.navbar-static-top {
position : static;
margin-bottom : 0;
}
.navbar-static-top .container {
width : 940px;
}
.navbar .nav {
position : relative;
left : 0;
float : left;
margin : 0 10px 0 0;
}
.navbar .nav > li {
float : left;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover {
background-color : #e5e5e5;
}
.navbar .nav > li > .dropdown-menu:before {
position : absolute;
top : -7px;
left : 9px;
}
.navbar .nav > li > .dropdown-menu:after {
position : absolute;
top : -6px;
left : 10px;
}
.modal {
top : 10%;
left : 50%;
width : 560px;
margin-left : -280px;
background-color : #fff;
border : 1px solid #999;
background-clip : padding-box;
}
.modal.fade {
top : -25%;
}
.modal-body {
max-height : 400px;
overflow-y : auto;
}
#wrapper, .carousel-inner, .modal, .rule-section {
overflow : hidden;
}
.carousel {
margin-bottom : 20px;
line-height : 1;
}
.nav, ul ul {
margin-bottom : 0;
}
.carousel-inner > .item {
position : relative;
display : none;
}
.carousel-inner > .active {
display : block;
left : 0;
}
.hidden, .hide {
display : none;
}
.carousel-caption {
padding : 15px;
}
.carousel-caption p {
line-height : 20px;
color : #fff;
margin-bottom : 0;
}
.hidden {
visibility : hidden;
}
.bg-3 p {
color : #000;
}
#header-hidden-link button.toggle-link .enquiry-icon.cons-i {
background : url(img/cons-i.png) center no-repeat;
}
.follow-us {
float : right;
margin : 58px 38px 0 0;
}
.follow-us img {
vertical-align : middle;
}
.dropdown, .navbar {
position : relative;
}
:after, :before {
box-sizing : border-box;
}
.col-md-12, .col-sm-11, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-8, .col-sm-9 {
position : relative;
width : 100%;
min-height : 1px;
padding-right : 15px;
padding-left : 15px;
box-sizing : border-box;
float : left;
}
.btn {
display : inline-block;
font-weight : 400;
text-align : center;
white-space : nowrap;
vertical-align : middle;
user-select : none;
border : 1px solid transparent;
line-height : 1.5;
}
.btn:disabled {
opacity : 0.65;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
background-image : none;
}
@media screen
.dropdown-menu {
color : #212529;
text-align : left;
background-color : #fff;
}
.nav {
padding-left : 0;
list-style : none;
}
.modal, .navbar .nav > li:first-child:before {
display : none;
}
.modal {
position : fixed;
z-index : 1050;
outline : 0;
}
.carousel, .carousel-inner, .modal-body {
position : relative;
}
.carousel-inner {
width : 100%;
}
.carousel-caption {
position : absolute;
right : 15%;
bottom : 20px;
left : 15%;
z-index : 10;
padding-top : 20px;
padding-bottom : 20px;
color : #fff;
text-align : center;
}
.pl-0 {
padding-left : 0;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover, .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, a, a:active, a:focus, a:hover, footer ul.link-list li a:hover {
color : #ffcb05;
}
.dropdown-menu li a:hover, .dropdown-menu li:hover, .dropdown-menu li > a:focus {
background-color : #f03c02;
}
input:focus, input[type="text"]:focus, textarea:focus {
border-color : #f03c02;
}
.btn-theme {
border : 1px solid #f03c02;
background : #f03c02;
}
h1, h2 {
color : #353535;
font-weight : 300;
line-height : 1.5em;
margin-top : 0;
}
.h3-small, button, input, textarea {
font-family : 'Open Sans', Arial, sans-serif;
}
h1 {
font-size : 60px;
margin-bottom : 24px;
}
h2 {
font-size : 42px;
margin-bottom : 22px;
}
button, input, textarea {
font-weight : 400;
font-size : 13px;
}
input[type="text"]:focus, textarea:focus {
outline : 0;
}
ul {
padding : 0;
margin : 0 0 10px 25px;
}
li {
line-height : 1.6em;
}
.btn {
font-size : 12px;
text-transform : uppercase;
text-shadow : none;
background-image : none;
box-shadow : none;
outline : 0;
}
.btn:focus, a.btn {
outline : 0;
}
.btn-large {
font-size : 14px;
}
.btn-theme {
color : #fff;
}
.btn-theme:active, .btn-theme:focus, .btn-theme:hover {
background : #18191a;
color : #fff;
border : 1px solid #18191a;
}
.navbar .nav {
border-right : 0;
border-left : none;
}
.navbar .nav > li > a {
float : none;
font-size : 16px;
padding : 11px 0 10px;
margin-left : 16px;
margin-right : 16px;
text-decoration : none;
border-right : 0;
border-left : none;
}
.navbar .nav > li:first-child > a {
margin-left : 0;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
background-image : none;
background-repeat : repeat-x;
text-decoration : none;
box-shadow : none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover {
background-image : none;
text-decoration : none;
box-shadow : none;
}
.navbar .nav > li:before {
width : 1px;
height : 20px;
background : #e4e4e4;
top : 15px;
position : absolute;
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
visibility : hidden;
float : left;
min-width : 180px;
width : 100%;
padding : 20px 10px;
margin : 2px 0 0;
list-style : none;
background : #fff;
border : 0;
box-shadow : none;
opacity : 0.0;
}
.dropdown-menu li {
margin : 0;
padding : 0;
}
.dropdown-menu li a {
color : #ddd;
font-size : 12px;
padding : 10px 15px;
margin : 0;
text-shadow : none;
border-bottom : 1px solid #303030;
}
.dropdown-menu li > a:focus, .dropdown-menu li > a:hover {
color : #fff;
text-decoration : none;
background-image : none;
}
body {
line-height : 25px;
color : #434343;
}
a:active {
outline : 0;
}
.container {
padding : 0 20px;
position : relative;
}
#wrapper {
width : 100%;
margin : 0;
padding : 0;
}
.row {
margin-bottom : 0;
}
.row .row {
margin-bottom : 30px;
}
.row.nomargin {
margin-bottom : 0;
}
#header-hidden-link {
position : absolute;
right : 45px;
top : 0;
}
#content, .center-heading, .relative, header {
position : relative;
}
#header-hidden-link a.toggle-link {
outline : 0;
font-size : 15px;
line-height : 1;
text-align : center;
color : #000;
text-decoration : none;
font-weight : 600;
padding : 10px 19px;
}
#header-hidden-link a.toggle-link:active, #header-hidden-link a.toggle-link:focus, #header-hidden-link a.toggle-link:hover {
outline : 0;
}
#header-hidden-link a.toggle-link:hover {
text-decoration : none;
color : #000;
}
header {
background : #fff;
margin : 0;
padding : 10px 0 0;
}
header .logo {
margin : 3px 0 5px;
float : left;
}
header ul.nav li {
border : 0;
margin : 0;
}
header ul.nav li a {
font-size : 16px;
border : 0;
font-weight : 600;
}
.navbar .nav > li > a {
color : #111;
text-shadow : none;
}
.navbar .nav a:hover {
background : 0%;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
background : 0%;
font-weight : 600;
}
.navbar .nav > .active > a:active, .navbar .nav > .active > a:focus {
background : 0%;
outline : 0;
font-weight : 600;
}
#content, footer {
background : #fff;
}
.navbar .nav li .dropdown-menu {
z-index : 2000;
}
header ul.nav li ul {
margin-top : 1px;
}
header ul.nav li ul li ul {
margin : 1px 0 0 1px;
}
.navbar .nav > li > .dropdown-menu:before {
display : inline-block;
border-right : 0;
border-bottom : 0;
border-left : none;
content : none;
}
.navbar .nav > li > .dropdown-menu:after {
display : inline-block;
border-right : 0;
border-bottom : 0;
border-left : none;
content : '';
}
ul.nav li.dropdown a {
z-index : 1000;
display : block;
}
#content {
padding : 50px 0 0;
}
ul.link-list {
margin : 0;
padding : 0;
list-style : none;
}
ul.link-list li {
margin : 0;
padding : 2px 0;
list-style : none;
}
footer {
padding : 50px 0 0;
color : #bbb;
}
footer a {
color : #eee;
}
footer a:hover {
text-decoration : none;
}
#sub-footer {
text-shadow : none;
color : #5d5d5d;
padding : 30px 0 0;
}
#sub-footer span, .copyright {
color : #000;
}
#sub-footer p {
margin : 0;
padding : 0;
}
.copyright {
text-align : left;
font-size : 14px;
}
.center-heading, .center-heading h1, .center-heading h2, .center-heading span {
font-size : 35px;
text-align : center;
font-weight : 400;
}
.solidline {
border-top : 1px solid #e6e6e6;
margin : 0 0 30px;
}
.aligncenter {
text-align : center;
}
.bg-2 {
background : #fafafa;
}
.bg-3 {
background : #ffd160;
}
.bg-3 p {
color : #000;
}
.center-heading {
float : left;
width : 100%;
margin : 0 0 30px;
}
.center-heading span {
padding : 10px 0;
position : relative;
line-height : 1;
display : inline-block;
min-width : 200px;
}
.center-heading span:after, .center-heading span:before {
content : "";
position : absolute;
background : url(img/hl.png) center top no-repeat;
left : 0;
height : 1px;
width : 100%;
}
.center-heading h1, .center-heading h2 {
padding : 0;
margin : 0;
line-height : 1;
color : #434343;
}
.center-heading span:before {
top : 0;
}
.center-heading span:after {
bottom : -2px;
}
.bg-3 .center-heading span:after, .bg-3 .center-heading span:before {
background : url(img/hlb.png) center top no-repeat;
}
.bg-3 .center-heading span {
color : #000;
}
.center-heading.inside-center-heading {
font-size : 26px;
font-weight : 400;
}
.center-heading.inside-center-heading span {
font-size : 26px;
font-weight : 400;
padding : 20px 0;
}
.common-section {
padding-top : 50px;
padding-bottom : 50px;
}
.blog-section {
background : #fffbed;
}
.blog-section .carousel-caption {
position : static;
background : 0%;
color : #000;
text-align : left;
padding-top : 30px;
}
.blog-section .carousel-caption p {
text-align : left;
margin-bottom : 20px;
line-height : 25px;
color : #434343;
}
.blog-section .carousel, .blog-section-main .row, .cntr-sctn .row {
margin-bottom : 0;
}
.blog-title {
padding : 30px 0 20px;
font-size : 30px;
color : #000;
line-height : 42px;
}
.cntr-sctn {
padding : 50px 0 20px;
}
.cntr-sctn .center-heading span {
font-size : 26px;
}
.cntr-pt ul {
float : left;
width : 100%;
list-style : none;
text-align : center;
margin : 0;
}
.cntr-pt ul li {
float : none;
width : auto;
list-style : none;
display : inline-block;
max-width : 78px;
margin : 0 10px;
}
.cntr-pt ul li .cntr-l {
float : left;
margin : 0 0 10px;
text-align : center;
background : url(img/all.png) no-repeat;
width : 75px;
height : 31px;
}
.cntr-pt ul li .cntr-n {
float : left;
width : 100%;
font-size : 11px;
color : #000;
text-align : center;
}
footer ul.link-list li a, footer ul.link-list li a.not-link {
font-size : 14px;
font-weight : 600;
color : #000;
line-height : 20px;
}
.cntr-pt ul li .cntr-l.india {
background-position : 10px -626px;
}
.cntr-pt ul li .cntr-l.usa {
background-position : -79px -626px;
}
.cntr-pt ul li .cntr-l.uk {
background-position : -167px -626px;
}
.cntr-pt ul li .cntr-l.saudi-arabia {
background-position : -255px -626px;
}
.cntr-pt ul li .cntr-l.belgium {
background-position : -343px -626px;
}
.cntr-pt ul li .cntr-l.netherlands {
background-position : -430px -626px;
}
.cntr-pt ul li .cntr-l.canada {
background-position : 10px -687px;
}
.cntr-pt ul li .cntr-l.australia {
background-position : -79px -687px;
}
.cntr-pt ul li .cntr-l.nigeria {
background-position : -167px -687px;
}
.cntr-pt ul li .cntr-l.south-africa {
background-position : -255px -687px;
}
.cntr-pt ul li .cntr-l.uae {
background-position : -343px -687px;
}
.cntr-pt ul li .cntr-l.france {
background-position : -430px -687px;
}
footer ul.link-list li {
line-height : 20px;
}
footer ul.link-list li a.not-link {
cursor : text;
}
.w3c-text, .w3c-text a, footer ul.link-list li li a, footer ul.link-list li li p {
font-weight : 400;
font-size : 14px;
}
footer ul.link-list ul {
margin : 15px 0 10px;
padding : 0;
}
footer ul.link-list li li a {
color : #616161;
}
footer ul.link-list li li p {
color : #000;
line-height : 22px;
}
.w3c-text {
color : #000;
text-align : right;
}
.w3c-text a {
color : #000;
margin-right : 10px;
}
.w3c-text a:last-child {
margin-right : 0;
}
footer ul.link-list .email-link {
color : #000;
text-decoration : underline;
}
#sub-footer {
background : url(img/footer-bg.jpg) center bottom no-repeat #fff;
min-height : 270px;
margin : 0;
padding-top : 0;
}
footer .row {
margin-bottom : 10px;
}
footer #sub-footer .row {
margin-bottom : 0;
}
#sub-footer .solidline {
margin-bottom : 15px;
}
.logo-part {
width : 205px;
}
.m-mn-prt {
width : 100%;
max-width : 100%;
clear : both;
margin : 0;
border-top : 1px solid #e4e4e4;
}
.portfolio-hover-part-1 {
height : 100px;
vertical-align : middle;
margin-top : 45%;
}
.portfolio-part .portfolio-50-1 .portfolio-hover-part-1, .portfolio-part .portfolio-50-2 .portfolio-hover-part-1 {
margin-top : 36%;
}
.portfolio-part .portfolio-hover-button {
float : left;
width : 100%;
text-align : center;
padding : 0 10px;
box-sizing : border-box;
}
.portfolio-part .portfolio-hover-button a {
font-size : 14px;
margin-right : 3px;
margin-bottom : 5px;
color : #000;
background : 0% 0%;
border : 1px solid #18191a;
padding : 8px 10px;
margin-left : 3px;
min-width : 115px;
}
.portfolio-part .portfolio-hover-button a:last-child {
margin-right : 0;
}
.portfolio-part .portfolio-hover-button a:hover {
color : #fff;
background : #000;
}
#inside-header {
width : 100%;
float : left;
margin-top : 155px;
}
.blt-heading {
font-size : 25px;
font-weight : 300;
text-align : left;
line-height : 35px;
color : #000;
margin-bottom : 25px;
width : 100%;
float : left;
}
.breadcrumb-section, .form-img, .key-text, .m-mn-prt .navbar .nav .dropdown .dropdown-menu li .menu-item-part .mn-itm-txt .drpdn-img-prt {
text-align : center;
}
.inside-list, .inside-list li {
float : left;
margin : 0;
list-style : none;
}
.inside-list {
width : 100%;
padding : 0;
}
.inside-list li {
width : 48%;
padding : 10px 0 10px 30px;
color : #000;
background : url(img/list-icon.png) left 16px no-repeat;
box-sizing : border-box;
display : inline-block;
}
.inside-list li:nth-child(2n) {
float : right;
}
.key-icon {
float : left;
width : 100%;
min-height : 110px;
}
.key-text {
font-size : 18px;
color : #000;
margin-top : 15px;
display : inline-block;
width : 100%;
}
.enquiry-popup {
width : 52%;
left : 24%;
margin : 0;
}
.enquiry-popup .modal-body {
max-height : 650px;
}
.form-img {
background : #f9f9f9;
}
.m-mn-prt .navbar, .m-mn-prt .navbar .nav, .m-mn-prt .navbar .nav .dropdown {
position : static;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu:after, .m-mn-prt .navbar .nav .dropdown .dropdown-menu:before {
width : 50%;
position : absolute;
top : -1px;
background : #fff;
border-top : 1px solid #f6f6f6;
content : "";
height : 100%;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu {
margin-top : 0;
border-top : 1px solid #f6f6f6;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu.dev-menu-part .drpdn-img-prt {
padding-top : 0;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu:after {
right : -49%;
left : auto;
box-shadow : 4px 5px 5px #eee ;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu:before {
left : -49%;
right : auto;
box-shadow : -4px 5px 5px #eee ;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li a {
font-size : 15px;
font-weight : 400;
color : #000;
padding : 0 5px;
line-height : 1.3;
background : 0% 0%;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li:hover {
background : 0% 0%;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li .menu-item-part {
float : left;
width : 100%;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li .menu-item-part .menu-itm-prt-lst {
float : left;
width : 100%;
margin : 0 0;
list-style : none;
padding-right : 0;
box-sizing : border-box;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li .menu-item-part .mn-itm-txt {
float : left;
width : 100%;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li .menu-item-part .mn-itm-txt p {
font-size : 16px;
font-weight : 300;
line-height : 23px;
}
.m-mn-prt .menu-itm-prt-lst li {
position : relative;
max-width : 145px;
width : 100%;
float : left;
padding : 0 5px;
box-sizing : border-box;
text-align : center;
min-height : 145px;
}
.m-mn-prt .menu-itm-prt-lst li:after {
content : "";
position : absolute;
bottom : 0;
right : 0;
background : #e9e9e9;
width : 1px;
height : 100%;
}
.m-mn-prt .menu-itm-prt-lst li:last-child:after {
display : none;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-1 {
width : 60px;
height : 69px;
background : url(img/all.png) -33px -115px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-2 {
width : 69px;
height : 69px;
background : url(img/all.png) -98px -114px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-3 {
width : 64px;
height : 69px;
background : url(img/all.png) -170px -114px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-4 {
width : 73px;
height : 69px;
background : url(img/all.png) -238px -115px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-5 {
width : 69px;
height : 69px;
background : url(img/all.png) -311px -115px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-6 {
width : 69px;
height : 69px;
background : url(img/all.png) -389px -115px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-7 {
width : 69px;
height : 69px;
background : url(img/all.png) 0% -184px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .des-list-img-8 {
width : 61px;
height : 69px;
background : url(img/all.png) -76px -184px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .dev-list-img-1 {
width : 80px;
height : 69px;
background : url(img/all.png) -80px -264px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .dev-list-img-2 {
width : 105px;
height : 69px;
background : url(img/all.png) -176px -264px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .dev-list-img-3 {
width : 100px;
height : 69px;
background : url(img/all.png) -292px -264px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .dev-list-img-4 {
width : 80px;
height : 69px;
background : url(img/all.png) -396px -258px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .glbl-lst-i-1 {
width : 75px;
height : 69px;
background : url(img/all.png) 2px -338px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .glbl-lst-i-2 {
width : 72px;
height : 69px;
background : url(img/all.png) -73px -340px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .glbl-lst-i-3 {
width : 95px;
height : 69px;
background : url(img/all.png) -153px -339px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .glbl-lst-i-4 {
width : 69px;
height : 69px;
background : url(img/all.png) -263px -338px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .glbl-lst-i-5 {
width : 69px;
height : 69px;
background : url(img/all.png) -335px -338px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .mrkt-lst-img-1 {
width : 69px;
height : 69px;
background : url(img/all.png) -398px -338px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .mrkt-lst-img-2 {
width : 69px;
height : 69px;
background : url(img/all.png) -1px -414px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .mrkt-lst-img-3 {
width : 69px;
height : 69px;
background : url(img/all.png) -73px -416px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .mrkt-lst-img-4 {
width : 80px;
height : 69px;
background : url(img/all.png) -153px -415px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .prnt-lst-i-1 {
width : 80px;
height : 69px;
background : url(img/all.png) 0% -493px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .prnt-lst-i-2 {
width : 69px;
height : 69px;
background : url(img/all.png) -85px -494px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .prnt-lst-i-3 {
width : 72px;
height : 69px;
background : url(img/all.png) -160px -494px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .sln-lst-img-1 {
width : 69px;
height : 69px;
background : url(img/all.png) -244px -413px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .sln-lst-img-2 {
width : 103px;
height : 69px;
background : url(img/all.png) -321px -415px no-repeat;
float : none;
display : inline-block;
}
.m-mn-prt .menu-itm-prt-lst li .sln-lst-img-3 {
width : 69px;
height : 69px;
background : url(img/all.png) -427px -425px no-repeat;
float : none;
display : inline-block;
}
.breadcrumb-section {
background : #fafafa;
border-bottom : 1px solid #f2f2f2;
padding-top : 8px;
padding-bottom : 8px;
box-sizing : border-box;
float : left;
width : 100%;
margin-top : -40px;
}
.breadcrumb-section .breadcrumb-link {
display : inline-block;
margin : 0;
}
.breadcrumb-section .breadcrumb-link li {
list-style : none;
width : auto;
float : left;
color : #434343;
font-size : 17px;
margin : 0;
position : relative;
}
.breadcrumb-section .breadcrumb-link li a {
color : #434343;
text-decoration : none;
font-size : 17px;
}
.breadcrumb-section .breadcrumb-link li:after {
content : "/";
display : inline-block;
margin : 0 7px;
}
.breadcrumb-section .breadcrumb-link li:last-child:after {
display : none;
}
.inside-header-banner {
width : 100%;
height : 460px;
position : relative;
background : url(img/inside-bg.png) center top no-repeat;
}
.body_best-seo-company-mumbai .inside-header-banner {
background : url("img/seo-banner.jpg") center top no-repeat transparent;
}
.form-tab {
position : relative;
}
.form-tab .close {
border : 0;
position : absolute;
right : 0;
top : 0;
background : #000;
opacity : 1.0;
color : #fff;
font-weight : 300;
height : 54px;
width : 54px;
}
.modal-body {
padding : 0;
}
.no-left-right-padding {
padding-left : 0;
padding-right : 0;
}
.portfolio-part .portfolio-100 .portfolio-hover, .portfolio-part .portfolio-50-1 .portfolio-hover, .portfolio-part .portfolio-50-2 .portfolio-hover {
border : 0 solid;
box-sizing : border-box;
}
#header-hidden-link a.toggle-link.display-inline-block {
display : inline-block;
height : 30px;
float : right;
position : relative;
}
#header-hidden-link a.toggle-link .brochure-icon {
width : 25px;
height : 25px;
background : url(img/all.png) 0% -746px no-repeat;
float : left;
}
#header-hidden-link a.toggle-link .portfolio-icon {
width : 25px;
height : 25px;
background : url(img/all.png) 0% -116px no-repeat;
float : left;
}
#header-hidden-link a.toggle-link .enquiry-icon {
width : 25px;
height : 25px;
background : url(img/cll.png) center no-repeat;
float : left;
}
#header-hidden-link a.toggle-link .enquiry-icon.cons-i {
background : url(img/cons-i.png) center no-repeat;
}
#header-hidden-link a.toggle-link .toggle-link-text {
float : left;
margin : 2px 0 0 10px;
}
.m-mn-prt .navbar .nav li a {
border-bottom : 3px solid transparent;
}
.m-mn-prt .navbar .nav li:hover a {
border-bottom : 3px solid #ffcb05;
}
.m-mn-prt .navbar .nav li li a, .m-mn-prt .navbar .nav li:hover li a {
border-bottom : 0;
}
.m-mn-prt .navbar {
padding-bottom : 0;
padding-top : 0;
}
.blt-heading-note {
font-size : 17px;
font-weight : 400;
text-align : left;
line-height : 30px;
color : #000;
margin-top : 25px;
width : 100%;
float : left;
padding : 10px 0;
}
.common-section.no-bottom-padding {
padding-bottom : 0;
}
.navbar-part {
position : fixed;
top : 0;
width : 100%;
z-index : 99;
}
.form-div1.clear {
font-size : 10px;
line-height : 14px;
margin-top : 7px;
float : left;
width : 100%;
}
.form-tab .frm-left-part {
background : #fff;
padding-top : 20px;
padding-bottom : 10px;
}
.call-me-form-horizontal .control-group {
margin-bottom : 5px;
}
.call-me-form-horizontal .control-group .controls {
margin-left : 0;
}
.call-me-form-horizontal .controls input, .call-me-form-horizontal .controls textarea {
width : 100%;
box-sizing : border-box;
height : auto;
border : 1px solid #dfdfdf;
box-shadow : none;
color : #616161;
padding : 8px;
font-size : 14px;
margin : 0 0 6px;
}
.call-me-form-horizontal .controls textarea {
height : 60px;
}
.call-me-form-horizontal .controls .btn {
background : #ffcb05;
font-size : 16px;
text-transform : uppercase;
color : #000;
border : 0;
padding : 12px 15px;
line-height : 1;
min-width : 100px;
font-weight : 600;
}
.call-me-form-horizontal .form-div1.clear {
margin-bottom : 7px;
line-height : 1.8;
}
.space-50 {
height : 50px;
display : inline-block;
width : 100%;
}
.link-type-1 {
display : inline-block;
margin-top : 10px;
width : 100%;
}
.form-tab .frm-left-part .control-group .controls {
margin-left : 0;
}
.call-me-form-horizontal .controls input[type="checkbox"] {
width : auto;
float : left;
margin-top : 3px;
}
.form-div1.form-div-1.clear {
float : left;
clear : none;
padding : 0;
margin : 0 0 20px 5px;
}
.blog-section-main {
padding-top : 50px;
}
.blog-section .btn.btn-large {
background : #ffcb05;
border : 0;
color : #000;
}
.ampstart-sidebar ul li, .ampstart-sidebar ul li li {
border-bottom : 1px solid #d1960e;
}
.blog-section .btn.btn-large:hover {
background : #000;
color : #fff;
}
#header-hidden-link a.toggle-link.display-inline-block.mob-enq-link {
display : none;
}
#sub-footer span a {
color : #000;
}
.form-div1.form-div-1.note-textt {
font-size : 10px;
line-height : 14px;
}
.form-tab .frm-left-part .control-group .controls.btn-img input {
width : auto;
padding : 0;
}
.ampstart-sidebar ul, .ampstart-sidebar ul li {
margin : 0;
width : 100%;
float : left;
list-style : none;
}
.m-mn-prt .navbar .nav .dropdown:hover a {
color : #ffcb05;
}
.m-mn-prt .navbar .nav .dropdown:hover .dropdown-menu {
visibility : visible;
opacity : 1.0;
}
.m-mn-prt .navbar .nav .dropdown:hover .dropdown-menu a {
color : #000;
}
.ampstart-sidebar {
background-color : #ffcb05;
}
.ampstart-sidebar ul {
padding : 0;
}
.ampstart-sidebar ul li {
padding : 10px;
text-align : left;
color : #000;
font-size : 16px;
box-sizing : border-box;
line-height : 1.3;
display : block;
}
.ampstart-sidebar ul li a {
color : #000;
display : block;
font-size : 16px;
font-weight : 300;
padding : 0;
position : relative;
text-decoration : none;
}
.ampstart-sidebar ul li li:last-child {
border-bottom : 0;
}
.ampstart-sidebar ul li li a {
color : #000;
padding : 0;
font-size : 15px;
}
.ampstart-sidebar ul li li li a {
font-size : 14px;
text-transform : none;
}
.ampstart-sidebar header {
background-color : transparent;
padding : 0;
border : 0;
}
.ampstart-sidebar header[aria-expanded="true"]:after, .ampstart-sidebar header[aria-expanded="false"]:after {
width : 8px;
height : 8px;
position : absolute;
right : 5px;
text-align : center;
background-color : #ffcb05;
display : inline-block;
padding : 0;
content : "";
cursor : pointer;
}
.ampstart-sidebar header[aria-expanded="true"]:after {
top : 10px;
border : solid #000;
border-width : 1px 0 0 1px;
}
.ampstart-sidebar header[aria-expanded="false"]:after {
top : 5px;
border : solid #000;
border-width : 1px 0 0 1px;
}
.ampstart-sidebar .ampstart-navbar-trigger {
text-align : right;
padding : 10px;
color : #000;
font-size : 20px;
cursor : pointer;
}
.ampstart-headerbar {
position : fixed;
right : 15px;
top : 51px;
z-index : 999;
background : #000;
height : 38px;
width : auto;
display : none;
padding-top : 2px;
margin-top : 5px;
}
.nav_toggle span {
float : left;
width : 25px;
height : 3px;
background-color : #fff;
margin-bottom : 6px;
clear : both;
margin-right : 7px;
}
.nav_toggle {
float : left;
width : auto;
height : 22px;
cursor : pointer;
margin-top : 8px;
margin-left : 8px;
line-height : 1.5;
color : #fff;
font-weight : 600;
}
.ampstart-sidebar header a {
width : 90%;
}
.ampstart-sidebar ul li li header[aria-expanded="false"]:after {
top : 5px;
}
.form-tab .ampTabContainer {
background : #ffd05b;
}
.form-tab .tabButton[selected] {
outline : 0;
background-color : #fff;
}
.form-tab .tabButton {
list-style : none;
cursor : pointer;
padding-top : 10px;
padding-bottom : 10px;
margin : 0;
border : 0;
font-size : 20px;
font-weight : 400;
background-color : #ffd05b;
color : #000;
max-width : 175px;
}
.form-tab .tabContent {
display : none;
width : 100%;
border : 0 solid #ccc;
background : #f9f9f9;
}
.form-tab .tabButton[selected] + .tabContent {
display : block;
}
amp-selector {
padding : 0;
margin : 0;
}
.form-tab .tabButton.call-icon {
padding-left : 55px;
background : url(img/all.png) -444px 12px no-repeat #ffd05b;
}
.form-tab .tabButton.consultancy-icon {
padding-left : 55px;
background : url(img/all.png) -446px -41px no-repeat #ffd05b;
}
.form-tab .tabButton.call-icon[selected] {
background : url(img/all.png) -444px 12px no-repeat #fff;
outline : 0;
}
.lightbox {
width : 100%;
height : 100%;
position : absolute;
}
#header-hidden-link button.toggle-link .enquiry-icon {
width : 25px;
height : 25px;
background : url(img/cll.png) center no-repeat;
float : left;
}
#header-hidden-link button.toggle-link .toggle-link-text {
float : left;
margin : 2px 0 0 10px;
font-size : 15px;
line-height : 1;
text-align : center;
color : #000;
font-weight : 600;
}
#header-hidden-link button.toggle-link {
outline : 0;
font-size : 15px;
line-height : 1;
height : 44px;
display : inline-block;
text-align : center;
color : #000;
text-decoration : none;
font-weight : 600;
padding : 10px 19px;
box-shadow : none;
border : 0;
background : none;
vertical-align : top;
position : relative;
}
.rule-part, .rule-text {
box-sizing : border-box;
height : 115px;
}
.know-text, .rule-text {
vertical-align : middle;
}
#header-hidden-link a.mob-enq-link {
display : none;
}
.text-center {
text-align : center;
}
.thankyou-title {
font-size : 26px;
color : #000;
text-align : center;
margin-top : 10px;
display : inline-block;
line-height : 30px;
}
.rule-part {
background : #e9ae22;
width : 115px;
font-weight : 700;
font-size : 21px;
color : #000;
text-align : center;
padding-top : 45px;
float : left;
}
.rule-text {
float : none;
max-width : 75%;
padding-left : 25px;
font-size : 18px;
font-weight : 400;
line-height : 30px;
display : table-cell;
}
.text-align-center {
text-align : center;
}
.blog-center-text {
font-size : 20px;
padding : 20px 0 30px;
}
.rule-1-color, .rule-2-color {
box-sizing : border-box;
position : relative;
}
#featured {
margin-top : 132px;
}
.rule-1-color {
padding : 40px 40px 40px 0;
}
.rule-2-color {
background : #fecb4c;
padding : 40px 0 40px 40px;
}
.rule-2-color:after {
content : "";
position : absolute;
background : #fecb4c;
width : 100%;
left : 100%;
top : 0;
height : 100%;
}
.form-tab .tabButton.consultancy-icon[selected] {
background : url(img/all.png) -446px -41px no-repeat #fff;
outline : 0;
}
.blog-section .blog-carousel-part {
height : 383px;
}
.blog-section #custom-button .amp-carousel-button-next {
width : 35px;
height : 35px;
background : url(img/cn.png) center no-repeat;
cursor : pointer;
left : 65px;
bottom : 20px;
top : auto;
}
.blog-section #custom-button .amp-carousel-button-prev {
width : 35px;
height : 35px;
background : url(img/cp.png) center no-repeat;
cursor : pointer;
left : 15px;
bottom : 20px;
top : auto;
}
.know-box {
float : left;
width : 100%;
padding : 0 0 20px;
}
.know-icon, .know-part {
float : left;
width : auto;
}
.know-box:last-child {
padding-bottom : 0;
}
.know-icon {
margin-right : 25px;
min-width : 72px;
}
.know-part {
max-width : 90%;
display : table;
}
.d-steps, .m-steps {
width : 100%;
text-align : center;
float : left;
}
.know-text {
height : 70px;
display : table-cell;
}
.inside-left-heading.single-bottom-line:before, .m-steps {
display : none;
}
.know-list-box {
margin-top : 20px;
}
.know-list-box ul {
padding : 0;
margin : 0;
}
.know-list-box li {
list-style : none;
padding : 5px 0;
}
.offset-md-1 {
margin-left : 8.333333%;
}
.offset-md-2 {
margin-left : 16.666668%;
}
.scroller-2, .slider {
margin : auto;
overflow : hidden;
}
.bg-2 a, .bg-3 a {
color : #000;
font-weight : 600;
text-decoration : underline;
}
.expertise_title {
line-height : 1;
font-size : 16px;
font-weight : 400;
float : none;
width : 100%;
clear : both;
display : block;
text-align : center;
margin-top : 10px;
}
.key-text h3 {
font-size : 18px;
color : #000;
text-align : center;
font-weight : 400;
margin-bottom : 0;
margin-top : 0;
}
.inside-left-heading {
font-size : 26px;
color : #000;
font-weight : 400;
line-height : 30px;
position : relative;
padding : 20px 0;
margin : 53px 0 0;
}
.inside-left-heading:after, .inside-left-heading:before {
background : #ffcb05;
padding : 0;
height : 1px;
width : 141px;
position : absolute;
content : "";
left : 0;
}
.inside-left-heading:before {
top : 0;
}
.inside-left-heading:after {
bottom : 0;
}
.inside-left-heading.single-bottom-line {
padding-top : 0;
}
.inside-left-heading.single-bottom-line:after {
background : #000;
width : 75px;
}
.mt-30 {
margin-top : 30px;
}
.mt-10 {
margin-top : 10px;
}
.mb-30 {
margin-bottom : 30px;
}
.inside-left-heading.single-bottom-line.mb-30.mt-0 {
margin-bottom : 30px;
margin-top : 0;
}
.mb-10 {
margin-bottom : 10px;
}
.FL {
float : left;
}
.FR {
float : right;
}
.portfolio-part, .portfolio-part .portfolio-100, .testimonial-text {
float : left;
box-sizing : border-box;
}
.portfolio-section {
padding : 30px 0 0;
}
.portfolio-part {
width : 33.33%;
}
.portfolio-part .portfolio-100 {
width : 100%;
position : relative;
}
.portfolio-part .portfolio-50-1, .portfolio-part .portfolio-50-2 {
width : 50%;
float : left;
box-sizing : border-box;
position : relative;
}
.portfolio-part .portfolio-100, .portfolio-part .portfolio-50-1, .portfolio-part .portfolio-50-2 {
padding : 2px;
overflow : hidden;
}
.portfolio-part .portfolio-100 img, .portfolio-part .portfolio-50-1 img, .portfolio-part .portfolio-50-2 img {
width : 100%;
}
.portfolio-part .portfolio-100 .portfolio-hover, .portfolio-part .portfolio-50-1 .portfolio-hover, .portfolio-part .portfolio-50-2 .portfolio-hover {
position : absolute;
height : 0;
opacity : 0.0;
left : 0;
bottom : 0;
margin : 5px;
}
.portfolio-part .portfolio-100:hover .portfolio-hover, .portfolio-part .portfolio-50-1:hover .portfolio-hover, .portfolio-part .portfolio-50-2:hover .portfolio-hover {
position : absolute;
opacity : 1.0;
bottom : 0;
}
.inside-list.inside-list-100 li {
width : 100%;
}
.inside-left-heading.single-line-18 {
font-size : 20px;
font-weight : 600;
padding-bottom : 10px;
}
.h3-small, .testimonial-author {
font-size : 17px;
font-weight : 700;
}
.h3-small {
line-height : 25px;
color : #000;
margin-bottom : 15px;
margin-top : 0;
}
.show-mob {
display : none;
}
.testimonial-text:before {
content : "";
position : absolute;
width : 1px;
height : 100%;
background : #e0e0e0;
top : 0;
left : 0;
}
.testimonial-text {
width : 100%;
position : relative;
padding-left : 40px;
}
.testimonial-author:before {
content : "";
position : absolute;
width : 90px;
height : 1px;
background : #ccc;
top : 0;
left : 0;
}
.testimonial-author {
position : relative;
margin : 25px 0 0;
padding : 25px 0 0;
}
.single-bottom-line.mb-30.mt-0 {
margin-top : 0;
}
@media screen and (min-width : 550px) and (max-width : 767px) {
#content .span5 img {
max-width : 300px;
}
}
@media screen and (min-width : 768px) and (max-width : 1023px) {
#header-hidden-link a.toggle-link.display-inline-block {
padding : 10px 14px;
font-size : 13px;
}
#header-hidden-link button.toggle-link .toggle-link-text {
font-size : 13px;
}
#header-hidden-link button.toggle-link {
padding : 10px 14px;
}
.know-part {
max-width : 86%;
}
.container-fluid {
padding-left : 0;
padding-right : 0;
}
.portfolio-part .portfolio-50-1, .portfolio-part .portfolio-50-2, .post-portfolio-img, .post-portfolio-part {
width : 100%;
}
.span6.tab-span4, .span6.tab-span6 {
margin-left : 0;
box-sizing : border-box;
}
.res-tab-title {
font-size : 12px;
padding : 10px;
}
.m-mn-prt {
display : none;
}
.ampstart-headerbar, .demo-2 {
display : block;
}
.demo-2 {
top : -55px;
}
.rule-2-color {
min-height : 230px;
}
.rule-1-color {
padding-right : 0;
}
.rule-text {
font-size : 17px;
}
footer ul.link-list li li p {
font-size : 13px;
}
.inside-header-banner {
height : 275px;
background-size : cover;
}
.span6.tab-span4 {
width : 40%;
padding-left : 20px;
}
.span6.tab-span6 {
width : 60%;
padding-left : 10px;
}
.enquiry-popup {
width : 80%;
left : 10%;
}
.breadcrumb-section {
margin-top : 0;
}
.carousel-bg .item {
min-height : 350px;
}
.banner-text-panel {
top : 80px;
font-size : 20px;
width : 310px;
right : 10px;
}
.arrow {
position : absolute;
right : 0;
top : 0;
width : 50px;
background : url(img/mma.png) center no-repeat;
height : 100%;
cursor : pointer;
}
.services-section .span12 {
margin-left : 25px;
}
.body_home .container-fluid .container {
padding-left : 0;
padding-right : 0;
}
#header-hidden-link {
right : 20px;
}
#inside-header {
background-size : cover;
margin-top : 105px;
}
.main-amp-banner .banner-1, .main-amp-banner .banner-2, .main-amp-banner .banner-3, .main-amp-banner .banner-4 {
min-height : 350px;
background-size : cover;
}
.main-amp-banner {
min-height : 350px;
}
.carousel-part {
height : 350px;
max-height : 350px;
}
.left-heading {
font-size : 25px;
}
}
@media screen and (min-width : 1024px) and (max-width : 1169px) {
.container {
width : 96%;
}
.post-portfolio-img, .post-portfolio-part {
width : 100%;
}
.m-mn-prt {
width : 100%;
margin-left : 0;
margin-top : 0;
}
.m-mn-prt .navbar .nav li a {
font-size : 14px;
margin-left : 9px;
margin-right : 9px;
}
.m-mn-prt .navbar .nav .dropdown .dropdown-menu li a {
font-size : 13px;
}
.m-mn-prt .menu-itm-prt-lst li {
max-width : 122px;
}
.third-level-menu li a {
font-size : 12px;
padding : 10px;
}
.services-section .span12 {
margin-left : 25px;
}
.body_home .container-fluid .container {
padding-left : 0;
padding-right : 0;
}
.carousel-bg .item {
min-height : 475px;
}
.cntr-pt ul li {
max-width : 62px;
}
.cntr-pt ul li .cntr-n {
font-size : 10px;
}
.inside-header-banner {
height : 360px;
background-size : cover;
}
.breadcrumb-section {
margin-top : 0;
}
.navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
width : 100%;
}
}
@media screen and (width : 1024px) {
#inside-header {
background-size : cover;
margin-top : 105px;
}
.container-fluid {
padding-left : 0;
padding-right : 0;
}
.span3 {
width : 219px;
}
.third-level-menu li a {
font-size : 12px;
padding : 10px 7px;
}
.m-mn-prt {
display : none;
}
.ampstart-headerbar, .demo-2 {
display : block;
}
.demo-2 {
top : -45px;
}
#header-hidden-link {
right : 20px;
}
}
.scrollToTop {
color : #fafafa;
font-size : 14px;
box-shadow : none;
width : 35px;
height : 35px;
border : 0;
outline : 0;
background : url(img/st.png) center no-repeat;
z-index : 9999;
bottom : -1px;
right : 20px;
position : fixed;
opacity : 1.0;
visibility : visible;
}
#marker {
position : absolute;
top : 100px;
width : 0;
height : 0;
}
body {
font : 17px/25px 'Open Sans', Arial, Sans-serif;
margin : 0;
box-shadow : none;
}
.footergdpr {
position : fixed;
}
div[submit-error=""] {
color : red;
font-size : 12px;
padding : 5px;
background : #ffdfdf;
}
div[submit-success=""] {
color : green;
font-size : 12px;
padding : 5px;
background : #f1ffdf;
}
#header-hidden-link button.toggle-link:after {
content : "";
position : absolute;
top : 11px;
right : 1px;
height : 20px;
width : 1px;
background : #d5d5d5;
}
#header-hidden-link a.toggle-link.portfolio-link:after {
content : "";
position : absolute;
top : 11px;
right : 1px;
height : 20px;
width : 1px;
background : #d5d5d5;
}
.navbar-part:after {
position : absolute;
content : "";
width : 100%;
top : 0;
left : 0;
height : 11px;
background : url("img/top.png") bottom repeat-x #fff;
}
#header-hidden-link {
top : -6px;
background : url("img/top.png") bottom repeat-x #fff;
z-index : 9;
}
#header-hidden-link:before {
position : absolute;
content : "";
width : 45px;
top : 1px;
left : -45px;
height : 100%;
background : url("img/bl.png") left bottom no-repeat;
}
#header-hidden-link:after {
position : absolute;
content : "";
width : 45px;
top : 1px;
right : -45px;
height : 100%;
background : url("img/br.png") right bottom no-repeat;
}
#content a {
color : #434343 !important ;
}
#captchaRefreshId, .captchaRefresh {
position : absolute;
left : 337px;
top : 15px;
background : none;
border : 0 !important ;
outline : 0 !important ;
font-size : 0 !important ;
color : #000;
background : url("img/refresh-icon.svg") no-repeat #fff;
padding-left : 26px;
}
.control-group.captcha-part {
position : relative;
}
@media screen and (max-width : 1366px) {
.wn {
width : 150px !important ;
}
#captchaRefreshId, .captchaRefresh {
left : 287px;
}
}
@media screen and (max-width : 480px) {
#captchaRefreshId, .captchaRefresh {
left : 257px;
}
.call-me-form-horizontal .frm-left-part .form-field1 input.home-textfield-captcha-top {
width : 100%;
float : left;
}
.wn {
width : 139px !important ;
}
}

↑ Top