/* Fontface add --------------------------------------------------------------------*/ @font-face {font-family: 'BEBASNEUEBOLD'; src: url('../fonts/BEBASNEUEBOLD.eot'); src: url('../fonts/BEBASNEUEBOLD.eot') format('embedded-opentype'), url('../fonts/BEBASNEUEBOLD.woff2') format('woff2'), url('../fonts/BEBASNEUEBOLD.woff') format('woff'), url('../fonts/BEBASNEUEBOLD.ttf') format('truetype'), url('../fonts/BEBASNEUEBOLD.svg#BEBASNEUEBOLD') format('svg'); } /* Global Block CSS --------------------------------------------------------------------*/ *{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} body{ font-family: 'Poppins', sans-serif; } .block{ height: 100vh; position: relative; } .block h3{ font-family: 'Poppins', sans-serif; font-size: 32px; line-height: 46px; font-weight: 600; color: #252b33; margin-bottom: 22px;} .block p{ color: #8a959e; font-size: 18px; line-height: 28px; } .block p.blk{color:#000000; width:80%; margin:20px auto;} .block a.read-more{ padding: 10px 30px; color: #00BCD4; font-size: 14px; text-transform: uppercase; border-radius: 30px; border: 2px solid #00BCD4; font-weight: 600; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; text-decoration:none; margin-top:30px; cursor:pointer;} .block a.contact-btn{margin-top:20px; padding: 15px 40px; border: 2px solid #00BCD4; background: #00BCD4; color:#fff;} .block a.contact-btn:hover{background:#fff !important; border:2px solid #00BCD4; color:#00BCD4 !important;} .block a.read-more:hover{ background: #00BCD4; border: 2px solid #00BCD4; color: #fff;} .block .image-wrap img{ display: inline-block; border-radius: 50%;} .block .image-wrap img.services-img{position:absolute; z-index:99; border-radius:0%;} .block .image-wrap img.mobile-img{top:-38px;} .block .image-wrap img.web-img{top:0px;} .block .image-wrap img.games-img{left:-15px;} .block p.highlight{ color: #252b33; font-size: 20px; font-weight: 600;} .intro-block::before, .about-block::before, .work-block::before, .service-block::before, .client-block::before, .say-hello-block::before, .portfolio-block::before, .web-development-block::before ,.mobile-games-block::before,.mobile-development-block::before{ position: absolute; left: 0; top: 0; color: rgba(245, 245, 245, 0.5); font-size: 460px; font-family: 'Poppins', sans-serif; width: 100%; height: 100%; overflow: hidden; font-weight: bold; white-space: nowrap; text-align: left; display: flex; justify-content: center; align-items: center;} .say-hello-block::before{justify-content: flex-start; align-items: flex-start; } .intro-block .row, .about-block .row, .work-block .row, .service-block .row, .client-block .row, .portfolio-block .row ,.web-development-block .row,.mobile-development-block .row,.mobile-games-block .row{ display: flex; justify-content: center; align-items: center; height: 100vh; } .say-hello-block .container > .row:first-child{ display: flex; justify-content: center; align-items: center; height: 65vh; } .say-hello-block .container > .row:last-child{ display: flex; justify-content: flex-end; align-items: flex-end; height: 35vh;} .intro-block::before { content: ''; } .mobile-development-block::before{content: 'Mobile';} .web-development-block::before{content: 'Web';} .mobile-games-block::before{content: 'Games';} .about-block::before { content: 'About Us'; } .work-block::before { content: 'Services'; } .service-block::before { content: 'Clients'; } .portfolio-block::before{ content: 'Portfolio' } .client-block::before { content: "Let's Talk"; } .say-hello-block::before { content: 'Contact';} #sayhello .contact-section { text-align:center; } .contact-section h6{ color:#252b33; font-size:48px; letter-spacing:-2px; margin:0px;} .contact-section h2{ color:#252b33; font-size:40px; letter-spacing:0px; margin-bottom:10px; font-weight:500; line-height:50px; margin-top:0px;} .contact-section span{font-size:18px;} .home-banner img.img-responsive{ margin:0 auto;} ::-moz-selection { color: #ffffff; background: #00BCD4;} ::selection {color: #ffffff; background: #00BCD4;} .google-conversion-code > iframe { height: 0px; display: block; } .left-responsive{ float: right; } .right-responsive{ float: left; } .left-flex-responsive{ order:2; } .right-flex-responsive{ order:1; } /* Menu flip --------------------------------------------------------------------*/ /*Header*/ .header { padding: 25px; height: 150px; } nav.menu-header .col-left{ width:60%; float:left;} nav.menu-header .col-right{ width:40%; float:right; padding-top:105px;} header:not(.theme-header) .header_top_bottom_holder{width:100%; padding:30px 30px; box-sizing: border-box;} nav.menu-header, .navbar-toggle { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} nav.menu-header{ position: fixed; z-index: 109; background-color:rgba(0, 0, 0, 0.95); width: 100%; height: 100%; display: block; color: white; overflow:hidden; -webkit-perspective: 1200px; perspective: 1200px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.5s; left:0px; top:0px;} .menu-show{ -webkit-transform: translateY(-35%) rotateX(50deg); transform: translateY(-35%) rotateX(50deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .navbar-on nav.menu-header {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} .navbar-on .menu-show{ opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); position:relative;} .navbar-on .menu-show .nav-menu-top{ top:120px; position: relative; } .nav-hide { display: none; } nav.menu-header .email-info span.col-title{display: none;} /*.enquiry-top-btn a{ background: #00BCD4 !important; color: #ffffff !important; border: 2px solid #00BCD4; border-radius: 100px; margin-bottom: 8px; padding: 10px 20px !important; top: 0px !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .enquiry-top-btn a:hover{ background: #ffffff !important; color: #00BCD4 !important; border: 2px solid #00BCD4; } .enquiry-top-btn a:after{ display: none !important; }*/ .menu-free-estimate{position: absolute; right: 10%; z-index: 101; top:17px;} .menu-free-estimate a.free-estimate-btn{ background: #00bcd4; padding: 15px 30px; display: block; text-align: center; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 30px;} .menu-free-estimate a.free-estimate-btn:hover{ background: #03d6f1; } .menu-free-estimate a.free-estimate-btn p{ color: #fff; font-size: 16px; font-weight: 600; line-height: 16px; padding-top: 0px; margin: 0px; letter-spacing: -0.3px; } .menu-free-estimate a.free-estimate-btn span{ color: #fff; font-size: 12px; } nav.menu-header ul.main-menu { display: block; vertical-align: middle; padding-left: 100px; margin:0px; } nav.menu-header ul.main-menu li { list-style: none; padding:0px; margin-bottom:0px; } nav.menu-header ul.main-menu li.home-icon { margin-bottom:25px;} nav.menu-header ul.main-menu li a { font-size: 60px; font-weight:500; color: #00BCD4; text-decoration: none; font-family: 'Poppins', sans-serif; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; vertical-align:middle; letter-spacing: -2px;} nav.menu-header ul.main-menu li a:hover { color:#ffffff; text-decoration: underline; } nav.menu-header ul.main-menu li span { display:inline-block; vertical-align:middle; padding-left:20px; font-size:24px; color:#5A5A5A; opacity:0;} nav.menu-header ul.main-menu li a:hover span { opacity:1;} nav.menu-header ul.main-menu li a + span { display:inline-block; vertical-align:middle; padding-left:20px; font-size:24px; color:#5A5A5A; opacity:0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } nav.menu-header ul.main-menu li a:hover + span { opacity:1;} nav.menu-header ul.main-menu li.home-icon a:hover{ text-decoration:none;} nav.menu-header ul.main-menu li.home-icon a { display:inline-block;} nav.menu-header ul.main-menu li.home-icon a img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display:block;} nav.menu-header ul.main-menu li.home-icon a img.home-logo-hover { position:absolute; } nav.menu-header ul.main-menu li.home-icon a:hover img.home-logo-hover { position:absolute; opacity:0;} nav.menu-header ul.main-menu li.home-icon a:hover img.home-logo-active {opacity:1; } .navbar-toggle-menu { position: relative; float:right; width: 40px; z-index: 999; cursor: pointer; top:5px; } .bar1, .bar2, .bar3 { width: 100%; height: 2px; margin-bottom: 8px; background-color: #000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; float:right; -o-transition: all 0.3s ease-in-out;} .bar3 { width:70%;} .navbar-on .bar3{ width:100%;} .navbar-on .bar1, .navbar-on .bar2, .navbar-on .bar3 { background-color: white; } .navbar-on .bar1 { transform-origin: 15% 40%; transform: rotate(45deg); } .navbar-on .bar3 { transform-origin: 15% 40%; transform: rotate(-45deg); } .navbar-on .bar2 { background-color: transparent !important; } .sub-nav ul { vertical-align: middle; padding: 0 ; margin:0PX; list-style:none;} .sub-nav ul li { display:block; padding:0px; font-size: 40px; color: #515151; text-decoration: none; font-family: 'Poppins', sans-serif; line-height: 60px; font-weight:500; letter-spacing: -2px;} .sub-nav ul li a { font-size: 40px; color:#515151; text-decoration: none; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; font-weight:500;} .sub-nav ul li a:hover{ color:#00BCD4;} .logo { position: absolute; z-index: 999; left: 45px; top: 10px; opacity:0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s;} .navbar-on .logo { opacity:1;} .social-menu { position: absolute; bottom:30px;} .social-menu ul{ vertical-align: middle; padding: 0; list-style:none; margin:0px;} .social-menu ul li{ display:inline-block; padding:0px 15px;} .social-menu a .fa{font-size: 36px; color: rgba(255,255,255,0.4); -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} .social-menu a:hover .fa-facebook{ color:#3b5998;} .social-menu a:hover .fa-twitter{ color:#55acee;} .social-menu a:hover .fa-linkedin{ color:#007bb5;} .social-menu a:hover .fa-google-plus{ color:#dd4b39;} .social-menu a:hover .fa-youtube{ color:#bb0000;} .social-menu a:hover .fa-rss{ color:#ff6600;} .social-menu a:hover .fa-dribbble{ color:#ea4c89;} .social-menu a:hover .fa-instagram{ color:#bc2a8d;} .social-menu a:hover .fa-medium{ color:#00ab6c;} nav.menu-header, .navbar-toggle {-moz-user-select: text; -webkit-user-select: text; -o-user-select: text; -ms-user-select: text;} /* Nav Bar */ /* Privacy Add Bar Css */ body.navbar-on .cc-window{z-index:9;} body.fixedbody-notification .cc-window{z-index:9;} .cc-revoke, .cc-window{font-family: 'Poppins', sans-serif !important;} .cc-window.cc-banner{padding:20px 25px 20px 25px !important; width: 100% !important; max-width:250px; overflow: unset;} .cc-banner.cc-bottom{border:1px solid #2E2E2E; background:#fff; left: inherit !important; right: 50px !important; display: inline-block !important;} .cc-banner .cc-message{font-size:12px; font-weight:500; line-height:20px; color: #000000; letter-spacing: -0.21px; display: inline-block; margin-bottom: 20px;} .cc-banner .cc-message h2{font-size: 23px; color: #000000; letter-spacing: -1.35px; margin-top: 0px; font-weight: 500;} .cc-theme-classic .cc-btn{max-width:none; border-radius:25px !important; padding:5px 15px; font-size:14px; outline:none; text-decoration:none; background:#FFFFFF !important; border: 2px solid #000000; color: #000 !important; border-color: #000 !important;} .cc-theme-classic .cc-btn:hover{background:#000 !important; color: #fff !important;} .cc-message span.mobile-text{display:none;} .cc-message .cc-link{color: #000 !important; opacity: 1; padding: 0px;} /* Privacy Add Bar Css */ .navbar.navbar-fixed-top{box-shadow: 0 0 3px 1px #f5f5f5 !important; min-height: 80px;} .navbar.navbar-fixed-top .navbar-header{ padding-top: 15px; } .navbar.navbar-fixed-top .navbar-nav{ margin-top: 30px; } .navbar-toggle-menu{position:absolute; right: 45px; top:0px; bottom: 0; height: 20px; margin: auto; z-index: 999; cursor: pointer; width: 40px; } .navbar-default{ background-color: #fff; border: 0px; } .navbar{ min-height: 103px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; z-index: 100;} .container-fluid > .navbar-header{ min-width: 200px; padding: 32px 0 0 30px;} .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ padding: 0; margin: 0; height: auto;} .navbar-nav{ float: left; width: calc( 100% - 400px); text-align: center; margin-top: 45px; } .navbar-nav > li{ float: none; display: inline-block; padding: 0 20px;} .navbar-default .navbar-nav > li > a{ padding: 0 0 20px; font-size: 16px; color: #252b33; font-weight: 600; transition: all .3s ease-in-out; position: relative;} .navbar-default .navbar-nav > li > a:after{ position: absolute; content: ""; height: 3px; width: 0; left: 50%; right: 0; bottom: 0px; background-color: transparent; color:#00BCD4; border-bottom: 3px solid #00BCD4; transition: all .3s ease-in-out; transform: translate(-50%,0) translateZ(0); -webkit-transform: translate(-50%,0) translateZ(0);} .navbar-default .navbar-nav > li:hover > a:after{ width: 100%; } .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background-color: transparent; color:#00BCD4;} .menu-toggle { float: right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; position: relative; margin-top: 29px; margin-right: 45px;} .menu-text{position:relative; font-size: 16px; color: #8a959e; font-weight: 500; text-transform: uppercase; top:30px; left:70px; bottom: 0; height: 24px; margin: auto; } .bar1, .bar2, .bar3 { width: 100%; height: 2px; margin-bottom: 8px; background-color: #323A45; transition: all 0.3s ease-in-out; float:right; } .bar3 { width:60%;} /* Intro Block --------------------------------------------------------------------*/ .intro-block{ text-align: center; } .intro-block h3{ font-family: 'BEBASNEUEBOLD'; text-transform: uppercase; font-size: 48px; line-height: 48px; position: relative; z-index: 100; margin-bottom: 20px;} .home-title{max-width: 1610px; margin: auto; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #fff;} .home-title .home-video{ width: 100%; height: 100%; background: #fff; } .h-text, .w-text{ font-weight: 700; color: #d4d7da; font-size: 200px; display: inline-block; vertical-align: top; line-height: 221px; position: relative; z-index: 100;} .intro-block .home-banner h1 > span.title-tag{ display:none;} .img-circle-bg{ height:100%; width:100%; margin:0px auto; top:0; right:0; bottom:0; left:0; position:absolute; border-radius: 50%;} .img-green{background:#cde1d9;} .img-pink{background:#e8d8e1;} .img-brown{background:#ecdfd9;} /* Web Development Block #web-development .img-right img{position:absolute; left:15px; bottom:-480px;} #web-development .web-text{position:relative; margin-top:-100px;} #mobile-development .img-left{position:relative;} #mobile-development .img-left img{position:absolute; right:19px; bottom:-480px;} #mobile-games img.mobile-game-img{position:absolute; right:300px; top:-185px;} #mobile-games .game-text{padding-top:200px;}*/ /* Work Block --------------------------------------------------------------------*/ .work-block{ text-align: center; } /*.work-block h3{ margin-bottom: 8px; }*/ .work-block ul{ margin: 45px 0 28px; padding: 0; list-style-type: none; width: 100%; display: flex; justify-content: space-between; position: relative;} .work-block ul li{ margin: 0 auto; padding: 0; float: left; width: 360px; z-index: 2; transition: all 0.5s ease;} .work-block ul li.center_li{ z-index: 10; } .apps, .web, .games{ width: 360px; height: 360px; border-radius: 50%; position: relative; display: block;} .apps img.bg, .web img.bg, .games img.bg{ border-radius: 50%; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0,0.3)} .block-over{ background: rgba(37, 43, 51, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; padding: 72px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .block-over:hover{ background: rgba(0, 188, 212, 0.5); } .block-over h4{ color: #fff; font-size: 50px; text-transform: uppercase; font-weight: 700; position: absolute; height: 55px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .block-over p{ color: #fff; font-size: 16px; line-height: 22px; padding: 0 50px; } /* Service Block --------------------------------------------------------------------*/ .service-block ul{ margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; width: 100%; } .service-block ul li{ width: 100px; height: 58px; margin: 20px 19px !important; } .service-block ul li:nth-child(1), .service-block ul li:nth-child(5), .service-block ul li:nth-child(9){ margin-left: 0 } .service-block ul li span{background:url("/wp-content/uploads/2018/12/all-icons-sprite-19.png") no-repeat scroll 0 0; display: inline-block;} .service-block ul li span.client-1{background-position:-15px -707px; height:60px; width:90px;} .service-block ul li span.client-2{background-position:-125px -705px; height:60px; width:90px;} .service-block ul li span.client-3{background-position:-16px -846px; height:60px; width:100px;} .service-block ul li span.client-4{background-position:-375px -705px; height:60px; width:95px;} .service-block ul li span.client-5{background-position:-504px -705px; height:60px; width:90px;} .service-block ul li span.client-6{background-position:-615px -700px; height:60px; width:90px;} .service-block ul li span.client-7{background-position:-735px -705px; height:60px; width:90px;} .service-block ul li span.client-8{background-position:-850px -705px; height:60px; width:90px;} .service-block ul li span.client-9{background-position:-23px -770px; height:60px; width:100px;} .service-block ul li span.client-10{background-position:-150px -770px; height:60px; width:90px;} .service-block ul li span.client-11{background-position:-275px -770px; height:60px; width:105px;} .service-block ul li span.client-12{background-position:-136px -840px; height:60px; width:105px;} .service-block ul li span.client-13{background-position:-837px -770px; height:60px; width:115px;} /* Say Hello Block --------------------------------------------------------------------*/ /*.say-hello-block { height: auto !important; }*/ .say-hello-block h3{ color: #00BCD4; font-size: 48px; position: relative; padding-bottom: 42px; margin: 0 0 52px; } .say-hello-block h3::before{ position: absolute; content: ''; width: 67px; border-bottom: 1px solid #d1d2d4; left: 0; bottom: 0; } .say-hello-block h4{ color: #252b33; text-transform: uppercase; font-size: 18px; font-weight: 600;} .say-hello-block p.contact{ color: #252b33; font-size: 28px; line-height: 46px; font-weight: 600; } .say-hello-block p.address{ color: #252b33; font-size: 18px;} .say-hello-block .space-line{ border-bottom:1px solid #e9e9ea; padding-top: 100px; margin-bottom: 42px; float: left; width: 100%;} .say-hello-block ul{ margin: 0; padding: 0; list-style-type: none;} .say-hello-block ul li a{ color: #252b33; font-size: 14px; margin-bottom:8px; font-weight:500; text-decoration:none; display:inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .say-hello-block ul li a:hover{ color: #8a959e;} .say-hello-block .push-space-line{ border-bottom:1px solid #e9e9ea; padding-top: 40px; margin-bottom: 40px; float: left; width: 100%; } .say-hello-block p.copyright{ color: #67727c; font-size: 13px; margin-bottom: 0px; font-weight:500;} .footer-sub{margin-bottom: 40px; } .sub-footer .social-icon { float:right;} .sub-footer .social-icon a{ margin:0px 10px; display: inline-block; position:relative; cursor:pointer;} .sub-footer .social-icon a .fa{ font-size:26px; color:#aab1b8; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} .sub-footer .social-icon a:hover .fa-facebook{ color:#3b5998;} .sub-footer .social-icon a:hover .fa-twitter{ color:#55acee;} .sub-footer .social-icon a:hover .fa-linkedin{ color:#007bb5;} .sub-footer .social-icon a:hover .fa-google-plus{ color:#dd4b39;} .sub-footer .social-icon a:hover .fa-youtube{ color:#bb0000;} .sub-footer .social-icon a:hover .fa-rss{ color:#ff6600;} .sub-footer .social-icon a:hover .fa-dribbble{ color:#ea4c89;} .sub-footer .social-icon a:hover .fa-instagram{ color:#bc2a8d;} .sub-footer .social-icon a:hover .fa-behance{ color:#1769ff;} .sub-footer .social-icon a:hover .fa-medium{ color:#00ab6c;} .footer-info-section .col-title{ color:#252b33; font-size:14px; font-weight:500; display:block; padding-bottom:8px; text-transform:uppercase;} .footer-info-section .add-info.pad-btn{ padding-bottom:15px;} .footer-info-section .add-info p{ font-size:14px; line-height: 22px; margin-bottom:3px; font-weight:500;} .footer-info-section .add-info p.usa{ width:90%;} .footer-info-section .contact-info p, .footer-info-section .contact-info a{ font-size:14px; margin-bottom:0px; font-weight:500; text-decoration: none; color: #8a959e; line-height:24px;} /*.footer-info-section .contact-info p:not(:first-child):before { content: '|'; position: relative; left: -2px; top: 0px; color: #8a959e; font-size: 16px; font-weight: 500; padding: 0px 3px;}*/ .footer-info-section .email-info{ padding-top:15px;} .footer-info-section .email-info a{display: inline-block;text-decoration:none; color:#8a959e; font-size:14px; font-weight:500; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .footer-info-section .email-info a:hover { color:#252b33; } .footer-section .footer-flex{display: flex; display: -ms-flexbox; flex-wrap: wrap;} /* Timeline menu --------------------------------------------------------------------*/ /*.side-nav {top: 156px; left: 30px; z-index: 100; position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 15px; height: 70%; max-height: 660px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin: 0; padding: 0; z-index: 10 ; list-style-type: none; /*border-left: 1px solid rgba(37, 43, 51, 0.3); }*/ .side-nav{ top: 0; bottom: 0; left: 0px; z-index: 99; position: fixed; display: block; min-width: 15px; height: 125px; margin: auto; list-style-type: none;} .side-nav>li {position: relative; top: 0; color: #000; font-size: 6px; cursor: pointer; height: 10px; width: 10px; margin: 10px 0; width: 10px; height: 10px; background: #d4d7da; border: 1px solid #d4d7da; border-radius: 50%;} .side-nav>li span {position: relative; top: 0px; left: 22px; color: #8a959e; font-size: 24px; font-weight: 400; /*opacity: 0; visibility: hidden*/ text-transform: capitalize; visibility: hidden; opacity: 0; display: none;} .side-nav>li::before {position: absolute; top: 3px; left: 22px; color: #555; font-size: 16px; font-weight: 300; display: none; } /*.side-nav>li::after{ position: absolute; left: 0px; top: 0px; bottom: 0; margin: auto; content: '';/* background: url('../images/dot.png'); }*/ .side-nav li:nth-child(1)::before {content: "01"} .side-nav li:nth-child(2)::before {content: "02"} .side-nav li:nth-child(3)::before {content: "03"} .side-nav li:nth-child(4)::before {content: "04"} .side-nav li:nth-child(5)::before {content: "05"} .side-nav li:nth-child(6)::before {content: "06"} .side-nav li.is-active {background: #252b33; border-color: #252b33; transition: all 0.5s ease; } .side-nav li.is-active span {visibility: visible; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; color: #252b33; /*transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; visibility: visible; opacity: 1;*/} .side-nav li.is-active::before {left: -33px; } .side-nav li.is-active::after{ /*background: url('../images/dot-active.png');*/ } /*clone style -----------------------------------------------------------------------*/ /*.clone-point, .clone_one_point, .clone_two_point{ visibility: hidden; opacity: 0; }*/ /*Theme csss -----------------------------------------------------------------------*/ /*----------------------FULLSCREEN SEARCH style start--------------------------*/ .fullscreen_search_holder{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:105; opacity:0; } .fullscreen_search_table{ display: table; width:100%; height:100%; } .fullscreen_search_cell{ display: table-cell; vertical-align: middle; width:100%; height:100%; text-align:center; } .fullscreen_search_holder .form_holder{ position:relative; width: 50%; margin: 0 auto; } .fullscreen_search_holder .qode_search_field{ width: 100%; border:none; outline: none; color: #cbcbcb; position: relative; font-size: 48px; line-height:77px; background-color: transparent; border-bottom:2px solid #cbcbcb; font-family: 'Raleway', sans-serif; } .fullscreen_search_holder .qode_search_field::-webkit-input-placeholder{ color: #cbcbcb; } .fullscreen_search_holder .qode_search_field::-moz-placeholder{ color: #cbcbcb; } .fullscreen_search_holder .qode_search_field:-ms-input-placeholder{ color: #cbcbcb; } .fullscreen_search_holder .search_submit{ border:none; background:transparent; outline:none; width: auto; cursor: pointer; font-family: 'FontAwesome'; font-size:33px; line-height:77px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; color: #161616; position:absolute; right:0; bottom:0px; } .fullscreen_search_holder .search_submit:hover{ color: #cbcbcb; } .fullscreen_search_holder .qode_search_close{ } .fullscreen_search_holder .fullscreen_search_close{ display: inline-block; position: absolute; top: 4%; right: 5%; width: 19px; height: 19px; line-height: 19px; z-index: 99; } .fullscreen_search_holder .fullscreen_search_close .line{ height: 3px; width: 19px; background-color: transparent; margin: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; position: absolute; display: inline-block; } .fullscreen_search_holder .fullscreen_search_close .line:before { background-color: #161616; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); height: 3px; width: 19px; top: 0; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; z-index: -1; -webkit-backface-visibility: hidden; } .fullscreen_search_holder .fullscreen_search_close .line:after{ background-color: #161616; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 3px; width: 19px; top: 0; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; z-index: -1; -webkit-backface-visibility: hidden; } .fullscreen_search_holder .fullscreen_search_close:hover .line:before, .fullscreen_search_holder .fullscreen_search_close:hover .line:after{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /****** Consultation Form Start ********/ /*#consultation-form .fullscreen_search_table{background-color:#f4f7f9; position:relative; font-family: 'Poppins', sans-serif; }*/ #consultation-form .fullscreen_search_table .fullscreen_search_cell{ margin-top:40px; text-align:left;} #consultation-form .fullscreen_search_inner .consult-form{border:1px solid rgba(200, 207, 212, 1); border-radius:4px; width:1140px; margin: 0 auto 50px auto; background-color: rgba(255, 255, 255, 1); padding:40px;} #consultation-form .fullscreen_search_inner .consult-form h2{font-size:30px; color:#252b33; font-weight:600;} #consultation-form .fullscreen_search_inner .consult-form h6{color:rgba(138, 149, 158, 1); font-weight:500; display:inline-block; padding-top:5px; float:right; margin-top:25px; background:url("/wp-content/uploads/2016/08/lock.png") no-repeat left 0px; padding-left:20px;} #consultation-form .consult-form .form-detail{width:100%;} #consultation-form form.consultation-form .detail-part .colm-three {float: left; margin-right:50px; position: relative; width:30.12%;} #consultation-form form.consultation-form .detail-part .colm-three .time-sec{width:100%; position:absolute; bottom:-30px; font-size:14px;} #consultation-form form.consultation-form .detail-part .mrg-rt{margin-right:0px;} #consultation-form form.consultation-form .detail-part .pad-top{padding-top:30px;} #consultation-form form.contact-us-form .detail-part .col-three{ margin-top:30px;} #consultation-form .consult-form .form-detail .detail-part{width:100%; position:relative;} #consultation-form .consult-form .form-detail .detail-part .left-part{float:left; width:45%; position:relative;} #consultation-form .consult-form .form-detail .detail-part.mrg-btm{margin-top:30px;} #consultation-form .consult-form .form-detail .detail-part .right-part{float:right; width:50%; position:relative; color: #323a45; font-size: 16px; font-weight: 500;} #consultation-form .consult-form .form-detail .detail-part label{display:block; color: rgba(138, 149, 158, 1); font-size: 16px; font-weight:lighter;} #consultation-form .consult-form .form-detail .detail-part label.required:after {content:"*"; color:red; margin-left:5px;} #consultation-form .consult-form .form-detail .detail-part input,#consultation-form .consult-form .form-detail .detail-part select,#consultation-form .consult-form .form-detail .detail-part textarea{display:block; width:100%; border-bottom: 1px solid #c8cfd4 !important; border-style: none none solid; color:#252b33; font-size:18px; text-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); outline: medium none; border-radius:0px;} #consultation-form .consult-form .form-detail .detail-part textarea{resize:none; font-family:"Poppins",sans-serif; font-weight:500; outline: medium none;} #consultation-form .consult-form .form-detail .detail-part select{-moz-appearance: none; -webkit-appearance: none; appearance: none; font-weight:300 !important; color:#8a959e; font-size:17px; background:url("/wp-content/uploads/2016/07/drop-down.png") no-repeat right center; padding-bottom:5px;} #consultation-form .consult-form .form-detail .detail-part input::-moz-placeholder{color:#252b33;} #consultation-form .consult-form .form-detail .detail-part .button button{background-color: rgba(65, 211, 33, 1); border: medium none; border-radius: 4px; color: #fff; font-size:18px; padding:8px 65px; cursor:pointer; font-family:"Poppins",sans-serif; font-weight:500;} #consultation-form .consult-form .form-detail .detail-part .button button:hover{background-color:#323A45; color:#fff;} #consultation-form .contact-address{width:980px; margin:50px auto;} #consultation-form .contact-address .col-four{width:40%; float:left;} #consultation-form .contact-address .col-five{width:60%; float:left;} #consultation-form .contact-address .col-four p,#consultation-form .contact-address .col-five a{font-size:14px; color: rgba(138, 149, 158, 1); line-height:22px;} #consultation-form .contact-address .col-five a{display:inline-block; text-decoration:none; border-left:2px solid #8a959e; padding-left:15px; padding-right:20px; font-size:16px;} /*#consultation-form .contact-address .col-three a.email{font-size:30px; vertical-align:middle;}*/ #consultation-form .qode_search_close a.fullscreen_search_close{top:5px; right:42px; background:#fff; border-radius:30px;} .fullscreen_search_holder .fullscreen_search_close{ height:45px; width:45px;} .fullscreen_search_holder .fullscreen_search_close .line, .fullscreen_search_holder .fullscreen_search_close .line:before, .fullscreen_search_holder .fullscreen_search_close .line:after{ width:25px; height:2px;} .fullscreen_search_holder .fullscreen_search_close .line{left:10px;} .header_inner_right.search-box .side_menu_button > a {display:inline; font-size:15px; font-weight:600; padding:10px 25px; letter-spacing:0px; background:#f98211; border-radius:30px; text-transform: uppercase; font-family:"Poppins",sans-serif;} .header_inner_right.search-box .side_menu_button > a:hover{background:#f9902c; color:#fff;} .side_menu_button > a, .mobile_menu_button span{color:#fff;} #consultation-form form.consultation-form input.effect-1{border: 0; padding:15px 0px 10px 0px; margin-top:10px; border-bottom: 1px solid #ccc; background-color: transparent; position:relative; z-index:2; box-shadow: none; height: auto;} #consultation-form form.consultation-form textarea.effect-1{border: 0; padding:20px 0px 60px 0px; margin-top:10px; border-bottom: 1px solid #ccc; background-color: transparent; position:relative; z-index:2; box-shadow: none; height: auto;} #consultation-form form.consultation-form input.effect-1 ~ label,#consultation-form form.consultation-form textarea.effect-1 ~ label {position: absolute; color: #aaa; left: 0; letter-spacing: 0.5px; position: absolute; transition: 0.3s; top:30px; transition: all 0.3s ease 0s; width: 100%; z-index:1; letter-spacing: 0.5px;} #consultation-form form.consultation-form input.effect-1 ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #00BCD4; transition: 0.4s;} #consultation-form form.consultation-form input.effect-1:focus ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1:focus ~ .focus-border, #consultation-form form.consultation-form input.effect-1.has-content ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1.has-content ~ .focus-border{width: 100%; transition: 0.4s; left: 0; z-index:99;} #consultation-form form.consultation-form input.effect-1.has-error ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1.has-error ~ .focus-border{background-color: red;} #consultation-form form.consultation-form input.effect-1.has-error ~ label,#consultation-form form.consultation-form textarea.effect-1.has-error ~ label{color: red !important; } #consultation-form form.consultation-form input.effect-1:focus ~ label,#consultation-form form.consultation-form textarea.effect-1:focus ~ label, #consultation-form form.consultation-form input.effect-1.has-content ~ label,#consultation-form form.consultation-form textarea.effect-1.has-content ~ label{top:2px; font-size: 14px; color:rgba(138, 149, 158, 1); transition: 0.3s;} #consultation-form .consult-form .form-detail .detail-part input.has-error{ color: red !important; border-color: red !important;} .cd-modal-action .gradient-btn.btn{text-transform: uppercase; cursor: pointer; position: relative !important; color: #fff !important; border-radius: 0px !important; padding: 10px 30px !important; font-size:16px !important; display: block; font-weight:bold; background: #00BCD4; border-radius: 50px !important; border: 2px solid #00BCD4;} /****** Consultation Form End ********/ /*======== Enquiry Form Footer & Popup =========*/ #consultation-form .fullscreen_search_table{ background:url("/wp-content/uploads/2017/07/footer-bg-dots.png") ; background-repeat:repeat; padding: 50px 0px;} #consultation-form .fullscreen_search_inner .consult-form-width { width:1140px; margin:0 auto;} #footer-enquiry-form .contact-header { position:relative;} #footer-enquiry-form .header-title{ text-align:center; padding-bottom:40px;} #footer-enquiry-form .header-title h2{ font-size:32px; color:#323a45; font-weight:600; text-transform: capitalize; margin-bottom: 15px;} #footer-enquiry-form .header-title h4{ font-size:16px; color:#323a45; font-weight:500;} #footer-enquiry-form .header-title h4 span.bullet{height: 5px; width: 5px; display: inline-block; background: #323a45; border-radius: 50px; vertical-align: middle; margin:0px 10px;} #footer-enquiry-form .contact-section { background:#323a45; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);} #footer-enquiry-form .contact-section .contact-form-sec{ width:60%; float:left; background:#ffffff; padding:50px; margin:0 auto; box-sizing:border-box;} #footer-enquiry-form .contact-section .contact-form-sec .group{ padding-bottom:15px; position:relative;} #footer-enquiry-form .contact-section .contact-form-sec input{border:1px solid #eeeeee; height: 50px; border-radius: 4px; display: block; width: 100%; padding:15px; font-size:16px; color:#323a45; background: #fafafa; box-sizing:border-box;} #footer-enquiry-form .contact-section .contact-form-sec select{border:1px solid #eeeeee; border-radius: 4px; display: block; width: 100%; padding:10px 15px; font-size:16px; color:#323a45;background: #fafafa url("/wp-content/uploads/2017/07/drop-down-arrow.png") no-repeat right 15px center; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: 'Poppins', sans-serif; height:50px; box-sizing:border-box;} #footer-enquiry-form .contact-section .contact-form-sec select option[value=""][disabled] { display: none;} #footer-enquiry-form .contact-section .contact-form-sec textarea{font-family: 'Poppins', sans-serif; border:1px solid #eeeeee; border-radius: 4px; display: block; width: 100%; padding:15px; font-size:16px; color:#323a45; background: #fafafa; resize:none; box-sizing:border-box;} #footer-enquiry-form .contact-section .contact-form-sec input.isd-code{ width:30%; float:left;} #footer-enquiry-form .contact-section .contact-form-sec input.contact-number{ width:68%; float: right;} #footer-enquiry-form .contact-section .contact-form-sec input:focus, #footer-enquiry-form .contact-section .contact-form-sec textarea:focus, #footer-enquiry-form .contact-section .contact-form-sec select:focus { background:#ffffff !important; box-shadow:0px 0px 10px rgba(0, 188, 209, 0.4); border:1px solid #00BCD4 !important; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footer-enquiry-form .contact-section .contact-form-sec .required-sec{ padding-bottom:10px;} #footer-enquiry-form .contact-section .contact-form-sec .required-sec span.required{ float:left; color:#a2a2a2; font-size:14px;} #footer-enquiry-form .contact-section .contact-form-sec .required-sec span.secure{ float:right; color:#a2a2a2; font-size:14px;} #footer-enquiry-form .contact-section .contact-form-sec .bottom-area{ position: relative;} #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .captcha{ float:left;} #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .submit-btn{ float:right;} #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .submit-btn .submit{ background:#00BCD4; border-radius: 100px; box-sizing:border-box; padding: 15px 30px; text-align:center; margin:13px 0px; font-size: 16px; font-weight:bold; color:#ffffff; display:inline-block; text-transform: uppercase; outline:none; border:none; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:auto !important;} #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .submit-btn .submit:hover{box-shadow: 0 18px 20px 0 rgba(0,0,0,0.2);} #footer-enquiry-form .contact-section .contact-form-sec .group.required-field::before{color: #a2a2a2; content: "*"; display: block; font-size: 22px; margin-left: -18px; position: absolute; top: 18%; z-index: 1;} #footer-enquiry-form .contact-section .contact-form-sec input::-webkit-input-placeholder, #footer-enquiry-form .contact-section .contact-form-sec textarea::-webkit-input-placeholder {color: #a2a2a2;} #footer-enquiry-form .contact-section .contact-form-sec input::-moz-placeholder , #footer-enquiry-form .contact-section .contact-form-sec textarea::-webkit-input-placeholder { color: #a2a2a2;} #footer-enquiry-form .contact-section .contact-form-sec .has-error { box-shadow:0px 0px 10px rgba(255,36,0,0.4); border:1px solid #ff2400;} #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .nl-submit-wrap{ margin-top:0px;} #footer-enquiry-form .hiddenRecaptcha.has-error ~ label.required, #footer-enquiry-form .hiddenRecaptcha.has-error ~ label.required::after{ color:#ff2400;} #footer-enquiry-form .hiddenRecaptcha ~ label.required, #footer-enquiry-form .hiddenRecaptcha ~ label.required::after { position:absolute; left: 0px; top:85px;} #footer-enquiry-form .contact-section .client-logo{ background: #323a45; width:40%; float:right; padding:50px; text-align:center; box-sizing:border-box; } #footer-enquiry-form .contact-section .client-logo h4{ color:#ffffff; font-size:18px; font-weight:500; padding-bottom:20px; margin: 0px;} #footer-enquiry-form .contact-section .client-logo ul{ padding-left: 0px; margin-bottom: 0px; } #footer-enquiry-form .contact-section .client-logo ul li{ display: inline-block; list-style:none; padding:28px 0px; vertical-align:middle; width:32%; margin:0 auto;} /*======== Enquiry Form Footer & Popup =========*/ /*======== Enquiry Form Sidebar =========*/ .enquiry-page-sec{padding:10px 0px 40px; overflow: hidden; font-family: 'Poppins', sans-serif;} .enquiry-page-form .sidebar-sec .contact-form-sec{ width:100%; margin:0 auto; } .enquiry-page-form .sidebar-sec h4{font-size:18px; color:#252B33; margin-top:15px !important; margin-bottom:30px !important; font-weight:600;} .enquiry-page-form .sidebar-sec .contact-form-sec form.form_brand{background-color: #F1F4F5; margin-bottom:20px; padding:30px; box-sizing:border-box;} .enquiry-page-form .sidebar-sec .contact-form-sec .group{ padding-bottom:15px; position:relative;} .enquiry-page-form .sidebar-sec .contact-form-sec input{background-color: #FFFFFF; font-family: 'Poppins', sans-serif; border: 1px solid #D9DEE2; -webkit-appearance: none; height:40px; display: block; width: 100%; padding:0px 0px 0px 15px; font-size:14px; color:#323a45; box-sizing:border-box; border-radius:0px;} .enquiry-page-form .sidebar-sec .contact-form-sec input.name{width:48.1%; float:left; margin-right:15px;} .enquiry-page-form .sidebar-sec .contact-form-sec input.last-name{margin-right:0px;} .enquiry-page-form .sidebar-sec .contact-form-sec select{border: 1px solid #D9DEE2; font-family: 'Poppins', sans-serif; border-radius:0px; height:40px; display: block; width: 100%; padding:0px 0px 0px 15px; color:#323a45;background: #fff url("/wp-content/uploads/2017/07/drop-down-arrow.png") no-repeat right 15px center; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size:14px; box-sizing:border-box;} .enquiry-page-form .sidebar-sec .contact-form-sec select option[value=""][disabled] { display: none;} .enquiry-page-form .sidebar-sec .contact-form-sec textarea{ border-radius:0px; font-family: 'Poppins', sans-serif; border: 1px solid #D9DEE2; display: block; width: 100%; padding:10px 0px 25px 15px; font-size:14px; color:#323a45; background: #fff; resize:none; box-sizing:border-box; -webkit-appearance: none;} .enquiry-page-form .sidebar-sec .contact-form-sec input.isd-code{ width:30%; float:left;} .enquiry-page-form .sidebar-sec .contact-form-sec input.contact-number{ width:100%; float: right; padding-left:110px !important;} .enquiry-page-form .sidebar-sec .contact-form-sec input:focus, .enquiry-page-form .sidebar-sec .contact-form-sec textarea:focus, .enquiry-page-form .sidebar-sec .contact-form-sec select:focus { background-color:#ffffff !important; box-shadow:0px 0px 10px rgba(0, 188, 212, 0.4); border:1px solid #13A1FF !important; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .enquiry-page-form .sidebar-sec .contact-form-sec .group label{ margin-bottom:0px; display:block; font-size: 13px; color: #252B33; font-weight:500;} .enquiry-page-form .sidebar-sec .contact-form-sec .group label span{color: #FF0000;} .enquiry-page-form .sidebar-sec .required-sec{ padding-bottom:10px;} .enquiry-page-form .sidebar-sec .required-sec span.secure{ float:right; color: #8A959E; font-weight:500; font-size: 12px;} .enquiry-page-form .sidebar-sec .contact-form-sec .bottom-area{ position: relative;} .enquiry-page-form .sidebar-sec .contact-form-sec .bottom-area .submit-btn .submit{ background-color: #13A1FF; border-radius:0px !important; box-sizing:border-box; padding:12px 20px; text-align:center; margin:25px 0px 0px; font-size: 14px; color:#ffffff; display:inline-block; outline:none; border:none; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:auto !important; font-weight:600;} .enquiry-page-form .sidebar-sec .contact-form-sec .bottom-area .submit-btn .submit:hover{box-shadow: 0 18px 20px 0 rgba(0,0,0,0.2);} .enquiry-page-form .sidebar-sec .contact-form-sec input::-webkit-input-placeholder, .enquiry-page-form .sidebar-sec .contact-form-sec textarea::-webkit-input-placeholder {color: #8A959E; font-size:14px;} .enquiry-page-form .sidebar-sec .contact-form-sec input::-moz-placeholder , .enquiry-page-form .sidebar-sec .contact-form-sec textarea::-webkit-input-placeholder { color: #8A959E; font-size:14px;} .enquiry-page-form .sidebar-sec .contact-form-sec .has-error { box-shadow:0px 0px 10px rgba(255,36,0,0.4); border:1px solid #ff2400;} .enquiry-page-form .sidebar-sec .contact-form-sec .bottom-area .nl-submit-wrap{ margin-top:10px; width:50%; float:left;} .enquiry-page-form .sidebar-sec .contact-form-sec .bottom-area .secure-ftr{float:right; font-size: 12px; color: #8A959E; margin-top:40px; font-weight:600;} .enquiry-page-form .hiddenRecaptcha.has-error ~ label.required, .enquiry-page-form .hiddenRecaptcha.has-error ~ label.required::after{ color:#ff2400;} .enquiry-page-form .hiddenRecaptcha ~ label.required, .enquiry-page-form .hiddenRecaptcha ~ label.required::after { position:absolute; top:85px;} .enquiry-page-form .sidebar-sec .client-logo{width:580px; position:relative; float:left; padding:90px 0px 0px; text-align:center; box-sizing:border-box; } .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text-outer{width:100%;} .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text img{width:40px; top:15px; left:40px;} .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text h2{font-size:40px !important; text-transform:none; font-weight:600;} .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text h5{width:80%; line-height:22px;} .enquiry-page-form{position:relative;} #lets-talk.thanks-popup{overflow:hidden;} /*======== Enquiry Form Sidebar =========*/ /**** Side Nav *****/ .notification-sec .notification-bar .notification-menu #lets-talk.lets-talk{ margin: 2em 0;} .notification-sec .alert-icon{ position: fixed; z-index: 99; right: 45px; bottom: 25px; } .notification-sec-overlay{ content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); display: block; width: 100%; height: 100%; z-index: 999; visibility: hidden; opacity: 0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .notification-sec-overlay.active-overlay{ opacity: 1; visibility: visible; } body.fixedbody-notification{overflow: hidden; position: fixed;} .notification-sec .sidenav {height: 100%; width: 0; position: fixed;z-index: 9999;top: 0;right: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .notification-sec .sidenav.sidenavbar{ width:620px; } .notification-sec .alert-close{ position: absolute; right: 30px; top: 26px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .notification-sec .notification-nav{ padding: 20px 30px 60px 30px; } .notification-sec .notification-nav .letest-post{ display: none; margin-top: 40px; background-color: #35BC8B; border-radius: 4px; box-shadow: 0 20px 20px 0 rgba(0,0,0,0.14); padding: 18px; } .notification-sec .notification-nav .letest-post .post-img { line-height: 0px; width: 25%; float: left; } .notification-sec .notification-nav .letest-post .post-details{ width: 75%; float: right; padding-left: 10px; } .notification-sec .notification-nav .letest-post .post-details h3{ color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 5px; } .notification-sec .notification-nav .letest-post .post-details p { color: #FFFFFF; font-size: 12px; letter-spacing: 1px; line-height: 19px; } .notification-sec .notification-nav h4.title-info{ color: #008dff; font-size: 12px; font-weight: 600; text-transform: uppercase; margin-top:0px; margin-bottom: 0px; } .notification-sec .notification-nav .talk-info a.get-project:hover{ background: #008DFF; color: #ffffff; text-decoration: none; } .notification-sec .notification-nav .talk-info a.get-project:focus{text-decoration: none;} .notification-sec .notification-nav .talk-info .info-group { padding-top: 30px; width:50%; float:left; } .notification-sec .notification-nav .talk-info .info-group .icon-box span,.notification-sec .notification-nav .contact-info .phone-group .contact-box span{background:url("/wp-content/uploads/2017/09/flag-icon-sidebar.png") no-repeat; height:20px; width:25px; display: block;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.AR{background-position:-0px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.AU{background-position:-30px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.AT{background-position:-65px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.BR{background-position:-98px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.CA{background-position:-130px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.CL{background-position:-165px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.CO{background-position:-198px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.DK{background-position:-230px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.FI{background-position:-265px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.IL{background-position:-298px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.MX{background-position:-330px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.NZ{background-position:-365px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.NO{background-position:-398px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.PL{background-position:-430px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.RO{background-position:-465px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.SE{background-position:-498px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.GB{background-position:-530px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.IN,.notification-sec .notification-nav .contact-info .phone-group .contact-box span.india{background-position:-563px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.usa,.notification-sec .notification-nav .contact-info .phone-group .contact-box span.usa{background-position:-595px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.US{background-position:-595px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.email{background-position:-630px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.skype{background-position:-662px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box span.whatsapp{background-position:-696px 0px;} .notification-sec .notification-nav .talk-info .info-group .icon-box{ width:15%; float: left; line-height: 0px; } .notification-sec .notification-nav .talk-info .info-group .info-detail{ width: 85%; float: right; padding-left:0px; } .notification-sec .notification-nav .talk-info .info-group .info-detail span { color: #2a3037; font-size:14px; font-weight:600; letter-spacing:0px; display: block;} .notification-sec .notification-nav .talk-info .info-group .info-detail h3 { color: #8A959E; font-size:14px; font-weight:400; margin:5px auto 0px; } .notification-sec .notification-nav .talk-info .info-group .info-detail h3 a{ color:#8A959E; font-size:14px; font-weight:400;} .notification-sec .notification-nav .talk-info .info-group .info-detail h3 a:hover, .notification-sec .notification-nav .talk-info .info-group .info-detail h3 a:focus{ text-decoration: none; } .notification-sec .notification-nav .contact-info{margin-top:50px;} .notification-sec .notification-nav .contact-info .phone-group { width: 50%; float: left; padding-top: 30px; } .notification-sec .notification-nav .contact-info .phone-group .contact-box {width: 15%; float: left; line-height: 0px;} .notification-sec .notification-nav .contact-info .phone-group .contact-detail { width: 85%; float: right; padding-left:0px; } .notification-sec .notification-nav .contact-info .phone-group .contact-detail span { color:#2a3037; font-size: 14px; letter-spacing:0px; display: block; padding-bottom: 2px; } .notification-sec .notification-nav .contact-info .phone-group .contact-detail h3 { color:#8A959E; font-size: 14px; font-weight:400; margin: 0px; line-height:22px; width:75%; } .notification-sec .notification-nav .contact-info .phone-group .contact-detail h3 a{ color: #252B33;} .notification-sec .notification-nav .contact-info .phone-group .contact-detail h3 a:hover, .notification-sec .notification-nav .contact-info .phone-group .contact-detail h3 a:focus{ text-decoration: none; } .alert-popup{ display:block !important;} .alert-popup .icon-toggle{ position: fixed; z-index: 99; right: 100px; bottom: 25px; cursor: pointer; } .alert-popup .icon-toggle .red-alert { position: absolute; right: -5px; top: -5px; } .alert-popup .notification-col{ width: 400px; position: fixed; right: 100px; z-index: 99; bottom: 80px; display: none; } .alert-popup .notification-col h3{ color: #252B33; font-size: 16px; text-transform: uppercase; font-weight: 600; } .alert-popup .message-col{ background: #fcfeff; padding: 25px 20px; border: 1px solid #D9EEFF; border-radius: 5px; box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.1); } .alert-popup .message-col h4{ font-size: 16px; font-weight: 600; color: #252B33; padding-bottom: 5px; line-height: 24px; margin: 0px; } .alert-popup .message-col p{ font-size: 14px; color: #8A959E; padding-bottom: 20px; line-height: 20px; margin: 0px; } .alert-popup .message-col a{ color: #008DFF; font-size: 14px; text-transform: uppercase; font-weight: 600; padding-right: 20px; } .alert-popup .message-col a:hover, .alert-popup .message-col a:focus{ text-decoration: none; } .alert-popup .message-col a.close-box{ color: #8A959E; } .alert-popup .close-btn{ position: absolute; right: 15px; top: 12px; } .alert-popup .alert-blue{ width: 10%; float: left; } .alert-popup .message-box{ width: 90%; float: right; } .alert-popup .bell-btn{animation-name: ring; animation-duration: 3s; animation-iteration-count: infinite;} @keyframes ring { 0% { transform: rotate(0deg) } 5% { transform: rotate(45deg) } 15% { transform: rotate(-40deg) } 25% { transform: rotate(20deg) } 35% { transform: rotate(-15deg) } 45% { transform: rotate(10deg) } 55% { transform: rotate(-5deg) } 60% { transform: rotate(0deg) } 100% { transform: rotate(0deg) } } .form_brand .email-msg-alert{font-size: 14px; line-height:16px; color: #00b762; margin-top: 10px;} .form_brand .email-msg-alert .fa{ font-size: 18px; margin-right: 3px; } /**** Side Nav *****/ /********* Capcha-css **********/ .captcha-outer .captcha-left{ width: auto; float: left; margin-right: 20px;} .captcha-outer .btn{ float: left; margin-top: 45px !important;} .captcha-outer .button.cd-modal-action>h6{ margin-top: 55px !important; } /*.captcha-outer .captcha-right{ width: 100%; float: left; }*/ .nl-form .captcha-outer label.required{display: block; font-size: 16px; font-weight: lighter; } .hiddenRecaptcha ~ label.required, .hiddenRecaptcha ~ label.required::after{ color: transparent !important; } .hiddenRecaptcha.has-error ~ label.required, .hiddenRecaptcha.has-error ~ label.required::after{ color: red !important;} .captcha-outer .nl-field.nl-ti-text{ display: none; } /********* Capcha-css **********/ .say-hello-outer{bottom: 0; padding:0; right: 0;} .say-hello.active{ bottom: 25px; display: block; height: 120px; overflow: visible; position: fixed; right: 0; width: 425px; z-index: 110;} .animate-form{visibility: visible; opacity: 1; display: block; width: 50px;background: url('../images/bubble.png')no-repeat center; height: 50px; /*position: absolute; */ position: fixed; bottom:30px; transition: all 1s cubic-bezier(1.000, -0.530, 0.405, 1.425); right:45px; box-sizing: border-box; overflow: hidden; z-index: 999;} .say-hello.active .animate-form{width: 50px; padding: 10px; visibility: hidden; opacity: 0; } .close-chat{ width: 50px; height: 50px; border-radius: 50px; background: rgba(212,215,218,0.3); /*position: absolute;*/ position: fixed; bottom:30px; right: 45px; box-sizing: border-box; visibility: hidden; opacity: 0; transition: all 1s cubic-bezier(1.000, -0.530, 0.405, 1.425); z-index: 110;} .say-hello.active .close-chat{ visibility: visible; opacity: 1; } .span-animate{display: inline-block; background: #00BCD4; height: 50px; border-radius: 50px; line-height: 30px; box-sizing: border-box; padding: 10px 20px; box-sizing: border-box; text-align: right; /*position: absolute;*/ position: fixed; bottom: 30px; right: -100%; color: #fff; transition: all 0.6s cubic-bezier(1.000, -0.530, 0.405, 1.425); z-index: 110; font-family: 'Poppins',sans-serif; font-size: 16px; font-weight: 500;} .span-animate a{ color: #fff; font-family: 'Poppins', sans-serif; text-decoration: none; } .say-hello.active .span-animate.active-span{ right: 100px;} .say-hello .span-animate.active-span.topradius{ border-top-right-radius:0; } .say-hello .span-animate.active-span.active-top{bottom: 85px; border-top-right-radius:50px; border-bottom-right-radius:0;} /*----------------------Tilter style start--------------------------*/ .tilter * { pointer-events: none;} .tilter {display: block; position: relative; margin: 0; color: #fff; flex: none; perspective: 1000px; } .tilter__figure,.tilter__image { margin: 0; width: 100%; height: 100%; display: block;} .tilter__figure > * { transform: translateZ(0px); /* Force correct stacking order */} .tilter__figure { position: relative; max-width: 1400px; margin:auto;} .absolute_img{ position: absolute; top: 0; left: 0; width: 100%;} .tilter__deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .tilter__deco--overlay { background: url('../images/part3.png') no-repeat; background-size: cover;} .tilter__deco--shine div { position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; background: url('../images/part2.png') no-repeat; background-size: cover;} .tilter__caption { position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; background: url('../images/main-whats.png') no-repeat; background-position: center; background-size: cover;} /*----------------------Tilter style start--------------------------*/ /*----------------fade style------------------*/ .fullscreen_search_holder{ visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; z-index:111; box-sizing: border-box; margin: 0; } .fullscreen_search_holder .fullscreen_search_table{ background-color:#fff; } .search_fade_out .fullscreen_search_holder{ -webkit-animation: search_fade_out .25s linear both; animation: search_fade_out .25s linear both; } .search_fade_in .fullscreen_search_holder.animate{ -webkit-animation: search_fade_in .25s linear both; animation: search_fade_in .25s linear both; margin: 0; } @-webkit-keyframes search_fade_out { 0%{ opacity:1; visibility: visible; } 100%{ opacity:0; visibility: hidden; } } @keyframes search_fade_out{ 0%{ opacity:1; visibility: visible; } 100% { opacity:0; visibility: hidden; } } @-webkit-keyframes search_fade_in { 0% { opacity:0; visibility: hidden; } 100% { opacity:1; visibility: visible; } } @keyframes search_fade_in{ 0%{ opacity:0; visibility: hidden; } 100%{ opacity:1; visibility: visible; } } .fullscreen_search_holder .form_holder { opacity:0; -ms-transform: translateY(30%) translateZ(0); -webkit-transform: translateY(30%) translateZ(0); transform: translateY(30%) translateZ(0); -webkit-transition: opacity 0.25s ease 0s, -webkit-transform 0.3s ease 0s; -ms-transition: opacity 0.25s ease 0s, -ms-transform 0.3s ease 0s; transition: opacity 0.25s ease 0s, transform 0.3s ease 0s; } .fullscreen_search_holder.animate .form_holder{ -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); opacity:1; -webkit-transition: opacity 0.5s ease 0.2s, -webkit-transform 0.5s ease 0.2s; -ms-transition: opacity 0.5s ease 0.2s, -ms-transform 0.5s ease 0.2s; transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s; } /*Theme csss -----------------------------------------------------------------------*/ /*Video control -----------------------------------------------------------------------*/ /* video container */ /* video caption css */ .caption{ display:none; position:absolute; top:0; left:0; width:100%; padding:10px; color:#ccc; font-size:20px; font-weight:bold; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #1F1F1F; /* fallback */ background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); } /*** VIDEO CONTROLS CSS ***/ /* control holder */ .control{ background:#fff; color:#ccc; position:absolute; bottom:-65px !important; left:0; width:100%; z-index:5; display:none; padding: 15px 45px 20px 10px; } /* control top part */ .topControl{ overflow: hidden; } /* control bottom part */ .btmControl{ clear:both; background: #1F1F1F; /* fallback */ background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); } .control div.btn { float:left; width:30px; height:30px; padding:0; /*border-right:1px solid #404040;*/ cursor:pointer; } .control div.text{ font-size:12px; font-weight:bold; line-height:30px; text-align:center; font-family:verdana; width:20px; border:none; color:#777; } .control div.btnPlay{ background:url('../images/video-control.png') no-repeat -6px -486px; /*border-left:1px solid #404040;*/ position: absolute; left: 0; top: 0; } .control div.paused{ background:url('../images/video-control.png') no-repeat -6px -390px; } .control div.btnStop{ background:url(control.png) no-repeat 0 -60px; } .control div.spdText{ border:none; font-size:14px; line-height:30px; font-style:italic; } .control div.selected{ font-size:15px; color:#ccc; } .control div.sound{ background:url('../images/video-control.png') no-repeat -3px -140px; border:none; float:right; width: 38px; margin: 0 20px; } .control div.sound2{ background:url('../images/video-control.png') no-repeat -3px -140px !important; } .control div.muted{ background:url('../images/video-control.png') no-repeat -3px -270px !important; } .control div.btnFS{ background:url('../images/video-control.png') no-repeat -3px -5px; float:right; width: 35px; } .control div.btnLight{ background:url('../images/video-control.png') no-repeat -44px -60px; border-left:1px solid #404040; float:right; } .control div.lighton{ background:url(control.png) no-repeat -44px -30px !important; } /* PROGRESS BAR CSS */ /* Progress bar */ .progress { width:90%; height:3px; position:relative; float:left; cursor:pointer; background: #ccc; /* fallback */ box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; overflow: visible; margin: 15px 0 0 0; } .progress span { height:100%; position:absolute; top:0; left:0; display:block; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow: none; } .timeBar{ z-index:10; width:0; background: #000; /* fallback */ position: relative; } .timeBar::after{ content: ""; position: absolute; right: 0; height: 20px; width: 5px; background: #000; top: -8px; display: block; z-index: 9999; } .bufferBar{ z-index:5; width:0; background: #ccc; background:-moz-linear-gradient(top,#ccc,#ccc); background:-webkit-linear-gradient(top,#ccc,#ccc); background:-o-linear-gradient(top,#ccc,#ccc); box-shadow:2px 0 5px #ccc; -moz-box-shadow:2px 0 5px #ccc; -webkit-box-shadow:2px 0 5px #ccc; } /* time and duration */ .time{ width:10%; float:right; padding:0 10px; text-align:center; font-size:12px; line-height:12px; color: #aaa; display: block; margin-top: 12px; } /* VOLUME BAR CSS */ /* volume bar */ .volume{ position:relative; cursor:pointer; width:70px; height:10px; float:right; margin-top:10px; margin-right:10px; } .volumeBar{ display:block; height:100%; position:absolute; top:0; left:0; background-color:#eee; z-index:10; } /* OTHERS CSS */ /* video screen cover */ .loading, #init{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(loading.gif) no-repeat 50% 50%; z-index:2; display:none; } #init{ background:url(bigplay.png) no-repeat 50% 50% !important; cursor:pointer; } .control-middle{overflow: hidden; padding-left: 45px; position: relative; height: 30px; line-height: 30px; padding-right: 150px;} .control-right{ overflow: hidden; position: absolute; right:58px; top: 0; } .videoContainer.hide-control .control .topControl, .videoContainer.hide-control .loading{ display: none !important; } .videoContainer.hide-control .cd-modal-close-outer{ top: 0;} .videoContainer > iframe{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .sitemap-keyword{ text-align: center; margin-top: 40px; } .sitemap-keyword label, .sitemap-keyword ul{ display: inline-block; } .sitemap-keyword label{ font-size: 16px; color: #8a959e; font-weight: 400;} .site-key li{ display: inline-block; } .sitemap-keyword .site-key li a{ margin: 0 3px; color: #8a959e; } /*Video control -----------------------------------------------------------------------*/ /* Circle Animation --------------------------------*/ .image-wrap{ width: 460px; height: 460px; border-radius: 50%; position: relative; box-shadow: 0 0 0 30px rgba(244,244,244,1);} .image-wrap::after, .image-wrap::before { position: absolute; content: ''; width: 460px; height: 460px; top: 0; left: 0; border-radius: 50%; z-index: 0; } .play{ width: 210px; height: 210px; background: #00BCD4; display: inline-block; vertical-align: top; border-radius: 50%; position: relative; z-index: 1; padding:71px 0 71px; box-shadow: 0 0 0 30px rgba(244,244,244,1); margin: 0 12px; } /*.play .play-icon{ margin-left: 20px; display: inline-block; position: relative;}*/ .play-text{ font-size: 24px; line-height: normal; color: #182128; text-transform: capitalize; font-family: 'Poppins', sans-serif; font-weight: bold; display: inline-block; margin-top: 25px; position: relative; min-width: 85px; text-align: left; } .play-text:hover, .play-text:focus{ text-decoration: none; color: #182128; } .play-text::after{ display: block; height: 24px; width: 21px; background: url('../images/play-small-icon.png')no-repeat; position: absolute; top: 5px; margin: auto; right: 0; content: "";} .sbottom{ position: absolute; bottom:90px; left: 0; right: 0; width: 200px; margin: auto; } .sb-icon{ display: block; height: 40px; width: 24px; background: url('../images/scroll-bottm.png')no-repeat; margin: auto;} .sb-text{ font-size: 14px; text-transform: uppercase; color:#acacac; font-family: 'Poppins', sans-serif; font-weight: 600; margin-top: 10px; display: block;} .play::after, .play::before{ position: absolute; content: ''; width: 210px; height: 210px; top: 0; left: 0; border-radius: 50%; z-index: -1; } .play::after, .image-wrap::after { box-shadow: 0 0 0 140px rgba(244,244,244,1); } .play::after, .image-wrap::after { -webkit-animation: 2.5s anim-effect-back 0s linear infinite; animation: 2.5s anim-effect-back 0s linear infinite; } .brightness{ filter: url("data:image/svg+xml;utf8,#brightness"); -webkit-filter:brightness(108.5%); } /* morphing --------------------------------*/ .fixed-body .navbar, .fixed-body .side-nav, .fixed-body .h-text, .fixed-body .w-text{z-index: 1;} .fixed-body span.play{ z-index: 110; } .thanks-popup{ margin: 2em 0; line-height: 1.6; color: #ffffff; overflow:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } .cd-modal .cd-modal-content { height: 100%; width: 100%; padding: 0; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; overflow: hidden; position: relative; } .cd-modal-content .thanks-text-outer{width:670px; margin: auto; position: absolute; top: 50%; left: 0; right:0; transform: translate(0%, -50%); } .cd-modal-content .thanks-text{ overflow: hidden; position: relative;} .cd-modal-content .thanks-text img{ position: absolute; top: 0; left: 0; } .cd-modal-content .thanks-text h2{font-family: "Poppins",sans-serif; color:#fff !important; font-size:80px !important; text-transform:uppercase; margin:0px; line-height:70px; padding: 0 !important; border: none !important;} .cd-modal-content .thanks-text p{font-family: "Poppins",sans-serif; font-size:16px !important; margin:0px; font-weight: 600 !important; line-height: normal !important; color: #fff !important;} .cd-modal-content .thanks-text .text{float:right; padding-left:85px;} .cd-modal p { color: #ffffff; line-height: 1.6; margin: 2em 0; } .modal-is-visible .cd-modal { z-index: 111; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } .cd-modal-action { position: relative; } .cd-modal-bg { display: inline-block; height: 3em; background-color: #eee; position: absolute; left: -5px; top: 10px; width: 4em; border-radius: 50%; -webkit-transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(0, 0); -moz-transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(0, 0); -ms-transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(0, 0); -o-transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(0, 0); transform: translate(0px, 0px) rotate(0rad) skewX(0rad) scale(0, 0); z-index: 111; } .cd-modal-bg.is-visible{ background: #00BCD4; /*transition: all 0.5s ease;*/ } .home-banner .cd-modal-bg.is-visible{ background: #fff; /*transition: all 0.5s ease;*/ } .cd-modal-action .btn { text-align: center; width: 8em; /*border-radius: 5em; color: #ffffff; line-height: 4em; white-space: nowrap; font-weight: 700;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; } .cd-modal-action .to-circle, .cd-modal-action .gradient-btn.btn.to-circle{ border-radius: 5em !important; width: 4em; color: transparent; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; } .cd-modal-content .thanks-text .cdn-btn-set{ overflow: hidden; padding: 15px 0 0 0; } .cd-modal-content .thanks-text .cdn-btn-set .cd-btn, #lets-talk.lets-talk .contact-details .cdn-btn-set a.cd-btn{font-size: 14px !important; color: #00BCD4 !important; text-transform: uppercase !important; font-family: "Poppins",sans-serif; padding: 10px 30px; border-radius: 50px; display: inline-block; margin: 0 10px 0 0; background: #fff !important; font-weight: 600; width: auto !important; text-align: center; float: left; border: 2px solid #fff !important;} .cd-modal-content .thanks-text .cdn-btn-set .cd-btn:hover, #lets-talk.lets-talk .contact-details .cdn-btn-set a.cd-btn:hover{ background: #00BCD4 !important; color: #fff !important; text-decoration:none;} .cd-modal-content .thanks-text .cdn-btn-set .cd-btn.cd-link, #lets-talk.lets-talk .contact-details .cdn-btn-set a.cd-btn.cd-link{ background: none !important; color: #fff !important; border-color: transparent !important;} .fixed-body.modal-is-visible{ z-index: 110; } .fixed-body .fixed-popup .cd-modal-action .cd-modal-bg{ position: fixed; } .fixed-body .modal-is-visible .cd-modal{ position: fixed; } .fixed-body .modal-is-visible .cd-modal .cd-modal-content{ padding: 0; } .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; z-index: 100; } .cd-modal-action .cd-modal-bg.active{ position: absolute; top: 0; left: 0; /* transform: translateX(0px) scale(75);*/ visibility: visible; opacity: 1; } .cd-modal-close-outer{ position: absolute; right: 10px; top: 40px; z-index: 9999; } #intro .cd-modal-close{ background: #fff; position: relative; border-radius: 30px; display: block; height: 45px; width: 45px; } .cd-modal-close .line{ height: 2px; width: 25px; background-color: transparent; margin: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; right: 0; position: absolute; display: inline-block; margin: auto; } .cd-modal-close .line:before { background-color: #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); height: 2px; width: 25px; top: 0; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; z-index: -1; -webkit-backface-visibility: hidden; } .cd-modal-close .line:after { background-color: #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 2px; width: 25px; top: 0; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; z-index: -1; -webkit-backface-visibility: hidden; } .cd-modal-close:hover .line:before, .cd-modal-close:hover .line:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* morphing --------------------------------*/ @-webkit-keyframes anim-effect-back { 0% { box-shadow: 0 0 0 30px rgba(244,244,244,1); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 50% { box-shadow: 0 0 0 70px rgba(244,244,244,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 100% { box-shadow: 0 0 0 140px rgba(244,244,244,0); opacity: 0; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } } @keyframes anim-effect-back { 0% { box-shadow: 0 0 0 30px rgba(244,244,244,1); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 50% { box-shadow: 0 0 0 70px rgba(244,244,244,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 100% { box-shadow: 0 0 0 140px rgba(244,244,244,0); opacity: 0; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } } .play::before, .image-wrap::before{ box-shadow: 0 0 0 80px rgba(232,232,232,1); } .play::before, .image-wrap::before { -webkit-animation: 2.5s anim-effect-front 0s linear infinite; animation: 2.5s anim-effect-front 0s linear infinite; } @-webkit-keyframes anim-effect-front { 0% { box-shadow: 0 0 0 20px rgba(232,232,232,1); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 50% { box-shadow: 0 0 0 40px rgba(232,232,232,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 100% { box-shadow: 0 0 0 80px rgba(232,232,232,0); opacity: 0; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } } @keyframes anim-effect-front { 0% { box-shadow: 0 0 0 20px rgba(232,232,232,1); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 50% { box-shadow: 0 0 0 40px rgba(232,232,232,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 100% { box-shadow: 0 0 0 80px rgba(232,232,232,0); opacity: 0; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } } /********* Website Popup Css **********/ .fullscreen-popup .modal-dialog{width: 100%; margin: 0px auto; height: 100%;} .fullscreen-popup.modal{z-index: 9999;} .fullscreen-popup .modal-dialog .modal-content{border:0px; border-radius: 0px; background: #000; color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%;} .fullscreen-popup .modal-header{border-bottom:0px; padding: 15px 0px;} .fullscreen-popup .modal-footer{border-top: 0px; text-align: left; margin-top:30px; padding: 15px 0px;} /*.fullscreen-popup .modal-footer p{display: inline-block; color: #7ED321; vertical-align: middle;}*/ .fullscreen-popup .modal-footer a.btn{background-color:transparent; color: #fff; font-size: 18px; border-radius: 0px; border: 2px solid #fff; padding:15px 50px; vertical-align: middle; outline: none; font-weight: 600; border-radius: 30px; margin-right: 20px;} .fullscreen-popup .modal-footer a.proceed-btn{background: #f8e71c; color:#323a45; border: 2px solid #f8e71c;} .fullscreen-popup .modal-footer a.btn:hover{background:#fff; color: #323a45; border: 2px solid #fff;} .fullscreen-popup .modal-title a{color: #fff; font-size: 14px; text-decoration: none;} .fullscreen-popup .modal-body{padding:15px 0px;} .fullscreen-popup .modal-body h2{font-size:60px; letter-spacing: -4px; color: #00bcd4; margin-top: 0px; font-weight: 800;} .popup-text{margin-top: 30px;} .popup-text p{ margin-bottom: 20px; font-size: 14px; width: 90%;} .popup-text p.mr-bt-0{margin-bottom: 0px;} .popup-text h3{margin-top:0px; font-size: 24px; font-weight: 700;} /********* Website Popup Css **********/ @media only screen and (max-width:1700px){ .cd-modal-close-outer{ right: 40px; top: 5px; } } @media only screen and (max-width:1610px){ .cd-modal-close-outer{ right: 5px; top: 5px; } .menu-free-estimate{right: 12%;} .menu-free-estimate a.free-estimate-btn{padding: 15px 15px;} .menu-free-estimate a.free-estimate-btn p{font-size: 14px;} .menu-text{font-size: 14px; top:30px;} } @media screen and (max-width: 1366px) , screen and (max-height: 768px) { .say-hello-block .push-space-line{padding-top: 20px; margin-bottom: 20px;} .sitemap-keyword{margin-top: 10px;} .footer-sub{ margin-bottom:20px;} .navbar-nav > li{ padding: 0px 15px; } /*.menu-text{ display: none; }*/ } @media screen and (max-width: 1280px) , screen and (max-height: 900px) { .service-block ul li, .service-block ul li:nth-child(1), .service-block ul li:nth-child(5), .service-block ul li:nth-child(9){ margin: 5px 19px; } .notification-sec .sidenav.sidenavbar{width:560px;} } @media only screen and (max-width:1280px){ .image-wrap{ width: 100%; max-width: 460px;} /*.image-wrap img{ width: 100%;}*/ .image-wrap::before, .image-wrap::after{ width: 100%; height: 100%; } .col-sm-9{width:80%;} /*#about .col-sm-6,#services .col-sm-6,#portfolio .col-sm-6,#clients .col-sm-6{width:40%;}*/ #work .col-sm-12{width:95%;} .block h3{ margin:30px 0 15px 0; } .work-block ul{ margin: 15px 0; } .work-block ul li{margin:0px 10px auto; width:auto;} .apps, .web, .games{ width: 100%; height: auto;} .work-block ul img{ max-width: 100%; } .block a.read-more{ margin-top: 15px; } /*#about,.work-block,#services,#portfolio{margin-bottom:100px;}*/ .block h3{font-size:24px; line-height:30px;} .block p{font-size:16px; line-height:24px;} .block p.highlight{font-size:16px;} .intro-block::before, .about-block::before, .client-block::before{font-size:270px;} .work-block::before,.portfolio-block::before{font-size:290px;} .service-block::before{font-size:350px;} .say-hello-block::before{font-size:300px;} /****** Menu Start *****/ .navbar-toggle-menu{right:2%;} .menu-text{left:105px; font-size:12px;} nav.menu-header ul.main-menu li a{font-size:50px;} .container-fluid > .navbar-header{padding:32px 0 0 10px;} .social-menu ul li{padding:0px 10px;} .block .img-part{padding-left:65px;} .menu-free-estimate{right: 10%;} /****** Menu End *****/ /****** Home Page End *****/ #web-development .web-text,#mobile-games .game-text{padding-left:60px;} #web-development .img-right img{left:-75px;} #mobile-development .img-left img{right:35px; width:400px; bottom:-270px;} #mobile-development .img-right img{width:281px; position:absolute; right:40px; bottom:-250px;} #mobile-games .img-right img{width:500px;} #mobile-games img.mobile-game-img{top:-230px; right:80px;} /****** Home Page End *****/ .service-block ul li, .service-block ul li:nth-child(1), .service-block ul li:nth-child(5), .service-block ul li:nth-child(9){ margin: 5px 10px; } } @media only screen and (max-width:1210px){ .menu-free-estimate {right: 8%; top: 17px;} .navbar.navbar-fixed-top .navbar-nav{width: calc( 100% - 450px);} .fullscreen-popup .modal-footer p{width: 70%;} } @media only screen and (max-width:1024px){ /****** Menu Start *****/ .navbar-on .menu-show{top:100px;} nav.menu-header ul.main-menu{padding-left:25px;} nav.menu-header ul.main-menu li a,.sub-nav ul li,.sub-nav ul li a{font-size:30px; line-height: 50px;} nav.menu-header .col-right{padding-top:75px; width:50%;} nav.menu-header .col-left{width:50%;} nav.menu-header ul.main-menu li a + span{font-size:18px; opacity: 1; padding-left: 10px;} .social-menu a .fa{font-size:30px;} .social-menu ul li{ padding:0px 5px;} .social-menu{bottom:0px;} .navbar.navbar-fixed-top .navbar-nav{display:none;} .navbar-toggle-menu{right:2%;} .menu-text{display:none;} .navbar.navbar-fixed-top .navbar-header{padding-top:12px; padding-bottom:12px;} .container-fluid > .navbar-header {padding: 30px 0 0 0px;} .fixed-body .modal-is-visible .cd-modal{position:absolute;} /****** Menu End *****/ .intro-block::before, .about-block::before, .work-block::before, .service-block::before, .client-block::before, .say-hello-block::before, .portfolio-block::before,.mobile-development-block::before,.web-development-block::before,.mobile-games-block::before{font-size:200px;} .thanks-popup{margin:0em 0 0; height:100vh; overflow: auto; } .side-nav{display:none;} #about .col-sm-6,#services .col-sm-6,#portfolio .col-sm-6,#clients .col-sm-6,#mobile-development .col-sm-6,#web-development .col-sm-6,#mobile-games .col-sm-6{width:40%;} .image-wrap,.image-wrap::after, .image-wrap::before{width:100%; height:100%; display:inline-block; max-width:100%;} .col-sm-9{width:100%;} .block .image-wrap img{max-width:100%;} .work-block ul li a.apps, .work-block ul li a.web,.work-block ul li a.games{width:100%; height:100%; display:inline-block;} .work-block ul li {margin: 0px 15px 30px; width: 100%;} .apps img.bg, .web img.bg, .games img.bg{max-width:100%;} .block-over h4{font-size:30px; top:25px;} #work .col-sm-12{width:100%;} .service-block ul li{width:105px; margin:20px 15px !important; height:30px;} .work-block ul{margin:50px 0px 0px;} #about, .work-block, #portfolio { margin-bottom:0px;} .service-block ul li img{max-width:70px;} .contact-section h6{font-size:28px;} .contact-section h2{margin-top:10px; font-size:28px; line-height:40px;} /*.display-none-tab{display:none;}*/ .block .image-wrap img.services-img{position:inherit;} .block .image-wrap img.games-img{left:0px;} .block .image-wrap img.mobile-img{top:0px;} .block .image-wrap img.web-img{left:0px;} .mobile-development-block,.web-development-block{padding-top:60px;} #web-development .web-text{padding-top:100px;} #mobile-games img.mobile-game-img {top: 0px; right: 0px; width: 100%; bottom: 0; position: inherit;} #mobile-games .img-right img{width:100%;} #web-development .web-text, #mobile-games .game-text{padding-left:0px;} #mobile-development .mobile-text{padding-top:0px;} #mobile-games .game-text {padding-bottom:40px; padding-top:0px;} #mobile-development .img-left img {bottom: inherit; width: 100%; right: 0px; left: 0; top: 0; position: inherit; max-width:350px;} #mobile-development .img-right img {width: 100%; right: 0px; bottom: inherit; position: relative; max-width:300px; margin: 0 auto;} #web-development .img-right img {width: 100%; top: 0px; left: 0px; right: 0px; position:inherit;} .block.web-development-block p{width:100%;} /*#web-development .web-text{margin-top:550px;}*/ /****** Home Page End *****/ /******* Get Free Consultation Form Start ******/ #consultation-form .fullscreen_search_inner .consult-form{width:710px; margin:0px 30px;} #consultation-form .qode_search_close a.fullscreen_search_close{top:52px; right:30px;} #consultation-form form.consultation-form .detail-part .colm-three{width:28% !important;} #consultation-form .contact-address{width:700px;} #consultation-form .contact-address .col-five,#consultation-form .contact-address .col-four{width:100%;} #consultation-form .contact-address .col-five a{border-left:none; padding-left:0px; padding-right:15px;} /********* Get Consultation Form End **********/ /********* Footer Start **********/ .sub-footer .social-icon{float:left;} .sub-footer .social-icon a{margin:0px 5px;} .say-hello-block .container > .row:first-child{margin-top:100px; height:auto; display:block;} .say-hello-block .container > .row:last-child{height:auto; display:block; margin-top:90px;} .say-hello-block .push-space-line{padding-top:20px;} /********* Footer End **********/ /******* New Form Popup ******/ #consultation-form .fullscreen_search_inner .consult-form-width{ width: 90%; } .notification-sec .notification-bar .thanks-popup{height:100%;} /********* Website Popup Css **********/ .fullscreen-popup .modal-footer{margin-top: 20px;} .fullscreen-popup .modal-footer p{width: 70%;} .fullscreen-popup .modal-footer a.btn{font-size: 16px; padding: 10px 30px;} .popup-text p{width: 100%;} /********* Website Popup Css **********/ } @media only screen and (max-width:979px){ .menu-free-estimate{ right: 10%; } .navbar-toggle-menu {right: 2%;} /********* Footer Start **********/ .sub-footer .social-icon{float:left;} .footer-section .col-sm-3{width:50%; margin-bottom:25px;} .footer-section .footer-sub .col-sm-6.copyright-sec { width:50%;} .footer-section .footer-sub .col-sm-6.sub-footer{width:50%;} /********* Footer End **********/ /******* New Form Popup ******/ #footer-enquiry-form .contact-section .contact-form-sec{ width: 100%; float: none; border-right: none; border-bottom: 1px solid #eeeeee; } #footer-enquiry-form .contact-section .client-logo{ width: 100%; float: none; } #footer-enquiry-form .contact-section .contact-form-sec input.contact-number{ width: 74%; } #consultation-form .fullscreen_search_inner .consult-form-width{ width: 90%; } /********* Website Popup Css **********/ .fullscreen-popup .modal-footer{margin-top: 30px;} .fullscreen-popup .modal-footer p{width: 65%;} .popup-text p{width: 100%;} /********* Website Popup Css **********/ } @media only screen and (max-width:767px){ /****** Home Page Start *****/ .block{height:100%; margin-bottom:50px;} .block h3 {font-size:24px; line-height: 34px; margin-bottom: 10px;} .block p.highlight{font-size:14px;} #clients .col-sm-6,#work .col-sm-12,.col-sm-9{width:90%; margin-left:5%;} .intro-block .row,.work-block .row, .service-block .row, .client-block .row, .portfolio-block .row#services,#portfolio,#intro,#clients{text-align:center;} #intro{padding-top: 200px;} #about,#services,#clients{margin-top:0px;} .about-block .know-us{margin-top:100px;} .home-banner img.img-responsive{margin:100px auto 0px;} #clients{margin-bottom:0px;} #about .col-sm-6.mr-bottom,#clients .col-sm-6.mr-bottom,#services .col-sm-5.mr-bottom{margin-bottom:110px;} .thanks-popup{margin:0em 0 0;} .intro-block .row, .about-block .row, .work-block .row, .service-block .row, .client-block .row, .portfolio-block .row{display:block; height:inherit;} .web-development-block .row, .mobile-development-block .row, .mobile-games-block .row{display:block; text-align:center; height:inherit;} .image-wrap{margin-top:90px;} #about .image-wrap,#portfolio .image-wrap{margin-top:100px;} .image-wrap,.image-wrap::after, .image-wrap::before{width:100%; height:100%; display:inline-block; max-width:460px;} .block .image-wrap img{max-width:100%;} .work-block ul{width:100%; display:block; margin:60px 0px;} .work-block ul li {margin: 0px 0px 30px; width: 100%;} .intro-block::before, .about-block::before, .work-block::before, .service-block::before, .client-block::before, .say-hello-block::before, .portfolio-block::before{display:none;} .service-block ul li, .service-block ul li, .service-block ul li:nth-child(1), .service-block ul li:nth-child(5), .service-block ul li:nth-child(9){width:50%; margin:20px 0px 0px 0px !important; height:60px;} .service-block ul{margin-bottom:20px;} .work-block ul li a.apps, .work-block ul li a.web,.work-block ul li a.games{width:100%; display:block; max-width: 360px; margin: auto;} .apps img.bg, .web img.bg, .games img.bg{max-width:100%;} #portfolio h3{margin-top:100px;} .display-none-img{display:none;} .display-none-tab{display:block;} .block p.blk{width:100%;} .navbar-brand>img{margin-left:10px;} .fixed-body .modal-is-visible .cd-modal{position:absolute; top: 0; bottom: 0; margin:auto;} .sbottom{display:none;} .play-text{margin-top:0px;} .image-wrap{width:50%;} .block .image-wrap img.mobile-img{top:0px;} .block .img-part{padding-left:0px;} .intro-block::before, .about-block::before, .work-block::before, .service-block::before, .client-block::before, .say-hello-block::before, .portfolio-block::before, .mobile-development-block::before, .web-development-block::before, .mobile-games-block::before{display:none;} #mobile-development .content-wrap,#web-development .content-wrap,#mobile-games .content-wrap{padding-top:60px;} #about .col-sm-6, #services .col-sm-6, #portfolio .col-sm-6, #clients .col-sm-6, .col-sm-12, #work .col-sm-12, .col-sm-9,.contact-section,#mobile-development .col-sm-6,#web-development .col-sm-6,#mobile-games .col-sm-6{text-align:center; width:100%;} /****** Home Page Start *****/ /****** Menu Start *****/ .navbar.navbar-fixed-top .navbar-nav{display:none;} nav.menu-header ul.main-menu li a + span{font-size:14px;} .navbar-toggle-menu{right:3%;} .navbar.navbar-fixed-top .navbar-header{padding-top:10px; padding-bottom:10px;} .menu-text{display:none;} nav.menu-header .col-left{width:100%;} .navbar-on .menu-show {top: 0px; bottom: 0; height: 500px; margin: auto; position: absolute;} nav.menu-header ul.main-menu{padding-left:30px;} nav.menu-header ul.main-menu li a,.sub-nav ul li a,.sub-nav ul li{font-size:20px; line-height: normal; } .navbar-header .navbar-brand>img {max-width:90px;} .navbar.navbar-fixed-top{min-height: 65px;} .sub-nav ul{padding:0px 30px;} nav.menu-header .col-right{width:100%; padding-top:20px;} .social-menu{bottom:-60px; left:20px;} .social-menu a .fa{font-size:24px;} .social-menu ul li{padding:0px 5px;} .navbar-on .menu-show .nav-menu-top{top:50px;} .side-nav{display:none;} .contact-section h6{font-size:28px;} .contact-section h2{margin-top:10px; font-size:26px; line-height:40px;} nav.menu-header ul.main-menu li.home-icon a img.home-logo-active{width:35px; height:30px;} nav.menu-header ul.main-menu li.home-icon{margin-bottom:10px;} nav.menu-header ul.main-menu li.home-icon a img{width:35px; height:30px;} .control{bottom:65px !important; left:-20px;} .home-title .home-video{background:none !important;} nav.menu-header ul.main-menu li a:hover { color:#fff; text-decoration:none;} nav.menu-header ul.main-menu li a + span{ opacity:1;} .menu-free-estimate a.free-estimate-btn span{ display: none; } .menu-free-estimate a.free-estimate-btn{ border-radius: 100px; padding: 10px 10px; } .menu-free-estimate a.free-estimate-btn p{ font-size: 12px; line-height: normal; padding-top: 0px; } .menu-free-estimate{ right: 18%; top: 15px; } /****** Menu End *****/ /***** Footer Start *****/ .sub-footer .social-icon {float: left; margin-top:15px;} .sub-footer .social-icon a{margin:0px 0px; padding-right:10px;} .sub-footer .social-icon a .fa{font-size:20px;} .say-hello-block .container > .row:first-child{margin-top:100px; height:auto; display:block;} .say-hello-block .container > .row:last-child{height:auto; display:block; margin-top:60px;} .footer-section .col-sm-3{margin-bottom:0px; margin-top:0px; width:100%; overflow: hidden;} .footer-section .col-xs-12{margin-top:20px;} /*.footer-section .col-sm-3 ul li{float:left; width:50%;}*/ .footer-section .col-xs-6 { width: 50%;} .say-hello-block .push-space-line{padding-top:20px; margin-bottom:20px;} .footer-section .separator-line { width:100%; margin-left:0px; padding:0px;} .footer-section .footer-sub .col-sm-6.sub-footer, .footer-section .footer-sub .col-sm-6.copyright-sec { width:100%;} /***** Footer End *****/ /******* Get Free Consultation Form Start ******/ #consultation-form .fullscreen_search_inner .consult-form{width:600px;} #consultation-form .fullscreen_search_table{display:inline-block; overflow:auto;} #consultation-form .fullscreen_search_inner .consult-form{ overflow-y:scroll; margin:0px auto; width: 95%;} #consultation-form form.consultation-form .detail-part .colm-three,#consultation-form .contact-address .col-four,#consultation-form .contact-address .col-five{width:100% !important; margin-bottom:10px;} #consultation-form .contact-address .col-five a{border-left:none; padding-left:0px;} .captcha-outer .button.cd-modal-action>h6{margin-top: 20px !important;} .captcha-outer .btn {float: left; margin-top: 15px !important;} /*#recaptcha1 > div,#recaptcha1 > div iframe{width:100% !important;} .rc-anchor-logo-portrait{margin:10px 0 0 0px !important;}*/ #recaptcha1{margin-top:20px;} #consultation-form .fullscreen_search_inner .consult-form h2{font-size:22px !important;} #consultation-form .consult-form .form-detail .detail-part .left-part,#consultation-form .consult-form .form-detail .detail-part .right-part{width:100%;} #consultation-form .fullscreen_search_inner .consult-form h6{float:none;} #consultation-form .consult-form .form-detail .detail-part.mrg-btm{margin-top:10px;} #consultation-form .consult-form .form-detail .detail-part .right-part.two-select{margin-top:30px;} #consultation-form .consult-form .form-detail .detail-part .right-part.two-select .right-part{margin-top:10px;} .rc-anchor-normal .rc-anchor-checkbox-label{width:90px;} .rc-anchor-normal .rc-anchor-pt{right:20px;} .rc-anchor-logo-img-portrait{width:30px;} .rc-anchor-normal{width:240px;} #consultation-form .contact-address{width:100%; padding:0px 30px; margin:30px auto;} #consultation-form .contact-address .col-three{width:100% !important;} #consultation-form .contact-address .col-three a.email{font-size:20px;} #consultation-form .contact-address .col-three a{margin-top:5px; display:block;} .fixed-popup:not(.thanks-popup){overflow:auto !important; background:#fff;} #consultation-form .qode_search_close a.fullscreen_search_close{right:20px;} .animate-form,.close-chat{right:10px;} .say-hello .span-animate.active-span.active-top,.say-hello .span-animate.active-span.topradius, .span-animate{display:none !important;} /******* Get Free Consultation Form End ******/ /* Footer new form */ #footer-enquiry-form .contact-section .contact-form-sec{ padding: 30px; } #footer-enquiry-form .contact-section .client-logo{ padding: 30px; } #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .submit-btn{ float: none; text-align: center; } #footer-enquiry-form .contact-section .contact-form-sec input.contact-number{ width: 50%; } #footer-enquiry-form .contact-section .contact-form-sec .required-sec span.secure,#footer-enquiry-form .contact-section .contact-form-sec .required-sec span.required{ display: block; float: none; } #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .submit-btn .submit{ margin-top: 30px; } #footer-enquiry-form .header-title h4{ font-size: 14px; margin-top: 10px; } #footer-enquiry-form .contact-section .contact-form-sec .bottom-area .captcha{ float: none; } .sitemap-keyword{text-align:left;} .say-hello-block p.copyright{font-size:14px;} .notification-sec .sidenav.sidenavbar{ width: 100%; } .notification-sec .notification-nav{ padding: 20px 10px 30px 10px; } .notification-sec .notification-nav .contact-info .phone-group{ float: none; width: 100%; } .notification-sec .alert-close { right: 10px; } .notification-sec .alert-icon{ right: 10px; bottom: 10px; } .alert-popup .icon-toggle{ right: 60px; bottom: 10px; } .alert-popup .notification-col{right: 15px; width: 92%; bottom: 70px; } .notification-sec .notification-nav .talk-info .info-group .icon-box,.notification-sec .notification-nav .contact-info .phone-group .contact-box{ width: 10%; } .notification-sec .notification-nav .talk-info .info-group .info-detail,.notification-sec .notification-nav .contact-info .phone-group .contact-detail{ width:90%; } .enquiry-page-form .sidebar-sec h4{font-size:14px; margin-top:10px !important; margin-bottom:20px !important;} .enquiry-page-form .sidebar-sec .contact-form-sec form.form_brand{padding:15px;} .enquiry-page-form .sidebar-sec .contact-form-sec input.name{width:47.6%;} .enquiry-page-form .sidebar-sec .contact-form-sec input.contact-number{padding-left:145px !important;} .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text h2 {font-size: 30px !important;} .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text a.cd-btn, .enquiry-page-form .sidebar-sec .cdn-btn-set a.cd-btn{padding:8px 10px; font-size:12px !important;} .notification-sec .notification-nav .talk-info .info-group{width:100%; float:none;} .notification-sec .cd-modal-content .thanks-text .text{padding-left:40px;} .enquiry-page-form .sidebar-sec .cd-modal-content .thanks-text img{width:30px; top:18px; left:230px;} /********* Website Popup Css **********/ .fullscreen-popup .modal-dialog .modal-content {padding: 20px 0px 50px;} .fullscreen-popup .modal-body h2{margin-top: 0px; margin-bottom: 0px; font-size: 40px; letter-spacing: -2px;} .fullscreen-popup .modal-body{padding: 0px 0px;} .popup-text {margin-top: 15px;} .fullscreen-popup .modal-header{padding: 0px 0px 15px;} .fullscreen-popup .modal-dialog .modal-content{position: relative; padding: 20px 0px 20px; display: block;} .modal-open .modal{background: #000;} .fullscreen-popup .modal-footer {margin-top: 0px; padding-bottom: 25px;} .fullscreen-popup .modal-footer p {width: 100%;} .fullscreen-popup .modal-footer a.btn{display: block; margin:10px 0px 10px; } /********* Website Popup Css **********/ } @media only screen and (max-width:480px){ .enquiry-page-form .sidebar-sec .contact-form-sec input.name{width:47.1%;} .captcha{transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;} } /*@media only screen and (min-device-width:380px) and (max-device-width:670px) and (orientation: landscape) { nav.menu-header .col-left,nav.menu-header .col-right{width:50%;} .navbar-on .menu-show{height: 370px; width: 100%;} }*/ @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .menu-free-estimate{ right: 12%;} nav.menu-header .col-left,nav.menu-header .col-right{width:50%;} .navbar-on .menu-show{height: 370px; width: 100%;} .fullscreen-popup .modal-footer a.btn{display: inline-block; padding: 10px 25px;} } @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 991px) and (orientation: landscape), screen and (max-width: 992px) and (orientation: portrait), screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1366px) and (orientation: landscape){ /* Privacy Add Bar Css */ body .cc-window{max-width: 250px !important; padding: 20px 25px 20px 25px !important; left:auto !important; right: 50px !important;background:#fff; border:1px solid #2E2E2E; border-radius: 0px !important;} body .cc-window .cc-message{font-size:12px; font-weight:500; line-height:20px; color: #000000; letter-spacing: -0.21px; display: inline-block; margin-bottom: 20px !important;} body .cc-message h2{font-size: 23px; color: #000000; letter-spacing: -1.35px; margin-top: 0px; font-weight: 500; margin-bottom: 5px;} .cc-compliance{display: inline-flex !important;} /* Privacy Add Bar Css */ } @media screen and (max-width: 414px) and (orientation: portrait){ body .cc-window{max-width: 90% !important; margin: 0px auto; left: 0px !important; right: 0px !important;} }