body a { transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; } html, body{ font-size: 15px; font-family: 'Montserrat', sans-serif; } body{ background:#F4F4F4; font-weight:500; } ::-moz-selection { color: #fff; background: #e74c3c; } ::selection { color: #fff; background: #dc0972; } a { color:#1455b7; text-decoration: none; } a:hover{ color: #1455b7; } h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; } h1, .h1 { font-size: 28px; } h2, .h2 { font-size: 20px; } p { font-family: 'Montserrat', sans-serif; } .h1custom h1{ color:#000; } .pagenotfound h1{ font-size:80px; } .pagenotfound p{ font-size:20px; } .ptop20{ padding-top:20px; } .service-section-top img{ border-radius:100%; padding: 10px; cursor:pointer; } .hover-zoom-out1 figure { margin: 0; padding: 0; overflow: hidden; } .hover-zoom-out1 figure:hover img{ transform: scale(1.05); transition-duration: 1s; cursor:pointer; } .space-padd20{ padding:20px 0px; } .details-contents{ padding: 20px 0px; } .details-contents h2{ color:#000; } .details-contents ul{ margin-top:10px; color:#000; font-size:13px; } .common-bg-color{ box-shadow: 0 1px 1px 0 rgb(0 0 0 / 6%), 0 2px 5px 0 rgb(0 0 0 / 20%); background: #FFF; padding:20px; } .headingcommon h3{ margin:0px 0px 20px 0px; font-weight:600; } .top-headers{ background:#8f070a; } .top-headers h1{ color: #fff; text-align: center; margin: 0px; font-size: 18px; padding: 6px 0px; } .banner{ background: url(../images/banner1.jpg) no-repeat 0px 0px; background-size: cover; min-height: 800px; position: relative; background-position:50% center; } .banner1 { background: url(../images/banner1.jpg) no-repeat 0px 0px; background-size: cover; min-height: 800PX; position: relative; background-position:20% center; } .jarallax { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .w3-header-bottom { background:#E7E9EB; padding: 0.3em 2em; } .agileinfo-phone { float: left; margin: .5em 2em 0 0; } .w3layouts-logo h1 i.fa.fa-shopping-bag { position: absolute; top: 78%; left: 60%; color: #fff; -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .agileinfo-phone p { color: #FFFFFF; font-size: .9em; margin: 0; font-weight: 600; } .agileinfo-map{ margin-right:0; } .alignright{ display: inline; float: right; margin-left: 1.5em; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .content-whites{ color:#fff; } .footer-tags a{ font-weight: 700; color:#000; font-size:20px; margin-top: 10px; margin-bottom: 5px; } .search-grid{ float: right; width: 14%; } .search-grid input[type="text"] { display: inline-block; background: none; border: none; border-bottom: solid 1px #ffffff; width: 80%; padding: .5em; outline: none; font-size: .9em; color: #FFFFFF; } .big-dog::-webkit-input-placeholder { color: #FFFFFF !important; } .search-grid i.fa.fa-paper-plane-o{ color: #FFFFFF !important; font-size: 1.2em !important; } .search-grid button.btn1 { color: #ffffff; font-size: .9em; border: none; text-align: center; text-decoration: none; background: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .search button:hover{ border: solid 1px #212121; background: #212121; } .search button:hover i.fa.fa-paper-plane-o{ color: #FFFFFF !important; } .logo-sect{ margin-top:0px; } .logo-sect a { color: #dc0972; font-size: 40px; text-decoration: none; font-weight: 600; text-transform:capitalize; letter-spacing: 2px; } .w3layouts-logo h1 { margin: .05em 0; position: relative; } .w3layouts-logo { width: 15%; float: left; } .top-nav { float: right; text-align: center; margin: .8em 0 0 0; } .top-nav{ float: right; text-align: center; margin: 1.2em 0 0 0; } .navbar-default { border: none !important; background: none !important; margin: 0 !important; min-height: 0 !important; padding: 0 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none !important; } .top-nav ul{ padding: 0; margin: 0; float: none; } .top-nav ul li{ display: inline-block; float: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none; box-shadow: 1px 0px 0px 0px rgba(72, 72, 72, 0); outline: none; border-right: none; } .top-nav ul li a{ color:#000 !important; font-size: 1em; margin: 0 2em; padding: 0; text-decoration: none; font-weight: 600; letter-spacing: 1px; border-right: none; text-transform: uppercase; } .top-nav ul li a.list-border{ border-left: none; } .top-nav ul li a:hover{ color: #dc0972 !important; } .top-nav ul li a.active{ background: none; } ul.dropdown-menu { background: #fec303; box-shadow: 0 0 0; border: none; margin: 0; top: 2.8em; left: 0px; min-width: 106px; } ul.dropdown-menu li{ width: 100% !important; margin: 0 !important; } ul.dropdown-menu li:after{ background:none !important; } .dropdown-menu > li > a { display: block; padding: .5em 1em !important; text-align: center; clear: both; margin: .2em 0 !important; font-weight: normal; line-height: 1.42857143; color: #FFF !important; border: none !important; } .top-nav ul li a { margin: 0 1.4em !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #FFFFFF; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 103%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-width: 5px 0 5px 5px; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .list { list-style-type: none; margin: 0; padding: 0; } li.classified { margin-bottom: 1.875rem; cursor: pointer; } .list > li { margin: 0 0 1rem 0; } .clad { background: #fff; border: 1px solid #ccc; border-radius: 4px; padding-right: 1.25rem; position: relative; } .clad__wrapper { -ms-grid-columns: 31% 69%; display: -ms-grid; display: grid; grid-template-columns: 31% 69%; text-decoration: none; } .clad__photo { box-sizing: border-box; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-column: 1; grid-row: span 2; overflow: hidden; position: relative; } .clad__image-wrapper { height: 100%; position: relative; } .clad__image { width: 95%; } .clad__summary { box-sizing: border-box; -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2; grid-row: 1; padding-left: 1.25rem; } .clad__specs { display: inline-block; font-size: 0.75rem; margin: 0.5rem 0 0.75rem 0; } .clad__shortdesc { line-height: 26px; margin: 1rem 0 0.625rem 0; } .clad__title .div-title{ font-size:24px; margin-top:10px; font-weight:700; color:#e2043e; } .clad__photo { box-sizing: border-box; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-column: 1; grid-row: span 2; overflow: hidden; position: relative; } .svg-camera { border-top-right-radius: 4px; border-bottom-left-radius: 4px; color: #fff; font-weight: 600; padding: 3px 6px 1px 7px; position: absolute; bottom: 0; max-width: 50%; } .agileinfo-social-grids { float: right; margin-top: 0.4em; width: 60%; } .agileinfo-social-grids ul{ padding:0; margin:0; } .agileinfo-social-grids ul li{ display: inline-block; } .agileinfo-social-grids ul li a { color: #FFFFFF; text-align: center; } .agileinfo-social-grids ul li a i.fa{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; background: #363636; width: 40px; height: 40px; line-height: 2.5em; border-radius: 50%; } .agileinfo-social-grids ul li a i.fa.fa-facebook:hover { background:#3b5998; } .agileinfo-social-grids ul li a i.fa.fa-twitter{ margin:0 1em; } .agileinfo-social-grids ul li a i.fa.fa-twitter:hover{ background: #55acee; } .agileinfo-social-grids ul li a i.fa.fa-rss{ margin:0 0.5em 0 0; } .agileinfo-social-grids ul li a i.fa.fa-rss:hover{ background: #f26522; } .agileinfo-social-grids ul li a i.fa.fa-vk:hover{ background: #45668e; } .banner-info { padding: 20em 0 0 0; } .w3layouts-banner-info{ text-align: center; } .w3layouts-banner-info h1{ color: #FFFFFF; font-size: 2em; margin: 0; position: relative; letter-spacing: 7px; font-weight: 600; } .w3layouts-banner-info h1 span{ font-size: 2em; color:#dc0972; } .w3layouts-banner-info p{ color: #FFFFFF; font-size: .9em; margin: 1em 0 0 0; line-height: 1.8em; letter-spacing: 4px; text-transform: uppercase; } .w3ls-button { margin: 2em auto 1em; } .w3ls-button a { color: #fff; font-size: 1em; padding: .5em 2em; border: solid 2px #0099e5; text-decoration: none; margin: 0; background: #0099e5; } .w3ls-button a:hover { color: #fff; border: solid 2px #f05d68!important; background: #f05d68!important; } .vertical-item.content-absolute { position: relative; overflow: hidden; margin-bottom:30px; } .cs { background-color: #e0006c; color: #ffffff; } .item-media { position: relative; overflow: hidden; } .media-links { text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } [class*="item"]:hover .media-links:before { filter: alpha(opacity=50); opacity: 0.5; } .media-links:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .media-links a.abs-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; } [class*="item"]:hover .media-links a.abs-link { opacity: 1; } .cs a:hover { color: #fff; } .vertical-item.content-absolute .item-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30px 10px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .cs .grey { border-color: #ffffff; color: #ffffff; } .model-col .bg_overlay { opacity: 0.9; z-index: 0; } .gradient_bg_goriz .bg_overlay { background: #fd61e3; background: -webkit-linear-gradient(left, #fd61e3, #fd61e3 50%, #ff77b8); background: linear-gradient(to right, #fd61e3, #fd61e3 50%, #ff77b8); } .bg_overlay { position: absolute !important; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .model-intro .model-col img{ padding:7px; width:100%; border-radius:100% } .model-intro .model-col-s img{ width:100%; object-fit: cover; } .headmr0 h2{ margin-top:10px; } .model-intro .model-parameters { position: relative; z-index: 1; font-size: 0; } [class*="gradient_bg"] .model-parameters { color: #ffffff; } .model-intro .model-parameters .model-common-div { display: inline-block; padding: 5px 3.5%; margin: 5px 0; font-size: 13px; line-height: 20px; } .model-intro .vertical-item.content-absolute .item-content { bottom: -200px; opacity: 0; } .model-intro .vertical-item.content-absolute:hover .item-content { bottom: 0; opacity: 1; } .model-social{ margin:0px; padding:0px; } .model-social li{ list-style:none; margin:0px 0px 0px 0px; padding:0px 4px; display: inline-block; } .model-social li a{ color:#fff; } .model-social li a i{ width:30px; height:30px; font-size:18px; line-height:30px; border:1px solid #fff; border-radius:100%; } .h3-headings { padding: 5px 0.5%; margin: 5px 0; font-size: 18px; line-height: 24px; font-weight:600; } .h3-headings a{ color:#fff; } .h3-headings a:hover{ color:#fff; } .h1-title h1{ font-size: 24px; font-weight: 700; margin-top:0px; margin-bottom: 20px; text-align: center; } .h1-title h2{ font-size: 24px; font-weight: 700; margin-bottom: 20px; } .h1-title h3{ font-size: 22px; font-weight: 700; margin-bottom: 20px; } .h1-title h4{ font-size: 20px; font-weight: 700; margin-bottom: 20px; } .h1-color{ color:#fff; } .bg_darkblaick{ background-color: #081125; } .text-block-19 { margin-bottom: 25px; padding-left: 25px; border-left: 7px solid #e2043e; line-height: 22px; text-align: left; } .quality { position: relative; padding: 30px 20px 30px 25px; background-color: #e2043e; color: #fff; min-height: 275px; } .quality._1 { background-color: #474748; } .image-6 { width: 64px; } .text-block-4 { margin-top: 10px; margin-bottom: 15px; font-size: 18px; } .quality_line { position: relative; left: -10px; width: 50px; height: 2px; margin-bottom: 15px; background-color: #fffefe; } .call-us{ text-align: right; padding-right: 2.8em; } .call-us img{ height:32px; } .call-us a{ font-size:20px; color:#fff; font-weight:600; } .font-size24{ font-size:24px; } .font-size18{ font-size:18px; } .pleft-0{ padding-left:0px; } .gray_blue{ background:#333; } .fontsize-28s{ font-size:28px; font-weight: 700; } .tags-sections{ padding: 0px 0px 20px 0px; } .tags-sections h4{ text-align: center; font-size: 20px; font-weight:700; font-style: italic; } .tags-box h4{ margin-top:0px; margin-bottom: 15px; } .tags-sections h5{ text-align: center; font-size: 20px; font-weight:700; font-style: italic; } .tags-box h5{ margin-bottom: 15px; } .tags-box ul{ padding:0px; margin:0px; } .tags-box li { display: inline-block; padding-right: 8px; margin-bottom: 10px; } .tags-box li a { padding: 5px 5px; background: #dedede; color: #151515; font-size:13px; border-radius: 4px; display: inline-block; transition: all 0.1s ease-in; box-shadow: 0 0px 0px #7cd3e8; width: 100%; color: #2A5279; background-color: #DEF2FC; } .tags-box li a:hover { transform: scale(1.1); } .faq-section{ padding-bottom:0px; } .panel-heading .panel-title { font-size: inherit; letter-spacing: 0; padding: 0; position: relative; } .panel-heading .panel-title > a { line-height: 24px; font-size:18px; display: block; font-weight: 600; padding: 18px 15px 18px 15px; color: #ffffff; background-color: #e2043e; border: none; word-wrap: break-word; } .panel-heading .panel-title > a.collapsed:hover, .panel-heading .panel-title > a:hover { color: #ffffff; background-color: #e2043e; } .panel-heading .panel-title > a.collapsed:hover > i, .panel-heading .panel-title > a.collapsed:hover:after, .panel-heading .panel-title > a:hover > i, .panel-heading .panel-title > a:hover:after { color: #ffffff; } .panel-heading .panel-title > a.collapsed { background-color: #f2f2f2; } .panel-heading .panel-title > a:after { color: #ffffff; content: '+'; font-size: 20px; position: absolute; line-height: 58px; text-align: center; right: 0; top: 0; bottom: 0; width: 60px; letter-spacing: 0; } .panel-heading .panel-title > a.collapsed:after { content: '-'; } .panel-heading .panel-title > a.collapsed { color: #1a1a1a; } .panel-heading .panel-title > a.collapsed > i { color: #e0006c; } .panel-heading .panel-title > a.collapsed:after { color: #1a1a1a; } .panel-heading .panel-title > a > i { color: #ffffff; position: relative; top: 1px; font-size: 18px; padding-right: 12px; } .panel { box-shadow: none; } .panel-group .panel { border-radius: 0; background-color: transparent; } .panel-default > .panel-heading { background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding: 0; } .panel-default { border-color: transparent; } .panel-group .panel + .panel { margin-top: 10px; } .panel-body { border-top: none !important; background-color: #f2f2f2; } .panel-body .media-left { padding-top: 8px; padding-right: 28px; } .panel-body .media-left .img-circle { max-width: 50px; } .panel-body .media-left img { max-width: none; } .panel-group .panel-heading + .panel-collapse .panel-body { padding: 23px 30px 30px; border-radius: 0px; } .our-agency p{ color:#333; } .h3-color-pink{ color:#e74c3c; } #slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; } .events { list-style: none; } .callbacks_container { position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; } .callbacks img { position: relative; z-index: 1; height: auto; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; padding: 10px 20px; margin: 0; max-width: none; top: 10%; text-align: center; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 109px; left: 0; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; width: 50px; height: 50px; background: transparent url(../images/arrows.html) no-repeat left top; } .callbacks_nav.next { left: auto; background-position: right top; right: 0; } .callbacks_nav.prev { right: auto; background-position: left top; left: 0; } #slider3-pager a { display: inline-block; } #slider3-pager span{ float: left; } #slider3-pager span{ width:100px; height:15px; background:#fff; display:inline-block; border-radius:30em; opacity:0.6; } #slider3-pager .rslides_here a { background: #FFF; border-radius:30em; opacity:1; } #slider3-pager a { padding: 0; } #slider3-pager li{ display:inline-block; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display:none; width: 100%; left: 0; top: 0; } .rslides li{ position: relative; display: block; float: left; } .rslides img { height: auto; border: 0; } .callbacks_tabs{ list-style: none; position: absolute; top: 100%; left: 48%; padding: 0; margin: 0; display: block; z-index: 999; } .slider-top span{ font-weight:600; } .callbacks_tabs li{ display: inline-block; margin: 0; } .callbacks_tabs a{ visibility: hidden; } .callbacks_tabs a:after { content: "\f111"; font-size: 0; font-family: FontAwesome; visibility: visible; display: block; height: 10px; width: 10px; display: inline-block; background: #ffffff; border: 2px solid #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .callbacks_here a:after{ background: #dc0972; border: 2px solid #dc0972; } .agileits-w3layouts-info img{ width:100%; } .modal-header h4 { font-size: 2em; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #111; text-align: center; } .modal-body p{ margin: 1em 0 0 0; font-size: .875em; color: #999999; line-height: 1.8em; } .w3-services,.testimonials,.portfolio,.about,.w3-team{ padding:2em 0; } .contact{ padding:2em 0; } .wthree-heading h2,.wthree-heading h3,.w3-testimonials-head h3,h3.w3ls_head,h3.agileits-title,.w3-services-left-grid h3,.w3-team-head h3,h3.wthree_head_contact{ text-align: center; color: #dc0972; font-size:22px; font-weight: 700; margin-top:0px; margin-bottom: 20px; } .ab-text { text-align: Justify; margin-top: -2em; } p { line-height: 1.8em; font-weight: 500; font-size: 13px; } .ab-text h6 { font-size: 1.4em; color: #dc0972; line-height: 1.5em; margin-bottom: 0.5em; } .grid { position: relative; margin: 0 auto; } .hf-text { text-align: center; background-color: #fff; padding-bottom: 1em; } .hf-text h5 { font-size: 2em; font-weight: 400; color: #011750; line-height: 1.8em; } .hf-text p{ color: #D00030; text-transform: uppercase; font-size: 1em; font-weight: 600; } /*-- Common style --*/ .grid figure { position: relative; float: left; overflow: hidden; height: auto; background: #000; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; opacity: 0.8; width: 100%; } .grid figure figcaption { padding: 1em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h4 { word-spacing: -0.15em; font-weight: 300; } .grid figure h4 span { font-weight: bold; color: #fff; margin-left: 12px; } figure.effect-jazz img { opacity: 0.8; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-jazz p { opacity:1; -webkit-transform: scale3d(0.8,0.8,1); -moz-transform: scale3d(0.8,0.8,1); -o-transform: scale3d(0.8,0.8,1); -ms-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); } figure.effect-jazz .h4-head { padding-top:40%; -webkit-transition: -webkit-transform 0.35s; -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -ms-transition: transform 0.35s; transition: transform 0.35s; color: #dc0972; font-weight: bold; font-size: 32px; text-transform: capitalize; } figure.effect-jazz .h4-s-head { padding-top:0%; -webkit-transition: -webkit-transform 0.35s; -moz-transition: transform 0.35s; -o-transition: transform 0.35s; -ms-transition: transform 0.35s; transition: transform 0.35s; color: #dc0972; font-weight: bold; font-size: 32px; text-transform: capitalize; } figure.effect-jazz p { padding: 1em 0; text-transform: none; opacity: 0; color: #fff; font-size: .8em; letter-spacing: 2px; } .mb-16{ margin-bottom:16px; } figure.effect-jazz:hover img { opacity: 0.4; -webkit-transform: scale3d(1.05,1.05,1); -moz-transform: scale3d(1.05,1.05,1); -o-transform: scale3d(1.05,1.05,1); -ms-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); -moz-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); -o-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); -ms-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); } figure.effect-jazz:hover h4, figure.effect-jazz:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .about-section.abt-w3sec2.w3ls{ margin:0; } .abt-w3limg.one { margin-bottom:0; } .start{ text-align:center; margin-top: 2em; } .start a { color: #fff; font-size: 1em; padding: .5em 2em; border: solid 2px #dc0972; text-decoration: none; margin: 0; background: #dc0972; -webkit-transition:.5s all; -moz-transition:.5s all; -o-transition:.5s all; -ms-transition:.5s all; transition:.5s all; } .start a:hover { color: #fff; background: #111111; border: 1px solid #111111; } .w3-services{ background: url(../images/s1.jpg) no-repeat 0px 0px; background-size: cover; min-height: 500px; } .w3-services-left-grid h3 { color: #fff; } .w3-services-left-grid h4 { font-size: 1.4em; font-weight: 300; color: #fff; margin-bottom: 1em; } .w3-services-left-grid p { font-size: 1em; line-height: 1.8em; letter-spacing: 0px; color: #fff; padding: 0 3em; } .w3-icon-grid1 i { font-size: 3em; color:#dc0972; } .w3-icon-grid-gap1 { margin: 2em 0 4em 0; } .w3-services-right-grid h3 { text-transform: uppercase; color: #fff; font-size: 20px; letter-spacing: 2px; } .w3-services-left-grid { text-align: center; } .w3-team-grid img { width: 100%; } .w3-team-grid img { width: 100%; padding-top: 0.5em; } .w3-team-grid { background:#dc0972; margin: 0.5em; width: 31.9%; } .w3-team-grid h3 { color: #fff; text-align: center; letter-spacing: 1px; font-size: 24px; } .w3-team-grid ul { padding: 0; margin: 1em 0; text-align: center; } .w3-team-grid ul li{ display: inline-block; } .w3-team-grid ul li a { color: #333; text-align: center; } .w3-team-grid ul li a i.fa.fa-facebook{ height: 30px; width: 30px; line-height: 30px; border: solid 2px #FFF; background: none; color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .w3-team-grid ul li a i.fa.fa-facebook:hover { background: #3b5998; } .w3-team-grid ul li a i.fa.fa-twitter{ height: 30px; width: 30px; line-height: 30px; border: solid 2px #FFF; background: none; color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .w3-team-grid ul li a i.fa.fa-twitter:hover{ background: #55acee; } .w3-team-grid ul li a i.fa.fa-rss{ height: 30px; width: 30px; line-height: 30px; border: solid 2px #FFF; background: none; color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .w3-team-grid ul li a i.fa.fa-rss:hover{ background: #f26522; } .gallery-icon{ font-size:50px; color:#fff; } .view .mask, .view .content { width: 267px; height: 210px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .view h4 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background:rgba(33, 33, 33, 0.6); margin: 5em 0; } .view p { font-style: normal; font-size: 14px; position: relative; color: #fff; padding: 15px 20px 15px; text-align: center; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .view-seventh img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view-seventh .mask { background-color:rgba(236, 68, 69, 0.85); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .view-seventh h4 { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-seventh p { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-seventh a.info { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-seventh:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -o-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .view-seventh:hover h4 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; transition-delay: 0.7s; } .view-seventh:hover p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; } .view-seventh:hover a.info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } .main:nth-child(3) { margin: 3em 0 0; } .testimonials{ background:url(../images/tb.jpg)no-repeat center ; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; } .testimonials-grid-1 { width: 200px; } .w3-testimonials-head h3 { color: #fff; } .testimonials h4, h5 { font-size: 25px; } .w3l-info1 h1{ font-size: 3em; color: #000; text-transform: uppercase; line-height:1.4em; letter-spacing:0.2em; font-weight: 900; } .w3l-info1 p { font-size: 1em; color: #fff; line-height: 1.8em; margin-top: 20px; padding-right: 60px; } .w3l-info1 h3 { font-size: 3em; color:#999; } .testimonials h5 { font-size: 16px; color: #dc0972; margin-top:10px; } .testimonials .col-md-9 { padding-left:0px; padding-right:0px; color:#fff; } .flexslider .slides > li { display: block; } .map iframe { width: 100%; min-height: 400px; } .map { position: relative; } .w3layouts_mail_grid_right input[type="text"], .w3layouts_mail_grid_right input[type="email"], .w3layouts_mail_grid_right textarea { outline: none; padding: 10px; font-size: 14px; color: #212121; background: #f5f5f5; width: 100%; border: 1px solid #E6E6E6; margin-bottom: 1em; } .w3layouts_mail_grid_right textarea { min-height: 200px; margin-left: 1.1em; width: 95.2% !important; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { outline: none; padding: 10px 0; font-size: 14px; color:#fff; font-weight: 600; background: #3662df; width: 46%; border: none; text-transform: uppercase; margin-left: 1.1em; } .w3layouts_mail_grid_right input[type="submit"]:hover, .w3layouts_mail_grid_right input[type="reset"]:hover { opacity:0.9; color:#fff; } .w3layouts_mail_grid_right { padding: 0; } .w3_agile_contact_left ul li{ display:inline-block; width:100%; border: 2px solid rgb(143 7 10); } .agile_map_grid ul li{ display: inline-block; color: #fff; margin-bottom:1em; text-transform: capitalize; } .agile_map_grid ul li:last-child,.agileits_w3layouts_footer_grid ul li:last-child{ margin:0; } .agile_map_grid ul li a,.agileits_w3layouts_footer_grid ul li a{ color:#fff; text-decoration:none; } .agile_map_grid ul li a:hover{ color:#ff0101; } .agileits_w3layouts_footer_grid ul li a:hover{ color:#ff0101; } .agile_map_grid ul li i { color: #212121; margin-right: 1em; padding: .5em; background: #fff; border-radius: 50%; } .agile_map_grid ul li span{ color:#ff0101; font-weight:600; } .footer{ background:url(../images/bga.html)no-repeat center ; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; } .footer-grids h3,.footer-grids1 h3 { color: #333; font-size: 27px; margin-bottom: 40px; text-transform: capitalize; font-weight: 800; } .footer-grids input[type="email"] { border: 1px solid #333; background: none; border-bottom: 1px solid #333; width: 100%; padding: 10px; margin-bottom: 58px; font-size: 14px; color: #111; outline:none; font-weight: 600; } .footer-grids input[type="email"]:hover { border: 1px solid #111; } .footer-grids input[type="submit"] { border: none; background: #dc0972; width: 100%; color: #fff; font-size: 20px; padding: 10px 0; outline: none; } .footer-grids input[type="submit"]:hover { background:#111; } .footer-grids ul li a:hover{ transform: rotateY(360deg); } .footer-grids p,.footer-grids1 p{ color:#333; line-height:2.2em; font-size:14px; font-weight: 600; } .footer-grids p a,.footer-grids1 p a{ color:#0085a0; text-decoration:none; } .footer-grids p a:hover,.footer-grids1 p a:hover{ color:#020202; } .footer-grids { position: absolute; left: 0%; bottom: 0; background: rgba(255, 255, 255, 0.57); width: 35%; padding: 5.2em 3em; } .footer-grids1 { position: absolute; right: 0%; bottom: 0%; bottom: 0%; background: rgba(255, 255, 255, 0.57); width: 35%; padding: 3.6em; } .footer-bot { padding: 0em 0; } .logo2{ float:left; } .logo2 h3 a { color: #fff; text-decoration: none; font-size: 26px; text-transform:capitalize; margin: 0; } .ftr-menu { float: right; margin-top: 31px; } .ftr-menu ul{ padding:0px; } .ftr-menu ul li{ display:inline-block; font-family: 'Open Sans Condensed', sans-serif; } .ftr-menu ul li a{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display: block; text-decoration: none; font-size: 14px; font-weight: 500; color: #000; margin-bottom: 8px; background: #dfdfdf; padding: 4px 5px; border: 1px solid #ccc; } .ftr-menu ul li a:hover{ color:#2A5279 !important; border: 1px solid #d5d5d5; } .copy-right{ padding: 16px 0 20px 0; background:#081125; text-align:center; } .copy-right p { margin:0px 0 0 0; font-size:10px; color: #fff; text-align:center; letter-spacing: 0px; } .copy-right p a{ color:#fff; } .copy-right p a:hover{ color: #fff; } #toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 2%; overflow: hidden; z-index: 999; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(../images/arrow.png) no-repeat 0px 0px; } #toTopHover { width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .w3_agile_contact_left ul{ margin-top:-20px; } .whatsapp-icon { position: fixed; right: 15px; bottom: 200px; z-index: 9999; } .whatsapp-icon img{ height:50px; } .callusbtn { position: fixed; right: 20px; bottom: 280px; /* padding: 10px 14px; */ z-index: 9999; } .profile-list-card { margin-bottom: 20px; display: inline-block; width: 100%; position: relative; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; box-shadow: 2px 3px 10px 0 rgb(177 172 172); } .pr-list-left { float: left; width: 15.5%; } .pr-list-right { float: left; width: 84.5%; margin: 0; padding: 0 15px; } .pr-list-left1 { float: left; width: 13.5%; } .pr-list-right1 { float: left; width: 86.5%; margin: 0; padding: 0 15px; } .pr-list-left2 { float: left; width: 86.5%; padding: 0 15px; } .pr-list-right2 { float: left; width: 13.5%; margin: 0; } .profile-pic-sec { height: 100%; } .space-mt-20{ margin-top:20px; } .list-content-box .list-hd1{ color: #3662df; font-weight: 600; font-size: 16px; margin: 12px 0px 10px; -webkit-line-clamp: 2; height: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .list-content-box .list-hd1 a { font-size: 16px; float: left; font-weight: 600; color: #3662df; margin: 12px 0px 10px; -webkit-line-clamp: 2; height: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .list-content-box p { clear: both; font-size: 13px; color: #000; line-height: 24px; margin-bottom: 8px; -webkit-line-clamp: 3; height: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 400; } .gallery-content p{ color:#000; } .img-right-custom{ float:right; margin-left: 20px; } .img-left-custom{ float:left; margin-right: 20px; } .profile-chat-btnd { text-align: right; margin: 12px 0 0px; display: flex; justify-content: flex-end; } .profile-chat-btnd a { padding: 8px 12px; border-radius: 0px; margin: 0 6px 0 0px; font-size: 14px; line-height: 1; white-space: normal; word-wrap: break-word; text-transform: uppercase; } .profile-chat-btnd a:first-child { background: #00a859; color: #ffffff; border: 1px solid #00a859; } .profile-chat-btnd a.phone-text-deck { background: #dc0972; color: #ffffff; border: 1px solid #dc0972; } .esc_addmore { text-align: center; } .esc_addmore .loadbottons { height: 60px; line-height: 60px; width: 100%; font-size: 22px; font-weight: 700; border-radius: 10px; display: inline-block; color: #fff; background-color: #dc0972; cursor: pointer; appearance: none; -webkit-appearance: none; } .spacetop30{ padding-top:30px; padding-bottom: 15px; } .profile-card-box { text-align:justify; color: #000; } .profile-card-box p{ color:#000; font-weight: 400; } .profile-card-box h1 { font-size: 20px; margin-top: 0px; } .profile-sidebar { padding: 20px; background: #e8e8e8; border-radius: 5px; border: 1px solid #dedede; box-shadow: 0 3px 4px 0 rgb(0 0 0 / 20%); display: none; } .contactdk { border-bottom: 1px solid #d9dadb; padding: 0 0 14px; } .post-phone { padding: 8px 14px; font-size: 14px; color: #fff; background: #ce0448; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .post-phone a { color: #fff; font-size: 14px; } .post-whatapp { background: #00a859; padding: 8px 14px; color: #fff; font-size: 14px; text-transform: uppercase; margin: 5px 0 0; text-align: center; } .post-whatapp a { color: #fff; } .d-post-links p { margin: 0; border-bottom: 1px solid #d9dadb; } .d-post-links p a { color: #000; display: flex; width: 100%; justify-content: left; align-items: center; font-size: 14px; text-transform: uppercase; } .d-post-links p i { height: 40px; width: 40px; text-align: center; line-height: 44px; margin-right: 12px; color: #000; font-size: 18px; } .dmbtm-30 { margin-bottom: 30px; } .sticky { display: none; position: fixed; position: sticky !important; position: -webkit-sticky !important; bottom: 0; margin: 0; right: 0; left: 0; z-index: 1030; padding: 10px 15px 20px; text-align: center; background-color: #ffffff; } .sticky li:first-child { margin-right: 10px; } .sticky li { background: #00a859; color: #fff; border-radius: 3px; font-size: 0.85rem; box-shadow: 0 1px 1px rgb(0 0 0 / 50%); text-align: center; margin-bottom: 0; transition: 0.5s; width: 100%; } .sticky li:last-child { margin-left: 10px; background: #ce0448; } .sticky li a { padding: 13px 12px; display: block; color: #fff; text-decoration: none; text-transform: uppercase; } .sticky li a i{ margin-right:5px; } @media(max-width:1440px){ .agileinfo-social-grids { width: -1px; } .top-nav { /* width: 85%; */ } .w3layouts-logo h1 i.fa.fa-shopping-bag { top: 75%; } } @media(max-width:1366px){ .top-nav ul li a { margin:0 1.4em !important ; } .w3layouts-logo h1 i.fa.fa-shopping-bag { top: 75%; left: 69%; } } @media(max-width:1280px){ .top-nav ul li a { margin: 0 1.4em !important; } .agileinfo-social-grids { width: 19%; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 75%; } .wthree-heading h2, .wthree-heading h3, .w3-testimonials-head h3, h3.w3ls_head, h3.agileits-title, .w3-services-left-grid h3, .w3-team-head h3, h3.wthree_head_contact { font-size: 2.8em; } } @media(max-width:1080px){ .top-nav ul li a { margin: 0 0.6em !important; } .w3-header-bottom { padding: 1em 0.5em; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 86%; } .logo-sect a{ font-size: 30px; } .agileinfo-social-grids { width: 22%; } .grid figure figcaption { font-size: 1em; } .w3-services-left-grid h3 { font-size: 2.5em; letter-spacing: 2px; } .w3-services-left-grid p { font-size: 1em; line-height: 1.8em; letter-spacing: 0px; color: #fff; padding: 0 1em; } .w3-services-right-grid h3 { font-size: 18px; letter-spacing: 1px; } .w3-services-right-grid { margin: 3em 0 0 0; } .banner-info { padding: 9em 0 0 0; } .w3layouts-banner-info h3 span { font-size: 2.8em; } .w3-services-left-grid h4 { font-size: 1.2em; } .w3-team-grid { width: 31.6%; } .ftr-menu { float: right; margin-top: 36px; } } @media(max-width:1024px){ .top-nav ul li a { font-size: 0.9em; } .agileinfo-social-grids ul li a i.fa { width: 35px; height: 35px; line-height: 2.2em; } .w3-services-left-grid h4 { font-size: 1.1em; letter-spacing: 0.5px; } .w3-services-right-grid h3 { font-size: 17px; letter-spacing: 1px; } .w3-services, .testimonials, .portfolio, .about, .w3-team { padding: 4em 0; } .contact{ padding:4em 0; } .w3layouts-logo h1 i.fa.fa-shopping-bag { font-size: 0.9em; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 92%; } .w3-services-left-grid h3 { font-size: 2.3em; letter-spacing: 2px; } } @media(max-width:991px){ .w3layouts-logo h1 a { font-size: 1.1em; } .w3layouts-banner-info h3 span { font-size: 2.5em; } .banner-info { padding: 8em 0 0 0; } .callbacks_tabs { left: 45%; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 85%; } .ab-text.two.w3-agileits { width: 100%; } .ab-left.w3-agileits { width: 100%; } .w3-services, .testimonials, .portfolio, .about, .w3-team { padding: 3em 0; } .contact{ padding:3em 0; } .ab-left.w3-agileits { width: 100%; margin: 5em 0 0 0; } .w3-services-left-grid { width: 50%; float:left; } .w3-services-right-grid { width: 50%; float:left; } .w3-icon-grid1 { width: 24%; float: left; } .w3-icon-grid-gap1,.w3-icon-grid-gap2 { margin-left: 6em; } .w3-team-grid { width: 31.1%; float: left; } .testimonials-grid-2 { width: 70%; float: left; } .testimonials-grid-1 { width: 30%; float: left; } .w3layouts_mail_grid_right { width: 50%; float: left; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 43%; } .logo2 { float: left; width: 20%; } .ftr-menu { float:left; width: 80%; } .ftr-menu ul li a { margin: 0 7px; } } @media(max-width:800px){ .agileinfo-social-grids ul li a i.fa { width: 30px; height: 30px; line-height: 2em; } .w3layouts-logo h1 a { font-size: 1em; } .agileinfo-social-grids ul li a i.fa.fa-twitter { margin: 0 0.5em; } .w3-header-bottom { padding: 1em 1.5em 3em; } .top-nav { width: 100%; top: 13%; } .w3-header-bottom { padding: 1em 1em 1em; } .w3layouts-banner-info h3 span { font-size: 2em; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 101%; top: 72%; } .w3layouts_mail_grid_right { width: 80%; float: none; margin: 0 auto; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 30%; } .w3-icon-grid-gap1, .w3-icon-grid-gap2 { margin-left: 3em; } .footer-grids1 { width: 40%; padding: 3.7em; } .w3layouts_mail_grid_right textarea { width: 94.8% !important; } .agileinfo-social-grids { width: 25%; } } @media(max-width:768px){ .w3_agile_contact_left ul{ margin-top:20px; } .quality{ margin-top:15px; } .agileinfo-social-grids { width: 24%; } .top-nav { width: 100%; } .call-us{ margin-top: -44px; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 106%; } } .bothpadd30{ padding:30px 0px; } .scorthd{ font-weight:500 !important; font-size:24px !important; margin-bottom:35px !important; } @media(max-width:767px){ .scorthd{ margin-top:25px !Important; margin-bottom:15px !Important; } .pr-list-left { width: 34%; min-width: 34%; height: 140px; min-height: 140px; overflow: hidden; background-size: cover; } .profile-pic-sec img { height: 100%; } .pr-list-right { float: left; width: 66%; margin: 0; padding: 0 12px; } .pr-list-left1 { width: 34%; min-width: 34%; height: 140px; min-height: 140px; overflow: hidden; background-size: cover; } .pr-list-right1 { float: left; width: 66%; margin: 0; padding: 0 12px; } .pr-list-left2 { float: left; width: 66%; margin: 0; padding: 0 12px; } .pr-list-right2 { width: 34%; min-width: 34%; height: 140px; min-height: 140px; overflow: hidden; background-size: cover; } .list-content-box .list-hd1 a { margin: 8px 0px 8px; } .list-content-box p { font-size: 13px; line-height: 20px; -webkit-line-clamp: 2; } .profile-chat-btnd { margin: 4px 0 0px; } .profile-chat-btnd a { padding: 4px; text-transform: capitalize; font-size: 14px; margin: 0px 3px 0 0px; } .esc_addmore .loadbottons { height: 50px; line-height: 50px; font-size: 18px; } .sticky.stick-mobile-display { display: flex; flex-wrap: nowrap; display: none; } .profile-sidebar { display: none; } .copy-right { text-align:center; } } @media(max-width:736px){ .clad { max-height: 28rem; } .clad__title h4 { font-size: 20px; font-weight: 700; line-height: 26px; } .h1-title h1{ font-size:22px; margin-bottom:15px; } .w3layouts-banner-info h1 span{ font-size: 36px; font-weight: 800; } .w3_agile_contact_left ul{ padding:0px; margin-top:10px; } .w3layouts_mail_grid_right { width: 100%; margin: 0 auto; float: none; } .banner{ background-position:60% center; } .banner1{ background-position:60% center; } .call-us{ text-align:center; padding-right:0px; margin-top: 4px; } .navbar-toggle{ margin-top:-60px; margin-right:0px; } .mpbtm20{ margin-bottom:20px; } .logo-sect{ margin-top:0px; } .logo-sect a{ font-size:36px; } .ftr-menu ul{ padding-left:0px; } .quality{ margin-top:15px; } .testimonials{ background-position:82% center; } .flexslider .slides img{ height:100px !important; width:100px !important; } .m-mb20{ margin-bottom:20px; } .copy-right p{ letter-spacing:0px; line-height: 22px; } .model-intro .model-col img{ /*height:525px; */ } .clad__title .div-title{ font-size:16px; } .pxs-r-5{ padding-right: 5px; } .pxs-l-5 { padding-left: 5px; } .bothpadd0{ padding:0px; } .model-intro .model-col-s img{ height:249px; } .h1-title h4{ font-size:26px; } .call-us a{ font-size:17px; } .call-us img{ height: 24px; } .navbar-default .navbar-toggle .icon-bar { background-color: #7a7777; } .top-headers h1 { font-size: 15px; } .navbar-toggle .icon-bar{ width: 24px; height: 3px; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .agileinfo-social-grids { width: 25%; } .top-nav ul li { display: block; } .agileinfo-social-grids { width: 100%; left:31%; text-align:center !important; } .top-nav { top: 0; } .top-nav ul li { margin: 1.5em 0; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; border-top: transparent; } .top-nav ul { background: rgb(231 233 235); z-index: 9999; position: absolute; width: 95%; } .w3-header-bottom { padding: 1em 1.5em 2em; } .w3-team-grid { width:30.5%; float: left; } .w3-team-grid h3 { font-size: 21px; } .footer-grids1 { width: 42%; padding: 3.7em; } .footer-grids { width: 40%; } .logo2 h3 { font-size: 20px; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 110%; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 26%; } } @media(max-width:667px){ .wthree-heading h2,.wthree-heading h3,.w3-testimonials-head h3,h3.w3ls_head,h3.agileits-title,.w3-services-left-grid h3,.w3-team-head h3,h3.wthree_head_contact { font-size: 2.2em; } .w3-services,.testimonials,.portfolio,.about,.w3-team,.contact { padding: 2em 0; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 124%; top: 75%; } .w3-services-left-grid p { font-size: 0.9em; letter-spacing: 1px; } .w3-services-right-grid h3 { font-size: 14px; letter-spacing: 1px; } .w3l-info1 p { padding-right: 0px; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 24%; } .footer-grids { width: 50%; position: static; } .w3-icon-grid-gap1,.w3-icon-grid-gap2 { margin-left: 2em; } .footer-grids1 { width: 50%; } .map iframe { min-height: 300px; } .ftr-menu ul li a { margin: 0 6px; } .w3-icon-grid1 i { font-size: 2.5em; } .w3-team-grid { width: 30.5%; float: left; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 26%; } .ftr-menu ul li a { margin: 0 4px; } } @media(max-width:640px){ .banner-info { padding: 15em 0 0 0; } .banner { min-height: 500px; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 131%; top: 73%; font-size: 0.8em; } .w3-team-grid { width: 30.5%; } .ftr-menu ul li a { margin: 0 4px; } .w3l-info1 p { font-size: 0.9em; } .testimonials-grid-1 { width: 40%; float: left; } .testimonials-grid-2 { width: 60%; float: left; } .agileinfo-social-grids { width: 31%; } } @media(max-width:600px){ .agileinfo-social-grids { width: 29%; } .w3layouts-banner-info h3 { font-size: 1.8em; } .w3-services-right-grid h3 { font-size: 14px; letter-spacing: 0.2px; } .w3-team-grid { width: 30.4%; } .ftr-menu ul li a { margin: 0 3px; font-size: 14px; } .ftr-menu ul li a { margin: 0 2px; font-size: 14px; } .footer-grids1 { padding: 1.7em; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 145%; } } @media(max-width:568px){ .agileinfo-social-grids { width: 31%; } .w3-icon-grid1 i { font-size: 2.5em; } .w3-services-right-grid h3 { line-height: 1.5em; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 149%; top: 75%; font-size: 0.7em; } .w3-team-grid { width: 30.2%; } .footer-grids1 { padding: 1.8em; } .logo2 { width: 100%; text-align: center; } .ftr-menu { width: 100%; } .ftr-menu ul li a { margin: 0 7px; } .testimonials-grid-2 { width: 55%; float: left; } .testimonials-grid-1 { width: 45%; float: left; } .w3-icon-grid-gap1, .w3-icon-grid-gap2 { margin-left: 3em; } .footer-grids1 { padding: 0em 3em; } .footer-grids { padding: 3em 3em; } .footer-grids h3, .footer-grids1 h3 { margin-bottom: 30px; font-size:25px; } .footer-grids input[type="submit"] { font-size: 18px; } .w3layouts_mail_grid_right textarea { min-height: 150px; } .w3-services-left-grid { width: 100%; float: none; } .w3-services-right-grid { width: 100%; float: none; } .w3-services-right-grid { margin: 1em 0 0 0; } } @media(max-width:480px){ .agileinfo-social-grids { width: 35%; } .w3layouts-banner-info h3 { font-size: 1.5em; letter-spacing: 5px; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 181%; } .w3-icon-grid1 i { font-size: 2em; } .w3-team-grid { width: 29.7%; } .w3-team-grid h3 { font-size: 16px; } .w3-team-grid { width: 70%; margin: 0 auto; float: none; margin-bottom: 2em; } figure.effect-jazz h4 { padding-top: 0%; font-size: 1.5em; } .w3-team-grid ul { padding-bottom: 20px; } .main { width: 100%; margin: 0 auto; } .w3l-info1 p { margin-top: 0px; } .footer-grids1 { width: 100%; position: static; padding: 0; text-align: center; } .footer-grids h3, .footer-grids1 h3 { font-size: 27px; margin-bottom: 25px; text-align: center; } .footer-grids { padding: 2em 2em; } .ftr-menu ul li a { margin: 0 3px; font-size: 14px; } .ftr-menu { margin-top: 11px; } .testimonials-grid-2 { width: 100%; } .footer-grids input[type="email"] { margin-bottom: 20PX; } .agileinfo-social-grids { width: 40%; } .w3-header-bottom { padding: 4px 1.2em 4px; } } @media(max-width:414px){ .w3-header-bottom { padding: 4px 1.5em 4px; } .agileinfo-social-grids { width: 45%; left: 32%; top: 15.5%; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 213%; } .abt-w3limg { width: 100%; margin: 0em 0; margin-left: 1em; } .wthree-heading h2, .wthree-heading h3, .w3-testimonials-head h3, h3.w3ls_head, h3.agileits-title, .w3-services-left-grid h3, .w3-team-head h3, h3.wthree_head_contact { font-size: 1.8em; } .w3-services, .testimonials, .portfolio, .about, .w3-team, .contact { padding: 1em 0; } .w3layouts-banner-info h3 { font-size: 1.5em; letter-spacing: 3px; } .testimonials-grid-1 { width: 60%; float: left; } .w3layouts-banner-info h3 { font-size: 1.2em; letter-spacing: 3px; } .w3layouts-banner-info p { font-size: .87em; margin: 1em 0 0 0; letter-spacing: 2px; } .ab-text h6 { font-size: 1.2em; margin-bottom: 0.5em; } .ftr-menu ul li a { margin: 3px 5px; font-size: 14px; line-height: 1.8em; } .ab-text { margin-top:0; } .ab-left.w3-agileits { margin: 2em 0 0 0; } .w3-icon-grid-gap1, .w3-icon-grid-gap2 { margin-left: 1em; } .w3layouts_mail_grid_right textarea { width: 91% !important; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 225%; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 29%; } .w3-header-bottom { padding: 4px 1.2em 4px; } .agileinfo-social-grids { width: 47%; } .w3-icon-grid1 i { font-size: 1.5em; } .agileinfo-social-grids { width: 42%; } .agileinfo-social-grids ul li a i.fa.fa-twitter { margin: 0 0.1em; } .w3-icon-grid-gap1 { margin: 2em 0 2em 0; } .w3-icon-grid-gap1, .w3-icon-grid-gap2 { margin-left: 0em; } } @media(max-width:384px){ .w3layouts-logo h1 { font-size:30px; } .agileinfo-social-grids { left: 29%; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 198%; } .modal-header h4 { font-size: 1.5em; } .testimonials h4, h5 { font-size: 20px; } .testimonials h5 { font-size: 14px; } .w3-header-bottom { padding: 4px 1em 4px; } .agileinfo-social-grids ul li a i.fa.fa-rss { margin: 0 0.1em 0 0; } } @media(max-width:375px){ .w3-icon-grid-gap1 { margin-bottom: 2em; } .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] { width: 34%; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 204%; } .abt-w3limg { margin-left: 0.1em; } .w3-header-bottom { padding: 4px 1em 4px; } } @media(max-width:320px){ .agileinfo-social-grids { left: 24%; width: 56%; } .ab-text h6 { font-size: 1em; margin-bottom: 0.5em; } .abt-w3limg { margin-left: 0em; } .w3-header-bottom { padding: 4px 1.5em 4px; } .navbar-toggle { margin-top: 5px; margin-right: 30px; } .w3layouts-logo h1 i.fa.fa-shopping-bag { left: 244%; } .banner-info { padding: 2em 0 0 0; } .banner-info { padding: 2em 0 0 0; } .w3layouts-banner-info h3 { font-size: 1.2em; letter-spacing: 2px; } .w3-services-left-grid h4 { font-size: 1em; letter-spacing: 0.5px; } .w3layouts_mail_grid_left { margin-left: 0em; } .w3layouts_mail_grid_right { margin-left: 2em; } .logo2 h3 a { font-size: 1.5EM; } .navbar-toggle { margin-top: 5px; margin-right: 14px; } .w3-services-left-grid h4 { font-size: 0.9em; letter-spacing: 0.5px; } .main { width: 100%; } .ftr-menu ul li a { margin: 0 2px; } .agileinfo-social-grids ul li a i.fa.fa-rss { margin: 0 0.1em 0 0; } .top-nav ul { width: 86%; } } .w3-team-grid h3 a{ color:#CCCCCC; text-decoration:none; } .w3-team-grid h3 a:hover{ color:#fff !important; text-decoration:none !important } .w3-team-grids p{ color: #fff; text-align: center; font-size: 21px; line-height:0.9 !important } .nowcalling{ display:block; position:fixed; bottom:0; width:100%; z-index:9999 } .lcol,.rcol{ float:left; width:50% } .lcol{ background-color:#5AA6ED } .rcol{ background-color:#25d366 } .lcol a,.rcol a{ display:block; padding:10px 0; text-align:center; text-decoration:none; color:#fff }