/*code for animate.min.css starts here*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} /*code for animate.min.css ends here*/ /*code for Style.css starts here */ /*-------------------------------------------------------------- # fonts --------------------------------------------------------------*/ @font-face { font-family: 'Campton'; src: url('../font/Campton-Black.eot'); src: url('../font/Campton-Black.eot?#iefix') format('embedded-opentype'), url('../font/Campton-Black.woff2') format('woff2'), url('../font/Campton-Black.woff') format('woff'), url('../font/Campton-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton Book'; src: url('../font/Campton-Bold.eot'); src: url('../font/Campton-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Campton-Bold.woff2') format('woff2'), url('../font/Campton-Bold.woff') format('woff'), url('../font/Campton-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton'; src: url('../font/Campton-Light.eot'); src: url('../font/Campton-Light.eot?#iefix') format('embedded-opentype'), url('../font/Campton-Light.woff2') format('woff2'), url('../font/Campton-Light.woff') format('woff'), url('../font/Campton-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton'; src: url('../font/Campton-Medium.eot'); src: url('../font/Campton-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Campton-Medium.woff2') format('woff2'), url('../font/Campton-Medium.woff') format('woff'), url('../font/Campton-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton'; src: url('../font/Campton-SemiBold.eot'); src: url('../font/Campton-SemiBold.eot?#iefix') format('embedded-opentype'), url('../font/Campton-SemiBold.woff2') format('woff2'), url('../font/Campton-SemiBold.woff') format('woff'), url('../font/Campton-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton'; src: url('../font/Campton-Thin.eot'); src: url('../font/Campton-Thin.eot?#iefix') format('embedded-opentype'), url('../font/Campton-Thin.woff2') format('woff2'), url('../font/Campton-Thin.woff') format('woff'), url('../font/Campton-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton Book'; src: url('../font/Campton-Book.eot'); src: url('../font/Campton-Book.eot?#iefix') format('embedded-opentype'), url('../font/Campton-Book.woff2') format('woff2'), url('../font/Campton-Book.woff') format('woff'), url('../font/Campton-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Campton'; src: url('../font/Campton-ExtraLight.eot'); src: url('../font/Campton-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../font/Campton-ExtraLight.woff2') format('woff2'), url('../font/Campton-ExtraLight.woff') format('woff'), url('../font/Campton-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } /*-------------------------------------------------------------- # fonts end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # General --------------------------------------------------------------*/ body { font-family: "Campton", sans-serif; } a { color: #9d2235; transition: 0.5s; } a:hover, a:active, a:focus { color: #0b6bd3; outline: none; text-decoration: none; } p { padding: 0; margin: 0 0 0px 0; } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0 0 0px 0; padding: 0; } /* Back to top button */ .back-to-top { position: fixed; border:1px solid #000; display: none; background:#efdb91; color: #fff; width: 44px; height: 44px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11; } .back-to-top i { padding-top: 12px; color: #000; } .clear {clear:both;} /* Prelaoder */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; } #preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #f2f2f2; border-top: 6px solid #007bff; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; } @-webkit-keyframes animate-preloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animate-preloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #header { height:90px; transition: all 0.5s; z-index: 1100; transition: all 0.5s; padding: 0px; background-color: transparent; border-top: 2px solid #efdb91; } #header.header-scrolled, #header.header-pages { padding: 0px 0; background: #000; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); min-height:120px; } #header .logo h1 { font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #header .logo h1 a, #header .logo h1 a:hover { color: #00366f; text-decoration: none; } #header .logo img { padding: 0; margin: -40px 0px 0; width:80%; } .main-pages { margin-top: 60px; } .mp0 { margin:0px !important; padding:0px !important;} /*-------------------------------------------------------------- # Intro Section --------------------------------------------------------------*/ .topheader { background-color: transparent; min-height: 60px; border-radius: 0px; margin-top:60px; padding: 0px 10px 10px; } #intro { width: 100%; } .paddingtop{padding-top:120px !important;} .container1{ max-width:800px; margin:auto; } .mbdisplay { display:none;} .desktopdisplay { display:block;} /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /* Desktop Navigation */ .main-nav { /* Drop Down */ /* Deep Drop Down */ } .main-nav, .main-nav * { margin: 0; padding: 0 0px 0 10px; list-style: none; } .main-nav > ul > li { position: relative; white-space: nowrap; float: left; } .main-nav a { display: block; position: relative; color: #fff; padding: 7px 7px 15px; transition: 0.3s; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-top: 12px; } .main-nav .active > a{ color: #fff; } .main-nav .active > a:hover{ color: #fff; } .main-nav a:hover, .main-nav li:hover > a { color: #fff; text-decoration: none; } .main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; } .main-nav .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; } .main-nav .drop-down li { min-width: 180px; position: relative; } .main-nav .drop-down ul li a { padding: 10px 20px; font-size: 13px; color: #000; } .main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a { color:#490e61; } .main-nav .drop-down > a:after { content: "\f107"; font-family: FontAwesome; padding-left: 10px; } .main-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); } .main-nav .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; } .main-nav .drop-down .drop-down > a { padding-right: 35px; } .main-nav .drop-down .drop-down > a:after { content: "\f105"; position: absolute; right: 15px; } /* Mobile Navigation */ .mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px; background:#fff; transition: 0.4s; } .mobile-nav * { margin: 0; padding: 0; list-style: none; } .mobile-nav a { display: block; position: relative; color: #000; padding: 15px 20px 10px; font-weight: 500; border-bottom: 1px solid #010101; } .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a { color: #000; text-decoration: none; } .mobile-nav .drop-down > a:after { content: "\f078"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px; } .mobile-nav .active.drop-down > a:after { content: "\f077"; } .mobile-nav .drop-down > a { padding-right: 35px; } .mobile-nav .drop-down ul { display: none; overflow: hidden; } .mobile-nav .drop-down li { padding-left: 20px; } .mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 9998; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right; } .mobile-nav-toggle i { margin:33px 50px 0 0; color: #efdb91; } .mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 18, 18, 0.8); overflow: hidden; display: none; } .mobile-nav-active { overflow: hidden; } .mobile-nav-active .mobile-nav { left: 0; } .mobile-nav-active .mobile-nav-toggle i { color: #fff; } /*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/ .topheader{position:relative;padding:0px 10px 10px;} .sign { position: absolute; right: 10px; top: -43px; float: right; padding: 5px 0px 5px 10px; background-color:transparent; } .phone{clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); border:1px solid #efdb91;background-color:#efdb91;color:#000;font-size:16px;border-radius:0px;padding:10px 20px;font-weight:bold; cursor:pointer;} .phone:hover{border:1px solid #fff;background-color:#fff;color:#000;font-size:16px;border-radius:0px;padding:10px 20px;font-weight:bold; cursor:pointer;} /* banner Section --------------------------------*/ #intro{ position: relative;} #carouselExampleControls::before { content: ""; background: url(../images/rrow.png); position: absolute; width: 100%; height:588px; bottom: -1px; z-index: 9; background-size: cover; background-position: center; background-repeat: no-repeat; } /* About Us Section --------------------------------*/ .contentwrap{ filter: drop-shadow(3px 3px 10px rgba(0,0,0,.31));padding-top: 10px; } #about { padding:0px 0 50px; background:#fff; background-image:url("../images/about_bg.jpg"); background-repeat:no-repeat; background-position: bottom; background-size:cover; } .abtcontent{ padding:50px 30px 50px; text-align:left; clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%); background-color: #fff; border-radius:20px; -moz-box-shadow: 1px 22px 51px rgba(0,0,0,.12); -webkit-box-shadow: 1px 22px 51px rgba(0,0,0,.12); box-shadow: 1px 22px 51px rgba(0,0,0,.12); } #about .about-container .background { margin: 20px 0; } #about .about-container h1 { line-height: 40px; color: #010101; padding: 30px 25px 20px 0px; font-size: 32px; font-weight:500; text-align: left; margin: 0px!important; } #about .about-container p { text-align: left; line-height: 30px; font-size: 20px; color: #010101; padding: 15px 0px 30px 0px; font-weight: 400; } .about-container{text-align:left;} #about1 .about-container{ padding:0px 0 20px ;background-color:#fff; } #about1 .about-container h1 { line-height: 43px; color: #010101; padding: 30px 0px 20px 0px; font-size: 43px; font-weight:500; text-align: left; margin: 0px!important; text-transform: uppercase; } #about1 .about-container .abtcontent1 p { text-align:left; line-height: 26px; font-size:15px; color:#010101; padding:0px 0px 10px; font-weight:500; } #about1 h2,h3 { margin:30px 0px 10px 0px; width: 100%; } a.simplebutton { font-size: 16px; text-transform: uppercase; color: #000; border: 2px solid #000; padding: 14px 15px 11px; display: inline-block; margin-top: 10px; border-radius: 5px; font-weight:500; line-height: 1em; position: relative; overflow: hidden; } a.simplebutton::before { content: ""; background: #efdb91; height: 100%; width: 0%; position: absolute; top: 0; left: 0; z-index: -1; transition: 0.5s ease-in-out; } a.simplebutton:hover::before { width: 100%; } a.simplebutton:hover { border-color: #efdb91; color: #000; } /* ----------------------------- featured Section --------------------------------*/ .mp0 { margin:0px !important; padding:0px !important;} #featured { padding:0px 0 250px; background-image:url("../images/features_bg.png"); background-repeat:no-repeat; background-position:bottom; background-color:#f6edb4; background-size: cover; } #featured h1{ color: #1c0000; font-size:90px; text-align: center; font-weight:600; padding:30px 0px 30px; margin:0px; text-transform:uppercase; } #featured .abtcontent h1{ color: #1c0000; font-size:30px; text-align: left; font-weight:600; padding:30px 0px 30px; margin:0px; } .featurebox{ text-align:left; clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%); background-color: #fff; border-radius:10px; padding:80px 20px 30px; -moz-box-shadow: 1px 22px 51px rgba(0,0,0,.12); -webkit-box-shadow: 1px 22px 51px rgba(0,0,0,.12); box-shadow: 1px 22px 51px rgba(0,0,0,.12); } .mt50{margin-top:50px;} .featurebox h2{ color: #000; font-size:18px; text-align: center; font-weight:600; padding:20px 0px 20px; margin:0px; text-transform:uppercase; } .featurebox p{ line-height:20px; font-size:15px; color:#000; padding:0px 8px 20px; font-weight:500; } .learnmorebtn { color:#010101; font-size:13px; border-radius:0px; padding:10px 0px; font-weight:500; text-transform:uppercase; cursor:pointer; transition:0.5s; text-decoration:underline; } .learnmorebtn:hover { text-decoration:underline; color:#010101; font-size:13px; border-radius:0px; padding:10px 0px; font-weight:500; text-transform:uppercase; cursor:pointer; transition:0.5s; } a.seeall { z-index: 1; font-size: 16px; text-transform: uppercase; color: #000; border: 2px solid #000; padding: 14px 15px 11px; display: inline-block; margin-top:0px; border-radius: 5px; font-weight:500; line-height: 1em; position: relative; overflow: hidden; } a.seeall::before { content: ""; background: #000!important; height: 100%; width: 0%; position: absolute; top: 0; left: 0; z-index: -1; transition: 0.5s ease-in-out; } a.seeall:hover::before { width: 100%; } a.seeall:hover { border-color:#000; color: #fff; } /*-------------------------------------------------------------- # abtjason --------------------------------------------------------------*/ .abtjason{ padding:100px 30px 50px; text-align:left; position: relative; } .abtjason::before{ content: ""; background: url(../images/jason-before.png); position: absolute; width: 286px; height:245px; top:0; left:0; background-repeat:no-repeat; } #featured .abtjason h1 { line-height: 40px; color: #010101; padding: 20px 25px 20px 0px; font-size: 32px; font-weight:600; text-align: left; margin: 0px!important; text-transform: capitalize; } #featured .abtjason h3 { line-height: 30px; color: #010101; padding: 20px 25px 20px 0px; font-size: 25px; font-weight:500; text-align: left; margin: 0px!important; text-transform: capitalize; } #featured .abtjason p { text-align: left; line-height: 26px; font-size: 18px; color: #010101; padding: 15px 27px 30px 0px; font-weight: 400; } /*-------------------------------------------------------------- # footertopsec --------------------------------------------------------------*/ .footertopsec { padding:25px 0px; } .teambox{margin:-270px auto -94px;position: relative; z-index: 3;padding:0px 10px; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); } .teambox .leftbox{ padding:50px 20px; background: url(../images/leftbox_bg.png); background-repeat:no-repeat; background-position:right; background-color:#e7c269; border-radius: 10px 0 0 10px; text-align: left; } .teambox h2{ line-height: 40px; color: #000; padding:0px 0px 0px 0px; font-size:35px; font-weight: 600; margin: 0px!important; } .teambox .rightbox{ padding:50px 20px; background: url(../images/rightbox_bg.png); background-repeat:no-repeat; background-position:left; background-color:#fff; border-radius: 0 10px 10px 0; text-align:right!important; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .ftrlogo{margin-top:0px;width:70%;} #footer .ftrlogo{text-align:left; padding-bottom:10px;} #footer { padding: 0px; color: #eee; font-size: 14px; } #footer .ftrtoprow{ padding:20px 0; font-size: 30px; font-weight: 500; color: #fff; border-bottom:2px solid #ede4ab; } #footer .ftrtoprow p{ padding:20px 0; font-size: 30px; font-weight: 500; color: #fff; } #footer .footer-top { border-top:0px; padding:180px 0 20px 0; background: url(../images/ftr_bg.png); background-repeat:no-repeat; background-position:top center; margin-top:-290px; background-size:cover; } #footer .footer-top h4 { font-size: 17px; font-weight:600; color: #fff; text-transform: uppercase; position: relative; padding:50px 0px 10px; } #footer .footer-top .footer-links { margin-bottom: 0px!important; } #footer .footer-top .footer-links ul { list-style: none; padding: 0 ; margin: 0; } #footer .footer-top .footer-links ul li { padding:5px 0px; font-size:14px; } #footer .footer-top .footer-links ul a { color: #fff; font-weight:500; } #footer .footer-top .footer-links ul a:hover { color: #efdb91; font-weight:500; } #footer .footer-top .footer-contact { margin-bottom: 30px; } #footer .footer-top .footer-contact p { line-height: 23px; font-weight:500; font-size:14px; } #footer .copyright { text-align: left; font-size:14px; color:#fff; padding:0px 0px; margin-top:0px; } #footer .copyright p{ padding-bottom:0px; } #footer .footer-top .social-links a { font-size: 13px; background: transparent; color: #fff; line-height: 1; padding: 8px 0; text-align: left; transition: 0.3s; } #footer .footer-top .social-links ul{ list-style: none!important; padding-left: 0px; } #footer .footer-top .social-links ul li{ padding: 5px 0; font-size:14px; } #footer .footer-top .social-links ul li span { padding: 0px 10px; font-size:14px; font-weight:500; font-family: 'Montserrat', sans-serif; } #footer .footer-top .social-links ul li span:hover{color:#efdb91;} #footer .footer-top .social-links ul li i{font-size:18px;} /*-------------------------------------------------------------- # Responsive Media Queries --------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1260px){ .abtcontent{ padding:20px 20px 20px; text-align:left; } .main-nav, .main-nav * { margin: 0; padding: 0px 0px; list-style: none; } .abtimg { display: block; } #about::after {display:none;} .main-nav a { display: block; position: relative; color: #fff; padding: 7px 7px 15px; transition: 0.3s; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-top: 12px; } #about .about-container h1 { line-height:25px; font-size:22px; } #about { padding: 55px 0 100px; background: #fff; background-image: url(../images/about_bg.png); background-repeat: no-repeat; background-position: top left!important; } #footer .footer-top .footer-links ul a { color: #fff; font-weight: 500; padding: 0px ; } #footer .footer-top .footer-links ul li { padding: 10px 0px; font-size: 13px; text-transform: uppercase; } #footer .ftrlogo { text-align: left; padding-bottom: 30px; width: 70%; } .greyrow h2 { line-height: 40px; color: #ffffff; padding: 40px 25px 20px 0px; font-size: 29px; font-weight: 600; text-align: left; margin: 0px!important; } #footer .copyright { padding: 0px 0px 0 20px; } #footer .footer-top .social-links { padding: 20px 40px 20px 0px; } } @media (min-width:901px) and (max-width: 991px) { #intro { padding: 0px 0 0px 0; } #footer .footer-top { border-top: 0px; padding: 180px 0 20px 0; background: url(../images/ftr_bg.png); background-repeat: no-repeat; background-position: top center; margin-top: -290px; background-size: cover; } #about { padding: 10px 0 100px; } #header .logo img { padding: 0; margin: 0px; } .abtcontent{ padding:50px 30px 50px; text-align:left; } #about .about-container h1 { line-height: 22px; font-size: 18px; padding: 10px 0px 0px; } #about .about-container p { text-align: left; line-height: 23px; font-size: 14px; color: #000; padding: 20px 0px 20px; font-weight: 400; } #footer .footer-top h4 { font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom:0px; padding-top:20px; padding-bottom:10px!important; } #footer .copyright{padding-bottom:0px;font-size: 12px;} .ftrlogo { text-align: left; padding-top:0px; } .topheader { background-color: transparent; min-height: 60px; border-radius: 0px; margin-top: 25px; padding: 0px 10px 10px; } .sign { position: absolute; right:0px; top: 7px; } .teambox { margin: -300px auto -94px; position: relative; z-index: 3; padding: 0px 10px; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); } .teambox h2 { line-height: 30px; color: #000; padding: 40px 25px 20px 0px; font-size: 25px; } #header .logo img {width:70%;} #header.header-scrolled, #header.header-pages { padding: 0px 0; background: #000; box-shadow: 0px 0px 30px rgb(127 137 161 / 30%); min-height: 143px; } #footer .footer-top .social-links ul li span { padding: 0px 5px; font-size: 13px; font-weight: 500; } #footer .footer-top .footer-contact p { line-height: 23px; font-size: 11px; font-weight: 500; font-size: 14px; } #footer .ftrtoprow { padding: 50px 0 0; font-size: 30px; font-weight: 500; color: #fff; border-bottom: 2px solid #ede4ab; } #footer .ftrtoprow p { padding: 20px 0; font-size: 22px; font-weight: 500; color: #fff; } #footer .footer-top .footer-links ul li { padding:5px 0px; font-size: 11px; } #featured h1 { color: #1c0000; font-size: 70px; text-align: center; font-weight: 600; padding: 30px 0px 30px; margin: 0px; text-transform: uppercase; } #featured .abtjason h3 { line-height: 20px; color: #010101; padding: 0px 25px 20px 0px; font-size: 18px; font-weight: 500; text-align: left; margin: 0px!important; text-transform: capitalize; } #featured .abtjason p { text-align: left; line-height:20px; font-size: 15px; color: #010101; padding: 0px 0px 30px 0px; font-weight: 400; } .abtjason { padding: 20px 30px 50px; text-align: left; position: relative; } .teambox .leftbox { padding: 30px 20px; background: url(../images/leftbox_bg.png); background-repeat: no-repeat; background-position: right; background-color: #e7c269; border-radius: 10px; text-align: left; margin-bottom: 20px; } .teambox .rightbox { padding: 0px 20px 30px; background: url(../images/rightbox_bg.png); background-repeat: no-repeat; background-position: left; background-color: #fff; border-radius: 10px; text-align: left!important; margin-bottom: 180px; } } @media (min-width:861px) and (max-width:900px) { .sign { position: absolute; right: 25px; top:-30px; } #about .about-container h1 { line-height: 22px; font-size: 18px; padding: 10px 0px 0px; } #about .about-container p { text-align: left; line-height: 23px; font-size: 14px; color: #000; padding: 20px 0px 20px; font-weight: 400; } .abtcontent{ padding:50px 30px 50px; text-align:left; } #footer .footer-top .footer-links ul li { padding: 5px 0px; font-size:11px; } #footer .ftrtoprow p { padding: 20px 0 0; font-size: 17px; font-weight: 500; color: #fff; } #footer .footer-top .social-links ul li span { padding: 0px 10px; font-size: 11px; font-weight: 500; } #footer .footer-top .footer-contact p { line-height: 23px; font-weight: 500; font-size: 12px; } #footer .footer-top h4 { font-size: 11px; font-weight: 600; color: #fff; text-transform: uppercase; position: relative; padding: 30px 0px 10px; } .abtjason { padding: 30px 30px 50px; text-align: left; position: relative; } #featured h1 { color: #1c0000; font-size: 70px; text-align: center; font-weight: 600; padding: 0px 0px 30px; margin: 0px; text-transform: uppercase; } #featured .abtjason h3 { line-height: 25px; color: #010101; padding: 0px; font-size: 17px; font-weight: 500; text-align: left; margin: 0px!important; text-transform: capitalize; } #featured .abtjason p { text-align: left; line-height: 20px; font-size: 14px; color: #010101; padding: 15px 0px 30px 0px; font-weight: 400; } .teambox .leftbox { padding: 30px 20px; background: url(../images/leftbox_bg.png); background-repeat: no-repeat; background-position: right; background-color: #e7c269; border-radius: 10px; text-align: left; margin-bottom: 20px; } .teambox .rightbox { padding: 30px 20px; background: url(../images/rightbox_bg.png); background-repeat: no-repeat; background-position: left; background-color: #fff; border-radius: 10px; text-align: left!important; margin-bottom: 180px; } } @media (min-width:768px) and (max-width:860px) { #about { padding: 10px 0 100px; } #featured h1 { color: #1c0000; font-size: 60px; text-align: center; font-weight: 600; padding: 0px 0px 30px; margin: 0px; text-transform: uppercase; } .abtjason { padding:10px 30px 50px; text-align: left; position: relative; } #featured h1 { color: #1c0000; font-size: 70px; text-align: center; font-weight: 600; padding: 0px 0px 30px; margin: 0px; text-transform: uppercase; } #featured .abtjason h3 { line-height: 25px; color: #010101; padding: 0px; font-size: 17px; font-weight: 500; text-align: left; margin: 0px!important; text-transform: capitalize; } #featured .abtjason p { text-align: left; line-height: 20px; font-size: 14px; color: #010101; padding: 15px 0px 30px 0px; font-weight: 400; } .abtcontent{ padding:50px 30px 50px; text-align:left; } #about .about-container h1 { line-height: 22px; font-size: 18px; padding: 10px 0px 0px; } #about .about-container p { text-align: left; line-height: 23px; font-size: 14px; color: #000; padding: 20px 0px 20px; font-weight: 400; } #footer .ftrtoprow p { padding: 0px 0; font-size: 20px; font-weight: 500; color: #fff; } #footer .footer-top .social-links ul li span { padding: 0px 10px; font-size: 11px; font-weight: 500; } #footer .footer-top .footer-contact p { line-height: 23px; font-weight: 500; font-size: 12px; } #footer .footer-top h4 { font-size: 17px; font-weight: 600; color: #fff; text-transform: uppercase; position: relative; padding: 30px 0px 10px; } #footer .footer-top { border-top: 0px; padding: 218px 0 20px 0; background: url(../images/ftr_bg.png); background-repeat: no-repeat; background-position: top center; margin-top: -321px; background-size: cover; } #footer .footer-top .footer-links ul li { padding:5px 0px; font-size: 12px; } .sign { position: absolute; right:70px; top: -32px; } .teambox .leftbox { padding: 30px 20px; background: url(../images/leftbox_bg.png); background-repeat: no-repeat; background-position: right; background-color: #e7c269; border-radius: 10px; text-align: left; margin-bottom: 20px; } .teambox .rightbox { padding: 30px 20px; background: url(../images/rightbox_bg.png); background-repeat: no-repeat; background-position: left; background-color: #fff; border-radius: 10px; text-align: left!important; margin-bottom: 180px; } } @media (max-width: 767px) { #intro { padding: 0px 0 0px 0; } #featured h1 { color: #1c0000; font-size: 60px; text-align: center; font-weight: 600; padding: 0px 0px 30px; margin: 0px; text-transform: uppercase; } .featurebox { text-align: center; clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%); background-color: #fff; border-radius: 10px; padding: 80px 20px 30px; -moz-box-shadow: 1px 22px 51px rgba(0,0,0,.12); -webkit-box-shadow: 1px 22px 51px rgba(0,0,0,.12); box-shadow: 1px 22px 51px rgba(0,0,0,.12); margin-bottom:20px; } .teambox .leftbox { padding: 30px 20px; background: url(../images/leftbox_bg.png); background-repeat: no-repeat; background-position: right; background-color: #e7c269; border-radius: 10px; text-align: left; margin: 20px 0; } .teambox .rightbox { padding: 30px 20px; background: url(../images/rightbox_bg.png); background-repeat: no-repeat; background-position: left; background-color: #fff; border-radius: 10px; text-align: left!important; margin-bottom: 180px; } #featured .abtjason h3 { line-height: 30px; color: #010101; padding: 20px 0px 20px 0px; font-size: 25px; font-weight: 500; text-align: left; margin: 0px!important; text-transform: capitalize; } #featured .abtjason p { text-align: left; line-height: 26px; font-size: 18px; color: #010101; padding: 15px 0px 30px 0px; font-weight: 400; } a.seeall { margin-top: 21px; } a.seeall:hover { margin-top: 21px; } #footer .ftrtoprow p { padding:90px 0 0; font-size: 17px; font-weight: 500; color: #fff; } #footer .footer-top { border-top: 0px; padding: 90px 0 0 0; background: url(../images/ftr_bg.png); background-repeat: no-repeat; background-position: top center; margin-top: -290px; background-size: cover; } .abtcontent{ padding:20px 20px 20px; text-align:left; } #about .about-container h1 { line-height:25px; font-size:22px; } #about { padding: 30px 0 100px; } #footer .footer-top h4 { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom:0px; padding-top:20px; padding-bottom:10px!important; } #footer .copyright{padding-bottom:0px;} .topheader{padding:0px 10px 10px;} #about .about-container p { padding: 20px 0px 20px; } .readmorebtn {margin-left:10px;} .ftrlogo { text-align: left; padding-bottom:10px!important; } #header.header-scrolled, #header.header-pages { padding: 0px 0; background: #000; box-shadow: 0px 0px 30px rgb(127 137 161 / 30%); min-height: 80px; } #about h2 { padding-bottom:0px; font-weight: 500; font-size: 32px; color: #490e61; text-align: center; text-transform: uppercase; } #footer .ftrtoprow { border-bottom: 2px solid #fff; justify-content: center; } #footer .copyright { text-align: center;} #header .logo img { padding: 0; margin: -70px 0px 0; width:70%; } .sign { position: absolute; right:-23px; top: -33px; } #footer .footer-top .footer-links ul a { color: #fff; font-weight: 500; } } @media (min-width:575px) and (max-width:766px) { #featured { padding: 0px 0 150px; } #footer .ftrtoprow p { padding:90px 0 0; font-size: 17px; font-weight: 500; color: #fff; } #footer .footer-top { border-top: 0px; padding:230px 0 0 0; background: url(../images/ftr_bg.png); background-repeat: no-repeat; background-position: top center; margin-top: -290px; background-size: cover; } .teambox { margin: -150px auto -200px; position: relative; z-index: 3; padding: 0px 10px; /*box-shadow: 0px!important;*/ } .sign { position: absolute; right:50px; top: -33px; } #footer .ftrlogo { margin-top: 0px; width: 30%; } #footer .copyright { padding-left: 10px; text-align: left; } #footer .footer-top .footer-links ul a { color: #fff; font-weight: 500; } } @media (max-width: 574px) { #intro { padding: 0px 0 0px 0; } .abtcontent{ padding:20px 20px 20px; text-align:left; } #about .about-container h1 { line-height:25px; font-size:22px; } #footer .footer-top h4 { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom:0px; padding-top:20px; padding-bottom:10px!important; } #footer .copyright{padding-bottom:0px;} .topheader{padding:0px 10px 10px;} #about .about-container p { padding: 20px 0px 20px; } .readmorebtn {margin-left:10px;} .ftrlogo { text-align: left; padding-top:0px; width:30%; } #header.header-scrolled, #header.header-pages { padding: 0px 0; background: #000; box-shadow: 0px 0px 30px rgb(127 137 161 / 30%); min-height:80px; } #about { padding: 10px 0 100px; } .sign { position: absolute; right: 90px; top: -33px; } #footer .footer-top .footer-links ul a { color: #fff; font-weight: 500; padding: 0px 0px; } #featured { padding: 0px 0 150px; } #footer .ftrtoprow p { padding:90px 0 0; font-size: 17px; font-weight: 500; color: #fff; } #footer .footer-top { border-top: 0px; padding:230px 0 0 0; background: url(../images/ftr_bg.png); background-repeat: no-repeat; background-position: top center; margin-top: -290px; background-size: cover; } #featured h1 { color: #010101; font-size: 40px; } .abtjason { padding: 20px 30px 50px; text-align: left; position: relative; } .teambox { margin: -150px auto -200px; position: relative; z-index: 3; padding: 0px 10px; /*box-shadow: 0px!important;*/ } #footer .footer-top { border-top: 0px; padding: 190px 0 0 0; } #footer .ftrtoprow { border-bottom: 2px solid #fff; justify-content: center; } #footer .copyright { text-align: left;padding-left:10px!important;} #footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; } #footer .footer-top .social-links ul { list-style: none!important; padding-top: 0px; } #header .logo img { padding: 0; margin:-50px 0px 0; width:70%; } } @media (min-width:320px) and (max-width:500px){ .sign { position: absolute; right:10px; top: -53px; } .mobile-nav-toggle i { margin: 56px 20px 0 0; color: #efdb91; } .phone{ font-size: 11px;} } @media(max-width:1024px){ #carouselExampleControls::before { height: 326px; bottom: -40px; background-size: contain; } .teambox .rightbox { position: relative; overflow: hidden; } .teambox h2 { position: relative; z-index: 99; } .teambox .rightbox h2::before { content: ""; background: #ffffffc7; height: 217%; width: 122%; position: absolute; z-index: -1; top: -52%; right: 0; } body #footer .footer-top{ margin-top:-200px !important; } .teambox .rightbox{ margin-bottom: 0px; } } @media(max-width:767px){ #carouselExampleControls::before { height: 225px; bottom: -56px; background-size: contain; } body #footer .footer-top { margin-top: -150px !important; } } @media (min-width:713px) and (max-width:766px){ #carouselExampleControls::before { height: 225px; bottom: -56px; background-size:cover; } } @media (max-width: 500px) { #carouselExampleControls::before { height: 195px; bottom: -48px; background-size: contain; } }