html, body{ font-size: 100%; font-family:'PT Sans', sans-serif; background:#ffffff; margin:0px!important; } p{ margin:0; font-size:14px; } h1,h2,h3,h4,h5,h6{ font-family: 'Josefin Sans', sans-serif; margin:0; } ul,label{ margin:0; padding:0; } body a:hover,.agileits-banner-grid{ text-decoration:none; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; } input[type="submit"],.w3l_header_left ul li a,.related-post-right h4 a,.comments-grid-right h4 a,.reply a,.w3_single_grid_left_grid ul li a,ul.contact_info li a,.w3ls_services_bottom_grid_grid_pos,.footer-copy p a,.w3l_services_grid h4 a,.agileinfo_footer_grid ul li a,.wthree_service_breadcrumb_left ul li a{ transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; } .tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} /*--/model--*/ .modal-header h4 { font-size: 2em; text-align: center; text-transform: uppercase; letter-spacing: 1px; color:#0c0d0d; } .modal-dialog { width: 600px; margin: 96px auto; } /*--//model--*/ p { font-size: 1em; color: #999; line-height: 1.8em; } /*--header-w3-agileits --*/ .header-w3-agileits { background: rgba(0, 0, 0, 0.47); padding:0; } .inner-header-agile { padding: 0 5em; position: relative; } .inner-header-agile.part2 { position: relative; padding-bottom:1em; } /*-- logo --*/ .navbar-header h1 { font-size: 2em; display: block; text-transform: uppercase; } .navbar-header h1 a { color: #FFFFFF; text-decoration: none; display: inline-block; } span.letter { background: #fff; color: #2954a2; line-height: 1.1em; padding: 0 11px; display: inline-block; background: #ffffff; font-weight:700; margin-right:3px; } h1 span { color: #fff; font-size: 1.5em; } /*-- //logo --*/ /*-- top-nav --*/ ul.nav.navbar-nav { float:right; } .navbar-default { background: none; border: none; margin: 0; min-height: inherit; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background: #2954a2; } .navbar-nav > li { margin: 0 0.3em; } ul.nav.navbar-nav.navbar-right { margin-left: 10%; } .navbar-default .navbar-nav > li > a { font-size: 0.9em; padding: 1em 0.9em 1.2em; position: relative; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav li a.active { color: #fe423f; background:none!important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background: #02a388!important; } .navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background: #2954a2!important; } .navbar-right { float: left!important; margin-right:0px!important; } .navbar-collapse { padding: 0!important; } ul.nav.navbar-nav li.active { border-right: none; } ul.dropdown-menu.multi-column ul li{ display:block; margin-bottom:.5em; } ul.dropdown-menu.multi-column ul li a{ color:#212121; } ul.dropdown-menu.multi-column { width: 400px; left: 0; padding: 1em; } ul.dropdown-menu.multi-column ul li a:hover{ color: #fe423f; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #ffffff; text-decoration: none; background-color: #000000; } .dropdown-menu { border-radius:0; } /*-- //nav --*/ /*-- search --*/ .cd-main-header { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform; } .cd-main-header { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible { -webkit-transform: translateX(260px); /*-- w3layouts --*/ -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .cd-header-buttons { position: absolute; display: inline-block; top:-55px; right: 0; } .cd-header-buttons li { display: inline-block; } .cd-search-trigger, .cd-nav-trigger { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; color: transparent; z-index: 3; } .cd-search-trigger::before, .cd-search-trigger::after { /* search icon */ content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-search-trigger::before { top: 11px; left: 11px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /*-- agileits --*/ border:3px solid #fff; } .cd-search-trigger::after { /* handle */ height: 3px; width: 8px; background: #fff; bottom: 14px; right: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-search-trigger span { /* container for the X icon */ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .cd-search-trigger span::before, .cd-search-trigger span::after { /* close icon */ content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background:#fff; opacity: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .cd-search-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { /* hide search icon */ -moz-opacity: 0; opacity: 0; } .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { /* show close icon */ -moz-opacity: 1; opacity: 1; } .cd-search-trigger.search-is-visible span::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .cd-search-trigger.search-is-visible span::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-search { position: absolute; width: 100%; top: 100%; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-search input { border-radius: 0; border: none; background: rgba(0, 0, 0, 0.75); width: 100%; padding: 0 5%; -webkit-box-shadow: inset 0 1px 0 #02a388, 0 3px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 #02a388, 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 #02a388, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; font-size: 1.2em; padding: 1em 2em; color: #fff; letter-spacing: 1px; } .cd-search input::-webkit-input-placeholder { color: #fff !important; } .cd-search input::-moz-placeholder { color: #fff !important; } .cd-search input:-moz-placeholder { color: #fff !important; } .cd-search input:-ms-input-placeholder { color: #fff !important; } .cd-search input:focus { outline: none; } .cd-search.is-visible { -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } /*--//header-w3-agileits --*/ /*-- /banner --*/ .baner-info{ padding-top: 8em; margin: 0 auto; text-align: center; } .baner-info h3 { text-align: center; font-size: 3.5em; color: #fff; text-transform:capitalize; letter-spacing: 4px; } .baner-info h3 span { color:#f4792c; } .baner-info h4{ text-align: center; font-size: 1em; color: #fff; margin: 2em 0 1em; text-transform: uppercase; font-weight: 300; letter-spacing: 5px; } .baner-info p { margin: 1em 0 2em; color: #fff; } span.simply-word { font-size:18px; font-weight: 500; margin-left: 5px; text-transform: uppercase; color: #02a388; } .baner-info span img { margin: 1em auto 0; text-align: center; } a.w3_play_icon1 { border: none; outline: none; background: #f4792c; padding: 0.7em 1em 0.7em 1em; color: #fff; text-decoration:none; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; } a.w3_play_icon1:hover { text-decoration:none; background: #fff; color: #000; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; } /*-- //banner --*/ /*-- /banner-bottom --*/ .w3_agilits_banner_bootm { padding: 1em 0 2.3em 0; background:#2954a2; } .w3_agilits_inner_bottom { margin: 0 auto; padding: 0 4em; } .wthree_share_agile { float: right; } .wthree_agile_login { float: right; } a.login { background: #0c0d0d; color: #fff; padding: 0.5em 1em; letter-spacing: 1px; text-transform: uppercase; font-size: 0.9em; margin-left: 3em; } a.login:hover{ text-decoration:none; color:#02a388; } a.login.reg { margin-left: 0em; } .wthree_agile_login ul li { letter-spacing: 1px; list-style: none; display: inline-block; color: #fff; margin-right: 10px; margin-top: -5px; font-size:0.9em; } .single-agile-shar-buttons ul li:nth-child(1) { vertical-align: top; } .single-agile-shar-buttons ul li { display: inline-block; vertical-align: text-top; } .wthree_agile_login ul li i { color: #f4792c; font-size: 1em; padding-right: 7px; } .wthree_agile_login ul li a{ color:#fff; } .wthree_agile_login ul li a:hover{ color:#f4792c; text-decoration:none; } .banner-bottom-girds { width: 54%; z-index: 1; position: absolute; left: 24%; top: -19%; border: 1px solid rgba(226, 226, 226, 0.56); border-width: 0px 1px 1px; } .agileits-banner-grid { float: left; background: #fff; width: 50%; padding: 2em; border-top: 10px solid #2954a2; } span.banner-icon { color: #b8bfcb; font-size: 2.5em; } .agileits-banner-grid h4 { font-size: 1.5em; margin: 1em 0 0; color: #000; font-weight:600; } .agileits-banner-grid p { margin: 1em auto 2em; width: 80%; } .agileits-banner-grid:hover,.bg-w3ls-active { border-color: #f4792c; background: #2954a2; } .agileits-banner-grid:hover span.banner-icon,.bg-w3ls-active span.banner-icon{ color:#fff; } .agileits-banner-grid:hover.agileits-banner-grid h4,.bg-w3ls-active.agileits-banner-grid h4 { color: #f4792c; } .agileits-banner-grid:hover.agileits-banner-grid p,.bg-w3ls-active.agileits-banner-grid p{ color:#fff; } /*-- //banner-bottom --*/ .w3ls-section{ padding:4em 0; } h3.w3ls-title { margin-bottom: 1em; position:relative; } h3.w3ls-title,h2.w3ls-title { text-transform: capitalize; color: #2954a2; font-size:2.5em; font-weight:600; } h3.w3ls-title:after { background: #e2dfdf; content: ""; display: block; height: 1px; position: absolute; left: 0; top: 53px; width: 250px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } /*-- about --*/ div#about { padding-top: 17em; position: relative; } .wthree-about-w3left, .wthree-about-w3right { padding: 0; overflow: hidden; } #about h5 { margin: 1em 0 1.2em; font-size: 1.2em; font-style: italic; font-weight: 400; letter-spacing: 1px; color: #b5b5b5; } p.about-bottom { margin-top: 0.6em; } .w3ls-about-left { padding: 0 5em 0 0; } .w3ls-row { padding: 0; margin: 0; border: none; position: relative; } .wthree-about-right { position: absolute; right: 0; width: 50%; top: -107px; left: 38%; } img.img-responsive { -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; } .wthree-about-agiletext { padding: 3.26em 3em; } .wthree-about-w3right h4 { font-size: 2.1em; color: #000; margin-bottom: 0.5em; } a.more { font-size: 1em; color: #fff; background:#00bcd4; padding: .6em 1.8em; display: inline-block; margin-top: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-bottom:4px solid transparent; } a.more:hover { background:#00BCD4; border-bottom-color:#04a6bb; } a.close { opacity: .4; margin: -1.5em -.5em 0 0; outline: none; } .w3ls-row.alert:hover img.img-responsive { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .tabcontent-grids { padding-top: 1em; } .numscroller { font-size: 2.5em; font-weight: 600; color: #f4792c; margin-bottom: 0; line-height: 1em; } .stats-grid{ padding:0; } .stats-info p { color: #2954a2; font-size: 1.5em; text-transform: capitalize; } .stat2 { padding-left: 0; } .stats-info.agileits-w3layouts { margin: 4em 0 0; } /*-- //about --*/ /*-- services --*/ div#agileits-services { background: url(../images/s2.jpg) no-repeat center; background-size: cover; } .agileits-services-row { padding: 2em 0; background: rgba(12, 12, 12, 0.18); } .agileits-services-grids { text-align: center; } .agileits-services-grids h4 { font-size: 1.5em; margin: 1em 0 .5em; color: #fff; line-height: 1.5em; font-weight: 600; position: relative; } .agileits-services-grids h6 { padding: 1px; background: #2954a2; width: 33%; margin: 2em auto 0; -webkit-transition:.5s all; -moz-transition:.5s all; transition:.5s all; } .agileits-services-grids:hover h6 { width: 55%; background: #2954a2; } /*-- Effect 1--*/ .agileits-services-grids span { font-size: 1.8em; color: #2954a2; display: inline-block; text-decoration: none; z-index: 1; padding: 1em; } .agileits-services-grids span:after { position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .effect-1 { background: #E2DFDF; -webkit-transition: background 0.5s, color 0.2s; -moz-transition: background 0.5s, color 0.2s; transition: background 0.5s, color 0.2s; } .effect-1:after { top: -7px; left: -7px; padding: 7px; -webkit-transition: -webkit-transform 0.5s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.5s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.5s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .agileits-services-grids:hover span { background: #f4792c; color: #fff !important; } .agileits-services-grids:hover span:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /*-- //services --*/ /*-- testimonial --*/ .wthree-testi { background: url(../images/testi.jpg) no-repeat center; background-size: cover; } .wthree-testi h3,div#agileits-services h3 ,.subscribe h3{ color: #fff; } .wthree-testi h3.w3ls-title:after,div#agileits-services h3.w3ls-title:after{ background: rgba(226, 223, 223, 0.2); } .w3_wthree-testi_grids { margin: 0 auto; width: 80%; } .testi h3 { color: #fff; } .testimonial-left i { color: #fff; } .testi span { color: #fff; } .w3_testi_grids{ margin:3em auto 0; width:80%; text-align:center; } .wthree_testi_grid h4{ font-size: 1.2em; color: #d8d8d8; line-height: 1.8em; margin: 1em auto; padding-left: 2.5em; position: relative; width: 80%; } .wthree-testi_grid h5 { color: #fff; font-size: 1.5em; letter-spacing: 1px; } .wthree-testi_grid p { color: #a9bbda; line-height: 1.9em; width: 79%; margin: 2em auto 1em; font-size: 1em; } .wthree-testi_grid .testimonial-left { width: 50px; background: #2954a2; margin: 0 auto; border: 2px solid #2954a2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 1em; line-height: 1em; } .wthree .flex-direction-nav a.flex-next:before,.wthree .flex-direction-nav a:before { font-size: 25px; } /*-- //testimonial --*/ /*team*/ .w3_testimonials_grids{ margin:1em 0 0; } .w3_agileits_testimonials_grid{ text-align:center; } .w3_agileits_testimonials_grid img{ margin:0 auto; } .w3_agileits_testimonials_grid h4 { margin: 1.5em 0 1em; color: #f4792c; font-size: 1em; font-weight: 600; text-transform: uppercase; } .w3_agileits_testimonials_grid span{ color:#f5232e; } .w3_agileits_testimonials_grid p{ color: #fff; line-height: 2em; width: 80%; margin: 0 auto; } .owl-carousel .owl-item img{ visibility: hidden; } .owl-carousel .owl-item.active img { visibility: visible; border-radius:10px; } .owl-carousel .owl-item{ opacity: 0.4; padding:1em; background:rgb(41, 84, 162); } .owl-carousel .owl-item.active{ opacity:1; } /*-- //testimonials --*/ /*--portfolio--*/ .portfolio-grids { padding: 0; } /*--SAP--*/ .sap_tabs{ clear:both; padding: 0; } .tab_box{ background:#fd926d; padding: 2em; } .top1{ margin-top: 2%; } .resp-tabs-list { list-style: none; padding: 0 0 3em; margin: 0 auto; text-align: center; } .resp-tab-item { color: #333; font-size: 1.1em; font-weight: 500; cursor: pointer; display: inline-block; margin: 0; text-align: center; list-style: none; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 1.2em 0; border-bottom: 2px solid #fff; } .resp-tab-active { text-shadow: none; color: #f4792c; border-bottom-color: #f4792c; } li.resp-tab-item:hover { color: #2954a2; } .resp-tabs-container { padding: 0px; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; } .resp-content-active, .resp-accordion-active { display: block; } .tab_img{ padding:2em 0 0; display: inline-block; } .portfolio-grids a { display: block; overflow: hidden; position:relative; } .portfolio-grids img.img-responsive { width: 100%; } .b-wrapper { background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; bottom: 0%; left: 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); } .portfolio-grids a:hover .b-wrapper{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .b-wrapper h5 { font-size: 2.5em; color: #fff; text-align: center; padding: 43% 0; font-weight: 200; } img.zoom-img{ -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-duration: 2s !important; -moz-transition-duration: 2s !important; transition-duration: 2s !important; } img.zoom-img:hover,.portfolio-grids:hover img.zoom-img{ -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); overflow: hidden; } /*--//portfolio--*/ /*--contact--*/ div#contact p { color: #000; margin-bottom: 1em; width: 37%; } div#contact h3 { text-align: left; } .w3layouts-list { margin-top: 3em; background: #f4792c; } .li { text-align: center; } .li h6 ,.li a{ display: inline-block; font-size: 1.2em; padding:1em 0 1em 1em; color: #fff; } .w3layouts-list .li span { color: #2954a2; } .w3layouts-list a { color: #fff; font-size:1em; padding: 1.3em; } .agileits_w3layouts-map { padding: 0; } .agileits_w3layouts-map iframe{ width:100%; min-height:407px; } .contact-right-w3l ::-webkit-input-placeholder { color: #fff; } .contact-right-w3l:-moz-placeholder { /* Firefox 18- */ color: #fff; } .contact-right-w3l ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .contact-main :-ms-input-placeholder { color: #fff; } .contact-right-w3l input[type="text"], .contact-right-w3l input[type="email"] { font-size: 1em; border: none; background: rgba(70, 69, 69, 0.43); outline: none; padding: 0.5em; width: 48.5%; margin-bottom: 1em; color: #fff; } .contact-right-w3l input[type="text"]:nth-child(1),.contact-right-w3l input[type="email"] { margin-right:2%; } .contact-right-w3l textarea{ width:100%; padding: 0.5em; outline:none; resize:none; height:100px; border:none; font-size:1em; background: rgba(70, 69, 69, 0.43); color:#fff; } .contact-right-w3l input[type="submit"] { background: #fff; color: #000; padding: .5em 1.8em; margin-top: 1.3em; border: 1px solid #ffffff; outline: none; font-size: 0.9em; } .contact-right-w3l input[type="submit"]:hover { background: #2954a2; color: #fff; border: 1px solid #2954a2; } .contact-right-w3l { padding: 4em 2em; background: url(../images/p.jpg) no-repeat center; background-size: cover; } /*-- //contact --*/ /*-- subscribe --*/ .subscribe h3.w3ls-title:after { background:transparent; } .agile-subscribe-heading{ text-align:center; } .subscribe .shortcode_title.shortcode-title-style_1 { margin-bottom: 40px; } .subscribe { background: url(../images/subscribe.jpg) no-repeat center; background-size: cover; } .subscribe-grid{ text-align: center; margin: 2em auto 0; } .subscribe-grid input[type="email"] { display: inline-block; background: transparent; border: none; width: 70%; outline: none; font-size: 1em; color: #999999; letter-spacing: 1px; } .subscribe-grid i.fa.fa-paper-plane-o{ color: #FFFFFF !important; font-size: 1.2em !important; } .subscribe-grid form { width: 60%; margin: 0 auto; padding: 0.7em 0; border-radius: 15px; border: 1px solid #4f4f5b; } .subscribe-grid button.btn1 { color: #ffffff; font-size: 1em; width: 161px; border-radius: 15px; letter-spacing: 1px; border:none; outline:none; padding: 0.8em 0; text-transform: uppercase; text-align: center; text-decoration: none; background: #f4792c; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } button.btn1:hover { background:#2954a2; } button.btn1:hover i.fa.fa-paper-plane-o{ color: #2f2f2f !important; } .agile-section.subscribe.text-center p { color: #fff; letter-spacing: 1px; margin: 1em 0 0; } /*-- //subscribe --*/ /*-- footer --*/ .agileits_w3layouts-map iframe{ width:100%; min-height:400px; } .agileinfo-icons ul li { display: inline-block; margin-right: 1em; font-size: 1.5em; float: right; } .agileits_w3layouts-footer { padding: 1.3em 0 1em; background: #2954a2; } .agileinfo-icons ul li a { color: #fff; } .agileinfo-copyright p,.agileinfo-copyright a{ color: #fff; } .agileinfo-copyright a:hover,.agileinfo-icons ul li a:hover{ color:#f4792c; } /*-- //footer --*/ /*-- to-top --*/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 79px; right: 2%; overflow: hidden; z-index: 999; width: 35px; height: 35px; border: none; text-indent: 100%; background: url(../images/top-arrow.png) no-repeat 0px 0px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; } #toTopHover { width: 35px; height: 35px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } /*-- //to-top --*/ /* -- Responsive code -- */ @media screen and (max-width: 1600px){ } @media screen and (max-width: 1440px){ } @media screen and (max-width: 1366px){ .baner-info { padding-top: 7em; } } @media screen and (max-width: 1280px){ .banner-bottom-girds { top: -14%; } } @media screen and (max-width: 1080px){ .navbar-default .navbar-nav > li > a { padding: 1em 0.5em 1.2em; } .banner-bottom-girds { width: 64%; left: 18%; } .baner-info { padding-top: 6em; } .w3ls-about-left { padding: 0 4em 0 0; } div#contact p { width: 50%; } .contact-right-w3l { padding: 4em 1em; } div#contact { padding-top: 2em; } .subscribe-grid form { width: 72%; } } @media screen and (max-width: 1050px){ .agileits-banner-grid { padding:2em 1em; } div#about { padding-top: 16em; } } @media screen and (max-width: 1024px){ .inner-header-agile { padding: 0 4em; } .banner-bottom-girds { top: -10%; } div#about { padding-top: 19em; } } @media screen and (max-width: 991px){ .inner-header-agile { padding: 0 3em; } .baner-info h3 { font-size: 3.3em; } .banner-bottom-girds { top: -5%; width: 68%; left: 16%; } .wthree-about-left { padding-top: 6em; } .wthree-about-right { top: 19px; left: 39%; } .w3ls-about-left{ padding:0; } .agileits-services-grids { padding: 1em; } .agileits-services-grids p { padding: 1em; } .portfolio-grids { width: 25%; float: left; } .b-wrapper h5 { font-size: 2.2em; padding: 38% 0; } .w3_agileits_testimonials_grid p { width: 100%; } div#contact p { width: 55%; } .li { width: 33.33%; float: left; } .agileits_w3layouts-map { width: 100%; } .agileits_w3layouts-map iframe { min-height: 350px; } .contact-right-w3l input[type="text"], .contact-right-w3l input[type="email"] { width: 48.6%; } .contact-right-w3l { padding: 4em 2em; width: 100%; } .subscribe-grid form { width: 87%; } } @media screen and (max-width: 900px){ .inner-header-agile { padding: 0 1em; } .navbar-header h1 { font-size: 1.7em; } .banner-bottom-girds { top: -6%; width: 73%; left: 13%; } span.letter { line-height: 1.3em; } .agileits_w3layouts-map iframe { min-height: 330px; } div#contact p { width: 66%; } } @media screen and (max-width: 800px){ .navbar-default .navbar-nav > li > a { padding: 1em 0.8em 1em; } .navbar-header { float: none; text-align: center; } span.letter { line-height: 1.1em; padding: 2px 13px; } .navbar-default .navbar-nav > li > a { padding: 1em 0.8em 1.2em; } .navbar-nav > li { margin: 0 0.4em; } ul.nav.navbar-nav { float: none; padding: 0 2em; } .navbar-header h1 { margin: 0.5em 0; } .baner-info { padding-top: 0em; } .agileits-services-grids p { padding: 0; } .baner-info h3 { font-size: 3em; } .banner-bottom-girds { width: 79%; left: 11%; } .agileits-services-grids span { font-size: 1.5em; } } @media screen and (max-width: 768px){ ul.nav.navbar-nav { padding: 0 1em; } .agileits-banner-grid p { margin: 1em auto 2em; width: 91%; } .baner-info { padding-top: 1em; } .agileits-services-grids span { font-size: 1.3em; } div#about .container { width: 90%; } .agileinfo-copyright,.agileinfo-icons { text-align: center; width: 100%; float: none; } .agileinfo-icons ul li{ float:none; } .agileinfo-icons ul li { margin: 0.1em 0.5em; } p.about-bottom { margin: 0.6em 0; } .agileinfo-copyright{ margin-bottom: 0.5em; } } @media screen and (max-width: 767px){ #about h5 { margin: 1em 0 1em; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; position: absolute; width: 100%; background-color:rgba(41, 84, 162, 0.86); z-index: 999; } .navbar-header h1 { float: left; } .navbar-toggle { float: right; padding: 9px 10px; margin: 0.7em 0; background-color: #2954a2; } .navbar-default .navbar-nav > li > a { width: 23%; margin: 0.5em auto 0; text-align: center; } .navbar-collapse { padding: 15px !important; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #2954a2; } .navbar-default .navbar-toggle { border:none; } .navbar-default .navbar-toggle .icon-bar { background-color: #f4792c; } .baner-info { padding-top: 2em; } .banner-bottom-girds { width: 82%; left: 9%; } .navbar-default .navbar-nav > li > a { padding: 0.5em 0; } } @media screen and (max-width: 736px){ .baner-info h3 { font-size: 2.8em; } .banner-bottom-girds { width: 84%; left: 8%; } .wthree-about-left img { width: 50%; } .agileits-services-grids { width: 50%; float: left; } .agileits-services-grids span { padding: 0.6em; font-size:1.5em; } .subscribe-grid form { width: 91%; } h3.w3ls-title, h2.w3ls-title { font-size: 2.4em; } } @media screen and (max-width: 667px){ .baner-info h3 { font-size: 2.6em; } .w3ls-section { padding: 3.5em 0; } .w3_agilits_inner_bottom { padding: 0 2em; } .numscroller { font-size: 2.3em; } .stats-info p { font-size: 1.3em; } .b-wrapper h5 { font-size: 1.9em; } div#contact p { width: 73%; } .li { padding-right: 0; } .portfolio-grids { width: 33.33%; } .b-wrapper h5 { padding: 42% 0; } div#contact { padding-top: 0em; } .subscribe-grid form { width: 94%; } .subscribe-grid button.btn1 { width: 116px; } .agileits-services-grids h4 { margin: 1em 0 0; } .testimonial-right h5 { font-size: 1.8em; } .wthree-testi_grid h5 { font-size: 1.2em; } } @media screen and (max-width: 640px){ div#about { padding-top: 17em; } .baner-info h3 { letter-spacing: 3px; } .banner-bottom-girds { top: -7%; } .baner-info h4 { letter-spacing: 3px; } .agileits-banner-grid p { margin: 1em auto 2em; width: 92%; } .baner-info { padding-top: 2.2em; } .banner-bottom-girds { width: 86%; left: 7%; } .contact-right-w3l input[type="text"]:nth-child(1), .contact-right-w3l input[type="email"] { margin-right: 1.9%; } h3.w3ls-title, h2.w3ls-title { font-size: 2.2em; } .resp-tab-item { margin: 0 1em 0; } .li { padding-left: 0.5em; } .agileits_w3layouts-map iframe { min-height: 300px; } .wthree-testi_grid p { width: 81%; } .w3_wthree-testi_grids { margin: 0 auto; width: 89%; } } @media screen and (max-width: 600px){ .baner-info h3 { font-size: 2.6em; } .navbar-default .navbar-nav > li > a { width: 27%; } .agileits-banner-grid p { width: 100%; } .resp-tab-item { margin: 0 0.8em 0; } .w3layouts-list .li { width: 50%; float: left; } .w3layouts-list { margin-top: 2em; } div#contact p { width: 80%; } .stats-info p { font-size: 1.2em; } } @media screen and (max-width: 568px){ .w3ls-section { padding: 3em 0; } .baner-info h4 { letter-spacing: 2px; } .banner-bottom-girds { width: 95%; left: 2.5%; } .baner-info { padding-top: 1em; } #about h5 { font-size: 1.1em; } .numscroller { font-size: 2.1em; } .contact-right-w3l input[type="text"]:nth-child(1), .contact-right-w3l input[type="email"] { margin-right: 1.8%; } div#contact p { width: 88%; } } @media screen and (max-width: 480px){ .baner-info { padding-top:2em; } .baner-info h3 { font-size: 2.3em; letter-spacing: 2px; } .agileits-banner-grid { float: none; width: 70%; margin: 0 auto; padding: 2em 1em; } .banner-bottom-girds { border:none; } .baner-info p { margin: 0.5em 0 1em; color: #fff; } a.w3_play_icon1 { padding: 0.5em 1em; letter-spacing:0px; } .banner-bottom-girds { top: -4%; } .navbar-default .navbar-nav > li > a { width: 38%; } .b-wrapper h5 { font-size: 1.7em; } #about h5 { font-size: 1em; letter-spacing:0px; } div#about { padding-top: 38em; } .resp-tab-item { margin: 0 0.5em 0; } .agileits-services-grids { width: 100%; } h3.w3ls-title, h2.w3ls-title { font-size: 2em; } .numscroller { font-size: 2em; } .stats-info p { font-size: 1em; } .agileits-services-row { padding: 0; } .contact-right-w3l input[type="text"]:nth-child(1), .contact-right-w3l input[type="email"] { margin-right: 0; } .contact-right-w3l input[type="text"], .contact-right-w3l input[type="email"] { width: 100%; } .subscribe-grid button.btn1 { width: 93px; letter-spacing:0; font-size:0.9em; } .agileits-services-grids p { padding: 1em 4em; } .portfolio-grids { width: 50%; } .resp-tabs-list { padding: 0 0 2em; } .stats-info.agileits-w3layouts { margin: 3em 0 0; } } @media screen and (max-width: 414px){ .w3_agilits_inner_bottom { padding: 0 1em; } .baner-info h3 { font-size: 2.1em; letter-spacing: 0px; } .baner-info h4 { font-size: 0.9em; } .agileits-banner-grid { width: 80%; } .w3_agilits_inner_bottom { padding: 0 0.2em; } .navbar-default .navbar-nav > li > a { width: 43%; } #about h5 { line-height: 1.5; } div#contact p { width: 100%; } .resp-tab-item { margin: 0.2em 0.7em; } input[type="text"] { padding-left: 1em; } .testimonial-right h5 { font-size: 1.6em; } .w3layouts-list .li { width: 100%; float: none; text-align: left; padding-left: 2em; } .agileits-services-grids p { padding: 1em 3em; } .owl-carousel .owl-item img { visibility: visible; } .subscribe-grid input[type="email"] { padding: 1em 0 0 0.5em; } } @media screen and (max-width: 384px){ div#about { padding-top: 35em; } .agileits-banner-grid { width: 86%; } .navbar-default .navbar-nav > li > a { width: 47%; } .baner-info h4 { letter-spacing: 1px; } .baner-info h3 { font-size: 2em; } .baner-info p { font-size: 0.9em; } .banner-bottom-girds { top: -6%; } .agileits-services-grids p { padding: 1em 2em; } .subscribe-grid input[type="text"]{ padding: 0 1em 1em; } .subscribe-grid form { width: 90%; } .subscribe-grid input[type="email"] { padding: 0 0 1em 0; } .subscribe-grid button.btn1 { width: 100px; padding: 0.5em 0; } h2.w3ls-title { margin-top: 1em; } .w3_wthree-testi_grids { width: 100%; } } @media screen and (max-width: 375px){ .wthree_agile_login ul li { margin: 3px; } .numscroller { font-size: 1.6em; } span.letter { line-height: 1em; padding: 3px 11px; } } @media screen and (max-width: 320px){ .navbar-default .navbar-nav > li > a { width: 60%; } .banner-bottom-girds { top: -3%; } .wthree_agile_login { float: none; padding: 0 1em; text-align:center; } .w3_agilits_banner_bootm { padding: 1em 0; } .baner-info h3 { font-size: 1.7em; } .baner-info h4 { letter-spacing: 0px; font-size: 0.875em; } .banner-bottom-girds { top: -4%; } .stats-info p { font-size: 0.875em; } .agileits-services-grids p { padding: 1em; } .subscribe-grid form { width: 96%; } } /* -- //Responsive code -- */