:root{ --white_clr: #fff; --black_clr: #000; --text_clr: #222; --primary_clr: #22525a; --secondary_clr: #2b646d; --hover_clr: #3bb9cd; --primary_font_family: "Oxygen", serif; --secondary_font_family: "Alfa Slab One", serif; } @-webkit-keyframes shine{100% {left:125%;}} @keyframes shine{100% {left:125%;}} .shine{position: relative; overflow: hidden;} .shine:before{display:block;content:"";position:absolute;top:0;left:-80%; width:50%;height:100%;background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3)));background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg); opacity:0.3; z-index: 1;} .shine:hover:before{-webkit-animation:shine 1s;animation:shine 1s;} ::-moz-selection{background:#000; color:var(--white_clr); text-shadow:none;} ::selection{background:#000; color:var(--white_clr); text-shadow:none;} /*==================================:: WOW CSS Start ::==================================*/ .animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(10%,0,0) skewX(-30deg);transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(10%,0,0) skewX(-30deg);transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(10%,0,0) skewX(30deg);transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(10%,0,0) skewX(30deg);transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0) rotate(-120deg);transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0) rotate(-120deg);transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0) rotate(120deg);transform:translate3d(10%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(10%,0,0) rotate(120deg);transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*==================================:: WOW CSS End ::==================================*/ /*Slick Slider Css Start*/ .slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;} .slick-list.dragging{cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative; top:0; left: 0;display: block; min-width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex;} .slick-track:before, .slick-track:after{display:table; content:"";} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none; min-height:1px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: inherit; flex: inherit;} .slick-initialized .slick-slide{display: block; list-style:none;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;} .slick-arrow{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position:absolute; top:50%; margin-top:-20px; z-index:2; padding:0; width:40px; height:40px; text-align:center; font-size:0; background: none; border: 1px solid var(--primary_clr); color: var(--primary_clr); cursor:pointer; opacity:1; border-radius:50%;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-box-shadow: 0px 9px 18px #1810100d; box-shadow: 0px 9px 18px #1810100d; } .slick-arrow:before{display: block; content: "\f060"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 18px;} .slick-arrow.slick-next:before{content: "\f061";} .slick-arrow.slick-prev{left:5px;} .slick-arrow.slick-next{right:5px;} .slick-arrow.slick-disabled{ opacity: 0.3 !important; pointer-events: none; } .slick-arrow:hover{background: var(--primary_clr); color: var(--white_clr);} .slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:0; text-align:center;} .slick-dots li{margin:0 4px; padding:0; list-style:none; display:inline-block; vertical-align:top;} .slick-dots li button{display:block; width:10px; height:10px; font-size:0; padding: 0; background:none; border:1px solid var(--primary_clr); border-radius:50%; cursor:pointer; position: relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .slick-dots li button:before{display: block; content: ""; width: 4px; height: 4px; background: var(--primary_clr); border-radius:50%; position: absolute; left: 0; right: 0; top: 0; bottom:0; margin: auto; opacity: 0;} .slick-dots li.slick-active button:before{opacity: 1;} /*Slick Slider Css End*/ /*Easy Responsive Tab Css*/ h4.resp-accordion{display:none; cursor:pointer; text-align:left; position:relative; background: #fff !important; padding:10px 40px 10px 15px; margin: 0 0 10px;} h4.resp-accordion .resp-arrow{display:none;} h4.resp-accordion:after{display:block; content:"\f107"; font-family:'Line Awesome Free'; font-weight: 900; position:absolute; right:0; top:50%; width:40px; line-height:normal; -ms-transform: translate(0, -50%); transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);} h4.resp-accordion.resp-tab-active:after{content:"\f106";} .resp-tab-content{display:none;} .resp-tab-content:after{clear:both; content:""; display:block;} .resp-content-active, .resp-accordion-active{display:block} @media only screen and (max-width:767px){ ul.resp-tabs-list{display:none;} h4.resp-accordion{display:block;} } /*=========== Mobile Menu STYLE Start ========*/ /*body.mobile-menu-open{overflow:hidden;}*/ .menu-open-overlay{position:fixed; top:0; left:0; width:100%; bottom:0; background:#000; display:none; z-index:12; opacity:0.3; cursor: url('../images/close.png'), auto;} .mobile-menu-open .menu-open-overlay{display:block;} .mobile-menu-block{background:var(--white_clr); bottom:0; color:#16181C; position:fixed; top:0; right:-400px; width:380px; z-index:-4; font-size:16px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .mobile-menu-open .mobile-menu-block{right:0; z-index:20;} .mobile-menu-inner{height:calc(100% - 70px); overflow:auto; padding:20px 20px; position: relative; z-index: 3;} .mobi-logo {padding: 20px 20px; border-bottom: 1px solid #ddd;} .mobi-logo a, .mobi-logo a, .mobi-logo img {display: block; max-width: 220px; } .mobile-nav ul{margin:0; padding: 0; list-style: none;} .mobile-nav li{margin: 0; padding: 10px 0; color: var(--primary_clr); font-weight:400; font-size:16px; line-height:22px; text-transform:none; position:relative;} .mobile-nav ul li a{display:block; color: var(--primary_clr); font-weight:400; font-family: var(--primary_font_family); font-size: 18px; line-height:18px; text-transform:none; letter-spacing:0.01em; padding:0 40px 0 0;} .mobile-nav > ul > li.current-menu-item > a, .mobile-nav > ul > li.current-menu-ancestor > a, .mobile-nav > ul > li.current-page-ancestor > a{color:var(--secondary_clr);} .mobile-nav li li{border:none; padding:5px 0;} .mobile-nav li li a{font-size:15px; text-transform:none; font-weight:400; padding:0 0 0 0;} .mobile-nav li li.current-menu-item a{color: var(--secondary_clr);} .mobile-nav li li li a{padding-left:0;} .mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;} .hitarea{display:block; width:40px; height:40px; text-align:center; position:absolute; right:0; top:0;} .hitarea:before{display:block; content:"\f107"; font-family:'Line Awesome Free'; font-size: 18px; font-weight: 900; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .collapsable-hitarea.hitarea:before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .mobile-nav .collapsable-hitarea + a{color: var(--secondary_clr);} .mobi-bottom-inner{ margin-top: 1px; } .mobi-bottom-inner .btn{ padding: 10px; width: 100%;border-radius: 0; } .mobi-top{ padding: 20px; } .mobile-menu-block .social-icons{ padding: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-menu-block .social-icons a:hover{ color: var(--white_clr); } .mobi-btnbox { padding: 15px 20px; background: var(--white_clr); -webkit-box-shadow: -5px 0 15px rgb(1 78 138 / 30%); box-shadow: -5px 0 15px rgb(1 78 138 / 30%); } .mobi-btnbox .btn { width:100%;} .mobi-btnbox .btn i { margin-left:0;margin-right:10px; } /*========== Mobile Menu STYLE End==============*/ /*Mobile Menu Css Start*/ .mobi-iconbox{display:none; width:42px; height:42px; background: var(--white_clr); position:relative; z-index:40; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;border-radius:6px;} .menuicon{display: block; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .icon-bar{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 28px; height: 20px; position: relative; cursor: pointer;} .icon-bar:before, .icon-bar:after{display: block; content: ""; width: 100%; height: 2px; background: var(--primary_clr); position: absolute; left: 0; top: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:5px;} .icon-bar:after{top: auto; bottom: 0;} .icon-bar .line{display: block; width: 100%; height: 2px; background: var(--primary_clr); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:5px;} .icon-bar.active .line{width: 1px; opacity: 0;} .icon-bar.active:before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: 9px;} .icon-bar.active:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 9px;} .mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;} /*Mobile Menu Css End*/ /* ===== RESET ================================================== */ abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;} html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);} /* ===== GLOBAL ================================================== */ body{margin:0; padding:0; background:var(--white_clr); font-family: var(--primary_font_family); font-size:16px; color:#2a303c; line-height:24px; font-weight:400; overflow-x:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} :focus, button:focus{outline:none;} a{text-decoration:none; color: var(--primary_clr); -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} a:hover{text-decoration:none; color:var(--hover_clr);} ::-webkit-input-placeholder{color:#000; opacity:0.7;} :-moz-placeholder{color:#000; opacity:0.7;} /* Firefox 18- */ ::-moz-placeholder{color:#000; opacity:0.7;} /* Firefox 19+ */ :-ms-input-placeholder{color:#000; opacity:0.7;} img{max-width:100%; height:auto; border:none; outline:none;} b, strong{font-weight:700;} /* Ul Li & Ol Li CSS */ ul, ol{margin:0 0 20px; padding:0;} ul ul, ol ol, ul ol, ol ul{margin-top:15px;} ul li, ol li{margin:0; padding:0; font-size:17px; line-height:24px; color:#2a303c; font-weight:400; letter-spacing:0;} .entry-content ul{display:inline-block; padding:0; margin:0 0 20px;} .entry-content ol{display:inline-block; padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;} .entry-content ul li{position:relative; padding:0 0 0 28px; margin:0 0 8px;} .entry-content ul li:before{content:"\f00c"; font-family:'Line Awesome Free'; font-weight: 900; position:absolute; left:0; width: 20px; height: 20px; background: var(--primary_clr); border-radius: 50%; font-size: 12px; line-height: 20px; color: var(--white_clr); text-align: center; top: 2px; } .entry-content ul li li{list-style:disc;} .entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 8px;} .entry-content ol li::before{content: counter(my-awesome-counter) ". "; font-weight:400;} /* Heading CSS */ h1, .h1, h2, .h2, h3, h4, h5, h6{color: var(--primary_clr); line-height:1.3; font-weight: 400; font-family: var(--secondary_font_family); letter-spacing:0.02em; margin:0 0 15px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--primary_clr);} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--secondary_clr);} h1, .h1{font-size:52px; line-height: 1.2; margin:0 0 20px;} h2, .h2{font-size:42px;} h3{font-size:32px;} h4{font-size:24px;} h5{font-size:22px;} h6{font-size:20px;} h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:400; } /* Paragraph CSS */ p{font-size:18px; line-height:1.6; color:#2a303c; font-weight:400; letter-spacing:0; margin:0 0 15px;} hr{border:none; margin:30px 0; background:#2a303c; height:1px; width:100%; clear:both; opacity: 0.5;} blockquote{border-left:5px solid #eee;font-size:16px; margin:0 0 20px; padding:10px 20px;} /*table structure*/ table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;} table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:16px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle;} table th{color:#2a303c; font-weight:400; background:#d4d5d6;} .table-striped th, .table-striped td{position:relative;} .table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;} /*Form Input Field*/ input, textarea, select{background:var(--white_clr); border:1px solid #ddd; width:100%; padding:2px 15px; margin:0; font-size:14px; color:#2a303c; font-weight:400; line-height:normal; letter-spacing:0; font-family: var(--primary_font_family); height:44px; outline:none;border-radius:5px;} input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;} input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;} textarea {height:auto; padding:15px 20px; min-height:100px; resize: none;} input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;} input#addressSubmit {-webkit-appearance:none !important ; } input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;} .checkbox, .radiobox{display: inline-block; position: relative; padding-left: 30px; font-size: 15px; line-height: 20px; color: #333;} .checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;} .checkbox .checkmark{display: block; width: 20px; height: 20px; border: 1px solid #ccc; background: #ccc; position: absolute; left: 0; top: 0;} .checkmark:before{display:block; content:"\f00c"; font-family:'Line Awesome Free'; font-weight: 900; position:absolute; left:0; right:0; top:0; text-align:center; font-size:16px; color:var(--white_clr); line-height:17px; padding-left:1px; opacity:0;} .checkbox input:checked ~ .checkmark{background:#2a303c; border-color:#2a303c;} .checkbox input:checked ~ .checkmark:before{opacity:1;} .radiobox .checkmark{display: block; width: 16px; height: 16px; background: var(--white_clr); border: 1px solid #ddd;border-radius: 50%; position: absolute; left: 0; top: 1px;} .radiobox .checkmark:before{display: none;} .radiobox .checkmark:after{display: block; content: ""; background: #2a303c;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;} .radiobox input:checked ~ .checkmark:after{opacity: 1;} .selectbox{position: relative;background:var(--white_clr);border:2px solid #ddd;border-radius:5px;} .selectbox select{background: none;border: 0;font-size: 14px;line-height: 20px;font-weight: 400;color: #2a303c; padding:0 40px 0 15px; width: 100%; height: 44px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .selectbox:after{position:absolute; top:0; right:0; content:"\f107"; font-family:'Line Awesome Free'; font-weight: 900; font-size: 16px; z-index:0; width: 40px; height: 44px; line-height: 44px; text-align: center;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; opacity: 0.8;} .selectbox.reversed:after{content:"\f0ec"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 14px;} /* Button styling */ .button, .btn{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding: 12px 20px; background:none; border:1px solid var(--primary_clr); color:var(--primary_clr); font-size: 18px; font-weight: 500; text-transform: none; cursor:pointer; letter-spacing:0.02em; text-align:center; position:relative; min-width:100px; line-height:22px; font-family: var(--primary_font_family); -webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; border-radius:3px; overflow:hidden; } .button:hover, .btn:hover, .button:focus, .btn:focus{ background: var(--hover_clr); border-color: var(--hover_clr); color: var(--white_clr); -webkit-box-shadow:0 5px 10px rgba(0,0,0,0); box-shadow:0 5px 10px rgba(0,0,0,0); } .btn.primary{ background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr); } .btn.primary:hover, .btn.primary:focus{ background: var(--secondary_clr); border-color: var(--secondary_clr); color: var(--white_clr); } .btn.secondary{ background: var(--hover_clr); border-color: var(--hover_clr); color: var(--white_clr); } .btn.secondary:hover, .btn.secondary:focus{ background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr); } .white-btn{ background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr); } .white-bdr{ border-color: var(--white_clr); color: var(--white_clr); } .btn.white-hover:hover, .btn.white-hover:focus{ background: var(--white_clr); border-color: var(--white_clr); color: var(--primary_clr); } .btn.gold-hover:hover, .btn.gold-hover:focus{ background: var(--secondary_clr); border-color: var(--secondary_clr); color: var(--white_clr); } .btn.small{ padding: 9px 20px; font-size: 16px; min-width: 100px; } .btn i{ font-size: 20px; margin-left: 10px; } .main-wrapper{overflow:hidden;} .container{margin:0 auto; width:100%; max-width: 1320px; padding:0 20px;} .container.relative, .max-container.relative{z-index: 2;} .max-container{margin:0 auto; width:100%; max-width:1680px; padding:0 20px;} section{position: relative;} section *:last-child{margin-bottom:0;} .hidden {display: none !important;visibility: hidden !important;} .hide{display:none;} .v-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .j-center{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .ptb-100{padding:100px 0;} .ptb-80{padding:80px 0;} .ptb-60{padding:60px 0;} .ptb-40{padding:40px 0;} .ptb-30{padding:30px 0;} .ptb-20{padding:20px 0;} .bg1{background: var(--secondary_clr);} .bg2{background: var(--primary_clr);} .bg3{background: #2a303c;} .bg4{background: #f2f2f2;} .bg5{background: #ebf3f5;} .bg6{background: #fafafa;} .relative{position: relative;} .trans{-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;} .sigma_dots{width: 80px; height: 40px; content: ""; background-position: 0 0,5px 7px; background-size: 12px 12px; position: absolute; display: block; background-image: -o-radial-gradient(#d1d4d8 1px,transparent 0),-o-radial-gradient(#d1d4d8 1px,transparent 0); background-image: radial-gradient(#d1d4d8 1px,transparent 0),radial-gradient(#d1d4d8 1px,transparent 0); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; top: 20px; opacity: 1;} .bg_right{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('../images/bg_right.png') no-repeat right center; background-size: 140px auto; opacity: 0.5; } /*============= GLOBAL CSS END ================*/ /*Header & Banner Section*/ .header{ position:fixed; left:0; right:0; top:0; z-index:10; padding:0; background: var(--white_clr); border-bottom: 1px solid #22525a38; } .header-inner{ height: 100px; } .site-logo{ max-width: 230px; position:relative; z-index:4; margin: 0;width: 100%;height: 100%; } .site-logo a, .site-logo img{ display: block; margin: 0; } .header-top-inner { height: 40px; } .head-link{ font-size: 15px; line-height: 20px; color: var(--white_clr); font-weight: 600; } .head-link + .head-link{ margin-left: 20px; } .head-link:hover{ color: var(--primary_clr); } .head-link i{ color: var(--primary_clr); font-size: 20px; margin-right: 5px; } .social-icons a{ display: inline-block; min-width: 40px; max-width: 40px; height: 24px; font-size: 24px; line-height: 24px; color: var(--white_clr); text-align: center; } .social-icons a + a{ border-left: 1px solid rgba(255,255,255,0.3); } .social-icons a:hover{ color: var(--primary_clr); } .header-right{ margin-left: auto;position: relative; } .head-btnbox { margin-left: 80px; } .head-btnbox .btn i { margin-left:0;margin-right:8px; } /*Nav Css*/ .nav-main{text-align:left; position:static; z-index:4;} .nav-main ul{margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex;display:-webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .nav-main nav ul > li{margin:0; padding:0; list-style:none; position:relative;} .nav-main nav ul > li + li {margin-left: 35px; } .nav-main nav ul > li a{display:block; color: var(--secondary_clr); font-size:17px; font-weight: 500; font-family: var(--primary_font_family); line-height:24px; text-transform:none; letter-spacing:0.01em; padding:20px 0; position:relative; z-index:2;} .nav-main nav ul > li.mega-current-menu-ancestor > a, .nav-main nav ul > li.current-menu-item > a, .nav-main nav ul > li:hover, .nav-main nav ul > li:hover > a, .nav-main nav ul > li a:hover, .nav-main nav ul > li a:focus{color:var(--primary_clr);} .nav-main nav ul > li:before{display: block; content:""; height: 1px; width: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; opacity: 1;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .nav-main nav ul > li:hover:before, .nav-main nav ul > li.active > a:before{opacity: 1; width: 100%;} .nav-main nav ul > li.menu-item-has-children > a{padding-right: 18px;} .nav-main nav ul > li.menu-item-has-children > a:after{display: block; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; width: 16px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; position: absolute; right: 0; top: 15px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .nav-main nav ul > li.menu-item-has-children:hover > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);} .nav-main nav > ul > li.menu-item-has-children > a:after, .nav-main nav > div > ul > li.menu-item-has-children > a:after { top:0;bottom:0;margin:auto; } .nav-main .sub-menu{display:block; position:absolute; left:0; top:100%; z-index:1; background:var(--white_clr); min-width:240px; padding:0; margin:-1px 0 0; opacity: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top; -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%); box-shadow: 0 5px 40px rgb(0 0 0 / 15%); border-radius: 0;} .nav-main nav ul > li:hover > .sub-menu {display: block;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);} .nav-main nav ul > li:last-child .sub-menu{left: auto; right: 0;} .nav-main nav ul .sub-menu li:last-child .sub-menu{left: 100%; right: auto;} .nav-main .sub-menu li{display:block; text-align:left; position:relative; padding: 0 20px;} .nav-main .sub-menu li + li { margin-left:0; } .nav-main .sub-menu li + li {border-top:1px solid #dce0e0;} .nav-main .sub-menu li:before{display: none;} .nav-main .sub-menu li a{display:block; text-transform:none; color: var(--secondary_clr); font-size:15px; line-height:normal; font-weight:500; padding:10px 0; height: auto;} .nav-main .sub-menu li a:hover, .nav-main .sub-menu li a:focus, .nav-main .sub-menu li.current-menu-item a{color:var(--primary_clr);} .nav-main .sub-menu .sub-menu {left:100%; top:0;} .nav-main .sub-menu li:hover .sub-menu {display:block;} /*Sticy header*/ .header.navbar_fixed{ background: var(--white_clr); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); } .empty-header { width: 100%; height: 100px; -webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s; } /*Home page Banner Css*/ .home-banner{ position:relative; z-index:1; background:var(--white_clr); } .home-banner .items{ padding: 160px 0 140px; position: relative; overflow: hidden; } .home-banner .bg-img:before { background: linear-gradient(45deg, #000000, transparent); opacity: 1; } .home-banner .sigma_dots {width: 80px; height: 100px; top: 80px; } .home-banner .container{height: 100%;max-width:1210px; } .hero-inner{margin: 0 -15px; height: 100%;display:-webkit-box;display:-ms-flexbox;display:flex; justify-content: flex-start;} .hero-inner .left-block { max-width:60%;min-width:60%;padding:0 15px; } .hero-caption{position: relative; z-index: 3;padding-top:40px; } .hero-caption .h1 {position: relative; color: var(--white_clr); text-transform: capitalize; border-left: 6px solid var(--primary_clr); padding-left: 15px; } .hero-caption .subtitle {text-decoration: inherit; letter-spacing: 0.05em; color: var(--white_clr);} .hero-caption .h1 strong{color: var(--primary_clr); font-weight: 400; } .hero-caption p{color: var(--white_clr);} .hero-caption .pre-title{font-size: 20px; line-height: 30px; text-transform: uppercase; } .hero-caption .pre-title strong{border-bottom: 2px solid var(--white_clr); font-weight: 700; } .hero-caption .btnbox .btn {min-width: 180px; } .banner-img-block {margin-right: -220px;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; } .banner-img-block .imgbox:first-child {max-width: 100px; height: 100%; -webkit-transform: rotate(170deg); -ms-transform: rotate(170deg); transform: rotate(170deg);top: 20px; right: 30px; } .banner-img-block .imgbox:nth-child(2) { max-width: 300px; height: 200px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); margin-top: -25px; } .banner-img-block .imgbox:nth-child(2) img { width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;position:absolute;z-index:-1; } .banner-img-block .imgbox:nth-child(3) { margin-top: -40px; height: 170px; max-width: 170px;padding:12px; } .banner-img-block .imgbox {width: 100%;position:relative;z-index:1; } .banner-img-block .imgbox .bg-sticker { position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;margin:auto; } .banner-img-block .price-block { padding-top: 30px; padding-right: 10px; } .banner-img-block .price-block > span { color:var(--white_clr);font-weight:400;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content; } .banner-img-block .price-block strong { font-size:24px;color:var(--white_clr);display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:5px 0 5px; } .banner-img-block .price-block strong + span { margin-left:auto; } .banner-img-block .price-block strong span { display:inline-block;position:relative;z-index:1;margin-right:2px; } .banner-img-block .price-block strong span:after { content: ""; position: absolute; top: 0; bottom: 0; left: -5px; right: 0; width: 115%; height: 2px; margin: auto; background: #2a303c; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .banner-boxes { margin: -60px 0 0; background: var(--white_clr); -webkit-box-shadow: 0 3px 15px rgb(1 78 138 / 30%); box-shadow: 0 3px 15px rgb(1 78 138 / 30%); border-radius: 15px; position: relative;z-index: 1; bottom: -60px; } .banner-boxes .box-card {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding:30px; } .banner-boxes .blocks + .blocks { border-left:1px solid rgb(1 78 138 / 10%); } .banner-boxes .box-card > a { position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:inline-block; } .banner-boxes .box-card .imgbox {min-width: 70px; max-width: 70px; height: 70px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #014e8a; padding: 15px; margin-right: 22px; outline: 7px solid rgb(1 78 138 / 15%);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; } .banner-boxes .box-card:hover .imgbox { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .banner-boxes .box-card .imgbox img { width:100%;display:block; } .banner-boxes .box-card .box-text h4 { margin:0 0 10px; } .banner-point ul li{ display: inline-block; font-size: 15px; color: #333; } .banner-point li + li{ margin-left: 10px; } .banner-services-inn { justify-content: center; } .banner-services-box{ position: relative; } .banner-services-inn .items-services:nth-child(2){ margin-top: -50px; } .banner-services-inn .items-services:nth-child(3){ margin-top: 40px; } .banner-services-inn .items-services:nth-child(4){ margin-top: -10px; } .banner-services-inn .items-services:nth-child(5){ margin-top: 30px; } .service-imagesbox { max-width: 270px; } .service-imagesbox img { display: block; width: 100%; height: 100%; object-fit: cover; } .banner-services-box h6 { color: var(--white_clr); text-align: center; font-size: 16px; line-height: 20px; } .banner-services-box .iconbox-content{ max-width: 202px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 153px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .banner-services-box .iconbox-content img{ margin-bottom: 10px; display: block; width: 46px; } .bg-shape { position: absolute; width: 50%; height: 380px; left: 0; bottom: 0; z-index: 1; background-image: url(../images/bg-shape.png); background-size: cover; background-repeat: no-repeat; background-position: top right; } .logo-shape { position: absolute; width: 60px; height: 70px; left: 20px; bottom: 40px; z-index: 1; background-image: url(../images/logo-shape.png); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.2; } .circle_shape1 { position: absolute; width: 600px; height: 600px; top: -270px; right: -260px; border: 100px solid var(--white_clr); opacity: 0.2; z-index: 1;border-radius: 50%; } .circle_shape1:before { display: block; content: ""; position: absolute; left: 10%; right: 10%; top: 10%; bottom: 10%; background: var(--white_clr);border-radius: 50%; } .shape-banner-1{ position: absolute; left: -100px; top: 0; z-index: 0; opacity: 0.5; } .shape-banner-1 img{ display: block; height: 100%; width: auto; } .form-tl{ margin: 0 0 25px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-form-inner{ position: relative; z-index: 2; } .banner-form-block h4{ letter-spacing: 0; } .home-banner .banner-form-block .form-tl h2 { font-size: 22px; color: #2a303c; line-height: 1.2; font-weight: 700; font-family: var(--primary_font_family); letter-spacing: 0; margin: 0 0 15px;text-align: center; } /*Form Style*/ .form-inner{ margin: 0 -5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .input-field{ padding: 0 5px; min-width: 50%; max-width: 50%; margin: 0 0 15px; } .input-field.full-width{ min-width: 100%; max-width: 100%; } .input-field input, .input-field textarea{ border: 2px solid #ddd; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; } .input-field input:focus, .input-field textarea:focus { border-color:var(--primary_clr); } .input-field textarea{ padding: 15px 15px; min-height: 80px; height: 80px; } .form-btnbox .btn{ width: 100%; } /*===Footer Start===*/ .footer{ padding: 0; margin:0; position:relative; overflow: hidden; background: #014e8a; } .footer .sigma_dots { left: auto; right: 0; } .footer .container{ z-index: 2; } .footer-logo-block { padding-right: 10px; } .footer-logo-block .f-logo{ margin-bottom: 32px; } .footer-logo-block p{ font-size: 16px; color: var(--white_clr); margin-bottom: 30px; } .f-logo img{ max-width: 270px; width: 100%; } .social-block a { font-size: 16px; color: var(--white_clr); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; line-height: 1.4; } .social-block a + a { margin-top:10px; } .social-block a i { min-width: 30px; max-width: 30px; height: 30px; font-size: 16px; color: var(--white_clr); text-align: center; background: rgb(255 255 255 / 15%);border: 1px solid rgb(255 255 255 / 15%); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;margin-right:8px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; } .social-block a:hover i { background:rgb(255 255 255 / 30%); } .f-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0 -5px; padding-top: 20px; padding-right: 30px; } .f-logos .imgbox { min-width: 100px; max-width: 100px; padding: 7px 7px 6px; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: var(--white_clr); margin: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .f-logos .imgbox img { -o-object-fit: contain; object-fit: contain; display:block; } .footer h4{ font-size: 18px; color: var(--white_clr); position: relative; font-weight: 700; text-transform: uppercase; } .footer h4:after{ display: block; content: ""; width: 40px; height: 1px; background: var(--white_clr); margin: 15px 0 20px; } .f-links ul{ margin: 0; padding: 0; } .f-links ul li{ margin: 0; padding: 0; font-size: 16px; line-height: 24px; color: var(--white_clr); font-weight: 400; position: relative; } .f-links ul li + li{ margin-top: 10px; } .f-links ul li a{ display: inline-block; color: var(--primary_clr); position: relative; } .f-links ul li a:hover{ color: var(--hover_clr); } .two-col-ul ul{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; } .social-media{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } .social-media a{ display: inline-block; min-width: 42px; max-width: 42px; height: 42px; line-height: 44px; font-size: 24px; background: var(--white_clr); color: var(--primary_clr); text-align: center;border-radius: 50%; margin: 5px; } .social-media a:hover{ background: var(--secondary_clr); color: var(--white_clr); } .footer-bottom { z-index: 2; border-top: 1px solid rgb(255 255 254 / 10%); } .f-bottom-inner{ justify-content: space-between; } .f-bottom-inner p{ font-size: 16px; text-align: left; } .footer-bottom a{ color: var(--white_clr); } .footer-bottom a:hover{ color: var(--white_clr); } .scrollup{ position: fixed; right: -20px; bottom: 10px; z-index: 4; background: rgba(0,0,0,.3); width: 34px; height: 34px; border-radius: 50%; font-size: 18px; color: var(--white_clr); line-height: 34px; text-align: center; cursor: pointer; opacity: 0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .scrollup.active{ right: 10px; opacity: 1; } /*Footer End*/ /*Midlle Section css*/ .middle-section{position:relative; min-height:50vh; overflow:hidden;} img.alignleft{float:left; margin:0 20px 20px 0;} img.alignright{float:right; margin:0 0 20px 20px;} img.alignnone{margin:0 0 20px;} iframe.alignleft{float:left; margin:0 20px 20px 0;} iframe.alignright{float:right;margin:0 0 20px 20px;} iframe.iframe-embed.alignright{max-width:500px;height:315px !important;} .bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-size: cover !important;} .bg-img:before{display: block; content: ""; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.5;} .bg-img img {display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;} .bg-img.before-none:before{display: none;} .no-img.d-flex{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;} .entry-content p a, .entry-content h3 a, .entry-content h2 a, .entry-content h4 a, .entry-content h5 a, .entry-content h6 a, .entry-content span a { font-weight:700;color:var(--primary_clr); } .entry-content p a:hover, .entry-content h3 a:hover, .entry-content h2 a:hover, .entry-content h4 a:hover, .entry-content h5 a:hover, .entry-content h6 a:hover, .entry-content span a:hover { color:#2a303c; } .block-title p a { font-weight:700;color:var(--primary_clr); } .entry-content h2 strong { color:var(--primary_clr); } .entry-content h2 a:hover { color:var(--primary_clr); } .btnbox{padding:20px 0 0;} .mw_180{min-width: 180px;} .block-title{position:relative; margin-bottom: 20px;} .block-title h2 strong{color: var(--primary_clr);font-weight: 500;} .before-none.block-title:before, .text-center.block-title:before{ display: none; } .small-title{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px;line-height: 24px;color: #014e8a; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; position: relative; z-index: 1; margin: 0 0 10px; } .small-title:before{ display: block; content: ""; width: 40px; height: 2px; background: #014e8a; margin-right: 10px; } .text-center .small-title:after{ display: block; content: ""; width: 40px; height: 2px; background: #014e8a; margin-left: 10px; } .small-title.text-white:before, .small-title.text-white:after{ background: var(--white_clr); } .read-more-btn{ font-size: 16px; line-height: 20px; color: var(--primary_clr); font-weight: 500; font-family: var(--secondary_font_family); } .read-more-btn i{ min-width: 34px; height: 34px; line-height: 34px; font-size: 18px; color: var(--primary_clr); background: var(--white_clr); text-align: center; margin-right: 10px;border-radius: 50%; -webkit-box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.2); box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.2); -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .read-more-btn:hover i{ background: var(--hover_clr); color: var(--white_clr); } .read-more-btn:hover{ color: var(--hover_clr); } .card-link{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; } /*About Section*/ .shape_star{ position: absolute; left: -60px; top: 32%; height: 150px; width: 150px; background: url("../images/01.png") no-repeat center; } .circle_rotate{ position: absolute; top: 70%; right: -2%; height: 150px; width: 150px; background: url("../images/02.png") no-repeat center; background-size: 100% auto; -webkit-animation: rotate 20s linear infinite; animation: rotate 20s linear infinite; } .shape_arrow{ position: absolute; left: 0; bottom: 0; height: 120px; width: 100px; background: url("../images/03.png") no-repeat center; background-size: 100% auto; } .shape_only{ position: absolute; right: -100px; top: 32%; height: 220px; width: 220px; background: url("../images/shape.png") no-repeat center; background-size: 100% auto; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); } } .bounce-y { -webkit-animation: bounce-y 10s infinite linear; animation: bounce-y 10s infinite linear; } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounce-y { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounce-y { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .tl-bg { position: absolute; left: -14%; top: -39%; color: #ffffff; background-color: #000; background-size: 100% 100%; -webkit-background-clip: text; -webkit-text-stroke: 0.5px transparent; font-size: 120px; height: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; font-weight: 900; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0.35; font-family: 'Red Hat Display', sans-serif; } .text-center .tl-bg{ left: 0; right: 0; margin: 0 auto; } /*.abt-section{ overflow: hidden; }*/ .abt-section .entry-content ul{ padding: 10px 0; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; } .abt-section .entry-content ul li { padding: 0 0 0 28px; margin: 0 0 10px;font-weight: 700; } .abt-section .entry-content ul li:before{ width: 20px; height: 20px; background: var(--primary_clr);border-radius: 50%; font-size: 12px; line-height: 20px; color: var(--white_clr); text-align: center; top: 2px; } .square-imgbox{ padding-right: 60px; } .square-imgbox img{border-radius: 15px; } .small-imgbox{ border: 7px solid var(--white_clr); width: 200px; height: 200px; overflow: hidden;border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; right: 30px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .small-imgbox img{ display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .abt-section .sigma_dots { left: 0; top: 50%; height: 100px; width: 30%; margin-top: -50px; } .abt-section .shape_arrow { left: auto; right: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /*Awards Section*/ .award-section{ overflow: hidden; } .card-award{ text-align: center; } .card-award .imgbox { width: 100%; max-width: 270px; margin: 0 auto 20px; } .card-award .imgbox img{ display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-award h4{ font-size: 16px; color: #2a303c; font-weight: 700; letter-spacing: 0.005rem; } /*accounting-section*/ .mask1 { -webkit-mask-image: url('../images/mask.png'); mask-image: url('../images/mask.png'); -webkit-mask-size: 95%; mask-size: 95%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; } /* Property SPV */ .position-change.specialist-tax .row { -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; } .position-change.specialist-tax .items:first-child {padding-right: 15px; padding-left: 60px; } .position-change.specialist-tax .sigma_dots { right:0; } .position-change.specialist-tax .logo-shape { left:40px;right:auto;bottom:50px;z-index:-1; } /* Blog Section */ .our-blog .sigma_dots { left:auto;right:0;top:0;height:80px; } .our-blog .block-title {max-width: 55%; } .blog-slider .items { margin-bottom: 15px; } .blog-slider .slick-list { padding: 20px 0 0; } .blog-slider .slick-arrow{top: auto; top: -60px; margin: 0; left: auto; right: 15px;border-color:rgb(1 78 138 / 15%);color: var(--primary_clr); } .blog-slider .slick-arrow.slick-prev{right: 65px; } .blog-slider .slick-arrow:hover{background: var(--primary_clr); border-color: var(--primary_clr); color:var(--white_clr); } .post-list .post-imgbox {height: 260px;background: none; } .post-list .card-post{height: 100%; background: var(--white_clr); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px;} .post-list .post-textbox .btnbox{padding: 15px 0 0; margin-top: auto; } .post-list .post-textbox .btnbox a { font-weight: 700; color: var(--primary_clr); } .post-list .post-textbox .btnbox a:hover { color: var(--secondary_clr); } .post-list .card-post h4 {font-size: 24px; line-height: 1.4; } .post-list .card-post p{font-size: 15px; } .post-textbox .date{ display: block; font-size: 15px; line-height: 18px; margin: 0 0 10px; } .post-textbox .date i { font-size: 18px; position: relative; top: 2px; } .post-textbox .category{color: var(--primary_clr); margin-bottom: 15px} .card-post { position: relative; } .post-imgbox{display: block; background: #000; width: 100%; height: 280px; } .post-imgbox img{display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;border-radius: 7px 7px 0 0; } .post-textbox{position: relative; z-index: 2; padding: 30px;} .more-link { display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; } .more-link i { font-size:18px;margin-left:5px; } /*Contact Section*/ .contact-section { padding:40px 0 80px; } .mapbox iframe{display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: grayscale(1); filter: grayscale(1); } .address-block{position: relative; z-index: 2; } .cont-items + .cont-items {margin-top: 20px; } .cont-items .iconbox {font-size: 28px; color: var(--primary_clr); position: relative; top: 2px; margin-right: 15px; min-width: 28px; max-width: 28px; } .cont-items p{margin: 0; } .cont-items p strong {font-weight: 600; font-size: 20px; display: inline-block; margin: 0 0 7px; } .cont-items a{color: var(--primary_clr); } .cont-items a:hover{color: var(--primary_clr); } .address .iconbox{top: 0; } .cont-items.email p, .cont-items.phone p{font-size: 18px; } /* Internal Banner */ .circle-group { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 240px; height: 240px; border: 1px solid #ddd; border-radius: 50%;opacity:0.15; } .circle-group:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; width: 75%; height: 75%; border: 1px solid #ddd; border-radius: 50%; } .circle-group::after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; width: 50%; height: 50%; border: 1px solid #ddd; border-radius: 50%; } .line-shape { display: block; width: 400px; height: 40px; background: url('../images/icon-lines.png') no-repeat center; background-size: 100% auto; position: absolute; right: -110px; top: 0; margin: auto; z-index: 1;opacity:0.3; } .internal-banner { min-height: 280px; height: 100%; display: flex; align-items: center;overflow: hidden; } .internal-banner .line-shape + .line-shape { right:auto;left:-110px;top:auto;bottom:0; } .internal-banner .bg-img:before { background: var(--primary_clr); opacity: 0.7; } .internal-banner .logo-shape { width: 60px; height: 80px; left: auto; right: 10px; bottom: 10px;opacity:0.1; } .internal-banner .caption { max-width:75%;margin: 0 auto; } .internal-banner .caption h1, .internal-banner .caption h2 {color: var(--white_clr);} .internal-banner .caption p { font-size:18px;color:var(--white_clr); } .internal-banner .caption .btnbox { padding: 15px 0 0; } .service-banner .bg-img:before { background: var(--primary_clr);opacity: 0.8; } .service-banner .caption {position: relative; z-index: 1; } .service-banner .btnbox { width: 100%; max-width: 35%; } .service-banner .btnbox h4 { color: var(--white_clr); margin-bottom: 25px; font-size: 18px; } .service-banner .line-shape + .line-shape { right:auto;left:-110px;top:auto;bottom:0; } .service-banner .caption h2 {color: var(--white_clr); padding-top: 25px; position: relative; } .service-banner .caption h2:before { content:"";position:absolute;top:0;left:0; width: 80px; height: 4px; background: var(--white_clr); } .service-banner .caption p { color: var(--white_clr); } /* About Page */ .about-page .square-imgbox { height:100%;padding-right: 40px; } .about-page .square-imgbox img { width:100%;height:100%;object-fit:cover;object-position:center; } .about-page.specialist-tax .items .imgbox { height:100%; } .about-page.specialist-tax .items .imgbox img { width: 100%;height:100%;object-fit:cover;object-position:center;display:block; } /* What We Do */ .what-we-do { position: relative;overflow: hidden; } .what-we-do .help-boxes .block-title { padding:0 0 10px;text-align:left;display: block;height: auto; } .what-we-do .help-boxes .block-title h2 { text-shadow:none; } .what-we-do .help-boxes .box-item .imgbox { outline-width: 2px; min-width: 35px; max-width: 35px; height: 35px; padding: 11px; outline-offset: 4px; outline-color: rgb(255 255 255 / 30%);margin-right:20px; } .help-boxes .box-item .imgbox .number { font-size: 20px; font-weight: 700;color:var(--primary_clr); } .what-we-do .help-boxes { padding-top:60px;padding-bottom:60px; } .what-we-do .help-boxes .btnbox { padding-top:30px; } .what-we-do .help-boxes .box-item + .box-item { margin-top:25px; } .what-we-do .we-help-flex .items:first-child { position: static;overflow: hidden; } .what-we-do .we-help-flex .items:first-child:after { display: none; } .what-we-do .we-help-flex .items:first-child img { width: 50vw;height: 100%; position: absolute; right: 50%; object-fit: cover; object-position: center; } .what-we-do .we-help-flex .items:first-child:before { right: 50%; } /* Content Section */ .content-section .sigma_dots { width: 250px;height: 120px;top: 0;bottom: 0;margin: auto; } .content-section:nth-child(even) .sigma_dots { left: auto;right: 0; } .content-section:nth-child(odd) { background: #ebf3f5; } .content-section:nth-child(even) + .two-coll-section { background:#ebf3f5; } .content-section h2:not(:first-child) { margin-top: 30px; } .content-section ul { margin: 0 0 10px; } .content-section:nth-child(even) .row { flex-direction: row-reverse; } .content-section:nth-child(even) .left-block { margin-left: auto;margin-right: 0; } .content-section .left-block { position: relative;margin-right: auto;max-width: 540px; } .content-section .items { height: 100%; } .content-section .imgbox {border-radius: 50%; overflow: hidden; position: relative; z-index: 1; width: 100%; max-width: 480px; height: 480px; margin: auto; } .content-section .imgbox img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; } .content-section .imgbox:hover img {transform: scale(1.03); } .content-section .animated-shape { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 540px; height: 540px; background: rgb(38 122 212 / 10%); border-radius: 39% 68% 39% 65% / 43% 60% 43% 55%; margin: auto; animation: shape-animation 5s linear 2s infinite alternate; } @keyframes shape-animation { 0% {border-radius: 39% 68% 39% 65% / 43% 60% 43% 55%;} 25% {border-radius: 49% 58% 49% 55% / 43% 60% 43% 55%;} 50% {border-radius: 49% 58% 49% 55% / 55% 50% 65% 45%;} 75% {border-radius: 59% 68% 59% 45% / 55% 45% 65% 55%;} 100% {border-radius: 49% 58% 49% 55% / 43% 60% 43% 55%;} } /* Contact Us Page */ .contact-page .mapbox { top: 0; } .contact-block .form-btnbox .btn { width: auto; } .contact-block .address-block-inner { padding-left: 20px; } .contact-block .cont-items {padding: 30px 20px; background: #ebf3f5; border-radius: 5px; } .contact-block .cont-items .iconbox {min-width: 60px; max-width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--primary_clr); transition: all 0.3s ease; margin: 0 auto 15px; } .contact-block .cont-items .iconbox i { font-size: 26px; } .contact-block .cont-items a { transition: all 0.3s ease; } .wpcf7-spinner { position: absolute; } /* Thank You Page */ @-webkit-keyframes zoom-effect { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes zoom-effect { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .header-blank { height:120px; } .thankyou { text-align:center; } .thankyou p a { color:#014e8a;display: inline-block; } .check-icon {width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 30px; background: rgb(1 78 138 / 10%); border: 4px solid rgb(1 78 138 / 100%); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;animation: zoom-effect 1.5s infinite linear; } .check-icon:after {content: ""; position: absolute; width: 100%; height: 100%; margin: auto; background-image: url(../images/check-mark.png); background-size: 60%; background-repeat: no-repeat; background-position: center; } .blog-banner .line-shape, .blog-banner .logo-shape { z-index: 2; } .blog-banner {min-height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;text-align:center;background:#ebf3f5; } .blog-banner * { color:var(--white_clr); } .blog-banner .detail-post-imgbox {position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .blog-banner .detail-post-imgbox img { width:100%;height:100%;object-fit:cover;object-position:center;display:block; } .blog-banner h1 {color: var(--primary_clr);font-size:30px;line-height:1.3; } .inner-content .detail-post-imgbox { width:100%;margin:0 0 25px; } .inner-content .detail-post-imgbox img { display: block; margin: 0 auto;width: 100%; } .inner-content h2 strong { color: #2a303c; } .blog-detail .container { max-width: 95%; } .blog-detail .detail-post-imgbox { border-radius: 7px;overflow: hidden; } .blog-detail .banner-form-block { max-width: 100%;margin-top: 0;border-radius: 7px; } .blog-detail .banner-form-block .form-tl h2 { font-size: 22px; color: #2a303c; line-height: 1.2; font-weight: 700; font-family: var(--primary_font_family); letter-spacing: 0; margin: 0 0 15px;text-align: center; } .blog-detail .banner-form-block .input-field { min-width: 100%;max-width: 100%; } .blog-detail .sidebar .imgbox { margin-top: 30px; margin-bottom: 30px; border-radius: 7px; overflow: hidden; } .blog-detail .sidebar .imgbox img { width: 100%;height: 100%;object-position: center;object-fit: cover;display: block; } /* Blog List */ .blog-list .items { padding: 15px; } .blog-card { background: var(--white_clr); border-radius: 7px; overflow: hidden; box-shadow: 0 5px 15px rgb(0 46 95 / 20%); position: relative; transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .blog-card:hover { transform: translateY(-7px);box-shadow: 0 10px 20px rgb(0 46 95 / 20%); } .blog-card .imgbox { width: 100%;overflow: hidden;position: relative;padding: 0 0 56.66%; } .blog-card .textbox p {font-size: 16px; } .blog-card .imgbox a { display: block;width: 100%;height: 100%; } .blog-card .imgbox img { width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;position: absolute; } .blog-card .textbox { padding: 25px; } .blog-card .btnbox { padding: 0 25px 30px; } ul.page-numbers {display: flex; align-items: center; justify-content: center;padding:40px 0 0;flex-flow:wrap; } ul.page-numbers li .page-numbers { display:flex;align-items: center; justify-content: center;width:40px;height:40px;background:#ebf3f5;border-radius:50%;transition:all 0.3s ease;border: 1px solid rgb(38 122 212 / 20%);color: var(--primary_clr);font-weight: 700; } ul.page-numbers li .page-numbers:hover { background:var(--primary_clr);color:var(--white_clr); } ul.page-numbers li + li { margin-left:8px; } ul.page-numbers .page-numbers.current { background:var(--primary_clr) !important;color:var(--white_clr); } ul.page-numbers li .next, .page-numbers li .prev { font-size:0;line-height:0;position:relative;z-index:1; } ul.page-numbers li .next:after, .page-numbers li .prev:after { content:"\f061";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;font-size:20px;font-family:'Line Awesome Free';font-weight:900;display:flex;align-items:center;justify-content:center; } ul.page-numbers li .prev:after { content:"\f060"; } .wpcf7 form .wpcf7-response-output {margin: 1.5em 0 0; padding: 10px 15px; border-radius: 4px;text-align: center;line-height: 1.3; } .home-banner .wpcf7-not-valid-tip { font-size: 14px; } .customer-review { position: absolute; left: 0; right: 0; bottom: -35px; width: 100%; max-width: max-content; margin: auto; background: var(--white_clr); text-align: center; z-index: 2; padding: 20px 30px; border-radius: 50px; box-shadow: 0 0 15px rgb(0 0 0 / 30%); } .customer-review p {display: flex; align-items: center; justify-content: center;font-size: 18px; } .customer-review p strong { margin: 0 6px; } .customer-review p img { margin-right: 6px; } .hero-inner .middle-block .imgbox img { min-width: 334px; max-width: 334px; margin-top: 30px; } .service-banner .line-shape { display: none; } /* Property Page */ .property-page-logos .software-list { margin: 0 -10px !important;display: flex;flex-flow: wrap;justify-content: center; } .property-page-logos .software-list .items { min-width: 20%;max-width: 20%; } /* Property Page Banner */ .property-page-banner .bg-img:before { background: var(--primary_clr); opacity: 0.8; } .propertybanner-shape { position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 320px;margin: auto;background: url('../images/product-bg-shpae.png') no-repeat center;background-size: 100% 100%; } .property-page-banner .textbox h1, .property-page-banner .textbox h2, .property-page-banner .textbox p { color: var(--white_clr); } .property-page-banner .textbox h1, .property-page-banner .textbox h2 { font-size: 32px; } .property-page-banner .textbox p { font-size: 19px; } .property-page-banner .banner-form-block { max-width: 480px;margin-bottom: -40px !important;box-shadow: 0px 5px 25px rgba(0,0,0,0.05); } .property-page-banner .banner-form-block .form-tl h2 { font-size: 22px; color: #2a303c; line-height: 1.2; font-weight: 700; font-family: var(--primary_font_family); letter-spacing: 0; margin: 0 0 15px; text-align: center; } .property-page-banner .input-field { min-width: 100%;max-width: 100%; } /* About us */ .subtitle { display: inline-block; font-size: 16px; line-height: normal; text-transform: uppercase; font-weight: 600; color: var(--primary_clr); margin: 0 0 15px; text-decoration: underline; letter-spacing: 0.05em; } .property-two-coll { overflow: hidden;background: #fafafa; } .property-two-coll .row { margin: 0 -30px; } .property-two-coll .row .items { padding: 0 30px; } .property-two-coll .textbox p { text-align: justify; } .about-section .shape_arrow { left: auto;bottom: -50px; right: 60px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);height: 150px; width: 120px;z-index: 1; } .about-left { padding-left: 40px; } .about-left h4 { line-height: 1.4; } .about-right { background: var(--primary_clr); border-radius: 10px; } .about-right .imgbox { width: 100%; border-radius: 10px; overflow: hidden; padding: 0 0 75%; } .about-right .imgbox img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center;position: absolute; } .about-right .textbox { padding: 25px; } .about-right .textbox h5 { color: #f1f1f1; } .about-right .textbox p { font-size: 16px; line-height: 1.6; color: #ddd; } /* Property Banner Two */ .property-banner-two .bg-img:before { background: var(--primary_clr); opacity: 0.7; } .property-banner-two .banner-caption h1, .property-banner-two .banner-caption h2, .property-banner-two .banner-caption p { color: var(--white_clr); } .property-banner-two .banner-caption p { font-size: 20px; } .about-section-two .form-block { margin-bottom: 0 !important; margin-top: -50px; border-radius: 0; box-shadow: none; background: #2a303c; padding: 40px; } .about-section-two .form-block .form-tl h2 { font-size: 24px; color: var(--white_clr); line-height: 1.2; font-weight: 700; font-family: var(--primary_font_family); letter-spacing: 0; margin: 0 0 15px; text-align: center; } .logo-shape.right { bottom: 60px;left: auto;right: 5%; } .about-section-two .textbox { padding-left: 40px; padding-top: 40px; } .about-section-two .textbox .about-point + .about-point { margin-top: 30px; } .about-section-two .textbox .about-point .iconbox { min-width: 55px; max-width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; margin-right: 25px; } .about-section-two .textbox .about-point .icon-text h5 { font-size: 20px;margin: 0 0 10px; } .about-section-two .textbox .about-point .icon-text p { font-size: 16px;color: #979da5; } .about-section-two .input-field input:focus, .about-section-two .input-field textarea:focus { border-color: var(--white_clr); } .info-points { flex-flow: wrap; } .info-points .items .point-card h5 { margin: 0 0 10px;transition: all 0.3s ease; } .info-points .items .point-card:hover h5 { color: var(--primary_clr); } .info-points .items .point-card p { font-size: 16px;line-height: 1.6; } .info-points .items .point-card .iconbox { min-width: 55px; max-width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background: var(--white_clr); padding: 8px; border-radius: 4px; transition: all 0.3s ease; } .info-points .items .point-card:hover .iconbox { background: var(--primary_clr); } .info-points .items .point-card .iconbox img { transition: all 0.3s ease; } .info-points .items .point-card:hover .iconbox img { filter: invert(1); } /* Property Banner Three */ .property-banner-three .bg-img { width: 72%;right: 0;left: auto; } .property-banner-three .bg-img:before { opacity: 0.7; } .property-banner-three .banner-form-block { margin-bottom: 0 !important; margin-top: 0; max-width: 480px;border-radius: 0; } .property-banner-three .banner-form-block .input-field { min-width: 100%; max-width: 100%; } .property-banner-three .banner-form-block .input-field input, .property-banner-three .banner-form-block .input-field textarea { border-radius: 0; border: none; border-bottom: 1px solid #ddd; padding: 0; } .property-banner-three .banner-form-block .form-tl h2 { font-size: 24px; color: #2a303c; line-height: 1.2; font-weight: 700; font-family: var(--primary_font_family); letter-spacing: 0; margin: 0 0 15px; text-align: center; } .property-banner-three .textbox h1, .property-banner-three .textbox h2, .property-banner-three .textbox p { color: var(--white_clr); } .property-banner-three .textbox p { font-size: 18px; } .property-banner-three .textbox h1 { font-size: 32px; } .about-tab { justify-content: center; margin: 0; padding: 20px 0 0; } .about-tab li { font-size: 16px; line-height: 24px; color: #000; font-weight: 500; text-align: center; width: 100%; } .about-tab li + li { margin-left: 20px; } .about-tab li a { padding: 20px 20px; display: flex; align-items: center; justify-content: center; text-align: left; height: 100%; background: var(--white_clr); min-width: 240px; border-radius: 4px; box-shadow: 0 3px 7px rgba(0,0,0,0.05);position: relative; } .about-tab li a:hover { color: #2a303c; } .about-tab li a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background: var(--primary_clr); margin: auto; z-index: 1;opacity: 0;transition: all 0.3s ease;border-radius: 0 0 5px 5px; } .about-tab li a:after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; width: 20px; height: 10px; clip-path: polygon(100% 0, 0 0, 50% 100%); background: var(--primary_clr); margin: auto; z-index: 1;opacity: 0;transition: all 0.3s ease; } .about-tab li a[aria-expanded="true"]:after, .about-tab li a[aria-expanded="true"]:before { opacity: 1; } .about-tab .iconbox { display: block; min-width: 50px; max-width: 50px; height: 50px; margin-right: 15px;transition: all 0.3s ease; } .about-tab .iconbox img { transition: all 0.3s ease; } .about-section-three .tab-content .row .imgbox img { border-radius: 6px; } .property-banner-four { display: flex; align-items: center; justify-content: center; flex-direction: column;overflow: hidden; } .property-banner-four .bg-img:before { background: var(--primary_clr); } .property-banner-four .banner-caption { background: var(--white_clr); padding: 40px; max-width: 560px; height: 100%; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); border-radius: 0 25px; margin-right: -40px; position: relative; z-index: 1; } .property-banner-four .banner-caption h1 { font-size: 36px; } .property-banner-four .banner-caption p { font-size: 19px; } .about-section-four .about-block .textbox { padding-right: 20px; } .about-section-four .banner-form-block { margin-top: 0; } .about-section-four .banner-form-block { margin-top: -80px; border-radius: 0; margin-bottom: 0 !important; width: 100%; box-shadow: none; padding: 50px 40px; padding-right: 0; } .about-section-four .banner-form-block:after { content: ""; position: absolute; width: 50vw; left: 0; top: 0; bottom: 0; background: #fafafa; } .about-section-four .banner-form-block .form-tl h2 { font-size: 24px; color: #2a303c; line-height: 1.2; font-weight: 700; font-family: var(--primary_font_family); letter-spacing: 0; margin: 0 0 15px; } .about-section-four .banner-form-block .input-field input, .about-section-four .banner-form-block .input-field textarea { border-radius: 0; } .about-section-four .about-block .imgbox img { border-radius: 10px;display: block; } .about-section-two .wpcf7-response-output { color: var(--white_clr); } .property-banner-four .form-block { padding-left: 50px; height: 100%; align-items: center; } .property-banner-four .form-block .form-tl h2 { font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: 0; margin: 0 0 15px; text-align: center;font-family: var(--primary_font_family);color: #2a303c; } .property-banner-four:after { content: ""; position: absolute; width: 55%; right: 0; top: 0; bottom: 0; background: #fafafa; } .property-banner-four .input-field { min-width: 100%; max-width: 100%; } .usefull-link-mainbox { box-shadow: 0px 5px 25px rgba(0,0,0,0.15); padding: 30px; border-radius: 7px; border: 1px solid rgb(38 122 212 / 40%); backdrop-filter: blur(6px); background: var(--white_clr); } /* New Css */ .hm-about-contact { padding: 40px; background: var(--white_clr); margin-top: -140px; position: relative; z-index: 9; } .about-list-content { padding-right: 70px; } .about-section .subtitle{ color: var(--primary_clr); } .steps-box .iconbox { max-width: 54px; height: 54px; } .steps-box { display: flex; } .steps-content { padding-left: 15px; } .steps-content p { font-size: 16px; line-height: 24px; } .offer-section{ overflow: hidden; } .offer-section:after{ display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 70vw; right: 0; background: var(--white_clr); z-index: 0; } .offer-list-content p{ color: var(--white_clr); } .offer-imagebox{ z-index: 4; } .offer-imagebox .imgbox{ width: 100%; height: 350px; border-radius: 10px; overflow: hidden; } .offer-imagebox .imgbox img, .offer-imagebox .imgbox2 img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .offer-imagebox .imgbox2 { position: absolute; top: 0; bottom: 0; right: -100px; position: absolute; max-width: 340px; max-height: 220px; width: 100%; height: 100%; margin: auto; border-radius: 10px; overflow: hidden; } /*Service Css*/ .offer-section .offer-list-content .subtitle{ color: var(--white_clr); } .service-list .items{ padding-top: 15px; padding-bottom: 15px; } .service-box { text-align: left; padding: 50px; border-style: solid; border-width: 1px 1px 1px 8px; border-color: #e9e9e9; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: relative; height: 100%; } .service-box .iconbox { max-width: 54px; margin-bottom: 15px; } .service-box:before{ display: block; content: ""; position: absolute; width: 100%; height: 0; top: 0; left: 0; right: 0; background: var(--white_clr); -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; z-index: -1; } .service-box:hover:before { background: var( --primary_clr ); height: 100%; opacity: 1; } .service-box:hover .iconbox { filter: brightness(24); } .service-box:hover .service-content *{ color: var(--white_clr); } .hm-counter-section{ padding: 100px 0; } .hm-counter-section .bg-img, .still-section .bg-img { background-attachment: fixed !important; } .hm-counter-section .bg-img:before{ background: var(--primary_clr); opacity: 0.7; } .count-info { justify-content: center; flex-direction: column; align-items: center; } .count-info .iconbox{ max-width: 64px; margin-bottom: 10px; } .count-info .textbox strong { font-size: 44px; line-height: 52px; color: var(--white_clr); text-align: center; display: block; } .count-info .textbox p { color: var(--white_clr); text-align: center; margin-top: 8px; letter-spacing: 0.03em; } /* Team */ .hm-team-section .block-title { max-width: 720px; margin: 0 auto 20px; } .hm-team-info .imgbox:before{ display: block; content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; right: 0; background: rgb(38 122 212 / 70%); -webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .hm-team-info:hover .imgbox:before{ height: 100%; top: 0; } .hm-team-info .imgbox { width: 100%; height: 480px; position: relative; } .hm-team-info .imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; } .hm-team-info .social-media { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; justify-content: center; } .hm-team-info .social-media a{ color: var(--primary_clr); background: var(--white_clr); min-width: 50px; max-width: 50px; height: 50px; line-height: 50px; font-size: 24px; opacity: 0; } .hm-team-info .social-media a:hover{ background: var(--secondary_clr); color: var(--white_clr); } .hm-team-info:hover .social-media a{ opacity: 1; } .hm-team-info .textbox { padding: 20px; text-align: center; margin: -60px 20px 0; background: var(--white_clr); z-index: 1; position: relative; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1); } .hm-team-info .textbox h3{ margin-bottom: 10px; } .hm-team-info .textbox p{ font-size: 16px; } /* Leading Page */ .faq-list { border-top: 1px dashed #ddd; } .faq-card { border-bottom: 1px dashed #ddd; } .acc_title { padding: 20px 20px 20px 0; font-size: 26px; color: var(--secondary_clr); margin: 0; cursor: pointer; position: relative; } .acc_title:after { display: block; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; width: 20px; height: 26px; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease; } .acc_title[aria-expanded="true"]{ color: var(--secondary_clr); } .acc_title[aria-expanded="true"]:after{ transform: rotate(180deg); } .faq-card .content-box { padding: 0 0 20px; } .leading-list-content{ padding-right: 20px; } .faq-card .content-box p{ font-size: 16px; } /* still-content-block */ .still-section .bg-img:before{ background: var(--primary_clr); opacity: 0.7; } .still-content-block{ max-width: 740px; } .still-content-block h2 span { display: block; color: var(--secondary_clr); margin-top: 10px; } .still-content-block p{ color: var(--white_clr); } /*========================================== ===============:: MEDIA CSS ::============== ============================================*/ @media screen and (max-width:1499px){ .container{max-width: 1170px; } .header .container{max-width: 96%;} .dns-help .right-block > i { outline-width:2px; } .dns-help .right-block { border-radius:5px; } .help-boxes .box-item .imgbox { outline-width:2px; min-width: 55px; max-width: 55px; height: 55px;padding:11px; } .help-boxes .box-item + .box-item { margin-top: 30px; } .chooseus-card .iconbox {min-width: 70px; max-width: 70px; height: 70px; outline-width: 2px; } .online-accounting { padding:30px; } .online-accounting h3 {font-size: 28px; } .online-accounting p { font-size:16px; } .steps-card .number { outline-width: 2px; } } @media screen and (max-width:1365px){ .hero-inner .middle-block .imgbox img { min-width: 260px; max-width: 260px; } .site-logo { max-width: 200px; } .head-btnbox { margin-left: 20px; } .nav-main nav ul > li a { font-size: 14px; } .about-list-content { padding-right: 20px; } .offer-imagebox .imgbox2 { right: -40px; max-width: 250px; max-height: 180px; } .hm-counter-section { padding: 80px 0; } .post-list .post-imgbox { height: 220px; } .post-list .card-post h4 { font-size: 22px; } } /* iPad 1024px View */ @media screen and (max-width:1199px){ .container{width:100%; max-width:100%; padding:0 15px;} .btnbox{padding:15px 0 0;} .ptb-100{padding: 80px 0;} .ptb-60, .ptb-80, .ptb-90{padding:40px 0;} h1, .h1{font-size: 44px; line-height: 1.3;} h2, .h2{font-size: 32px; margin: 0 0 15px;} h3 {font-size: 24px;} h4 {font-size: 20px;} p{font-size: 16px;line-height: 24px; margin-bottom: 15px;} ul li, ol li{font-size: 16px;line-height: 24px;} .block-title p br{display: none; } /*Header and banner*/ .nav-main{display:none !important; } .mobi-iconbox{display:block; } .header .container{max-width: 100%;} .header-inner, .header.navbar_fixed .header-inner, .empty-header{ height: 90px; } .abt-section .shape_star{display: none; } .abt-section{overflow: hidden; } .trusted-property .square-imgbox { height:100%; } .tl-bg{left: -10%; font-size: 80px; } .testimonial-section .shape_arrow {bottom: -50px; left: -30px; } .award-section .shape_star {top: 0; } .awards-slider .slick-arrow { bottom:-10px; } .card-award h4{font-size: 16px; } .card-testim p {font-size: 18px; } .card-post {padding: 0 0 20px; } .f-logo a{display: inline-block; } .f-textbox {max-width: 100%; text-align: center; margin: 0 0 30px; } .header-inner .header-left { max-width:190px; } .site-logo { max-width:190px; } /* Banner */ .hero-inner .middle-block { width: 21.666666%; } .hero-inner .right-block { max-width: 38.666667%; min-width: 38.666667%; } .hero-caption .h1 {font-size: 36px;} .contact-block .address-block-inner {padding-left: 0; } .hero-caption p { font-size:16px;line-height:28px; } .banner-img-block { margin-right:-160px; } .banner-img-block .imgbox:first-child { max-width:70px; } .banner-img-block .imgbox:nth-child(2) { zoom:0.75;-webkit-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg); margin-top: 20px; } .banner-img-block .imgbox:nth-child(3) {height: 140px; max-width: 140px; padding: 9px; } .banner-boxes .box-card { padding:30px 22px; } .square-imgbox { padding-right: 30px; } .sdlt-block { padding: 0px 0 40px; } .sdlt-slider .slick-arrow { bottom:-15px; } .sdlt-service-card { padding:40px 40px 40px 0; } .sdlt-service-flex .sdlt-cta { padding:40px 0 40px 60px; } .sdlt-service-flex .sdlt-cta .btnbox .btn + .btn {margin-left: 0; margin-top: 10px; } .specialist-tax .logo-shape { bottom:30px; } .specialist-tax .items:first-child { padding-right:40px; } .specialist-tax .row .items { padding-top: 60px; padding-bottom: 60px; } .count-tl .timer { font-size:30px; } .count-tl .count-symbol { font-style:26px; } .card-counter p { font-size:16px; } .specialist-tax-text h2 {margin: 0 0 20px; } .position-change.specialist-tax .items:first-child { padding-left:30px; } .service-card .service-text h4 { margin: 0 0 8px; } .service-card .imgbox {min-width: 70px; max-width: 70px; height: 70px; padding: 15px; } .dns-help .right-block > i { width: 60px; height: 60px; } .expenses-card .number { margin-right:16px; } .we-help-flex .block-title .help-cta { padding:30px 20px; } .we-help-flex .block-title { padding:40px 30px 40px 20px; } .help-boxes .box-item .imgbox { margin-right:25px; } .help-boxes { padding:40px 0 40px 20px; } .join-flex .items .imgbox {min-width: 280px; max-width: 280px; height: 280px; } .chooseus-card .iconbox {min-width: 60px; max-width: 60px; height: 60px; padding: 13px; } .our-blog .btnbox { padding-top:0; } .post-textbox { padding:25px; } .software-section .block-title { margin-bottom: 0; } .software-list { margin:0 20px -110px !important; } .software-list .imgbox { height:80px; } .contact-section { padding: 20px 0 80px; } .line-shape { width: 340px;height: 30px;right: -80px; } .internal-banner .line-shape + .line-shape { left: -80px; } .internal-banner { min-height: 220px; } .what-we-do .help-boxes .box-item + .box-item {margin-top: 20px; } .circle-group { width: 200px;height: 200px; } .what-we-do .help-boxes .box-item {align-items: inherit; } .what-we-do .help-boxes .btnbox {padding-top: 30px; } .what-we-do .help-boxes .box-item .imgbox { margin-right: 20px; } .expertise-card { padding: 35px 20px; } .expertise-listing { margin: -10px; } .expertise-listing .items { padding: 10px; } .expertise-card .iconbox { min-width: 60px; max-width: 60px; height: 60px; border-radius: 50px; outline-width: 2px; outline-offset: 6px; padding: 11px; } .about-page.specialist-tax .logo-shape { width: 50px; } .steps-flex { padding-top: 20px; } .service-banner .caption { padding-right: 80px; } .thankyou { padding:0 60px; } .check-icon { width:80px;height:80px; } .blog-banner { max-height: 200px; min-height: 200px; } .blog-detail .banner-form-block .form-tl h2 { font-size: 20px; } .blog-detail .banner-form-block { padding: 30px 25px; } .blog-detail .container { max-width: 100%; } .home-banner .wpcf7-not-valid-tip { font-size: 13px; } .customer-review p { font-size: 16px; } .customer-review { padding: 15px 30px;bottom: -27px; } .hero-inner .left-block { max-width: 60%; min-width: 60%; } .hero-inner .middle-block .imgbox img { min-width: 220px; max-width: 220px; } .banner-services-inn { justify-content: center; } .banner-services-box { min-width: 230px; } .banner-services-inn .items-services:nth-child(5) { margin-top: 40px; } .banner-services { width: 60%; padding: 0 10px 0 10px; margin-top: 100px; } .banner-services-box .iconbox-content { max-width: 134px; min-width: 134px; } .banner-services-box .iconbox-content img { width: 40px; } .home-banner:before { width: 20%; } .about-section .shape_arrow { right: 20px; } .about-left { padding-left: 20px; } .property-two-coll .row { margin: 0 -20px; } .property-two-coll .row .items { padding: 0 20px; } .property-page-banner .textbox h1, .property-page-banner .textbox h2 { font-size: 24px; } .property-page-banner .textbox p { font-size: 17px; } /* Property Banner Two */ .property-banner-two .banner-caption p { font-size: 18px; } .about-section-two .form-block { padding: 30px; } .about-section-two .form-block .form-btnbox .btn { width: 100%; } .about-section-two .textbox { padding-left: 10px; } .about-section-two .textbox .about-point .iconbox { min-width: 48px; max-width: 48px; height: 48px; margin-right: 20px; } .info-points { padding-top: 10px; } .info-points .items { padding: 15px; } .property-banner-four .banner-caption h1 { font-size: 30px; } .property-banner-four .banner-caption p { font-size: 18px; } .about-section-four { overflow: hidden; } .about-section-four .banner-form-block { margin-top: 0; padding: 40px 30px; padding-right: 0; max-width: 100%; } .blog-banner h1 { font-size:24px; } .offer-imagebox .imgbox { height: 300px; } .offer-imagebox .imgbox2 { display: none; } .service-box { padding: 30px; } .count-info .iconbox { max-width: 52px; } .count-info .textbox strong { font-size: 34px; line-height: 42px; } .hm-team-info .imgbox { height: 380px; } .still-content-block { max-width: 540px; } .hitarea:before{ right: -25px !important; } .mobile-nav ul li a{ font-size: 15px; } } /* iPad 768px view*/ @media screen and (max-width:991px){ .ptb-120{padding:80px 0;} .ptb-100, .ptb-80{padding:60px 0;} .mb-60{margin-bottom: 40px !important;} /*Header and banner*/ .abt-inner .right-block{margin-top: 30px; } .f-shape1 {width: 250px; height: 240px; } .square-imgbox {padding-right: 40px; } .small-imgbox{right: 0; } .f-logos { padding-right:10px; } .f-logos .imgbox {min-width: 85px; max-width: 85px;} .testimonial-slider{ margin: 0 -20px; } .testimonial-slider .slick-list {padding: 20px 60px; } .input-field {min-width: 100%; max-width: 100%; } /* Banner */ .hero-inner .left-block { max-width:55%;min-width:55%; } .hero-inner .middle-block { width: 45%; padding: 0 15px;padding-left:20px; } .hero-inner .middle-block .imgbox { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-height:360px;height: 100%; margin-left: auto; } .hero-inner .middle-block .imgbox img {width: 100%; -o-object-fit: contain; object-fit: contain; height: 100%; } .hero-inner { margin:0 -15px; } .hero-inner .right-block { max-width: 100%; min-width: 100%;order:3; } .banner-img-block .imgbox:nth-child(3) { height: 120px; max-width: 120px; padding: 7px; position: absolute; top: 40px; left: 100%; } .banner-img-block { margin-right: -110px; } .banner-img-block .imgbox:nth-child(2) { zoom: 0.65; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); margin-top: -70px; } .banner-img-block .imgbox:first-child { max-width: 50px;top:10px;right:20px; } .home-banner .items {padding: 100px 0; } .form-btnbox .btn {width: auto; } .banner-boxes { margin:-60px 0 0;border-radius:10px; } .banner-boxes .box-card { padding: 25px 10px; } .banner-boxes .box-card .imgbox {min-width: 60px; max-width: 60px; height: 60px; padding: 12px; } .chooseus-block { margin:-10px; } .chooseus-block .items { padding:10px; } .contact-section { padding: 50px 0 60px; } .chooseus-card .iconbox { outline-offset:6px; } .online-accounting {padding: 20px;margin-top: 25px; } .online-accounting h3 {font-size: 22px;margin: 0 0 10px; } .dns-help-two .right-block { margin-left: 0;} .internal-banner .caption p { font-size: 17px; } .steps-card:hover .number { transform: scale(1.06); } .expertise-details.specialist-tax .btnbox { padding-top: 0 !important; } .what-we-do .help-boxes { padding-top: 40px; padding-bottom: 40px; } .specialist-tax .banner-form-block { padding: 40px 35px; } .specialist-tax .banner-form-block .input-field { max-width: 100%;min-width: 100%; } .specialist-tax .banner-form-block .form-btnbox .btn { width: 100%; } .contact-block .cont-items a { font-size: 16px; word-break: break-all; } .blog-detail .banner-form-block { padding: 25px 20px; } .blog-detail .banner-form-block .form-tl { margin: 0 0 20px; } .blog-detail .form-btnbox .btn { width: 100%; } .blog-card .textbox { padding: 20px 18px; } .blog-card .btnbox { padding: 0 18px 25px; } .hero-inner .middle-block .imgbox img { min-width: 100%; max-width: 100%; margin-top: 20px; } .home-banner .form-btnbox { text-align: center; } .banner-services { width: 45%; margin-top: 60px; } .banner-services-inn .left-block { width: 100%; max-width: 100%; } .banner-services-box { min-width: 100%; } .hero-inner .left-block { max-width: 70%; min-width: 70%; margin-right: auto !important; } .hero-caption { padding-top: 70px; } .service-imagesbox { max-width: 100%; } .hero-inner { flex-direction: column; justify-content: center; align-items: center; } .banner-services { width: 70%; margin-top: 70px; } .banner-services-box .iconbox-content { max-width: 150px; min-width: 150px; } .home-banner:before { width: 30%; } .about-section .sigma_dots { bottom: -50px; right: -20%; z-index: -1; } .about-left { padding-left: 0; } .property-page-banner .banner-form-block { margin-top: 0; } .property-page-logos .software-list .items { min-width: 25%; max-width: 25%; } .property-page-banner .banner-form-block .form-tl h2 { font-size: 20px; } .property-page-banner .form-btnbox .btn { width: 100%; } /* Property Banner Two */ .property-banner-two .form-btnbox .btn { width: 100%; } /* Property Banner Three */ .property-banner-three .form-btnbox .btn { width: 100%; } .property-banner-three .textbox p { font-size: 17px; } .property-banner-three .textbox h1 { font-size: 24px; } .about-tab li a { min-width: 220px; } .about-tab { padding: 10px 0 0; } .property-banner-four .banner-caption h1 { font-size: 24px; } .about-section-four .form-btnbox .btn { width: 100%; } .about-section-four .about-block .textbox { padding-right: 0; } .property-banner-four { height: 100%; } .about-section-four .banner-form-block .form-tl h2 { font-size: 22px; } .about-section-two .form-block .form-tl h2 { font-size: 20px; } .property-banner-four .form-block { padding: 40px 0 40px 40px; } .property-banner-four .form-block .form-tl h2 { font-size: 22px; } .property-banner-four .banner-caption p { font-size: 17px; } .hm-about-contact { padding: 30px; margin-top: -110px; } .about-list-content { padding-right: 0; } .steps-box { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .steps-content { padding-left: 0; padding-top: 15px; } .steps-content p { font-size: 14px; line-height: 22px; } .offer-imagebox .imgbox { height: 260px; } .hm-team-info .imgbox { height: 300px; } .hm-team-info .social-media a { min-width: 40px; max-width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .hm-team-info .textbox { margin: -50px 10px 0; padding: 15px; } .acc_title { font-size: 22px; } .our-blog .block-title { max-width: 68%; } .f-logo img { max-width: 220px; } .footer-logo-block .f-logo { margin-bottom: 24px; } .f-social-block{ margin-top: 20px; } .social-media a { min-width: 36px; max-width: 36px; height: 36px; line-height: 36px; font-size: 20px; } .footer-logo-block p { margin-bottom: 20px; } .f-bottom-inner p + p { padding-left: 22px; } } /* iPhone-6 plus 736 (Landscape) view */ @media screen and (max-width:767px){ body{-webkit-text-size-adjust:none;} h1, .h1 {font-size: 34px;} h2, .h2{font-size: 32px;} p{margin:0 0 15px;} .ptb-120, .ptb-100, .ptb-80, .ptb-90, .ptb-60, .ptb-50{padding:40px 0;} img.alignleft, img.alignright, img.alignnone, iframe.alignleft, iframe.alignright{float:none; margin:0 0 20px;} /*Header and banner*/ .input-field {min-width: 100%; max-width: 100%; } .mobile-menu-block{width: 85%; right: -105%; } .mobile-menu-open .mobile-menu-block{right: 0; } .tl-bg {left: -10%; font-size: 60px; } .small-title {font-size: 14px; line-height: 20px; } .abt-section .entry-content ul{-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .square-imgbox {padding-right: 20px; } .small-imgbox {border: 4px solid var(--white_clr); width: 100px; height: 100px; } .abt-section .circle_rotate{top: auto; bottom: 0; width: 100px; } .circle_rotate {height: 100px; width: 100px; } .star-box {font-size: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .f-middle, .f-social-block{min-width: 100%; } .footer-inner .items + .items {border-top: 1px solid rgba(255,255,255,0.2); padding-top: 20px; margin-top: 20px; } .shape_arrow{width: 40px; } .post-list {padding: 0; } .card-post .btnbox {padding: 0 20px 0; } .f-textbox {margin: 0; } .head-btnbox { display:none; } /*Contact Section*/ .mapbox {position: relative; top: 0; height: 280px; margin: 20px 0 0; } .address-block .container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; padding: 0; } .address-block{padding: 30px 0 0; background: var(--white_clr); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2); box-shadow: 0 10px 20px rgba(0,0,0,0.2); overflow: hidden; margin: 0 20px; } .hero-inner .left-block { max-width: 100%; min-width: 100%; } .hero-caption { padding-top:20px; } .hero-caption .h1 { font-size: 26px; } .hero-caption p { line-height:26px; } .banner-img-block { margin-right: 0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; } .banner-img-block .imgbox:nth-child(3) { position: relative; top: 0; left: 0;margin-top:20px; } .banner-img-block .imgbox:nth-child(2) { zoom: 0.7; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin-top: 20px; } .banner-img-block .imgbox:first-child { display:none; } .hero-inner .middle-block .imgbox { max-height:320px;margin-left:20px; } .hero-inner .middle-block { width: 100%; padding-left: 15px; } .form-btnbox .btn { width: 100%; } .banner-boxes .blocks + .blocks { border-left: 0; border-top: 1px solid rgb(1 78 138 / 10%); } .abt-section .entry-content ul { -webkit-column-count:1; -moz-column-count:1; column-count:1;margin:0 0 5px; } .position-change.specialist-tax .items .imgbox { border:none; } .position-change.specialist-tax .items:first-child { padding-left: 15px; } .position-change.specialist-tax .logo-shape, .specialist-tax .logo-shape { left: auto; right: 10px; width: 40px; } .chooseus-block { padding-top: 0; } .award-section .logo-shape { width: 50px; height: 60px; } .awards-block { padding: 5px 0 40px; } .testimonial-section .block-title { max-width: 100%; padding-bottom: 25px; } .card-testi { padding:25px 25px 30px; } .testimonial-section .btnbox { padding-top:7px; } .quote-icon { margin:0 0 15px; } .testimonial-slider .slick-list { padding: 20px 5px; } .testimonial-slider .slick-arrow { top:-35px;left:65px;right:auto; } .testimonial-slider .slick-arrow.slick-prev { right: auto; left: 20px; } .our-blog .block-title { max-width: 100%; padding-bottom: 25px; } .blog-slider .slick-list { padding: 20px 5px 15px; } .blog-slider .slick-arrow { top:-35px;left:65px;right:auto; } .blog-slider .slick-arrow.slick-prev { right: auto; left: 20px; } .logo-shape { width:40px;height:50px; } .post-textbox { padding: 25px 20px; } .blog-slider .items { margin-bottom: 0; } .software-section .block-title { margin-bottom: 5px; } .software-list { padding: 12px 20px; margin: 0 10px -92px !important; } .software-list .items{padding: 5px; } .software-list .imgbox { height:60px; } .software-list .imgbox img{max-width: 100%;height:100%;-o-object-fit:contain;object-fit:contain; } .software-slider .slick-arrow.slick-prev{left: -20px; } .software-slider .slick-arrow.slick-next {right: -20px; } .contact-section { padding: 30px 0 0; } .cont-items a { word-break:break-all; } .internal-banner {min-height: 100%; } .internal-banner .caption { max-width: 100%; } .what-we-do .help-boxes {padding-top: 30px; padding-bottom: 50px; } .what-we-do .help-boxes .box-item + .box-item {margin-top: 15px; } .what-we-do .we-help-flex .items:first-child { min-height: 280px;max-height: 280px;position: relative; } .what-we-do .we-help-flex .items:first-child img {width: 100%; right: 0; } .internal-banner .caption p { font-size: 16px; } .expertise-card { padding: 30px 20px;border-radius: 12px; } .steps-flex .items:before, .steps-flex .items:after { display: none; } .steps-flex .items + .items { margin-top: 40px; } .specialist-tax .banner-form-block { margin-top: 10px; } .specialist-tax .banner-form-block {padding: 35px 30px; } .content-section .animated-shape { height: 340px; } .contact-page .mapbox { margin: 0; } .contact-page.contact-section { padding: 0; } .software-list .slick-list { padding: 5px 0; } .contact-block .form-tl h2 { font-size: 20px; } .service-banner .container { display: block !important; } .service-banner .caption { max-width: 100%;padding-right: 0; } .service-banner .btnbox { max-width: 100%; text-align: left !important;padding-bottom: 95px;margin-top: -25px; } .service-banner .btnbox h4 { font-size: 15px; font-weight: 400; } .thankyou { padding:0; } .check-icon { margin:0 auto 20px;width:70px;height:70px;border-width:3px; } .thankyou h1 { margin:0 0 10px; } .blog-detail .sidebar { margin-top: 30px; } .customer-review { max-width: calc(100% - 40px);margin: 0 auto;padding: 12px 20px;border-radius: 7px; } .customer-review p { display: inline; } .customer-review p img { display: block; margin: 3px auto; } .home-banner:before { width: 50%; bottom: 240px; right: 10px; } .banner-point { padding-bottom: 12px; } .about-right { margin-bottom: 30px !important; } .about-section .about-left .btnbox { padding: 0; } .about-section .sigma_dots { right: -10px;bottom: -30px; } .property-page-banner .banner-form-block { margin-top: 30px; } .about-section > .ptb-20.pt-0 { padding: 0 !important; } .about-section .shape_arrow { height: 110px; width: 80px; } .property-two-coll .block-title { padding: 0; } .property-page-logos .software-list .items { min-width: 50%; max-width: 50%; } .property-page-banner { overflow: hidden; } /* Property Banner Two */ .property-banner-two .banner-caption p { font-size: 17px; } .property-banner-two .banner-caption h1, .property-banner-two .banner-caption h2 { font-size: 24px; } .about-section-two { overflow: hidden; } .about-section-two .form-block { margin-top: 30px; } .about-section-two .textbox { padding-left: 0; } /* Property Banner Three */ .property-banner-three .banner-form-block { margin-bottom: 30px !important; } .about-section-three .left-block .textbox { padding-bottom: 30px; } .two-coll-section .two-coll-flex .items + .items .textbox { margin-top: 15px; } .property-banner-three .bg-img { width: 100%; } .about-tab { padding: 0; } .about-tab li { font-size: 14px; line-height: 18px; } .about-tab li + li { margin-left: 8px; } .about-tab li a { min-width: inherit; padding: 10px; flex-wrap: wrap; text-align: center; } .about-tab .iconbox { margin: 0 0 5px; height: 60px; } .property-banner-four { padding: 0 !important; } .property-banner-four .bg-img { position: relative; width: 100%;padding: 0 0 56.66%;overflow: hidden; } .property-banner-four .banner-caption { padding: 30px; margin-top: -30px;margin-right: 0;margin-bottom: 30px; } .property-banner-four .banner-caption h1 { font-size: 22px; } .property-banner-four .banner-caption p { font-size: 16px; } .about-section-four .banner-form-block:after { width: 100vw; left: -20px; } .about-section-four .banner-form-block { padding: 30px 0; } .property-banner-three { overflow: hidden; } .about-section-two .form-block .form-tl h2 { font-size: 19px; } .about-section-two .form-block { padding: 25px; } .property-banner-four .form-block { padding: 40px 0 40px 0; } .property-banner-four .form-block:after { width: 100vw; left: -20px;content: "";position: absolute;top: 0;bottom: 0;background: #fafafa; } .about-section-four .about-block .textbox { margin-bottom: 30px; } .property-banner-four:after { display: none; } .blog-banner h1 { font-size:22px; } .home-banner .items { padding: 70px 0; } .hero-caption { padding-top: 90px; } .home-banner .bg-img:before { background: #000; opacity: 0.7; } .hm-about-contact { margin-top: 20px; } .subtitle { font-size: 14px; letter-spacing: 0.03em; } .steps-list .items { padding-top: 15px; padding-bottom: 15px; } .steps-content h3{ font-size: 22px; } .steps-content p { font-size: 16px; line-height: 24px; } .offer-section:after { left: 100%; } .offer-imagebox .imgbox { height: 220px; margin-top: 30px; } .counter-list .items { width: 50%; border: 1px solid rgb(255 255 255 / 40%); } .counter-list .items:nth-child(1), .counter-list .items:nth-child(3){ border-right: 0; } .counter-list .items:nth-child(1), .counter-list .items:nth-child(2){ border-bottom: 0; } .hm-team-list .items + .items { margin-top: 30px; } .hm-team-info .imgbox { height: 380px; } .leading-faq-block { margin-top: 30px; } .f-social-block { margin-top: 0; } .f-bottom-inner { flex-direction: column; } .f-bottom-inner p{ text-align: center; } .f-bottom-inner p + p { padding-left: 0; padding-top: 10px; } } /* 767 */ @media screen and (max-width:575px){ .banner-services { width: 70%; margin-top: 30px; } .banner-services-inn .items-services:nth-child(2) { margin-top: 30px; } .banner-services-inn .items-services:nth-child(3) { margin-top: 30px; } .banner-services-inn .items-services:nth-child(4) { margin-top: 30px; } .banner-services-inn .items-services:nth-child(5) { margin-top: 30px; } .banner-services-box h6 { font-size: 14px; } .banner-point li:nth-child(1){ margin-right: 10px; } .banner-point li + li { margin-left: 0; } }/*575