/*--- btn css ---*/ .btn { display: inline-block; margin: 0px; background: #fcb513; color: #fff; padding: 14px 25px; border-radius: 0; transition: all 0.5s; border: none; font-size: 14px; position: relative; z-index:1; border-radius: 8px; overflow:hidden; line-height: 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;} .designprocess .titleHead h2{ font-weight: 500; } .btn:before { content:' '; position:absolute; z-index: -1; left:0px; top:0px; width:100%; height:100%; background: #d9551e; /* Old browsers */ background: -moz-linear-gradient(left, #d9551e 0%, #fdb613 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #d9551e 0%,#fdb613 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d9551e 0%,#fdb613 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9551e', endColorstr='#fdb613',GradientType=1 ); /* IE6-9 */; -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;} .btn span { width:27px; height:27px; background-color:#d9551e; position:relative; right:0px; text-align:center; margin-right: 0px; border-radius:50%; margin-left: 15px; display: inline-block; -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;} .btn span i { line-height:27px;} .btn:hover, .btn:focus, .btn:active:focus { background: #fcb513; color: #fff; outline:none; border:none; right: 0px;} .btn:hover:before, .btn:focus:before, .btn:active:focus:before{ background: linear-gradient(270deg, #d9551e, #fdb613); background-size: 400% 400%; -webkit-animation: Gradient 3s ease infinite; -moz-animation: Gradient 3s ease infinite; animation: Gradient 3s ease infinite; } @-webkit-keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @-moz-keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } .btn:hover span { margin-left:15px; right: 5px;} .btn:hover:before { opacity:1;} ::-moz-selection { color: #fff; background: #83a41a;} ::selection { color: #fff; background: #83a41a;} .navigation ul{ margin:0px; padding: 0px; list-style: none; } .navigation ul li{ float: none; display: inline-block; vertical-align: top; margin-right: -4px; } .navigation ul li a{ color: #fff; margin: 0px; line-height: 24px; display: block; font-size: 14px; position: relative; /*padding: 0px 16px;*/ font-weight:500;} .navigation ul li.active a { color:#006bb7;} .navigation ul li a:after{position: absolute; bottom:-2px; width:0%; content:""; background:transparent; height:3px; left:0px; right:0px; margin:0 auto; opacity: 0; transition: all 0.5s; background-color:#fff;} .navigation ul li a:before{position: absolute; top:0px; width:0%; content:""; background:transparent; height:3px; left:0px; right:0px; margin:0 auto; opacity: 0; transition: all 0.5s;} .navigation ul li a:hover:after{opacity:1; width:32px; background-position: center;} .navigation ul li.active a:after{opacity:1 !important; width:32px; background-position: center;} .navigation ul li a:hover:before{opacity:1; width:32px; background-position: center;} .navigation ul li.active a:before{opacity:1 !important; width:32px; background-position: center;} .navigation ul li:first-child a{margin-left:0px;} .navigation ul li:hover a{ color: #006bb7; background-position:0 0%; } .navigation ul li { position: relative; } .navigation ul li { position: relative; margin: 0 30px 0 0; } .navigation ul li:last-child{ margin-right: 0; } .navigation ul li ul { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-20%);z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 200px; background-color: red } .navigation ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; } .navigation ul li ul li{ display: block; margin-right: 0px;} .navigation ul li ul li:hover{ background-color: black; } /*-- Menu Click --*/ .RigClickMenu { width:38px; height:auto; position:relative; float:right; display:none; z-index: 1;} .MenuBox { width: 100%; height: 100%; position: relative; border: 2px solid #fff; border-radius: 10px; padding:2px;} .MenuBox .divBar { width: 70%; position: relative; height: 2px; background-color: #fff; border-radius: 5px; margin: 5px auto;} /*Header section*/ header{ position: absolute; top: 0px; left: 0px; right: 0px; z-index:2;} .main_header{width:100%; padding:0px 0px; position: relative;} .logo_holder { width:100%; position:relative; margin: 15px 0px;} .callTel { position: relative; right: 0px; top: 0; margin-top: 0;padding-top:10px;} .callTel a { font-size:26px; color:#fff; line-height:26px; font-weight:500;} .callTel a:hover { color:#00abed;} .callTel a span i { font-size:18px; color:#d4ff00; -ms-transform: rotate(95deg); -webkit-transform: rotate(95deg); transform: rotate(95deg); margin-right:5px;} .callTel a span { margin-right:5px;} .social_icons ul li{display: inline-block; margin:0px 2px;} .social_icons {float: right; position: absolute; right:0px; top:10px;} .down_hder .container{position: relative;} .social_icons ul li i{color:#fff; width:30px; height:30px; border-radius:100%; border:2px solid #fff; text-align: center; line-height: 30px; transition:all 0.5s;} .social_icons ul li i:hover{background:#fff; color:#df0000;} /*banner_section*/ .banner_section{width:100%; position: relative; z-index:1; height:auto; overflow: hidden;} .banner_section img{width:100%;} .bannerSlide { width: 100%; position: relative; z-index: 99999999; padding:0px 0px; margin: 0px 0px !important; overflow: hidden;} .bannerSlide .slick-dots { position:absolute; bottom:50px; left:0px; right:0px; margin:0px auto;} .bannerSlide .slick-dots li button:before { font-size:40px; opacity: 1; color: #fff;} .bannerSlide .slick-dots li.slick-active button:before { opacity: 1; color: #d9551e;} .bannerSlide .slick-dots li { margin:0px 1px;} .bannerImg { width:100%; position:relative; padding:0px 0px 0px; overflow: hidden;} .bannerTxt{ width:100%; position:relative; padding:0px 0px 0px; overflow: hidden;} .bannerTxt h2 { color:#e3711b; font-size:72px; font-weight:bold; margin-bottom: 12px; font-family: 'Myriad Pro Bold';} .bannerTxt h2 span:nth-child(1) { color:#d9551e;} .bannerTxt h2 span:nth-child(2) { color:#f0bc42;} .bannerTxt h2 span:nth-child(3) { color:#00aeef;} .bannerTxt h2 span:nth-child(4) { color:#56a546;} .bannerTxt h2 span:nth-child(5) { color:#684293;} .bannerTxt h2 span:nth-child(6) { color:#006bb7;} .bannerTxt h2 span:nth-child(7) { color:#d9551e;} .bannerTxt h2 span:nth-child(8) { color:#56a546;} .bannerTxt h2 span:nth-child(9) { color:#d9551e;} .bannerTxt h2 span:nth-child(10) { color:#f0bc42;} .bannerTxt h2 span:nth-child(11) { color:#00aeef;} .bannerTxt h2 span:nth-child(12) { color:#56a546;} .bannerTxt h2 span:nth-child(13) { color:#684293;} .bannerTxt h2 span:nth-child(14) { color:#006bb7;} .bannerTxt h2 span:nth-child(15) { color:#d9551e;} .bannerTxt h2 span:nth-child(16) { color:#56a546;} .bannerTxt h3 { font-size: 50px; line-height: 56px; position: relative; color: #333333; margin-bottom: 25px; font-weight: 400;} .bannerTxt p { font-size:18px; line-height:28px; padding-right: 90px; padding-bottom:35px; color: #333;} .allBanner_img.bannerThree .bannerTxt h2 { color:#f6911d;} .allBanner_img.bannerThree .bannerTxt h3 { color: #333;} .allBanner_img.bannerThree .bannerTxt h3 span { display:block;} .allBanner_img.bannerFour .bannerTxt h2 { color:#403e3f;} .allBanner_img.bannerFour .bannerTxt h3 { color:#fff;} .allBanner_img.bannerFour .bannerTxt h3 span { color:#674292; font-weight:bold;} .allBanner_img.bannerFour img { object-position: 1%;} .allBanner_img { width:100%; position:relative; height: 650px;} .allBanner_img img { position:relative; width:100%; /*height:100%;*/ /*object-fit: cover;*/} .allBanner_img .container {position:absolute;top: 50%;margin: auto;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top: 50px;left: 0;right: 0;} .allBanner_img.bannerThree .bannerTxt h2 span { color:#e3711b;} .allBanner_img.bannerThree .bannerTxt p { color:#333;} .mobileVerisonOn { display:none !important;} .allBanner_img.bannerOne { background-position: center right;} .allBanner_img.bannerTwo { background-position: center right;} .allBanner_img.bannerThree { background-position: center right !important;} .innerbanner.logodesign { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.printdesign { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.websitedesign { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.packagesBanner { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.portfolioBanner { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.blogBanner { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.contactBanner { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} /* home section Portfolio */ .titleHead { text-align:center; margin-bottom:25px;} .titleHead h2{ font-size:36px; line-height:41px; color:#383838; font-weight: 600;} .titleHead h1 { font-size:36px; line-height:41px; color:#424242; font-weight: 600;} .titleHead .small30 { display:block; position:relative; font-size:30px; line-height: 30px; font-weight: 500;} .webPortfolio { width:100%; position:relative; margin:0px; padding:40px 0px 96px;} .circle_blue {width: 37px;height: 37px;background-color: #006bb7;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;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;} .circle_blue:hover{ background-color: #749800; } .scrollTop {width: auto;position: fixed;right: 15px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;bottom: 15px;display: none; z-index:1;} /* aboutText */ .aboutText { width:100%; position:relative; padding:80px 0px 50px; margin:0px;} .aboutText .titleHead h1 { font-size:48px; line-height:48px;} .aboutText .titleHead { text-align:left; margin-bottom: 20px;} .aboutText p { margin-bottom:0px;} .RectAbtBg { width: calc(100% - 68px);position: relative;margin: 0px;padding:45px;box-sizing: border-box;background-image: url(../images/aboutRecBg.png);background-repeat: no-repeat;background-size: cover;border-radius: 15px;overflow: hidden;text-align: center;float: right;} .RectAbtBg h2 { color:#fff; font-size:30px; line-height:40px;} .RectAbtBg h2 span { font-weight:700; color:#fdb613; display: block;} .RectAbtBg p { color:#fff; font-size:21px; line-height:37px; font-weight:400; font-family: 'Source Sans Pro', sans-serif; padding: 5px 0px 20px;} .RectAbtBg p span { font-weight:600;} .RectAbtBg .btn { display:block; text-align:left;} .RectAbtBg .btn span { float:right;} .priceText { position:relative; margin-bottom: 20px;} .priceText h2 { font-size:48px; color:#fdb613; line-height:48px; font-weight: 800;} .priceText h2 > span { font-size:20px; font-weight:700; display:inline-block;} /* Modern Profess */ .modernProfess { width:100%; position:relative; margin:0px; padding:35px 0px 45px; overflow: hidden;} .GroupModern { position:relative; margin-left:-15px; margin-right:-15px; clear: both; float: left; margin-bottom:78px;} .GroupModern:last-child { margin-bottom:0px;} .leftModern { width:31%; position:relative; padding-left:15px; padding-right:15px; float:left;} .rightModern { width:69%; position:relative; padding-left:15px; padding-right:15px; float:left; margin-top: 30px;} .imagesPic { width:292px; height:301px; position:relative;} .imagesPic:before { content:' '; position:absolute; width:476px; height:192px; left:0px; background-image:url(../images/leftDesignGreen.png); background-size:100% auto; background-position:center; top: 0px; bottom: 0px; margin: auto; z-index: -1; margin-left: -360px;} .GroupModern:nth-child(even) .leftModern { float:right;} .GroupModern:nth-child(even) .rightModern { float:left;} .GroupModern:nth-child(even) .leftModern .imagesPic { float: right;} .GroupModern:nth-child(even) .imagesPic:before { content:' '; position:absolute; width:476px; height:192px; right:0px; background-image:url(../images/leftDesignGreen.png); background-size:100% auto; background-position:center; top: 0px; bottom: 0px; margin: auto; z-index: -1; margin-right: -360px;} .rightModern h2 { font-size:36px; font-weight:500; position:relative; line-height:44px; color:#242424; margin-bottom: 16px;} .rightModern h2 span { display:block;} .adjustDesMob { float:left;} .slideModern { width:100%; position:relative; overflow:hidden;} .swiper-container {width: 100%;padding-top: 50px;padding-bottom: 50px;} .swiper-slide {background-position: center;background-size: cover;width: 263px;height: 393px;border-radius:10px;-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;} .swiper-slide.swiper-slide-active {-moz-transform: scale(1.3); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .slideTextBox { width: 100%; position: relative; margin: 160px 0px; padding: 0px 0px 0px 35px;} .slideTextBox h2 { font-size:36px; font-weight:500; position:relative; line-height:44px; color:#242424; margin-bottom: 16px;} .slideTextBox h2 span { display:block;} .slideModern .container-fluid { padding:0px;} /*Packages*/ .threepackages{margin-bottom:80px;position:relative;padding-top:40px;} .packges{background-color:#abd037;border-radius:50%;height:322px;width:322px;margin:0 auto;text-align:center;margin-top:48px;} .pkcg-icon{width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:9px solid #fff;margin:0px auto;position:relative;top:-50px;z-index:9999;background-color:#abd037;} .threepackages .col-md-4:nth-child(2n) .packges{background-color:#fdb713;} .threepackages .col-md-4:nth-child(2n) .pkcg-icon{background-color:#fdb713;} .threepackages .col-md-4:nth-child(3n) .packges{background-color:#a468ab;} .threepackages .col-md-4:nth-child(3n) .pkcg-icon{background-color:#a468ab;} .packges h3{font-size:42px;line-height:42px;font-weight:600;color:#fff;margin-bottom:16px;} .packges h3 span{display:block;font-weight:300;color:#fff;} .packges a{font-size:14px;display:block;color:#fff;} .packges a:hover{color:#101010;} /*Benefits*/ .heightSame .col-md-6{min-height:152px;} .benefits{overflow:hidden;text-align:center;} .benefits .titleHead h2 { font-size:30px; line-height:36px; padding: 0px 50px; color:#3e3e3e;} .heightSame .col-md-6 .supp h4{font-size:17px;line-height:22px;color:#494949;margin-bottom:16px;} .heightSame .col-md-6{margin-top:10px;} .heightSame .col-md-6:nth-child(1), .heightSame .col-md-6:nth-child(2){margin-top:0;} .heightSame .col-md-6:last-child p{margin-bottom:0;} .heightSame .col-md-6 .supp p{font-size:13px;line-height:17px;color:#878787;font-weight:300;} .supp-icn{display:flex;align-items:center;justify-content:center;margin:0 0 10px 0;} .slidetop{background-size:cover !important;padding:75px 37px 50px;position:relative; min-height: 350px; display: flex; align-items: center; justify-content: center;} .slidetop:before{position:absolute;left:30px;top:45px;width:40px;height:40px;background:url(../images/t_coma.png)no-repeat;content:"";} .slidetop p{font-family:'Playfair Display', serif;font-size:20px;line-height:28px;color:#fff;} .testislider{overflow:hidden;border-radius:10px;} .slidetop p img{margin-top:-70px;margin-right:13px;padding-right:10px;display:inline-block;} .slidebot{background-color:#e5e5e5;padding:0 0 30px 0;} .slideicn{height:74px;width:74px;display:flex;align-items:center;justify-content:center;margin:0 auto -25px;border-radius:50%;background-color:#fff;position:relative;top:-35px;} .slideicn img {margin: auto;width: 60px;} .slidebot p{color:#6a6a6a;font-size:13px;line-height:20px;font-weight:500;} .slidebot h5{font-size:18px;line-height:20px;font-weight:600;color:#006bb7;} .testislider .slick-dots{bottom:18px;} .testislider .slick-dots li button{width:27px;height:6px;background-color:#a0a0a0;border-radius:30px;padding:0;} .testislider .slick-dots li button:before{display:none;} .testislider .slick-dots li{margin-right:18px !important;margin-left:0;} .testislider .slick-dots li:last-child{margin-right:0 !important;} .testislider .slick-dots li.slick-active button{background-color:#a468ab;} .process{counter-reset:section;text-align:center;background-size:cover !important;padding:57px 0;position:relative;} .process:before{z-index:-1;pointer-events:none;content:'';background:url(../images/process-bg.png) no-repeat center center;background-size:cover !important;position:absolute;top:61%;transform:translateY(-50%);left:0;right:0;width:100%;height:478px;} .icons p{/*font-size:16px;*/ line-height:20px; color:#383838; /*font-weight:500;*/} .icons-in{width:186px;height:186px;margin:25px auto 20px;border-radius:50%;background-color:#fff;position:relative;} .icons-in:before{counter-increment:section;content:counters(section,".");width:50px;height:50px;border:5px solid #fff;background-color:#abd037;position:absolute;border-radius:50%;color:#fff;font-size:24px;line-height:40px;font-weight:600;left:0px;right:0;margin:0 auto;top:-20px;} .icons-in img{position:absolute;left:0;right:0;margin:0 auto;width:80px;top:50%;transform:translateY(-50%);} /*Footer start*/ .ft-top h3{font-size:16px;line-height:24px;font-weight:600;color:#fdb714;margin:0 0 17px;font-family:'Poppins', sans-serif;} .ft-top ul{list-style:none;} .ft-top ul li{font-family:'Poppins', sans-serif;font-size:13px;line-height:15px;color:#989898;font-weight:300;padding-left:15px;margin-bottom:16px;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .ft-top ul li a{color:#fff;} .ft-top ul li a:hover{color:#fdb713;} .ft-top ul li:before{content:"\f0dd";font-family:"Font Awesome 5 Free";font-weight:900;display:block;position:absolute;left:-5px;top:-1px;color:#fff;transform:rotate(-90deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .ft-top ul li:hover:before{color:#fdb713;} .ft-box.ft-boxEdit ul li{float:left;width:50%;} .ft-logo{text-align:right;margin-top:30px;} /* 01.05.2019 */ .ft-box.portfolioList ul li { width:24%; position:relative; margin:0px; padding:0px; display: inline-block; margin-bottom: 10px;} .ft-box.portfolioList ul li:before { display:none;} .ft-box.portfolioList ul li .boxPicPortfolio { width: 60px; height: 60px; position: relative; border-radius: 3px; overflow: hidden;} .ft-box.portfolioList ul li .boxPicPortfolio img { width:100%; height:100%; object-fit:cover;} .OrderBx h3 { margin-bottom:5px;} .OrderBx p { color:#fff; padding-bottom: 5px;} .OrderBx h2 {font-size:16px;line-height:24px;font-weight:600;color:#fdb714;margin:0 0 17px;font-family:'Poppins', sans-serif;} .OrderBx .btn { padding: 11px 25px;} .ft-box { margin-bottom:35px;} .copyRight{overflow:hidden;margin-top:18px;} .copyRight p{color:#a380cc;font-size:14px;font-family:'Source Sans Pro', sans-serif;padding:0;font-weight:400;line-height:16px;} .copyRight p a {color:#fbb113;} .copyRight p a:hover {color:#fdb713;} .socialBox { float:right; margin-top:16px;} .socialBox a {color:#fff;border:double 3px #fff;margin:0 2px;display:inline-block;border-radius:50%;width:25px;height:25px;text-align:center;font-size:11px} .socialBox a:hover {color:#b7ff00; border-color:#b7ff00;} .socialBox a i { vertical-align:top; margin-top:4px;} .ft-botm{ overflow: hidden; text-align: center; } .mainft{background-size:cover !important;overflow:hidden;padding:70px 0 43px;text-align:center;} .ftlogo{display:inline-block;width:150px;margin:0 auto 35px;} .ft-top{text-align:left;} .newsletterform input[type="text"]{background-color:#552974;height:41px;line-height: normal;border:2px solid #744098;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;color:#cfa7ec;} .newsletterform input::-webkit-input-placeholder{color:#cfa7ec !important;} .newsletterform input::-moz-placeholder{color:#cfa7ec !important;} .newsletterform input:-ms-input-placeholder{color:#cfa7ec !important;} .newsletterform input:-moz-placeholder{color:#cfa7ec !important;} .newsletterform input[type="submit"]{background-color:#864fab;border-radius:5px;font-size:14px;line-height:35px;height:40px;color:#cfa7ec;min-width:100px;border:none;border:2px solid #864fab;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; text-transform: uppercase;} .newsletterform input[type="submit"]:hover{background-color:#552974;border:2px solid #744098;} /*blog page*/ .innerbanner{height:650px;position:relative;} .innerbanner .container{position:absolute;left:0;right:0; top:150px;} /*.innerbanner .col-md-6 img{bottom:0px;top:auto;position:absolute;}*/ .allBanner_img .col-md-6, .innerbanner .col-md-6{height:100%;display:table;} .innerbanner .col-md-6 .mid-align{display:table-cell;vertical-align:middle;height:500px;} .allBanner_img .col-sm-6, .innerbanner .col-sm-6{height:100%;display:table;} .innerbanner .col-sm-6 .mid-align{display:table-cell;vertical-align:middle;height:500px;} .innerbanner h2{font-size:50px;line-height:54px;font-weight:400;color:#353535;margin:0 0 20px 0;} .innerbanner h2 span{color:#fff;font-weight:700;} .innerbanner p{color:#333333;font-size:18px;line-height:24px;} .w444{width:444px;} .midcontent{padding:77px 0 88px;text-align:center;} .blg-listings{text-align:left;} .blg-listings ul{list-style:none;} .whiteoverlay{background-color:rgba(255,255,255,.8);overflow:hidden;} .w192, .w330{float:left;} .w192{width:192px;overflow:hidden;border-radius:50%;margin-right:32px;} .w330{width:330px;overflow:hidden;} .blg-listings p{font-size:14px;line-height:24px;color:#747474;font-weight:300;} .blg-listings h4{font-size:18px;line-height:24px;font-weight:500;margin-bottom:10px;} .blg-listings h4 a{color:#d9551e;} .blg-listings h4 a:hover{color:#abd037;} .blg-listings ul li{float:left;font-size:14px;line-height:18px;color:#737373;margin-right:20px;} .blg-listings ul li:last-child{margin-right:0;} .blg-listings ul li i{color:#d9551e;} .midcontent.blog .blg-listings{margin-top:40px;} .midcontent.blog .col-md-6:nth-child(1) .blg-listings, .midcontent.blog .col-md-6:nth-child(2) .blg-listings{margin-top:0px;} .blog .row .col-md-6{display:none;} #loadMore{margin-top:50px;min-width:257px;text-align:left;} #loadMore span{float:right;} #loadMore1{margin-top:20px;min-width:257px;text-align:left;} #loadMore1 span{float:right;} .blog{position:relative;} .blog:before{z-index:-1;pointer-events:none;content:'';background:url(../images/process-bg.png) no-repeat center center;background-size:cover !important;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;width:100%;height:478px;} /* package */ .packageArea { width:100%; position:relative; margin:0px; padding:80px 0px; text-align:center; position: relative;} .blog .titleHead h1{ font-weight: 500; } .packageArea:before { z-index: -1; pointer-events: none; content: ''; background: url(../images/test_bg_pic1.png) no-repeat center center; background-size: cover !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 100%; height: 478px; } .in_conpg h1{ font-weight: 500; } .packageArea .titleHead { margin-bottom:35px;} .packageBox { background:#ededed; border-radius:10px; margin:50px 20px 40px; position:relative;} .packageTop {position:relative; z-index:4;} .packageTop:before { content:''; display:block; width:100%; height:50px; position:absolute; left:0; top:-50px; background:url(../images/bg1.png) no-repeat center top;background-size: 100%;} .webarea .packageTop:before {background:url(../images/webbg1.png) no-repeat center top;} .printarea .packageTop:before {background:url(../images/printbg1.png) no-repeat center top;} .packageTopText {background:#abd037;} .webarea .packageTopText {background:#a468ab;} .printarea .packageTopText {background:#00aeef;} .packageTop h2 {font-size:36px; line-height:40px; font-weight:700; color:#fff;font-family: 'Poppins', sans-serif; text-align:center;} .packageTop h2 span {color:#fff; display:block; font-weight:400;} .packageCont {padding:30px; text-align:center;} .packageText {padding-bottom:20px;} .packageText ul {list-style:none; text-align: left;} .packageText ul li {font-size:14px; line-height:20px; padding-left:28px;position:relative; color:#565656;font-family: 'Poppins', sans-serif; font-weight:300; margin:0 0 15px;} .packageText ul li:before {content:"\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; position: absolute; top:0px; left: 0;color:#a5cd45; transition:all 0.5s;} .packageBtm {background:url(../images/bg3.png) no-repeat center bottom;background-size: 100%;padding-bottom:50px;text-align:center;position:relative; z-index:1} .webarea .packageBtm {background:url(../images/webbg3.png) no-repeat center bottom;} .printarea .packageBtm {background:url(../images/printbg3.png) no-repeat center bottom;} .packageBtm:before {content:'';background:url(../images/bg2.png) no-repeat center bottom;background-size: 100%; position:absolute; left:0; top:0; height:53px; width:100%;} .webarea .packageBtm:before {background:url(../images/webbg2.png) no-repeat center bottom;} .printarea .packageBtm:before {background:url(../images/printbg2.png) no-repeat center bottom;} .packageBtmOne {background:#92b22f;padding-top:40px;} .webarea .packageBtmOne {background:#87588c;} .printarea .packageBtmOne {background:#0097d0;} .packageBtmTwo {position: relative;bottom: -20px;} .packageBtm h2 {font-size:60px; color:#fff;font-family: 'Oswald', sans-serif; font-style:normal} .packageBtm h2 span {font-size:60px; color:#fff;font-family: 'Oswald', sans-serif;} .packageBtm h2 small {color:#fff; font-size:16px; font-weight:300; text-decoration:line-through} .packageBtm h2 strong {color:#fff; font-size:16px; font-weight:300;} .packageBtn {color:#fff;font-family: 'Poppins', sans-serif; font-weight:500; padding:0 0 0 30px; background:#abd037; text-align:center; border-radius:30px 0 0 30px; position:relative; height:48px; line-height:48px; display:inline-block; margin-left:-32px;} .webarea .packageBtn {background:#a468ab;} .webarea .packageBtn:hover { color:#abd037} .printarea .packageBtn {background:#00aeef;} .packageBtn:after {content:''; display:block; background:url(../images/curve.png) no-repeat 0 0; width:33px; height:48px; position:absolute; right:-33px; top:0;} .webarea .packageBtn:after {background:url(../images/webcurve.png) no-repeat 0 0;} .printarea .packageBtn:after {background:url(../images/printcurve.png) no-repeat 0 0;} .packageBtn:hover {margin-left:-26px;} .packageStick {position:absolute; right:-28px; top:-28px; width:56px; height:56px; background:#fdb713; border-radius:50%; color:#fff; text-align:center; z-index:9; padding:0 10px;} .packageStick span {font-size:14px; font-family: 'Poppins', sans-serif; font-weight:500; display:inline-block; line-height:18px; margin-top:11px; text-transform:uppercase} /*.testimonial*/ .testipg_section{width:100%; position:relative; padding:80px 0px; text-align: center;} .testipg_section:before { z-index: -1; pointer-events: none; content: ''; background: url(../images/test_bg_pic1.png) no-repeat center center; background-size: cover !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 100%; height: 478px;} .testipg_section h2{font-size:36px; line-height: 40px; color:#383838; font-family: 'Poppins', sans-serif; font-weight:500; } .testipg_area{width:100%; margin-top:35px; display: flex; justify-content: space-around; flex-wrap: wrap;} .testimonial_up{background: rgba(88,166,70,1); background: -moz-linear-gradient(left, rgba(88,166,70,1) 0%, rgba(126,186,63,1) 40%, rgba(169,207,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(88,166,70,1)), color-stop(40%, rgba(126,186,63,1)), color-stop(100%, rgba(169,207,55,1))); background: -webkit-linear-gradient(left, rgba(88,166,70,1) 0%, rgba(126,186,63,1) 40%, rgba(169,207,55,1) 100%); background: -o-linear-gradient(left, rgba(88,166,70,1) 0%, rgba(126,186,63,1) 40%, rgba(169,207,55,1) 100%); background: -ms-linear-gradient(left, rgba(88,166,70,1) 0%, rgba(126,186,63,1) 40%, rgba(169,207,55,1) 100%); background: linear-gradient(to right, rgba(88,166,70,1) 0%, rgba(126,186,63,1) 40%, rgba(169,207,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a646', endColorstr='#a9cf37', GradientType=1 ); width:100%; padding: 71px 35px 54px 35px; border-radius:10px 10px 0px 0px; position: relative; min-height: 327px; display: flex; align-items: center; justify-content: center; } .testipg_box{width:47.5%; border-radius:10px; margin-bottom:30px; display: none;} .testimonial_up p{font-size:20px; line-height: 26px; color:#fff; font-family: 'Playfair Display', serif; font-style: italic;} .testimonial_up:before{position: absolute; left: 28px; top: 30px; width:40px; height: 40px; background:url(../images/t_coma.png)no-repeat; content:"";} .w444.adjWidth { width:100%;} .testi_down{width:100%; background:#e5e5e5; padding:35px; border-radius:0px 0px 10px 10px; position:relative; min-height:154px} .testi_down h4{font-size:18px; line-height: 25px; color:#006bb7; font-family: 'Poppins', sans-serif; font-weight:600; padding-bottom:4px;} .testi_down p{font-size:13px; line-height: 16px; color:#6a6a6a; font-family: 'Poppins', sans-serif; font-weight:500;} .test_man_pic{width:80px; height: 80px; border-radius:50%; display: flex; align-items: center; background:#fff; margin:0 auto; margin-top: -75px; margin-bottom: 14px;} /*.test_man_pic { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; background: #fff; margin: 0 auto; margin-top: -63px; margin-bottom: 14px; }*/ .test_man_pic img{margin:auto; width: 60px;} .load_more{padding:19px 35px; background: rgba(217,86,30,1); background: -moz-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,86,30,1)), color-stop(40%, rgba(227,113,27,1)), color-stop(100%, rgba(251,177,19,1))); background: -webkit-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: -o-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: -ms-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: linear-gradient(to right, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9561e', endColorstr='#fbb113', GradientType=1 ); color:#fff; font-size:14px; line-height: 18px; font-family: 'Poppins', sans-serif; font-weight:600; border-radius:5px; display:inline-block; margin-top:35px; width:260px; text-align: left; position: relative; } .load_more:before{position: absolute; right:15px; top:14px; font-family: 'fontawesome'; width:30px; height: 30px; border-radius:50%; background:#d9551e; content:"\f061"; line-height: 30px; text-align: center;} .load_more:hover{ color:#fff; } .load_more:focus{ color:#fff; } .abtpg_cont{width:100%; padding:50px 0px;} .abtpg_cont h4{font-size:30px; line-height: 35px; color:#414141; font-family: 'Poppins', sans-serif; font-weight:500; margin-top: 15px;} .abtpg_cont h2{font-size:48px; line-height: 52px; color:#414141; font-family: 'Poppins', sans-serif; font-weight:600; padding-bottom:16px;} .abtpg_cont p{font-size:14px; line-height: 27px; color:#6c6c6c; font-family: 'Poppins', sans-serif; font-weight:300;} .abt_order_box{background: url(../images/abtbg.jpg)no-repeat; background-size:cover; padding:45px; width:90%; float: right; border-radius:8px; text-align: center;} .abt_order_box h3{font-size:30px; line-height: 35px; color:#fff; font-family: 'Poppins', sans-serif; font-weight:500; padding-bottom:15px;} .abt_order_box h3 b{color:#fbb513; font-weight:700;} .abt_order_box h4{font-size:21px; line-height: 25px; color:#fff; font-family: 'Source Sans Pro', sans-serif; font-weight:400;} .abt_order_box h4 b{font-size:21px; line-height: 25px; font-weight:700; } .abt_order_box h5{font-size:20px; line-height: 25px; color:#fdb513; font-family: 'Poppins', sans-serif; font-weight:700; margin-top:35px;} .abt_order_box h5 b{font-size:48px;} .abt_order_box .load_more{width:100%;} /*.experience_section{width:100%; padding:7px 0px 50px; }*/ .experience_section { width:100%; padding: 7px 0px 30px; } .experence_box_area{width:90%; display: flex; justify-content: space-between; flex-wrap: wrap; } .exper_box{padding:45px 20px; border-radius:10px; text-align: center; margin-bottom:20px; min-height: 178px; box-shadow: 0 0 15px 0px rgba(0, 0, 0, .3);} .exper_box.yellow{ background: rgba(251,178,20,1); background: -moz-linear-gradient(top, rgba(251,178,20,1) 0%, rgba(227,113,27,1) 68%, rgba(217,86,30,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,178,20,1)), color-stop(68%, rgba(227,113,27,1)), color-stop(100%, rgba(217,86,30,1))); background: -webkit-linear-gradient(top, rgba(251,178,20,1) 0%, rgba(227,113,27,1) 68%, rgba(217,86,30,1) 100%); background: -o-linear-gradient(top, rgba(251,178,20,1) 0%, rgba(227,113,27,1) 68%, rgba(217,86,30,1) 100%); background: -ms-linear-gradient(top, rgba(251,178,20,1) 0%, rgba(227,113,27,1) 68%, rgba(217,86,30,1) 100%); background: linear-gradient(to bottom, rgba(251,178,20,1) 0%, rgba(227,113,27,1) 68%, rgba(217,86,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb214', endColorstr='#d9561e', GradientType=0 ); } .experience_section h4{font-size:48px; line-height: 52px; color:#fff; font-family: 'Poppins', sans-serif; font-weight:600; } .experience_section p{font-size:16px; line-height: 20px; color:#fff; font-family: 'Poppins', sans-serif; font-weight:400; padding-bottom:10px;} .exper_box.green{background: rgba(89,166,70,1); background: -moz-linear-gradient(top, rgba(89,166,70,1) 0%, rgba(128,186,63,1) 49%, rgba(165,205,56,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(89,166,70,1)), color-stop(49%, rgba(128,186,63,1)), color-stop(100%, rgba(165,205,56,1))); background: -webkit-linear-gradient(top, rgba(89,166,70,1) 0%, rgba(128,186,63,1) 49%, rgba(165,205,56,1) 100%); background: -o-linear-gradient(top, rgba(89,166,70,1) 0%, rgba(128,186,63,1) 49%, rgba(165,205,56,1) 100%); background: -ms-linear-gradient(top, rgba(89,166,70,1) 0%, rgba(128,186,63,1) 49%, rgba(165,205,56,1) 100%); background: linear-gradient(to bottom, rgba(89,166,70,1) 0%, rgba(128,186,63,1) 49%, rgba(165,205,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a646', endColorstr='#a5cd38', GradientType=0 ); margin-top: 50px; } .exper_box.blue{ background: rgba(0,108,185,1); background: -moz-linear-gradient(top, rgba(0,108,185,1) 0%, rgba(0,140,210,1) 49%, rgba(0,169,236,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,108,185,1)), color-stop(49%, rgba(0,140,210,1)), color-stop(100%, rgba(0,169,236,1))); background: -webkit-linear-gradient(top, rgba(0,108,185,1) 0%, rgba(0,140,210,1) 49%, rgba(0,169,236,1) 100%); background: -o-linear-gradient(top, rgba(0,108,185,1) 0%, rgba(0,140,210,1) 49%, rgba(0,169,236,1) 100%); background: -ms-linear-gradient(top, rgba(0,108,185,1) 0%, rgba(0,140,210,1) 49%, rgba(0,169,236,1) 100%); background: linear-gradient(to bottom, rgba(0,108,185,1) 0%, rgba(0,140,210,1) 49%, rgba(0,169,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb9', endColorstr='#00a9ec', GradientType=0 ); margin-top: -34px; } .exper_box.brown{ background: rgba(106,67,148,1); background: -moz-linear-gradient(top, rgba(106,67,148,1) 0%, rgba(132,84,158,1) 49%, rgba(162,103,170,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,67,148,1)), color-stop(49%, rgba(132,84,158,1)), color-stop(100%, rgba(162,103,170,1))); background: -webkit-linear-gradient(top, rgba(106,67,148,1) 0%, rgba(132,84,158,1) 49%, rgba(162,103,170,1) 100%); background: -o-linear-gradient(top, rgba(106,67,148,1) 0%, rgba(132,84,158,1) 49%, rgba(162,103,170,1) 100%); background: -ms-linear-gradient(top, rgba(106,67,148,1) 0%, rgba(132,84,158,1) 49%, rgba(162,103,170,1) 100%); background: linear-gradient(to bottom, rgba(106,67,148,1) 0%, rgba(132,84,158,1) 49%, rgba(162,103,170,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a4394', endColorstr='#a267aa', GradientType=0 ); margin-top: 20px; } .experience_section h2{font-size:36px; line-height: 40px; color:#242424; font-family: 'Poppins', sans-serif; font-weight:500; margin-bottom: 15px;} .expernce_text{width:100%; padding-left:30px; padding-top: 120px;} .expernce_text h3{font-size:24px; line-height: 28px; color:#d8551e; font-family: 'Poppins', sans-serif; font-weight:500; padding-bottom:10px;} .expernce_text p{color:#6d6d6d; line-height: 25px; font-family: 'Poppins', sans-serif; font-weight:300; font-size:14px;} .exper_pics{width:93%;} .awesome_portpolio_section{width:100%; padding:60px 0px; position: relative;} .awesome_portpolio_section:before{z-index:0;pointer-events:none;content:'';background:url(../images/test_bg_pic1.png) no-repeat center center;background-size:cover !important;position:absolute;top:57%;transform:translateY(-50%);left:0;right:0;width:100%;height:478px;} .awesome_portpolio_section h2{font-size:36px; line-height: 40px; color:#242424; font-family: 'Poppins', sans-serif; font-weight:500; text-align: center; padding-bottom:0px;} .abt_main_wraper{position: relative;} .awsome_gal_slider .awesone_pic{border-radius:10px; overflow: hidden !important; margin: 0 15px;} .awsome_gal_slider .awesone_pic img{width:100% !important; height: 100% !important;} .awsome_gal_slider .slick-slide:nth-child(even) .awesone_pic{margin-top:25px;} .awsome_gal_slider .slick-next::before{content:"\f061"; font-family: "Font Awesome 5 Free"; font-weight:900; opacity:1; } .awsome_gal_slider .slick-prev::before{content:"\f060"; font-family: "Font Awesome 5 Free"; font-weight:900; z-index:1; opacity:1;} .awsome_gal_slider .slick-next{ z-index:1; width:35px; height: 35px; border-radius:50%; background:#d9551e; top:-12%; right: 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;} .awsome_gal_slider .slick-next:hover{ background-color: #006bb7; } .awsome_gal_slider .slick-prev{ z-index:1; width:35px; height: 35px; border-radius:50%; background:#d9551e; left: auto; right: 6%; top:-12%; -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;} .awsome_gal_slider .slick-prev:hover{ background-color: #006bb7; } .abt_icon_pic{position: absolute; top:70%; left:0px; right:0px; margin:0 auto; width:100%; z-index: -1;} .abt_icon_pic img{width:100%;} .testipg_section .abt_icon_pic{top:30%; z-index:-1;} .main_conpg {position: relative; width:100%; padding: 65px 0px 75px;} .main_conpg:before {z-index: -1;pointer-events: none;content: '';background: url(../images/process-bg.png) no-repeat center center;background-size: cover !important;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 100%;height: 478px;} .conpg_get_sec{width:100%; position: relative;} .main_conpg .abt_icon_pic{top:60%;} .in_conpg{background: rgba(255,255,255,0.6); padding:15px 14px;} .in_conpg h2{font-size:36px; line-height: 40px; color:#383838; font-family: 'Poppins', sans-serif; font-weight:500; padding-bottom:0px;} .get_menu ul li{margin-bottom:6px; list-style: none; padding-left:30px;} .get_menu ul li h5{font-size:14px; line-height: 18px; color:#737373; font-family: 'Poppins', sans-serif; font-weight:500; padding-bottom:5px;} .get_menu ul li p{color:#737373; font-family: 'Poppins', sans-serif; font-weight:300; font-size:14px; line-height: 20px;} .get_menu ul li p a{color:#737373; font-family: 'Poppins', sans-serif; font-weight:300; font-size:14px; line-height: 20px;} .get_menu ul{padding-left:20px;} .get_menu ul li p a:hover{color:#d9551e;} .get_menu ul li.add{position: relative;} .get_menu ul li.add:before{content:"\f3c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; left:0px; top:0px; position: absolute; color:#d9551e; font-size:20px;} .get_menu ul li.mail{position: relative;} .get_menu ul li.mail:before{content:"\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 900; left:0px; top:-3px; position: absolute; color:#d9551e; font-size:17px;} .get_menu ul li.ph{position: relative;} .get_menu ul li.ph:before{ content: "\f095"; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 0px; top: -2px; position: absolute; color: #d9551e; font-size: 17px; transform: rotate(90deg);} .form_area{width:100%;} .form_area input[type="text"]{width:100%; height:45px; border-radius:7px; border:1px solid #d8d8d8; box-shadow:none; color:#737373; font-family: 'Poppins', sans-serif; font-weight:300; outline:none; padding:5px 15px;-webkit-appearance: none; -moz-appearance: none; appearance: none;} .form_area input[type="email"]{width:100%; height:45px; border-radius:7px; border:1px solid #d8d8d8; box-shadow:none; color:#737373; font-family: 'Poppins', sans-serif; font-weight:300; outline:none; padding:5px 15px;-webkit-appearance: none; -moz-appearance: none; appearance: none;} .form_area input[type="tel"]{width:100%; height:45px; border-radius:7px; border:1px solid #d8d8d8; box-shadow:none; color:#737373; font-family: 'Poppins', sans-serif; font-weight:300; outline:none; padding:5px 15px; margin-bottom:15px;-webkit-appearance: none; -moz-appearance: none; appearance: none;} .form_area textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none;} .form_area input[type="submit"]{padding:15px 20px; outline:none; background:url(../images/arrow.png)no-repeat 98% center, rgba(217,86,30,1); background: url(../images/arrow.png)no-repeat 98% center, -moz-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: url(../images/arrow.png)no-repeat 98% center, -webkit-gradient(left top, right top, color-stop(0%, rgba(217,86,30,1)), color-stop(40%, rgba(227,113,27,1)), color-stop(100%, rgba(251,177,19,1))); background: url(../images/arrow.png)no-repeat 98% center, -webkit-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: url(../images/arrow.png)no-repeat 98% center, -o-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: url(../images/arrow.png)no-repeat 98% center, -ms-linear-gradient(left, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); background: url(../images/arrow.png)no-repeat 98% center, linear-gradient(to right, rgba(217,86,30,1) 0%, rgba(227,113,27,1) 40%, rgba(251,177,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9561e', endColorstr='#fbb113', GradientType=1 ); color:#fff; font-size:14px; line-height: 18px; font-family: 'Poppins', sans-serif; font-weight:600; border-radius:5px; display:inline-block; margin-top:0px; width:100%; text-align: left; position: relative; border:none; transition: all .5s; background-color:#da571e;} .form_area input[type="submit"]:hover {background:#f19716 url(../images/arrow.png)no-repeat 97% center;} .form_area textarea{width:100%; height:105px; border-radius:7px; border:1px solid #d8d8d8; box-shadow:none; color:#737373; font-family: 'Poppins', sans-serif; font-weight:300; outline:none; padding:5px 15px; margin-bottom:15px; resize: none; position: relative;} .right_conpg{width:90%; float: right; } .form_area input::-webkit-input-placeholder {color: #737373 !important; opacity: 1 !important;} .form_area input::-moz-placeholder {color: #737373 !important; opacity: 1 !important;} .form_area input::-moz-placeholder { color: #737373 !important; opacity: 1 !important;} .form_area input::-ms-input-placeholder { color: #737373 !important; opacity: 1 !important;} .form_area textarea::-webkit-input-placeholder {color: #737373 !important; opacity: 1 !important;} .form_area textarea::-moz-placeholder {color: #737373 !important; opacity: 1 !important;} .form_area textarea::-moz-placeholder { color: #737373 !important; opacity: 1 !important;} .form_area textarea::-ms-input-placeholder { color: #737373 !important; opacity: 1 !important;} .mapFrame { width:100%; position:relative; height:480px; overflow:hidden; margin-top: 90px;} .mapFrame iframe { width:100%; height:100%; border:0;} .conpg_get_sec .titleHead { text-align:left;} .innerbanner h2 span.purpleCol { color:#a468ab;} .innerbanner h2 span.orangeColor { color:#d9551e;} .innerbanner h2 span.green{color:#626f2d;} .banner.innerbanner.contactBanner .col-md-6 img { right:0px;} /* portfolio */ .portfolioArea { width:100%; position:relative; margin:0px; padding: 80px 0px 70px;} .portfolioArea:before {z-index: -1;pointer-events: none;content: '';background: url(../images/test_bg_pic1.png) no-repeat center center;background-size: cover !important;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 100%;height: 478px;} .banner.innerbanner.portfolioBanner .col-md-6 img { top:0px; margin:auto;} .banner.innerbanner.portfolioBanner h2 { color: #333333;} .innerbanner h2 span.brightgreen{color:#ed1b24;} /* packages inner pages */ .packageFeature { width:100%; position:relative;} .packageFeature .moreFeature { padding: 30px; text-align: center; background-color:#92b22f;} .packageFeature .moreFeature h2 { color:#fff; font-size:22px; line-height:24px; margin-bottom: 20px;} .packageFeature .moreFeature ul {list-style: none;text-align: left;} .packageFeature .moreFeature ul li {font-size: 13px;line-height: 20px;padding-left: 28px;position: relative;color: #fff;font-family: 'Poppins', sans-serif;font-weight: 300;margin: 0 0 15px;} .packageFeature .moreFeature ul li:before {content: "\f00c";font-family: "Font Awesome 5 Free";font-weight: 900;display: block;position: absolute;top: 0px;left: 0;color: #fff;transition: all 0.5s;} .packageFeature a { margin:49px 0px; margin-left: -32px;} .webarea .packageFeature .moreFeature { background-color:#a468ab;} .printarea .packageFeature .moreFeature { background-color:#00aeef;} /* Packages */ .banner.innerbanner.packagesBanner p { color:#fff;} .banner.innerbanner.packagesBanner h2 { color:#abd037; font-size: 40px;} .banner.innerbanner.packagesBanner .col-md-6 img { top:0px; margin:auto;} /*logo design page*/ .textbreak h2 span{display:block;} .designprocess{text-align:center;padding-bottom:70px;} .processicon{width:145px;height:145px;background:rgba(253,183,19,1);background:-moz-linear-gradient(top, rgba(253,183,19,1) 0%, rgba(227,113,27,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,183,19,1)), color-stop(100%, rgba(227,113,27,1)));background:-webkit-linear-gradient(top, rgba(253,183,19,1) 0%, rgba(227,113,27,1) 100%);background:-o-linear-gradient(top, rgba(253,183,19,1) 0%, rgba(227,113,27,1) 100%);background:-ms-linear-gradient(top, rgba(253,183,19,1) 0%, rgba(227,113,27,1) 100%);background:linear-gradient(to bottom, rgba(253,183,19,1) 0%, rgba(227,113,27,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb713', endColorstr='#e3711b', GradientType=0 );margin:0 auto;border-radius:50%;position:relative;} .processicon:after{position:absolute;content:'';width:122px;height:20px;top:50%;right:-136px;transform:translateY(-50%);background:url(../images/process-after.png) no-repeat 0 0;} .designprocess .col-md-3:last-child .processicon:after{display:none;} .designprocess .col-md-3:nth-child(2) .processicon{background:rgba(88,166,70,1);background:-moz-linear-gradient(top, rgba(88,166,70,1) 0%, rgba(170,208,55,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(88,166,70,1)), color-stop(100%, rgba(170,208,55,1)));background:-webkit-linear-gradient(top, rgba(88,166,70,1) 0%, rgba(170,208,55,1) 100%);background:-o-linear-gradient(top, rgba(88,166,70,1) 0%, rgba(170,208,55,1) 100%);background:-ms-linear-gradient(top, rgba(88,166,70,1) 0%, rgba(170,208,55,1) 100%);background:linear-gradient(to bottom, rgba(88,166,70,1) 0%, rgba(170,208,55,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a646', endColorstr='#aad037', GradientType=0 );} .designprocess .col-md-3:nth-child(3) .processicon{background:rgba(0,107,183,1);background:-moz-linear-gradient(top, rgba(0,107,183,1) 0%, rgba(0,175,239,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,107,183,1)), color-stop(100%, rgba(0,175,239,1)));background:-webkit-linear-gradient(top, rgba(0,107,183,1) 0%, rgba(0,175,239,1) 100%);background:-o-linear-gradient(top, rgba(0,107,183,1) 0%, rgba(0,175,239,1) 100%);background:-ms-linear-gradient(top, rgba(0,107,183,1) 0%, rgba(0,175,239,1) 100%);background:linear-gradient(to bottom, rgba(0,107,183,1) 0%, rgba(0,175,239,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bb7', endColorstr='#00afef', GradientType=0 );} .designprocess .col-md-3:nth-child(4) .processicon{background:rgba(104,66,147,1);background:-moz-linear-gradient(top, rgba(104,66,147,1) 0%, rgba(164,104,171,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,66,147,1)), color-stop(100%, rgba(164,104,171,1)));background:-webkit-linear-gradient(top, rgba(104,66,147,1) 0%, rgba(164,104,171,1) 100%);background:-o-linear-gradient(top, rgba(104,66,147,1) 0%, rgba(164,104,171,1) 100%);background:-ms-linear-gradient(top, rgba(104,66,147,1) 0%, rgba(164,104,171,1) 100%);background:linear-gradient(to bottom, rgba(104,66,147,1) 0%, rgba(164,104,171,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#684293', endColorstr='#a468ab', GradientType=0 );} .displaytable{height:100%;display:table;width:100%;} .displaytablecell{display:table-cell;vertical-align:middle;} .displaytablecell.botm {vertical-align:bottom;} .processicon-holder p{/*font-size:16px;*/line-height:20px;color:#4f4f4f;font-weight:400;/*padding:0;margin:22px 0 0 0;*/} .processicon-holder p span { display:inline-block;} .processicon-holder{margin-top:20px;} .processicon-holder h2 { font-size: 20px; line-height: 24px; color: #383838; font-weight: 600; margin-bottom: 10px; margin-top: 10px;} .processicon-holder h2 span { display:inline-block;} .greenBg{background:url(../images/greenbg.jpg) no-repeat 0 0;background-size:cover !important;} .logodesign .supp-icn{float:left;margin-right:10px;} .supptext{overflow:hidden;} .logodesign h2{font-weight: 500;} .logodesign .supp h4{color:#4e4e4e;font-size:16px;line-height:20px;font-weight:500;} .logodesign .heightSame .col-md-6 .supp h4{margin-bottom:7px;} .logodesign .supp p{color:#4e4e4e;line-height:20px;} .logodesign .titleHead{text-align:center;} .logodesign .col-md-6 .supp p{padding-bottom:0;color:#4e4e4e;} .logodesign .heightSame .col-md-6{min-height:100px;margin:30px 0 0 0;} .logodesign .heightSame .col-md-6:nth-child(1), .logodesign .heightSame .col-md-6:nth-child(2){margin-top:0;} .awesome_portpolio_section { padding: 60px 0px 90px; } .logodesign span.bold{color:#e04d04;} .designprocess{counter-reset:section;} .designprocess .col-md-3 .processicon:before{counter-increment:section;content:counter(section);width:34px;height:34px;background-color:#ffc000;position:absolute;border-radius:50%;color:#fff;font-size:17px;line-height:34px;font-weight:400;left:-7px;right:0;top:17px;-webkit-box-shadow:0px 0px 8px 2px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 8px 2px rgba(0,0,0,0.15);box-shadow:0px 0px 8px 2px rgba(0,0,0,0.15);} .designprocess .col-md-3:nth-child(2) .processicon:before{counter-increment:section;content:counter(section);background-color:#a5cd38;} .designprocess .col-md-3:nth-child(3) .processicon:before{counter-increment:section;content:counter(section);background-color:#00aced;} .designprocess .col-md-3:nth-child(4) .processicon:before{counter-increment:section;content:counter(section);background-color:#ad74b4;} /*Print design page*/ .printdesign span.bold {color:#353535;} .banner.innerbanner.printdesign h2 { color:#fff;} .banner.innerbanner.printdesign p { color:#fff;} .designprocess.printdesign .processicon{background:rgba(101,71,157,1);background:-moz-linear-gradient(top, rgba(101,71,157,1) 0%, rgba(1,154,215,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(101,71,157,1)), color-stop(100%, rgba(1,154,215,1)));background:-webkit-linear-gradient(top, rgba(101,71,157,1) 0%, rgba(1,154,215,1) 100%);background:-o-linear-gradient(top, rgba(101,71,157,1) 0%, rgba(1,154,215,1) 100%);background:-ms-linear-gradient(top, rgba(101,71,157,1) 0%, rgba(1,154,215,1) 100%);background:linear-gradient(to bottom, rgba(101,71,157,1) 0%, rgba(1,154,215,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#65479d', endColorstr='#019ad7', GradientType=0 );} .designprocess.printdesign .col-md-3:nth-child(2) .processicon{background:rgba(218,65,139,1);background:-moz-linear-gradient(top, rgba(218,65,139,1) 0%, rgba(243,112,112,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,65,139,1)), color-stop(100%, rgba(243,112,112,1)));background:-webkit-linear-gradient(top, rgba(218,65,139,1) 0%, rgba(243,112,112,1) 100%);background:-o-linear-gradient(top, rgba(218,65,139,1) 0%, rgba(243,112,112,1) 100%);background:-ms-linear-gradient(top, rgba(218,65,139,1) 0%, rgba(243,112,112,1) 100%);background:linear-gradient(to bottom, rgba(218,65,139,1) 0%, rgba(243,112,112,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#da418b', endColorstr='#f37070', GradientType=0 );} .designprocess.printdesign .col-md-3:nth-child(3) .processicon{background:rgba(244,122,108,1);background:-moz-linear-gradient(top, rgba(244,122,108,1) 0%, rgba(249,166,117,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,122,108,1)), color-stop(100%, rgba(249,166,117,1)));background:-webkit-linear-gradient(top, rgba(244,122,108,1) 0%, rgba(249,166,117,1) 100%);background:-o-linear-gradient(top, rgba(244,122,108,1) 0%, rgba(249,166,117,1) 100%);background:-ms-linear-gradient(top, rgba(244,122,108,1) 0%, rgba(249,166,117,1) 100%);background:linear-gradient(to bottom, rgba(244,122,108,1) 0%, rgba(249,166,117,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a6c', endColorstr='#f9a675', GradientType=0 );} .designprocess.printdesign .col-md-3:nth-child(4) .processicon{background:rgba(6,135,137,1);background:-moz-linear-gradient(top, rgba(6,135,137,1) 0%, rgba(0,171,131,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,135,137,1)), color-stop(100%, rgba(0,171,131,1)));background:-webkit-linear-gradient(top, rgba(6,135,137,1) 0%, rgba(0,171,131,1) 100%);background:-o-linear-gradient(top, rgba(6,135,137,1) 0%, rgba(0,171,131,1) 100%);background:-ms-linear-gradient(top, rgba(6,135,137,1) 0%, rgba(0,171,131,1) 100%);background:linear-gradient(to bottom, rgba(6,135,137,1) 0%, rgba(0,171,131,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#068789', endColorstr='#00ab83', GradientType=0 );} .designprocess.printdesign .col-md-3 .processicon:before{background-color:#1bb1ed;} .designprocess.printdesign .col-md-3:nth-child(2) .processicon:before{background-color:#ff8c8e;} .designprocess.printdesign .col-md-3:nth-child(3) .processicon:before{background-color:#ffb285;} .designprocess.printdesign .col-md-3:nth-child(4) .processicon:before{background-color:#15bd97;} /*Web design page*/ .designprocess.webdesign .processicon{background:rgba(250,95,118,1);background:-moz-linear-gradient(top, rgba(250,95,118,1) 0%, rgba(254,202,143,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,95,118,1)), color-stop(100%, rgba(254,202,143,1)));background:-webkit-linear-gradient(top, rgba(250,95,118,1) 0%, rgba(254,202,143,1) 100%);background:-o-linear-gradient(top, rgba(250,95,118,1) 0%, rgba(254,202,143,1) 100%);background:-ms-linear-gradient(top, rgba(250,95,118,1) 0%, rgba(254,202,143,1) 100%);background:linear-gradient(to bottom, rgba(250,95,118,1) 0%, rgba(254,202,143,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5f76', endColorstr='#feca8f', GradientType=0 );} .designprocess.webdesign .col-md-3:nth-child(2) .processicon{background:rgba(104,106,217,1);background:-moz-linear-gradient(top, rgba(104,106,217,1) 0%, rgba(197,138,222,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,106,217,1)), color-stop(100%, rgba(197,138,222,1)));background:-webkit-linear-gradient(top, rgba(104,106,217,1) 0%, rgba(197,138,222,1) 100%);background:-o-linear-gradient(top, rgba(104,106,217,1) 0%, rgba(197,138,222,1) 100%);background:-ms-linear-gradient(top, rgba(104,106,217,1) 0%, rgba(197,138,222,1) 100%);background:linear-gradient(to bottom, rgba(104,106,217,1) 0%, rgba(197,138,222,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#686ad9', endColorstr='#c58ade', GradientType=0 );} .designprocess.webdesign .col-md-3:nth-child(3) .processicon{background:rgba(32,184,184,1);background:-moz-linear-gradient(top, rgba(32,184,184,1) 0%, rgba(225,227,115,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,184,184,1)), color-stop(100%, rgba(225,227,115,1)));background:-webkit-linear-gradient(top, rgba(32,184,184,1) 0%, rgba(225,227,115,1) 100%);background:-o-linear-gradient(top, rgba(32,184,184,1) 0%, rgba(225,227,115,1) 100%);background:-ms-linear-gradient(top, rgba(32,184,184,1) 0%, rgba(225,227,115,1) 100%);background:linear-gradient(to bottom, rgba(32,184,184,1) 0%, rgba(225,227,115,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#20b8b8', endColorstr='#e1e373', GradientType=0 );} .designprocess.webdesign .col-md-3:nth-child(4) .processicon{background:rgba(255,32,91,1);background:-moz-linear-gradient(top, rgba(255,32,91,1) 0%, rgba(255,193,47,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,32,91,1)), color-stop(100%, rgba(255,193,47,1)));background:-webkit-linear-gradient(top, rgba(255,32,91,1) 0%, rgba(255,193,47,1) 100%);background:-o-linear-gradient(top, rgba(255,32,91,1) 0%, rgba(255,193,47,1) 100%);background:-ms-linear-gradient(top, rgba(255,32,91,1) 0%, rgba(255,193,47,1) 100%);background:linear-gradient(to bottom, rgba(255,32,91,1) 0%, rgba(255,193,47,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff205b', endColorstr='#ffc12f', GradientType=0 );} .designprocess.webdesign .col-md-3 .processicon:before{background-color:#fc9582;} .designprocess.webdesign .col-md-3:nth-child(2) .processicon:before{background-color:#b885dd;} .designprocess.webdesign .col-md-3:nth-child(3) .processicon:before{background-color:#82cd94;} .designprocess.webdesign .col-md-3:nth-child(4) .processicon:before{background-color:#ff8a3e;} .websitedesign span.bold{color:#006bb7;} .awesome_portpolio_section.logoGradient {background: rgba(239,239,239,1); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,239,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff', GradientType=0 );} .awesome_portpolio_section.logoDg:before {background-image:url(../images/test_bg_pic4.png);} .awesome_portpolio_section.printBg:before { background-image:url(../images/test_bg_pic2.png);} .awesome_portpolio_section.WebBg:before { background-image:url(../images/test_bg_pic3.png);} /* 29.04.2019 */ .packageBtm h2 span.smallFonts { color:#fff; font-size:16px;} .icons h1 { font-size: 20px; line-height: 24px; color: #383838; font-weight: 600; margin-bottom: 10px;} .icons h1 span { display:inline-block;} /* portfolio */ .belowBtnThree { width:100%; position:relative; text-align:center;} .belowBtnThree a { margin:0px 5px;} .otherload { display:none;} /* portfolio */ .Tabs_below { text-align:center;} /*.Tabs_below ul.tabs:before { content:' '; max-width:600px; height:1px; background-color:#fbb014; position:absolute; left:0px; right:0px; margin:0px auto; top:0px;}*/ ul.tabs { margin: 0; padding:0px 0px 20px; float: right; list-style: none;width: 100%; position: relative;} ul.tabs li { float: none; display: inline-block; vertical-align: top; position: relative; font-weight: 500; color: #4a4a4a; font-size: 14px; font-family: 'Poppins', sans-serif;} ul.tabs li span { display: block; padding: 0 12px; text-decoration: none; color: #555; font-size: 15px; cursor: pointer;} .tab_last { /**border-right: 1px solid #333;***/ } ul.tabs li:hover { background-color:transparent; color:#000000;} ul.tabs li.active span { color:#006bb7; width:auto; height:auto;position:relative;} .tab_container { border-top: none; clear: both; float: none; width: 100%;} .tab_content { padding: 14px 0px 14px; display: none;} .tab_drawer_heading { display: none; } .allDevices.one { padding-right:30px;} .portfolio_Page { width:100%; position:relative; padding: 60px 0px; background-color:#ebebeb;} .portfolio_Page h2 { font-size: 40px; line-height: 40px; color: #1e2537; font-family: 'Avenir Next LT Pro9'; text-align: center; margin-bottom: 35px;} .portfolio_Page .Tabs_below ul.tabs:before { display:none;} .portfolio_Page p { margin: 0px auto; text-align:center; max-width:830px; font-size: 15px; line-height: 24px; color: #5a5959; font-family: 'Avenir Next LT Pro9'; font-weight: 400; padding-bottom: 0px; margin-bottom: 40px;} .work_logo {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 0px;} .logo_box{ width:23.2%; height:351px; position: relative; display:flex; margin-left:10px; margin-right:10px; margin-bottom:30px; align-self:flex-start; overflow:hidden; border-radius: 10px;} .logo_box a { width:100%; height:100%; position:relative;} /*.work_logo a:hover img {-ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition:0.3s;}*/ .logo_box img{margin:auto; width:100%; height:100%; transition:0.3s; /*object-fit: cover; object-position: top;*/} .logo_box {display: none;} /* portfolio end */ /* packages 02.05.2019 */ .packageText.otherHeightTab { min-height:230px;} .moreFeature.otherHeightTabTwo { min-height:244px;} .bannerSlide{-webkit-user-select: inherit !important; -moz-user-select: inherit !important; -ms-user-select: inherit !important; user-select: inherit !important;} .allBanner_img.bannerTwo .bannerTxt h2 { color: #e8e421;} .banner.innerbanner.testBanner h2 span.orangeColor { color: #c73d03;} /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------ Responsive --------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /* dont remove this media beacuse these are size of banners for desktop and laptop */ @media only screen and (max-width:1600px){ .allBanner_img.bannerOne { background-position:-135px 0px;} .allBanner_img.bannerTwo { background-position: -106px 0px;} .allBanner_img.bannerThree { background-position: -164px 0px !important;} .innerbanner.logodesign { background-repeat:no-repeat; background-size:cover; background-position: -108px 0px !important;} .innerbanner.printdesign { background-repeat:no-repeat; background-size:cover; background-position: -110px 0px !important;} .innerbanner.websitedesign { background-repeat:no-repeat; background-size:cover; background-position: -108px 0px !important;} /*.innerbanner.packagesBanner { background-repeat:no-repeat; background-size:cover; background-position: -253px 0px !important;}*/ .innerbanner.portfolioBanner { background-repeat:no-repeat; background-size:cover; background-position: -110px 0px !important;} .innerbanner.blogBanner { background-repeat:no-repeat; background-size:cover; background-position: center right !important;} .innerbanner.contactBanner { background-repeat:no-repeat; background-size:cover; background-position: -65px 0px !important;} } @media only screen and (max-wdith:1450px){ .ft-box.portfolioList ul li { width: 23.9%;} } /* for Latops */ @media only screen and (min-width: 1100px){ .icons-in, .icons-in:before, .packges{ transition: all .5s ease-in-out } .pkcg-icon{ transition: all .7s ease-in-out } .icons-in:hover{ box-shadow: 0px 0px 50px 0px rgba(171, 208, 55, .5); } .icons-in:hover:before{transform: rotate(360deg);} .packges a{transition: all .3s ease-in-out; } .packges:hover a{color: #101010;padding: 0 0px 0 15px;} .packges:hover .pkcg-icon{transform: rotate(360deg);} .packges:hover{ box-shadow: 0px 0px 30px 10px rgba(171, 208, 55, .6);} .threepackages .col-md-4:nth-child(2n) .packges:hover{box-shadow: 0px 0px 30px 10px rgba(253, 183, 19, .6); } .threepackages .col-md-4:nth-child(3n) .packges:hover{box-shadow: 0px 0px 30px 10px rgba(164, 104, 171, .6); } } @media only screen and (max-width:1199px){ .navigation ul li a{padding:10px 8px;margin:0 0px;font-size:14px;} .callTel a{font-size:18px;line-height:18px;} .callTel a span i{font-size:14px;} .callTel{margin-top:36px;} .logo_holder{margin:21px 0px;} .slideTextBox{margin:70px 0px;} .RectAbtBg{width:100%;} .titleHead h1{font-size:36px;line-height:36px;} .aboutText .titleHead h1 { font-size: 36px; line-height: 36px;} .mainft{padding:60px 0 43px;} .ftlogo{margin:0 auto 20px;} .icons-in{width:160px;height:160px;margin:20px auto 20px;} .packges{height:280px;width:280px;} .pkcg-icon{width:120px;height:120px;} .packges h3{font-size:32px;line-height:34px;} .process:before{top:54%;transform:translateY(-50%);height:318px;} .w330{width:100%;} .w192{width:192px;margin-bottom:30px;} .blg-listings{overflow:hidden;} /*.innerbanner{height:520px;position:relative;}*/ .abt_order_box h3{font-size:24px;line-height:34px;} .experience_section h4{font-size:45px;} .experience_section p{font-size:12px;line-height:17px;} .abtpg_cont h2{font-size:40px;line-height:48px;} .abt_main_wraper::after{transform:translateY(-73%);} .awsome_gal_slider .slick-prev{right:7%;} .awsome_gal_slider .slick-next{top:-12%;right:24px;} .expernce_text h3{font-size:20px;line-height:28px;} .abtpg_cont h2{font-size:29px;line-height:39px;} .abtpg_cont h4{font-size:23px;line-height:31px;margin-top:13px;} .packageBox{margin:50px 0 40px;position:relative;} .packageTop:before, .packageBtm:before{background-size:cover;} .packageStick{right:-22px;} .packageArea{padding:15px 0px 80px;} .innerbanner h2{font-size:40px;line-height:40px;} .mapFrame{height:400px;} .banner.innerbanner.contactBanner .col-md-6 img{right:0px;width:240px;} .banner.innerbanner.portfolioBanner .col-md-6 img{top:0px;margin:auto;width:320px;right:0px;left:0px;} .banner.innerbanner.portfolioBanner .col-md-6 .mid-align{height:410px;} .innerbanner .col-md-6 .mid-align{height:410px;} .packageArea.innerPag{padding:40px 0px 10px;} .processicon:after{width:70px;height:20px;top:50%;right:-82px;background-size:100%;} .benefits .titleHead h2 { padding: 0px 30px;} .logo_box { width: 22%; height: auto;} .innerbanner.abtBanner .col-md-6 img { margin-top:200px;} /*-- 02.05.2019 --*/ .allBanner_img.bannerOne { background-position: 60% center;} .allBanner_img.bannerTwo { background-position: 60% center;} .allBanner_img.bannerThree { background-position: 60% center !important;} .innerbanner.logodesign { background-repeat:no-repeat; background-size:cover; background-position: 70% center !important;} .innerbanner.printdesign { background-repeat:no-repeat; background-size:cover; background-position: 60% center !important;} .innerbanner.websitedesign { background-repeat:no-repeat; background-size:cover; background-position: 63% center !important;} .innerbanner.packagesBanner { background-repeat:no-repeat; background-size:cover; background-position: 74% center !important;} .innerbanner.portfolioBanner { background-repeat:no-repeat; background-size:cover; background-position: 65% center !important;} .innerbanner.blogBanner { background-repeat:no-repeat; background-size:cover; background-position: 70% center !important;} .innerbanner.contactBanner { background-repeat:no-repeat; background-size:cover; background-position: 70% center !important;} .innerbanner.testBanner { background-repeat:no-repeat; background-size:cover; background-position: 70% center !important;} .ft-box.portfolioList ul li { width: 23%;} .ft-box.portfolioList ul li .boxPicPortfolio { width: 50px; height: 50px;} .allBanner_img { width: 100%; position: relative; height: 560px;} .bannerTxt h3 { font-size: 40px;line-height: 44px;} .bannerTxt h2 { font-size: 60px;} .bannerTxt p { font-size: 16px; line-height: 24px; padding-bottom: 15px;} .navigation ul li { position: relative; margin: 0 5px 0 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px){ } @media only screen and (max-width:991px){ .packges{height:280px;width:280px;margin:0 auto 70px;} .pkcg-icon img{width:60px;} .threepackages .col-md-4:last-child .packges{margin-bottom:0;} .threepackages{margin-bottom:50px;} .row.heightSame{margin-bottom:20px;} .process:before{top:50%;transform:translateY(-50%);height:238px;} .process:before{display:none;} .icons-in{margin:20px auto 35px;box-shadow:0px 0px 50px 0px rgba(171, 208, 55, .5);} .icons{margin-bottom:0;} .process .col-md-3{margin-bottom:30px;} .process .col-md-3:last-child{margin-bottom:0;} .w192{margin:0 auto;float:none;overflow:hidden;} .blg-listings{text-align:center;} .blg-listings ul{text-align:center;} .blg-listings ul li{display:inline-block;vertical-align:middle;float:none;} .midcontent.blog .col-md-6:nth-child(2) .blg-listings{margin-top:40px;} .w192{margin:0 auto 25px;} #loadMore{margin-top:40px;} .innerbanner .col-md-6 img{position:static;width:350px;margin:0 auto;float:none;} .innerbanner .col-md-6{width:100%;} .innerbanner{height:440px;position:relative;text-align:left;} .banner_section{height: auto;} .banner_section .slick-track, .banner_section .slick-list, .bannerSlide{height:100%;} /*.allBanner_img .container{top:auto;bottom: 0px;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0);}*/ .allBanner_img{text-align: left;} .bannerTxt h3 {font-size: 25px;line-height: 30px;margin: 0 0 12px 0;} .allBanner_img .col-md-6{width: 100%;} .w444{width:100%;max-width:480px;margin:auto;margin-bottom:20px;} .innerbanner h2{font-size:30px;line-height:30px;} .packageArea{text-align:center;padding:0px 0px 80px;} .packageBox{margin:50px auto 50px;width:320px;} .coledit{display:inline-block;} .testimonial_up p{font-size:20px;line-height:29px;} .load_more{width:220px;} .testipg_section h2{font-size:29px;line-height:35px;} .abt_order_box h3{font-size:16px;line-height:23px;} .abtpg_cont h4{font-size:20px;line-height:26px;margin-top:0px;} .abt_order_box h5{font-size:17px;line-height:21px;} .abt_order_box h5 b{font-size:36px;} .load_more{padding:14px 30px;margin-top:22px;} .load_more::before{top:10px;width:27px;height:27px;line-height:27px;} .experience_section h4{font-size:30px;} .exper_box{padding:23px 20px;min-height:150px;margin-bottom:8px;} .experience_section p{font-size:13px;line-height:22px;} .expernce_text{padding-left:9px;padding-top:82px;} .experience_section h2{font-size:31px;line-height:36px;} .awesome_portpolio_section h2{font-size:27px;line-height:34px;} .awesome_portpolio_section{padding:25px 0px;} .awsome_gal_slider .slick-prev{right:10%;} .banner.innerbanner.testBanner .container{bottom:0;position:absolute;top:50%;margin:auto;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:50px;left:0;right:0;} .banner.innerbanner.testBanner{background-position:right 0px !important;} .banner.innerbanner.contactBanner .col-md-6 img{width:150px;} .mapFrame{height:360px;} .main_conpg{padding:30px 0px;} .banner.innerbanner.portfolioBanner .col-md-6 img{top:0px;margin:auto;width:240px;margin-bottom:40px;} .portfolioArea{padding:40px 0px 30px;} .allBanner_img .col-md-6 img { top: 0px; margin: 15px auto; width: 210px; margin-bottom: 30px; } .banner.innerbanner.logodesign .col-md-6 img{top:0px;margin:auto;width:240px;margin-bottom:30px;} .banner.innerbanner.printdesign .col-md-6 img{top:0px;margin:auto;width:240px;margin-bottom:30px;} .banner.innerbanner.websitedesign .col-md-6 img{top:0px;margin:auto;width:240px;margin-bottom:30px;} .processicon:after{width:110px;height:20px;top:50%;right:-172px;background-size:100%;} .designprocess .col-md-3:nth-child(2n) .processicon:after{display:none;} .logodesign .supp-icn{float:none;margin-right:0;overflow:hidden;} .logodesign .supptext{text-align:center;} .logodesign .heightSame .col-md-6 .supp h4{font-size:18px;line-height:22px;color:#494949;margin-bottom:7px;} .lg-banner{overflow:hidden;} .lg-banner img{width:100%;} .logodesign .pull-right, .logodesign .pull-left{overflow:hidden;float:none !important;} .logo_box { width: 22%; height: auto;} /*.innerbanner{height:570px;position:relative;}*/ /* 02.05.2019 */ .innerbanner .col-sm-6 { height:auto !important;} .innerbanner .col-sm-6 .mid-align { display: block; vertical-align: middle; height: auto;} .innerbanner p { font-size: 14px; line-height: 24px;} .banner.innerbanner.packagesBanner h2 { font-size: 27px; margin-bottom: 10px;} .w444 { width: 100%; max-width: 320px; margin: auto 0; margin-bottom: 20px; } .ft-top .container .row .col-md-2 { text-align:center;} } /* for Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px){ .callTel { position:absolute; display:none;} .RigClickMenu { display:block;} .NavForDeskMob { position: fixed;width: 240px;height:100%;background-color: #00aeef;right: 0px;top: 0px;z-index: 999;padding: 20px 20px;box-sizing: border-box;-moz-transform: translateX(105%);-webkit-transform: translateX(105%);-o-transform: translateX(105%);-ms-transform: translateX(105%);transform: translateX(105%);-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;visibility: hidden;opacity: 0;margin-top:0px;background-image:url(../images/slideBg.png); background-position:center; background-attachment:scroll; background-size:cover;} .slideOnRig { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); visibility:visible; opacity:1; overflow: auto;} .NavForDeskMob .navigation { margin:50px 0px} .NavForDeskMob .navigation ul li a { font-size: 14px; line-height: 30px; display: inline;} .NavForDeskMob .navigation ul li { display: block; margin: 10px 0px;} .NavForDeskMob .navigation ul li:first-child { margin-left: 0px;} .NavForDeskMob .navigation ul li:hover a { color: #ffcc00;} .NavForDeskMob .navigation ul li.active a { color: #ffcc00;} .corssClick { position: relative; display: inline-block; cursor: pointer;} .corssClick .crossIcon { width: 40px; height: 40px; position: relative; border: 3px solid #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px;} .corssClick .crossIcon .whiteCrossbar { width:70%; position:relative; background-color:#fff; height:4px; border-radius:6px;} .corssClick .crossIcon .whiteCrossbar:first-child { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 2px; left: 1px;} .corssClick .crossIcon .whiteCrossbar:last-child { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -2px; left: 1px;} .hamburger {display: block;width: 22px;height: 16px;cursor: pointer;position: relative;margin: 35px 0px;} .hamburger-patty {height: 2px;background-color: #fff;margin-bottom: 5px;width: 22px;} .hamburger-patty:nth-child(2) {width: 13px;} .hamburger-patty:last-child {margin-bottom: 0;} .RigClickMenu.animtionMenu .hamburger-patty:first-child {position: absolute;left: 50%;top: 50%;margin: 0;transform: translate(-50%,-50%) rotate(45deg);animation-name: topPatty;animation-fill-mode: forwards;animation-duration: .5s;opacity: 1;} .RigClickMenu.animtionMenu .hamburger-patty:nth-child(2) {opacity: 0;} .RigClickMenu.animtionMenu .hamburger-patty:last-child {position: absolute;left: 50%;top: 50%;margin: 0;transform: translate(-50%,-50%) rotate(-45deg);animation-name: bottomPatty;animation-fill-mode: forwards;animation-duration: .5s;opacity: 1;} @keyframes topPatty { 0% {position:absolute;top:0;left:50%;margin:0;transform:translate(-50%);opacity:1} 25% {position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} 75% {position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} to {position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%, -50%) rotate(45deg);opacity:1}} @keyframes bottomPatty { 0% {position:absolute;top:0;left:50%;margin:0;transform:translate(-50%);opacity:1} 25% {position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} 75% {position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} to {position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%, -50%) rotate(-45deg);opacity:1}} .allBanner_img { height: 400px;} .allBanner_img .container { margin-top: 20px;} .bannerTxt h2 { font-size: 36px; line-height: 36px;} .bannerTxt p { padding-right:0px;} .bannerSlide .slick-dots { bottom: 20px;} .bannerTxt h3 { font-size: 25px; line-height: 30px;} .btn { font-size: 15px; line-height: 26px;} .adjustDesMob { float:none; width:100%; position:relative;} .closeCross {position: absolute;left: 21px;top: 15px;width: 28px;height: 28px;opacity: 1;display: block;z-index:99;} .closeCross:hover {opacity: 1;} .closeCross:before, .closeCross:after {position: absolute;left: 15px;content: ' ';height: 29px;width: 2px;background-color: #fff;} .closeCross:before {transform: rotate(45deg);} .closeCross:after {transform: rotate(-45deg);} .navigation ul li a {padding: 8px 8px;} .titleHead { text-align:center;} .titleHead .small30 { font-size: 20px;} .titleHead h1 { font-size:26px; line-height: 30px;} .aboutText .titleHead h1 { font-size: 26px; line-height: 30px;} .titleHead h2 { font-size: 26px; line-height: 30px;} .aboutText { padding: 40px 0px;} .aboutText .titleHead { text-align:center;} .aboutText p { text-align:center;} .RectAbtBg { width: 100%;} .aboutText p { margin-bottom: 15px;} .RectAbtBg h2 { font-size: 24px; line-height: 40px;} .RectAbtBg h2 span { display:block;} .priceText h2 span { display:inline-block;} .leftModern, .rightModern { width: 50%;} .imagesPic { margin: 0px auto;} .rightModern h2 { font-size: 26px; line-height: 30px;} .GroupModern:nth-child(even) .leftModern .imagesPic { float: none;} .modernProfess { padding: 10px 0px 40px;} .swiper-container { padding-top: 40px; padding-bottom: 40px;} .slideTextBox { margin: 35px 0px; text-align: center; padding: 0px 15px;} .slideTextBox h2 { font-size: 30px; line-height:30px;} .innerbanner .col-md-6 img {bottom: 0px;top: auto;position: static;width: 240px;} .innerbanner .col-md-6 { width:100%; text-align: center;} .innerbanner .col-md-6 .mid-align { height:inherit !important;} .banner.innerbanner.packagesBanner .col-md-6 img { margin-bottom: 40px;} .benefits .titleHead h2 { font-size: 26px; line-height: 30px;} .innerbanner.abtBanner .col-md-6 img { margin-top:56px;} } /* for mobile */ @media only screen and (max-width: 767px){ .packageStick{right:inherit;left:50%;margin-left:-25px;top:-75px;} .packageBox{margin:75px auto 30px;} .packageArea{padding:0px 0px 40px;} .allHide{overflow:hidden !important;} .logo_holder{width:130px;} .callTel{position:absolute;display:none;} .RigClickMenu{display:block;} .NavForDeskMob{position:fixed;width:100%;height:100%;right:0px;top:0px;z-index:0;padding:20px 20px;box-sizing:border-box;-moz-transform:translateX(0%);-webkit-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;visibility:hidden;opacity:0;text-align:center;overflow:hidden;} .slideOnRig{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);visibility:visible;opacity:1;overflow:auto;overflow-x:hidden;} .NavForDeskMob .navigation{margin:20px 0px;position:relative;z-index:1;text-align:center;max-width:320px;position:relative;top:50%;margin:auto;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);} .NavForDeskMob .navigation ul li{right:0%;opacity:0;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;position:relative;} .NavForDeskMob .navigation ul li a{font-size:13px;line-height:20px;} .NavForDeskMob .navigation ul li{display:block;margin:0;} .NavForDeskMob .navigation ul li:first-child{margin-left:0px;} .NavForDeskMob .navigation ul li:hover a{color:#ffcc00;} .NavForDeskMob .navigation ul li.active a{color:#ffcc00;} .corssClick{position:relative;display:inline-block;cursor:pointer;top:-120px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;} .corssClick .crossIcon{width:40px;height:40px;position:relative;border:2px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;} .corssClick .crossIcon .whiteCrossbar{width:70%;position:relative;background-color:#fff;height:3px;border-radius:6px;} .corssClick .crossIcon .whiteCrossbar:first-child{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:1px;left:1px;} .corssClick .crossIcon .whiteCrossbar:last-child{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:-2px;left:1px;} .addMoveDown{top:0px;} .addMoveLeft{right:0px !important;opacity:1 !important;} .NavForDeskMob:before{content:"";width:100vw;height:100vh;background:#286090;background-image:url(../images/slideBg.png);background-size:cover;position:absolute;top:0;left:0;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);transform:scaleY(0);display:block;transition:-webkit-transform .65s cubic-bezier(.77,0,.175,1) .35s;transition:transform .65s cubic-bezier(.77,0,.175,1) .35s;transition:transform .65s cubic-bezier(.77,0,.175,1) .35s,-webkit-transform .65s cubic-bezier(.77,0,.175,1) .35s;} .NavForDeskMob.slideOnRig:before{-webkit-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .8s cubic-bezier(.77,0,.175,1);transition:transform .8s cubic-bezier(.77,0,.175,1);transition:transform .8s cubic-bezier(.77,0,.175,1),-webkit-transform .8s cubic-bezier(.77,0,.175,1);} .NavForDeskMob .navigation ul li{overflow:hidden;} .NavForDeskMob .navigation ul li a{-webkit-transform:translateY(100%);transform:translateY(100%);color:#f2f1ec;transition:-webkit-transform .55s cubic-bezier(.895,.03,.685,.22);transition:transform .55s cubic-bezier(.895,.03,.685,.22);transition:transform .55s cubic-bezier(.895,.03,.685,.22),-webkit-transform .55s cubic-bezier(.895,.03,.685,.22);} .NavForDeskMob.slideOnRig .navigation ul li a{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .65s cubic-bezier(.165,.84,.44,1);transition:transform .65s cubic-bezier(.165,.84,.44,1);transition:transform .65s cubic-bezier(.165,.84,.44,1),-webkit-transform .65s cubic-bezier(.165,.84,.44,1);} .NavForDeskMob .navigation ul li a{display:inline-block;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(1) a{transition-delay:0.5s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(2) a{transition-delay:0.6s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(3) a{transition-delay:0.7s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(4) a{transition-delay:0.8s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(5) a{transition-delay:0.9s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(6) a{transition-delay:1s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(7) a{transition-delay:1.1s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(8) a{transition-delay:1.2s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(9) a{transition-delay:1.3s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(10) a{transition-delay:1.4s;} .NavForDeskMob.slideOnRig .navigation ul>li:nth-of-type(11) a{transition-delay:1.5s;} .hamburger{display:block;width:22px;height:16px;cursor:pointer;position:relative;margin:40px 0px;} .hamburger-patty{height:2px;background-color:#fff;margin-bottom:5px;width:22px;} .hamburger-patty:nth-child(2){width:13px;} .hamburger-patty:last-child{margin-bottom:0;} .RigClickMenu.animtionMenu .hamburger-patty:first-child{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(45deg);animation-name:topPatty;animation-fill-mode:forwards;animation-duration:.5s;opacity:1;} .RigClickMenu.animtionMenu .hamburger-patty:nth-child(2){opacity:0;} .RigClickMenu.animtionMenu .hamburger-patty:last-child{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(-45deg);animation-name:bottomPatty;animation-fill-mode:forwards;animation-duration:.5s;opacity:1;} @keyframes topPatty{0%{position:absolute;top:0;left:50%;margin:0;transform:translate(-50%);opacity:1} 25%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} 75%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} to{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%, -50%) rotate(45deg);opacity:1} } @keyframes bottomPatty{0%{position:absolute;top:0;left:50%;margin:0;transform:translate(-50%);opacity:1} 25%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} 75%{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%);opacity:1} to{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%, -50%) rotate(-45deg);opacity:1} } .allBanner_img{height:610px;} .innerbanner { height:500px} /*.allBanner_img img{object-position:left;}*/ .allBanner_img .container{ margin-top: 0px; top: 0px; margin: auto; -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); margin-top: 0px; left: 0; right: 0; padding-top: 110px; position:relative;} .bannerTxt h2{font-size:50px;} .bannerTxt p{padding-right:0px;} .bannerSlide .slick-dots{bottom:20px;} .bannerTxt h3{font-size:22px;line-height:28px;} .bannerTxt{width:100%;padding:0px 10px 0px;text-align:center;margin:0px auto 30px; max-width:420px;} .btn{font-size:15px;line-height:26px;} .w444 { padding: 0px 10px;} .btn .p{display: inline-block;padding: 0;font-size: 14px;line-height: 27px;} .adjustDesMob{float:none;width:100%;position:relative;} .closeCross{position:absolute;left:21px;top:15px;width:28px;height:28px;opacity:1;display:block;z-index:99;display:none;} .closeCross:hover{opacity:1;} .closeCross:before, .closeCross:after{position:absolute;left:15px;content:' ';height:29px;width:2px;background-color:#fff;} .closeCross:before{transform:rotate(45deg);} .closeCross:after{transform:rotate(-45deg);} .navigation ul li a{padding:8px 8px;} .titleHead{text-align:center;} .titleHead .small30{font-size:20px;} .titleHead h1{font-size:26px;line-height:30px;} .aboutText .titleHead h1 { font-size: 26px; line-height: 30px;} .titleHead h2{font-size:26px;line-height:30px;} .aboutText{padding:40px 0px; text-align: center;} .aboutText a { margin-bottom:25px;} .aboutText .titleHead{text-align:center;} .aboutText p{text-align:center;} .RectAbtBg{width:100%;} .aboutText p{margin-bottom:0px;} .leftModern, .rightModern{width:100%;} .rightModern { margin-top:0px;} .leftModern{margin-bottom:25px;} .rightModern{text-align:center;} .imagesPic{margin:0px auto;} .rightModern h2{font-size:26px;line-height:30px;} .GroupModern:nth-child(even) .leftModern .imagesPic{float:none;} .modernProfess{padding:10px 0px 40px;} .swiper-container{padding-top:40px;padding-bottom:40px;} .slideTextBox{margin:35px 0px;text-align:center;padding:0px 15px;} .RectAbtBg h2{font-size:24px;line-height:34px;} .RectAbtBg h2 > span{display:block;} .priceText h2 > span{display:inline-block;} .RectAbtBg p{font-size:16px;line-height:30px;} .slideTextBox h2{font-size:26px;line-height:30px;} .slidetop p{font-family:'Playfair Display', serif;font-size:20px;line-height:29px;} .slidetop{padding:67px 37px 40px;} .ft-top{text-align:center;} .ft-top ul li{padding:0;} .ft-top ul li:before{left:auto;display:inline-block;margin:0 0 0 -16px;} .ft-box.ft-boxEdit ul li{width:auto;float:none;display:block;} .ft-box.ft-boxEdit ul li:last-child{margin-bottom:0;} .ft-box{margin-bottom:25px;} .packges{height:250px;width:250px;margin:60px auto 70px;} .pkcg-icon{width:120px;height:120px;margin:0 auto -15px;} .process{padding:30px 0;} .heightSame .col-md-6 .supp h4{margin-bottom:8px;} .heightSame .col-md-6{margin-top:0;} .slidetop p img{margin-top:-50px;margin-right:0px;padding-right:010px;display:inline-block;width:40px;} .slidetop{padding:67px 47px 40px;} .slidetop:before{position:absolute;left:30px;top:27px;} .slidetop p{font-family:'Playfair Display', serif;font-size:16px;line-height:24px;padding-bottom:5px;} .packges h3{font-size:25px;line-height:29px;} .ft-top ul li{margin-bottom:10px;} .threepackages{margin-bottom:50px;margin-top:0px;padding-top:0px;} .midcontent{padding:47px 0;text-align:center;} .innerbanner .col-md-6 img{width:220px;margin:0 auto;float:none;} .innerbanner p{font-size:13px;line-height:19px;} .innerbanner h2{font-size:32px;line-height:32px;} /*.innerbanner{height:480px;}*/ .innerbanner .col-md-6 .mid-align{height:auto;} .testimonial_up{padding:59px 35px 46px 35px;} .testimonial_up p::before{background-size:25px;} .load_more{padding:16px 19px;width:207px;} .load_more::before{top:13px;width:25px;height:25px;line-height:26px;} .testimonial_up p{font-size:18px;line-height:22px;padding-top:12px;padding-bottom:10px;} .testi_down p{padding-bottom:8px;} .abt_main_wraper{text-align:center;} .abtpg_cont p{font-size:13px;line-height:25px;} .abtpg_cont p br{display:none;} .abt_order_box{width:100%;} .abtpg_cont{padding:36px 0px;} .exper_pics{width:100%;} .exper_box.green{margin-top:20px;} .exper_box.blue{margin-top:20px;} .abt_icon_pic{top:88%;} .experience_section{padding:7px 0px 31px;} .expernce_text{padding-top:37px;} .experience_section h2{font-size:26px;line-height:40px;} .banner.innerbanner.packagesBanner h2 { font-size:24px;line-height:26px;} .exper_box{min-height:auto;} .awsome_gal_slider .slick-prev{width:30px;height:30px;} .awsome_gal_slider .slick-next{width:30px;height:30px;} .awsome_gal_slider .slick-prev::before{font-size:15px;} .awsome_gal_slider .slick-next::before{font-size:15px;} .conpg_get_sec .titleHead{text-align:center;} .get_menu ul{padding-left:0;text-align:center;} .get_menu ul li h5{display:inline-block;} .get_menu ul li.add:before{display:inline-block;position:relative;margin-right:10px;} .get_menu ul li.mail:before{display:inline-block;position:relative;margin-right:10px;} .get_menu ul li.ph:before{display:inline-block;position:relative;margin-right:10px;} .get_menu ul li{padding-left:0px;} .right_conpg{width:100%;} .mapFrame{margin-top:40px;} .banner.innerbanner.contactBanner .col-md-6 img{width:120px;} .banner.innerbanner.portfolioBanner .col-md-6 img{top:0px;margin:auto;width:240px;margin-bottom:40px;} .banner.innerbanner.portfolioBanner .col-md-6 .mid-align{height:auto;} .banner.innerbanner.packagesBanner .col-md-6 img{margin-bottom:40px;margin-top:10px;} .processicon-holder{margin-top:40px;} .designprocess .col-md-3:first-child .processicon-holder{margin-top:0;} .logodesign .col-md-6 .supp{margin-top:40px;} .logodesign .col-md-6:nth-child(1) .supp{margin-top:10px;} .lg-banner{margin-top:30px;} .processicon:after{display:none !important;} .benefits .titleHead h2 { font-size: 26px; line-height: 30px;} .awsome_gal_slider .slick-next, .awsome_gal_slider .slick-prev{ top: -30px;} .logo_box { width: 46%; height: auto;} ul.tabs li {width: 48.9%;} ul.tabs li span {padding: 5px;border: 1px solid #6d6d6d;margin: 0 0 5px; font-size: 13px;} ul.tabs li.active span { color: #fff; background: #2a97e4; border: 1px solid #2a97e4;} .innerbanner.abtBanner .col-md-6 img { margin-top:56px;} /* 02.05.2019 */ .allBanner_img .col-sm-6, .innerbanner .col-sm-6 { width: 100%;} .mobileVerisonOn { display:block!important;} .ft-box.portfolioList ul { max-width:250px; width:100%; margin:0px auto;} .innerbanner .container { margin-top: 0px; top: 0px; margin: auto; -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); margin-top: 0px; left: 0; right: 0; padding-top: 110px; position:relative;} .banner.innerbanner .container { margin-top: 0px; top: 0px; margin: auto; -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); margin-top: 0px; left: 0; right: 0; padding-top: 110px; position:relative;} .banner.innerbanner.testBanner .container { position: relative;} .allBanner_img.bannerOne { background-position: center left;} .allBanner_img.bannerTwo { background-position: center left;} .allBanner_img.bannerThree { background-position: center left !important; background-color: #e1e1e1 !important; background-image: none !important;} .innerbanner.logodesign { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner.printdesign { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner.websitedesign { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner.packagesBanner { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner.portfolioBanner { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner.blogBanner { background-repeat:no-repeat; background-size:cover; background-position: 341px center !important;} .innerbanner.contactBanner { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner.abtBanner { background-repeat:no-repeat; background-size:cover; background-position: center left !important;} .innerbanner { text-align: center;} .w444 { margin-bottom: 0; margin: 0px auto;} .allBanner_img img { width: auto; margin: 15px auto 0px; height: 150px;} .innerbanner img { width: auto; margin: 15px auto 0px; height: 150px;} .mobileVerisonOn { padding-bottom:30px;} .banner.innerbanner.testBanner { background-position: left 0px !important;} .banner.innerbanner.contactBanner img { width:auto; height:150px;} .banner.innerbanner.blogBanner img { top: 22px; position: relative;} .banner.innerbanner.abtBanner img {top: 22px; position: relative;} .innerbanner.abtBanner { background-image:url(../images/bannerAbout.jpg) !important; background-position:center; background-size:cover;} .banner.innerbanner.packagesBanner.formOther { background-color: #4b3f63; background-image:none !important;} .ft-top .container .row .col-md-2 { text-align:center;} .allBanner_img.bannerOne { background-image:url(../images/HomeBgColor.jpg) !important;} .banner.innerbanner.testBanner .container{ margin-top:0px;} .banner.innerbanner.testBanner img { top:29px; position:relative;} .allBanner_img.bannerOne img { height:180px;} .banner.innerbanner.websitedesign img { margin-top:30px;} .banner.innerbanner.testBanner img { height:180px;} } @media screen and (max-width: 666px) { .RigClickMenu { display: block; margin-top:0px;} .banner_text { position: relative; left: 0px; top: 0px; -webkit-transform: translate(0%,0%); transform: translate(0%,0%); z-index: 999; background-color: #df0000; padding: 20px 0px;} .up_header { text-align:center; padding:15px 0px 0px;} .location_btn { float: none; margin-left: 0px; margin-bottom: 10px;} .bannerTxt h2 { font-size: 48px;} .bannerTxt h3 { font-size: 20px; line-height: 26px;} .GroupModern { margin-bottom: 40px;} .testipg_box{width:100%;} .testipg_section h2 {font-size: 26px; line-height: 32px;} .testipg_area{margin-top: 26px;} .experience_section{padding: 7px 0px 32px;} .awesome_portpolio_section h2 {font-size: 23px; line-height: 30px;} .awsome_gal_slider .slick-prev {right: 11%;} .abtpg_cont h2 {font-size: 23px; line-height: 34px;} .abtpg_cont p {font-size: 13px; line-height: 22px;} .expernce_text h3 {font-size: 16px; line-height: 20px;} .expernce_text {padding-top: 24px;} .experience_section h2 {font-size: 20px; line-height: 34px;} .awesome_portpolio_section h2 {font-size: 19px; line-height: 26px;} .experience_section {padding: 7px 0px 12px;} .awesome_portpolio_section h2{padding-bottom: 57px;} .awsome_gal_slider .slick-prev {right: 14%;} .mapFrame { height: 300px;} .innerbanner h2 {font-size: 24px;line-height: 26px;} .banner.innerbanner.packagesBanner h2 { font-size: 24px; line-height:26px;} .packageText { height:auto !important;} .logo_box { width:40%; height: auto;} .belowBtnThree a { margin:5px 5px;} .bannerTxt p { font-size: 14px; line-height: 24px;} .bannerTxt p { padding-bottom: 5px;} .innerbanner.abtBanner .col-md-6 img { margin:75px 0px 0px} .innerbanner.blogBanner .col-md-6 img { margin-top:40px;} .bannerTxt { margin: 0px auto 0px;} /*-- 02.05.2019 --*/ .banner.innerbanner.blogBanner img { top: 78px;} .banner.innerbanner.abtBanner img { top: 78px; position: relative; } .allBanner_img{height:550px;} .innerbanner{height:550px;} .banner.innerbanner.testBanner img { top:73px; position:relative;} .testimonial_up, .testi_down{ min-height: auto !important; height: inherit !important; } } @media screen and (max-width: 480px) { .bannerTxt h2 { font-size: 24px; margin-bottom: 5px;} .allBanner_img.bannerThree .bannerTxt p { color:#333;} .bannerTxt h3 { font-size: 16px; line-height: 20px;} .btn { font-size: 12px; line-height: 26px; padding: 10px 20px;} .titleHead .small30 { font-size: 18px; } .titleHead h1 { font-size: 20px; line-height: 24px;} .titleHead h2 { font-size: 20px; line-height: 24px;} .aboutText .titleHead h1 { font-size: 20px; line-height: 24px;} .aboutText .titleHead { margin-bottom: 15px;} .RectAbtBg { padding: 20px;} .RectAbtBg h2 { font-size: 20px; line-height: 30px;} .aboutText p { margin-bottom: 0px;line-height: 22px;} .rightModern h2 { font-size: 20px; line-height: 24px;} .slideTextBox h2 { font-size: 20px; line-height: 24px;} .swiper-slide.swiper-slide-active {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .swiper-container {padding-top: 0;padding-bottom: 0px;} .banner.innerbanner.testBanner .container { margin-top: 0px;} .packageBox {width:290px;} .coledit {padding:0;} .testi_down{padding: 35px 35px 11px;} .testipg_box{margin-bottom: 17px;} .load_more{margin-top: 18px; width: 166px;} .testipg_section h2 {font-size: 23px; line-height: 29px;} .testipg_section{padding: 30px 0px;} .awsome_gal_slider .slick-prev {right: 22%;} .awsome_gal_slider .slick-slide:nth-child(2n) .awesone_pic {margin-top: 0px;} .awsome_gal_slider .slick-prev {right: 52%;} .awsome_gal_slider .slick-next { right: calc(100% - 60%); } .abtpg_cont h2 {font-size: 20px; line-height: 29px;} .abtpg_cont h4 {font-size: 18px; line-height: 25px;} .mapFrame { height: 260px;} .banner.innerbanner.portfolioBanner .col-md-6 img { width: 200px;} .aboutText { padding: 25px 0px;} .rightModern p { line-height:22px;} .icons p { padding-bottom:10px;} .packageArea .titleHead { margin-bottom: 20px;} .ft-top h3 { margin: 0 0 6px;} .mainft { padding: 30px 0 30px;} .processicon-holder { margin-top: 20px;} .designprocess { padding-bottom: 35px;} .awesome_portpolio_section h2 { padding-bottom: 35px;} .main_conpg { padding: 10px 0px;} .midcontent { padding: 30px 0;} .portfolioArea { padding: 25px 0px 5px;} .packageArea.innerPag { padding: 25px 0px 10px;} .benefits .titleHead h2 { font-size: 20px; line-height: 24px; padding:0px;} .get_menu ul li:before{ display: block !important; margin: 0; } /*.packageText ul li:last-child, */ .packageFeature .moreFeature ul li:last-child{margin-bottom: 0;} .packageText{ padding-bottom: 0;} .innerPag .packageFeature a { margin: 29px 0px;} .logo_box { width:100%; height: auto;} .innerbanner.abtBanner .col-md-6 img { margin:45px 0px 0px} .innerbanner.blogBanner .col-md-6 img { margin-top:40px;} /* 02.05.2019 */ .banner.innerbanner.blogBanner img { top: 36px;} .banner.innerbanner.abtBanner img {top: 50px;position: relative;margin-top: 0px;} .allBanner_img{height:500px;} .innerbanner{height:500px;} .banner.innerbanner.packagesBanner {} .banner.innerbanner.testBanner img { top:37px; position:relative;} /*.container { padding-left:25px; padding-right:25px;} .row { margin-left:-25px; margin-right:-25px;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right:-25px !important; padding-left:-25px !important; } */ } @media only screen and (max-width:376px){ /*.innerbanner.packagesBanner.formOther .col-md-6 img {margin-top: 101px;margin-bottom: 0;} .innerbanner.abtBanner .col-md-6 img {margin: 63px 0px 0px;} .innerbanner.blogBanner .col-md-6 img {margin-top: 59px;}*/ .banner.innerbanner.blogBanner img { top: 51px; margin-top: 0px; } } @media only screen and (max-width:359px){ .awsome_gal_slider .slick-next {right: 111px;} .banner.innerbanner.blogBanner img { top: 51px; margin-top: 0px; } } @media only screen and (max-width:340px){ .banner.innerbanner.abtBanner img { top: 49px; position: relative; margin-top: 0px; } }