.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;/* width: 25% !important; */height:100%;position:relative;}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top: 245vh;width: 24px;height: 43px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size: 20px 30px;background-position:center;background-repeat:no-repeat;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left: 50px;right:auto;border: 1px solid#2f97ce;padding: 24px;border-radius: 100px;}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 40px;left:auto;border: 1px solid#2f97ce;padding: 24px;border-radius: 100px;}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#EE4936;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:2px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background: rgb(255, 255, 255);}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background: rgb(255, 255, 255);border-radius:10px;left:0;top:0;}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-slide img { width: 100%; height: 170px; } .menu ul li { display: inline-block; } .top_log { margin: 14px 0px; } span.news_head { color: #3b3e79; font-size: 16px; margin-top: 18px; position: relative; padding-bottom: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 10px; padding: 0; } h3.nullDat { text-align: center; padding: 40px; } .glow { font-size: 15px; font-weight:600; color: #ba0bb1; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { /*text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;*/ text-shadow:5px 5px 10px #f24a14; /*text-shadow: 0 0 3px #a80c24, 0 0 5px #0000FF;*/ } to { /*text-shadow: 0 0 8px #fff, 0 0 18px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;*/ text-shadow:5px 5px 10px #117606; } } .menu ul li a { position: relative; color: #545252; display: block; font-size: 13px; font-weight: 600; line-height: 14px; text-transform: uppercase; padding: 36px 18px; font-family: roboto,sans-serif; background: #fff; } ul.con_tact_ li { display: inline; } /*--HEADER-FIX--*/ section.slim_head { position: fixed; top: -30px; width: 100%; z-index: 99999; box-shadow: 0 0 4px rgb(23, 22, 20),0 4px 8px rgb(19, 17, 15) !important; } section.head_ { } section.slim_head .logo { height: 100%; transition: 0.4s ease-in-out all; } section.slim_head .logo img { width: 45%; margin: 0; transition: 0.4s ease-in-out all; } section.slim_head .menu ul li a { /* transition: 0.4s ease-in-out all; */ color: #FFFFFF; font-size: 13px; padding: 12px 6px; margin-top: 20px; font-weight: 600; /*letter-spacing: 1px;*/ } section.slim_head .right_box.register { padding: 16px 0; transition: 0.4s ease-in-out all; margin-top: 22px; } section.slim_head .header .menu { top: 5px; transition: 0.4s ease-in-out all; } /*--HEADER-FIX--*/ section.cant { position: fixed; z-index: 99999999; top: 36vh; right: 0; background: transparent; } section.cant a{ transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; box-shadow: 0px 0px 16px #b7b7b7; border: 5px solid#0D9CB3; background: #EA4A85; font-size: 16px; height: 150px; line-height: 26px; color: #fff; width: 150px; text-decoration: none; font-family: roboto,sans-serif; padding: 20px 26px; left: 18px; border-radius: 100%; float: left; display: block; vertical-align: middle; text-align: center; } ul.con_tact_ li a i { padding: 7px 0px; font-size: 14px; border-radius: 50%; text-align: center; width: 30px; border: 2px solid #b30001; height: 30px; color: #b30001; margin: 35px 6px; transition: 0.4s ease; margin-bottom: 0px; } .menu { position: relative; padding: 0px 0px; left: 0px; text-align: left; background: #ffffff; margin: 0px 0px; z-index: 99; display: table-caption; float: left; } ul.con_tact_ li a { font-size: 13px; font-weight: 500; font-family:roboto; padding: 0px 0px; } .menu:before { background: #ffffff; transform: skewX(-45deg); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -99; } .sm_social a i { background: #b62b27; padding: 6px 20px; border-radius: 100%; width: 30px; height: 30px; color: #ffffff; margin: 4px 4px; } .product_image { position: relative; padding: 14px; padding-bottom: 0; background: url("../../avsimages/frontend_images/pattern.jpg"); border: 1px solid#b5b0b0; -moz-box-shadow: 0 20px 30px rgba(0,0,0,.1); -ms-box-shadow: 0 20px 30px rgba(0,0,0,.1); -o-box-shadow: 0 20px 30px rgba(0,0,0,.1); /* box-shadow: 0 20px 30px rgba(0,0,0,.1); */ /* margin-bottom: 130px; */ width: 100%; margin: 40px 0px !important; float: left; } a.read { background: #ffffff; margin: 12px auto; display: table; font-weight: 500; color: #1b2638; padding: 8px 20px; font-size: 14px; border: 1px solid#495970; } a.read:hover { background: #495970; color: #fff; } .sm_social a i:hover { color: #ffd431; } .container_get_in_touch_form{ padding:35px 0; border-bottom: 1px solid #fff; clear: both; background: #fff; } .container_get_in_touch_form .section-title{ color: #1f292c; margin-bottom: 60px; font-family: roboto; padding-top: 50px; } .container_get_in_touch_form .section-title::after{ background:#000 } .container_get_in_touch_form p{ text-align:center; font-size:16px } .container_get_in_touch_form form{ padding:50px 0 20px; } .container_get_in_touch_form form .text-input, .container_get_in_touch_form form .text-select{ border-bottom: 1px solid #9e9c9c; font-size: 14px; padding:0 35px 10px; width:100%; font-family: roboto; outline:none; margin: 0; background: none; box-shadow: none !important; height: auto !important; line-height: 30px; padding: 0 18px; margin: 8px auto; display: block; width: 100%; border: none; color: #b62b27; font-size: 14px; font-family: 'Roboto', sans-serif; border-radius: 5px; border-bottom: 1px solid#bbb8b8; cursor: pointer; } .container_get_in_touch_form form .text-select{ padding: 0 30px 15px; margin-top: -5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .container_get_in_touch_form .form_status_message{ text-align: center; font-size:16px } #form_submit_button{ cursor: pointer; border: 1px solid #e95e52; display: inline-block; vertical-align: middle; text-align: center; position: relative; color: #d4493e; background: #000; background: #3622a5; border-radius: 4px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding: 0 25px; line-height:38px; min-width:178px; border-radius: 0px; font-weight:bold; outline: none; letter-spacing: 1px; box-shadow: 0 2px 10px #ddd; text-transform: uppercase; font-size: 15px; } #form_submit_button:hover{ background: #d7463d; color: #fff; } #form_submit_status{ text-align: center; } #form_submit_button{ display:table; margin: 60px auto 20px; padding: 6px 0px; font-size: 16px; } .container_get_in_touch_form form textarea{ height: 178px; resize:none } .container_get_in_touch_form .form-item{ position:relative; margin-bottom: 40px; padding:0 40px; } .container_get_in_touch_form .form-item label{ font-size:0; margin:0; padding:0; position:absolute; top:0; width: 25px; height: 23px; background-image:url(../avsimages/sprite.png); background-repeat:no-repeat; background-size:400px; } .followus{ padding-top: 25px; padding-bottom: 80px; } html body .container{ /* max-width: 1290px; */ /* padding: 0 15px; */ /* margin: 0 auto; */ /* width: auto !important; */ } /*input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } input[type="submit"],input[type="text"],input[type="search"]{ -webkit-appearance: none; -webkit-border-radius: 0; } input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }*/ .section-title{ display: table; margin: 0 auto; position: relative; color: #0386dc; font-size: 30px; margin-bottom: 30px; text-transform:uppercase; } .contact-numbers li { display: inline-block; vertical-align: middle; line-height: 40px; color: #fff; font-size: 13px; padding: 0px 10px; } .contact-numbers a { color: #ffe04d; font-family: verdana; font-size: 13px; } .submenu a { color: #b8b8b8; padding: 0 8px; line-height: 36px; display: block; } .top-head { background: #b62927; font-family: RobotoRegular; font-size: 13px; overflow: hidden; letter-spacing: 1px; } .site-header .contact-numbers { color: #d0d0d0; float: left; max-height: 36px; } section.header { background: #b62a27; } section.home_scroll_news .container { position: relative; z-index: 99; background: #6b6a6a; padding: 0px; margin-top: -40px; } .news:after, .news:before{ display: table; content:""; } .news:before{ clear: both; } .news_h2 { position: relative; width: 14%; float: left; } a.click_yellow { color: yellow; } .news_content { position: relative; width: 85%; float: left; } .news_h2 h3 { font-size: 20px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 400; border-right: 1px solid #fff; background: #96130f; padding: 8px 12px; } .tickercontainer { width: 100%; overflow: hidden; } .tickercontainer .mask { position: relative; width: 100%; overflow: hidden; } ul.newsticker { position: relative; left: 100%; margin:0; } ul.newsticker li { float: left; position: relative; list-style: none; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; padding: 15px 0 5px 0; } ul.newsticker li a{ color: #fcd633; text-decoration: none; } span.new { position: absolute; width: 40px; height: 35px; left: -5px; z-index: 999999999999; overflow: visible; top: -5px; color: #006b92; animation-iteration-count: infinite; animation-fill-mode: both; animation-name: jello; animation-duration: 2s; animation-delay: 2s; background: url(../../avsimages/frontend_images/new-2.png); background-position: top; background-repeat: no-repeat; background-size: contain; } span.padding { padding: 0 23px; } /*.counter-section .content-column .inner-box h2 { position: relative; font-size: 30px; font-weight: 700; color: #ffffff; line-height: 1.2em; margin-bottom: 20px; text-transform: capitalize; font-family: roboto; }*/ /*.counter-section { position: relative; padding: 130px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }*/ .fact-counter .column { position: relative; margin-bottom: 40px; } .fact-counter .column .inner { position: relative; text-align: center; padding: 40px 15px 40px; border: 1px solid rgba(255,255,255,0.20); background-color: rgba(255,255,255,0.10); } .fact-counter .column .inner .icon-box { position: relative; width: 106px; height: 106px; color: #d4493e; font-size: 44px; text-align: center; margin: 0 auto; margin-bottom: 20px; border-radius: 50%; line-height: 106px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-color: rgba(255,255,255,0.10); } .counter-section .content-column .inner-box .text { position: relative; color: #acaec6; font-size: 17px; font-family: roboto; line-height: 1.6em; margin-bottom: 25px; } .inner-box h2 a { text-decoration: none; cursor: pointer; color: #d4493e; font-size: 36px; font-family: roboto; } .btn-style-one { position: relative; padding: 10px 20px; line-height: 24px; color: #ffffff; font-size: 16px; font-weight: 700; border-radius: 3px; background-color: #d4493e; border: 2px solid #d4493e; text-transform: capitalize; font-family: 'Heebo', sans-serif; } .fact-counter .count-outer .count-text { position: relative; font-weight: 700; color: #ffffff; font-size: 30px; line-height: 1em; font-family: 'Heebo', sans-serif; } .auto-container { max-width: 1000px; } .counter-section:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: rgba(0, 3, 45, 0.08); } /*fact counter*/ .fact-counter{ position:relative; margin-top:10px; } .fact-counter .column{ position:relative; margin-bottom:40px; } .fact-counter .column .inner{ position:relative; text-align:center; padding:40px 15px 40px; border:1px solid rgba(255,255,255,0.20); background-color:rgba(255,255,255,0.10); } .fact-counter .column .inner .icon-box{ position:relative; width:106px; height:106px; color:#f78157; font-size:44px; text-align:center; margin:0 auto; margin-bottom:20px; border-radius:50%; line-height:106px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background-color:rgba(255,255,255,0.10); } .fact-counter .count-outer .percentage{ display:inline-block; font-weight:700; color:#ffffff; font-size:40px; line-height:1em; } .fact-counter .count-outer .count-text{ position:relative; font-weight:700; color:#ffffff; font-size: 25px; line-height:1em; font-family: 'Heebo', sans-serif; } .fact-counter .count-outer .plus{ position:relative; color:#ffffff; font-weight:700; font-size:30px; line-height:1em; display:inline-block; font-family: 'Heebo', sans-serif; } .fact-counter .column .counter-title{ position:relative; font-size: 15px; font-weight: 500; color:#acaec6; margin-top:4px; font-family: roboto,sans-serif; } .fluid-section{ position:relative; } .fluid-section .outer-container{ position:relative; min-height:350px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .fluid-section .content-column{ position:relative; float:left; width:50%; text-align: center; padding: 0 15px; } .fluid-section .content-column .inner-column{ position: relative; max-width: 620px; margin: 0 auto; padding: 50px 0px; } .fluid-section .sec-title{ margin-bottom: 10px; } .fluid-section .sec-title h2{ position: relative; font-size: 20px; color: #222222; line-height: 40px; font-weight: 500; text-transform: unset; } .fluid-section .sec-title h2 b{ font-weight: 600; } .fluid-section .sec-title h2 span{ color: #2e899e; font-size: 18px; line-height: 1.2em; display: inline-block; font-weight: 600; text-transform: capitalize; margin: 0; padding-left: 10px; } .fluid-section .sec-title .logo{ color: #b73637; } .fluid-section .content-column h3{ position: relative; display: block; font-size: 20px; color: #222222; font-weight: 300; font-style: italic; font-family: 'Lato', sans-serif; margin-bottom: 20px; } .fluid-section .content-column .text{ position: relative; margin-bottom: 55px; } .fluid-section .content-column .text p{ position: relative; color: #555555; font-size: 16px; line-height: 1.65em; } .fluid-section .image-column{ position:absolute; float:right; right:0px; top:0px; width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; } .fluid-section .image-column .image-box{ position:relative; display:none; } .fluid-section .image-column .image-box img{ position:relative; display:block; width:100%; } .fluid-section .image-column .info-box{ position: absolute; left: 0; bottom: 90px; height: 75px; min-width: 250px; padding: 20px 35px; text-align: center; background-color: #ffffff; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .fluid-section .image-column .info-box h3{ font-size: 24px; color: #222222; font-weight: 600; line-height: 35px; } .fluid-section .image-column .info-box h3 i{ display: inline-block; margin-right: 15px; color: #b73637; } .sec-title h2 { font-size: 46px; color: #333333; font-weight: 700; line-height: 1.1em; padding-bottom: 18px; font-family: 'Heebo', sans-serif; } .sec-title .separater { position: absolute; left: 0px; bottom: 0px; width: 50px; height: 3px; background-color: #e7e7e7; } .news_prev,.news_next { position: absolute; top: 55%; width: 10%; height: 44px; z-index: 10; cursor: pointer; text-align: center; } .news_prev p, .news_next p { font-size: 30px; color: #ffffff; opacity: 0.5; } .news_next { right: 0; } .news_prev { left: 0; } .result img { 0px grid-auto-columns:; margin: 6px auto; border-radius: 100%; height: 115px; display: table; width: 100px; } .prospects h3 { color: #eae7e7; position: relative; font-weight: 700; font-size: 20px; margin-bottom: 3px; text-transform: uppercase; padding-top: 30px; text-align: center; } .prospects p { position: relative; color: #ff831e; font-style: italic; font-weight: 500; font-size: 14px; letter-spacing: .1px; margin: 30px 4px; float: left; text-align: center; } .bg { background: #312c4c; height: 525px; border: 1px solid#908a8a; box-shadow: 3px 1px 10px 2px #312c4cbd; } span.small { font-size: 14px; margin: 8px auto; display: table; color: #ffffff; letter-spacing: 1px; padding-top: 14px; font-family: roboto,sans-serif; } span.name { margin: 14px auto; display: table; font-size: 16px; font-family: roboto,sans-serif; text-transform: uppercase; color: #221182; letter-spacing: 1px; font-weight: 600; } ul.name_list { margin-bottom: 75px; } ul.name_list li { font-size: 14px; text-align: center; font-weight: 500; color: #ffffff; line-height: 24px; } .main-footer { position: relative; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center center; color: #ffffff; clear: both; } .widget-title{ position: relative; font-size: 17px; font-weight:600; text-transform:uppercase; margin: 40px 0px; padding-bottom: 14px; font-family: roboto,sans-serif; color: #191717; } .widget-title:before{ position: absolute; left: 0; bottom: 0; height: 2px; width: 15px; background-color: #b73637; content: ""; } .main-footer .footer-widget { position: relative; margin-bottom: 30px; } .footer-widget ul li a:before { content: ""; position: absolute; width: 0; height: 100%; top: 0; left: 0; border-bottom: 1px solid #f30430; transition: 0.8s ease all; } .footer-widget ul li a:hover::before { width: 51%; transition: 0.8s ease all; } .main-footer .contact-info-list li { position: relative; display: block; font-size: 14px; padding-left: 0px; color: #2b2929; margin-bottom: 15px; font-family: roboto,sans-serif; font-weight: 500; line-height: 23px; letter-spacing: .025em; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .social-icon-two li a { position: relative; width: 35px!important; height: 35px!important; text-align: center!important; font-size: 13px; text-align: center; line-height: 34px; color: rgba(255,255,255,0.40); display: inline-block; border: 1px solid rgba(255,255,255,0.10); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .main-footer .about-widget .text { font-size: 15px; color: #000; font-weight: 500; font-family: roboto,sans-serif; margin-bottom: 35px; line-height: 30px; } .main-footer .footer-bottom p { line-height: 30px; color: #191717; font-size: 13px; font-weight: 400; font-family: roboto,sans-serif; } .auto-container { } .main-footer .widgets-section { position: relative; /* border-bottom: 1px solid#afafaf80; */ /* padding: 95px 0px 20px; */ } div { display: block; } .main-footer .footer-bottom { position: relative; padding: 20px 0px; text-align: center; } .popular-posts .post .text { position: relative; top: -4px; font-size: 18px; margin: 0px 0px 0px; font-weight: 500; color: #000000; } .popular-posts .post .post-thumb { position: absolute; left: 0px; top: 0px; width: 80px; } .popular-posts .post { position: relative; font-size: 14px; color: #666666; padding: 0px 0px; padding-left: 100px; min-height: 75px; margin-bottom: 25px; } .popular-posts .post a, .popular-posts .post a:hover { color: #ffae11; } .popular-posts .post .text a { color: #000000; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .desc-text a { font-size: 14px; color: #cccccc; line-height: 30px; } .popular-posts .post .post-thumb img { display: block; width: 100%; border-radius: 4px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .footer-widget ul li a { text-align: left; position: relative; display: block; font-size: 14px; color: #000; margin-bottom: 12px; font-family: roboto,sans-serif; font-weight: 500; line-height: 20px; } ul.social-icon-three li a { position: relative; width: 35px!important; height: 35px!important; text-align: center!important; font-size: 14px; text-align: center; line-height: 34px; color: rgba(255,255,255,0.40); display: inline-block; border: 1px solid rgba(255,255,255,0.10); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; float: left; margin: 10px; } .copyright-text a:hover { color: #96130f; text-decoration: underline; } .copyright-text a { line-height: 30px; color: #080807; font-size: 13px; font-weight: 600; font-family: roboto,sans-serif; } footer .popular-posts .post-info { color: rgba(224, 224, 224, 0.6)!important; } .popular-posts .post .post-thumb img { display: block; width: 100%; border-radius: 4px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } figure.post-thumb img { border-radius: 10px; } figure.post-thumb { margin: 10px 0px; } .time { font-family: roboto,sans-serif; color: #cccccc; font-size: 13px; } h3.index_header { position: relative; color: #171b24; font-weight: 400; line-height: 34px; margin: 0px auto; display: table; font-size: 30px; padding-bottom: 40px; } .main-footer .contact-info-list li i { position: absolute; left: 0; top: 5px; } .business-section:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: rgba(0,13,16,.85); } .sec-title h1 { position: relative; font-size: 44px; font-weight: 700; color: #222222; } .sec-title h2 { position: relative; font-size: 28px; font-weight: 700; line-height: 40px; color: #eae7e7; margin: 0px auto; display: table; font-family: roboto,sans-serif; } .sec-title span { position: relative; font-size: 12px; line-height: normal; color: #ffffff; text-transform: uppercase; margin-bottom: 10px; margin: 0px auto; display: table; font-family: roboto,sans-serif; } .business-section { position: relative; padding: 100px 0 70px; } .auto-container { } .sec-title h1 { position: relative; font-size: 30px; font-weight: 700; color: #eae7e7; margin: 10px auto; display: table; font-family: roboto,sans-serif; } /*** ==================================================================== Business Section ==================================================================== ***/ .business-section{ position: relative; padding: 100px 0 70px; } .business-section:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: rgba(17, 18, 19, 0.55); } .business-section:after{ position: absolute; content: ""; left: 0; bottom: 0px; height: 300px; width: 100%; background-color: #ffffff; } .business-opration{ position: relative; } .business-slider{ position: relative; padding: 35px; padding-bottom: 0; background-color: #ffffff; -webkit-box-shadow: 0 20px 30px rgba(0,0,0,.1); -moz-box-shadow: 0 20px 30px rgba(0,0,0,.1); -ms-box-shadow: 0 20px 30px rgba(0,0,0,.1); -o-box-shadow: 0 20px 30px rgba(0,0,0,.1); box-shadow: 0 20px 30px rgba(0,0,0,.1); } .business-slider .slide-item{ position: relative; } .business-slider .content-column, .business-slider .image-column{ position: relative; margin-bottom: 35px; } .business-slider .image-column img{ width: auto; } .business-slider .content-column .inner-box{ position: relative; padding-right: 65px; padding-top: 25px; } .business-slider .content-column .title{ position: relative; padding-bottom: 17px; margin-bottom: 40px; } .business-slider .content-column .title:after{ position: absolute; left: 0; bottom: 0; height: 2px; width: 15px; background-color: #b73637; content:""; } .business-slider .content-column .title h3{ font-size: 24px; color: #222222; font-weight: 600; } .business-slider .content-column .title span{ font-size: 14px; line-height: normal; color: #777777; font-weight: 300; } .business-slider .content-column .text{ position: relative; margin-bottom: 28px; } .business-slider .content-column .text h5{ position:relative; font-size: 15px; color: #222222; font-weight: 600; margin-bottom: 5px; } .business-slider .content-column .text p{ position: relative; font-size: 16px; color: #555555; font-weight: 300; } /*List Style One*/ .list-style-one{ position:relative; margin-bottom: 20px; } .list-style-one li{ position:relative; padding-left:25px; font-size:16px; line-height: 30px; color: #555555; font-weight:300; font-family:'Lato', sans-serif; } .list-style-one li:before{ position:absolute; content:'\f00c'; left:0px; top:0px; color:#b73637; font-size:12px; font-weight: 900; font-family: "Font Awesome 5 Free"; } .business-slider .content-column .list-style-one{ margin-bottom: 35px; } .business-slider .content-column .theme-btn{ padding: 8px 30px; font-size: 14px; } .business-slider .owl-dots{ position: absolute; left: 0; bottom: -65px; width: 100%; text-align: center; } .business-slider .owl-dots .owl-dot{ position:relative; width:8px; height:8px; margin-left:8px; display:inline-block; background-color:#cccccc; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .business-slider .owl-dots .owl-dot.active{ height: 10px; width: 15px; } .business-slider .owl-dots .owl-dot.active, .business-slider .owl-dots .owl-dot:hover{ background-color :#b73637; } .success-steps{ position: relative; padding: 100px 0 80px; counter-reset:count; } .success-steps .row{ margin-left: -45px; margin-right: -45px; } .success-steps .step{ position: relative; padding: 0 45px; margin-bottom: 30px; } .success-steps .step .inner-box{ text-align: center; position: relative; padding-top: 65px; } .success-steps .step h4{ position: relative; font-size: 18px; line-height: normal; color: #222222; font-weight: 600; margin-bottom: 15px; } .section h3 { color: #3a4089; font-size: 17px; padding: 20px 0px; /* margin: 0px auto; */ /* display: table; */ font-family: roboto; font-weight: 500; height: 70px; } .success-steps .step h4 a{ color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .success-steps .step h4 a:hover{ color: #b73637; } .success-steps .step p{ position: relative; font-size: 16px; font-weight: 300; color: #555555; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; padding-top: 110px; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*--LOGIN FORM START--*/ .right_box ul li { font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 600; color: #222; list-style: none; float: left; } a#login_button i { padding: 8px 5px; } .modal-header h4 { margin: 0px auto; display: block; } .right_box { /* display: inline-block; */ width: 100%; padding: 0px 0px; padding-bottom:0; } .right_box ul li:first-child { padding-right: 10px; border-right: 1px solid #222; } .right_box ul li:last-child { padding-left: 10px; } .right_box.register { /* padding-top: 25px; */ } .dioces_site { position: absolute; right: 20px; bottom: -80px; box-shadow: 4px 4px 0px #e9e9e9; } .right_box.register ul li{ /* float: right; */ } .right_box.register ul li:first-child { border-right: 0px; padding: 0; } .right_box.register ul li:last-child {/* padding: 0px 0px; */} .right_box.register ul li a { text-decoration: none; padding: 0px 6px; display: inline-block; float: left; font-size: 14px; margin: 3px 5px; background: #ffffff; border-radius: 3px; color: #b62a27; border: 1px solid #b62a27; position: relative; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .right_box.register ul li a:hover { color: #12025a; border: 1px solid #12025a; cursor: pointer; background: #FFF; } .right_box.register ul li a:after { content:""; background:#FE5969; position:absolute; width:100%; height: 1px; left:0; bottom: 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transform:scaleX(0) ; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); } .right_box.register ul li a:hover::after { transform:scaleX(1) ; -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); } .logo img { position: relative; top: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .modal-header:after { content: ""; position: absolute; width: 30px; height: 30px; top: 11%; left: 47%; background: #b62a27; transform: rotate(45deg); } a.Forgot { margin: 0px auto; display: table; } a.Forgot:hover { text-decoration: underline; } .full-width-btn:hover { background: #fff; color: #12025a; border: 1px solid#12025a; cursor: pointer; } /*===================== Drop Down Menu Style =================*/ .menu ul li .dropdown { padding-top: 10px; width: 200px; } .menu ul li:hover .dropdown { visibility: visible; opacity: 1; top: 84%; /* -webkit-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); */ -o-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); /* transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); */ } .menu ul li .dropdown:before { content: ''; background: #fff; width: 20px; height: 20px; position: absolute; top: 10px; left: 40px; z-index: 999999; border-top: 2px solid #ccc; border-left: 2px solid #ccc; transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); - -webkit-transform: rotate(45deg); } .menu ul li .dropdown ul { width: 100%; box-shadow: 4px 4px 7px #444; border: 1px solid #ccc; background: rgba(238, 73, 54, 0); } .menu ul li .dropdown li:hover { background-color: #EE4936; } .menu ul li .dropdown li:hover a{ font-family: roboto,sans-serif; font-weight: 500; background: #fff; cursor: pointer; color:#000; } .menu ul li .dropdown li a:after, .menu ul li .dropdown li a:before{ display: none; } .sup-dropdown { position: absolute; left: 101% !important; top: -2px; border:0px !important; } .menu ul li .dropdown ul li.sub_third .inner_sub { position: absolute; left: 100%; width: 230px; visibility: hidden; opacity: 0; bottom: 0; padding-left: 15px; border: 0px !important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .menu ul li .dropdown ul li.sub_third .inner_sub li a { color: #2D2D2D !important; } .menu ul li .dropdown li:hover ul { visibility: visible; opacity: 1;left: 100%; } .menu ul li .dropdown ul li ul:before{ display: none; } .menu ul li .dropdown ul li ul{ top: 200%; left: 10% !important; visibility: hidden !important; opacity: 0 !important; box-shadow: -4px 5px 7px #000, 4px 4px 7px #444; } .menu ul li .dropdown ul li:hover ul { visibility: visible !important; opacity: 1 !important; top: 100%; z-index: 99999999; background: #fff; padding-left: 0; } .menu ul li .dropdown ul li ul li ul{ left: 10% !important; box-shadow: -4px 5px 7px #000, 4px 4px 7px #444; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transform-origin: top left; box-shadow: -4px 5px 7px #000, 4px 4px 7px #444; } .menu ul li .dropdown ul li ul li:hover ul{ top: 100%; left: 10% !important; box-shadow: -4px 5px 7px #000, 4px 4px 7px #444; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .menu ul li .dropdown ul li ul li a{ color: #222 !important; } .menu ul li .dropdown ul li.sub_third:hover .inner_sub{ visibility: visible; opacity: 1; } .menu ul li ul .sup-dropdown li a{ border-left: 0; display: block; font-size: 13px; font-weight: 600 !important; line-height: 15px; text-transform: uppercase; padding: 14px 12px; font-family: roboto,sans-serif; } .menu ul li ul .sup-dropdown li a:hover{ color: #ffffff !important; transition: none; } .menu ul li ul ul li:last-child a{ border-bottom: 1px solid rgb(195, 194, 192) !important; } .sup-dropdown:before { display:none; content: ""; position: absolute; width: 20px; height: 20px; background-color: #FFFFFF; z-index: 9999999; left: 6px; top: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .menu ul li .dropdown ul li.sub_third .inner_sub:before { content: ""; position: absolute; width: 20px; height: 20px; background-color: #F1AE21; z-index: 9999999; left: 6px; bottom: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /*===================== Drop Down Menu Style Ends =================*/ .menu:after { /* background: #13025a; */ transform: skewX(40deg); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -99; } ul.contact-numbers { float: left; display: -webkit-inline-box; } .per { position: absolute; height: 36px; z-index: 9999999; cursor: pointer; font-family: roboto; font-size: 30px; background: #959498; text-align: center; padding: 0px 8px; top: 360%; left: -6%; color: #dad9d9; } .ner { position: absolute; height: 36px; z-index: 10; cursor: pointer; font-family: roboto; right: 0; font-size: 30px; background: #959498; line-height: 1; text-align: center; padding: 2px 10px; color: #dad9d9; top: 360%; right: -6%; margin: 10px 10px; } .rank { padding: 0px 15px; margin: 0 auto; } marquee { color: #fff; margin-top: 10px; } @media only screen and (max-width: 1300px) and (min-width: 1000px){ .menu ul li a{ font-size:12px; padding: 16px 8px; } } @media only screen and (max-width: 1400px) and (min-width: 1300px){ .section p { font-size: 14px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 14px !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 24px!important; } section.slim_head { position: fixed !important; top: 0px !important; } .right_box.register ul li a { font-size: 13px; } section.slim_head .menu ul li a { padding: 10px 0px !important; font-size: 13px !important; } section.home_scroll_news .container { /* line-height: 20px; */ /* padding-bottom: 0px; */ margin-top: -38px; } marquee { color: #fff; margin-top: 9px; font-size: 14px!important; } .news_h2 h3 { font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; } html body .container { max-width: 90%; padding: 0 5px; margin: 0 auto; width: auto !important; } .sm_social a i { background: #b62b27; padding: 6px 18px; } .menu ul li { display: inline-block; padding: 6px 11px; } .menu { position: relative; padding: 0px 0px; } } @media only screen and (max-width: 1500px) and (min-width: 1400px){ .section p { font-size: 14px; } html body .container { max-width: 92%; padding: 0 0px; margin: 0 auto; width: auto !important; } .menu ul li { display: inline-block; padding: 6px 10px; } .menu { position: relative; padding: 0px 70px; } .rank { max-width: 960px; padding: 0px 15px; margin: 0 auto; } .sec-title span,.sec-title h1,.sec-title h2{ margin:0px; } } .one-third.animate_afr.animate_start { background: rgba(247, 249, 251, 0.9); height: 525px; border: 1px solid#908a8a; box-shadow: 3px 1px 10px 2px #312c4cbd; } .up_coming h2 { font-family: roboto,sans-serif; text-align: center; padding: 30px; font-size: 20px; background: #312c4c; color: #eae7e7; } span.entry-date-time h3 a { line-height: 40px; border-bottom: 1px solid#c0beca; padding: 10px 0px; font-size: 15px; font-family: roboto,sans-serif; } span.entry-date-time h3 a i { color: #bd4f4a; padding: 0px 10px; } section.menu_bg { background: #f7f7f7; margin-top: 10px; border: 1px solid#e1dfe6; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*[ goto top ]*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ div#gotoTop i { font-size: 20px; transform: rotate(-90deg); color: #fff; } #gotoTop { display: none; z-index: 99999; position: fixed; width: 40px; height: 40px; opacity: .2; background-color: #c3362c; font-size: 25px; line-height: 36px; text-align: center; color: #000; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .stretched #gotoTop { bottom: 30px; } #gotoTop:hover { opacity: 1; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*//*[ Menu ]*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*--HEADER-FIX--*/ section.slim_head { position: fixed; top: 0px; width: 100%; z-index: 99999; box-shadow: 0 0 4px rgb(23, 22, 20),0 4px 8px rgb(19, 17, 15) !important; } section.head_ { transition: 0.4s ease-in-out all; background: #ffffff; border-bottom: 1px solid#d8d4d4; } section.slim_head .logo { height: 100%; transition: 0.4s ease-in-out all; } section.slim_head .logo img { width: 45%; margin: 0; transition: 0.4s ease-in-out all; } section.slim_head .menu ul li a { /*letter-spacing: 1px;*/ position: relative; color: #545252; display: block; font-size: 12px; font-weight: 600; line-height: 14px; text-transform: uppercase; opacity: 1; padding: 10px 12px; /* transition: all 300ms ease; */ font-family: roboto, sans-serif; } section.slim_head .right_box.register { padding: 16px 0; transition: 0.4s ease-in-out all; margin-top: 22px; } section.slim_head .header .menu { top: 5px; transition: 0.4s ease-in-out all; } /*--HEADER-FIX--*/ section.cant { position: fixed; z-index: 99999999; top: 36vh; right: 0; background: transparent; } section.cant a{ transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; box-shadow: 0px 0px 16px #b7b7b7; border: 5px solid#0D9CB3; background: #EA4A85; font-size: 16px; height: 150px; line-height: 26px; color: #fff; width: 150px; text-decoration: none; font-family: roboto,sans-serif; padding: 20px 26px; left: 18px; border-radius: 100%; float: left; display: block; vertical-align: middle; text-align: center; } h3.index_header:before { content: ''; height: 2px; width: 3.8rem; display: inline-block; margin-right: 1rem; vertical-align: middle; margin-top: -3px; background-color: #172092; } .menu ul li .dropdown li a:hover { color: #ffffff; font-size: 13px; font-weight: 600; line-height: 20px; text-transform: uppercase; /* opacity: 1; */ padding: 14px 12px; font-family: roboto,sans-serif; background: #01879e; margin: 0px; } /*=====CONTACT PAGES===*/ .quote-area.area-padding.parallax-bg.fix { background: url("../../avsimages/frontend_images/banner-6.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .parallax-bg:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(65, 65, 68); opacity: .8; content: ""; } .sub-head h4 { color: #fff; font-size: 30px; position: relative; padding: 30px 0px; } .color { color: #00AEF0; font-weight: 700; } .sub-head h4::after { border: 2px solid #00AEF0; bottom: 0px; content: ""; left: 0; margin: 0 auto; position: absolute; width: 20%; } .sub-head p { color: #ddd; font-size: 14px; margin-top: 20px; line-height: 26px; } .quote-area #contactForm input { border: none; border-radius: 0; height: 46px; margin-bottom: 20px; width: 100%; padding: 6px 12px; color: #1d1717; background: #fff; border-bottom: 1px solid#6d6d6d; border-radius: 4px; } .quote-area .quote-icon i { color: #fff; float: left; font-size: 30px; border: 1px solid #00AEF0; background: #00AEF0; width: 50px; height: 50px; text-align: center; line-height: 50px; } .quote-area .quote-icon i { color: #fff; float: left; font-size: 30px; border: 1px solid #00AEF0; background: #00AEF0; width: 50px; height: 50px; text-align: center; line-height: 50px; } /*.contact-form textarea#message { border-radius: 0px; height: 165px; padding: 20px; width: 100%; }*/ .area-padding { padding: 90px 0px; margin-top: 60px; } .quote-area .quote-icon { display: block; } /*.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #fff; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }*/ .quote-area .quote-btn { background: #00AEF0; border: 1px solid #00AEF0; color: #fff; padding: 12px 40px; font-size: 16px; font-weight: 700; text-transform: uppercase; display: block; transition: 0.4s; border-radius: 0px; margin: 50px 0px; } .quote-area .quote-icon span { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; color: #ddd; font-size: 14px; margin-top: 15px; line-height: 15px; } /*.quote-area .contact-form textarea#message { border-radius: 3px; color: #000; }*/ /*input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] { box-shadow: none !important; }*/ /*----------------------------------------*/ /* Breadcumbs Area /*----------------------------------------*/ .page-area{ position: relative; } .breadcumb-overlay { position: absolute; } .breadcumb-overlay:before { position: absolute; background: rgba(10, 27, 40, 0.6) none repeat scroll 0 0; top: 0; width: 100%; left: 0; height: 100%; content: ""; } .breadcrumb{ padding-top: 60px; background-color: transparent; margin-bottom: 0; } .breadcrumb ul li a { color: #fff; } .breadcrumb .section-headline h3 { font-size: 30px; letter-spacing: 2px; line-height: 48px; text-transform: inherit; margin: 0px auto; display: table; color: #fff; } .breadcrumb .section-headline{ margin-bottom: 0px; } .breadcrumb .section-headline h3::after { display: none; } .breadcrumb ul { display: table; color: #fff; } .breadcrumb ul li { display: inline-block; color: #fff; padding-top: 20px; margin-bottom: 20px; position: relative; font-size: 14px; cursor: pointer; } .breadcrumb ul li.home-bread{ padding-left: 0px; } .breadcrumb ul li.home-bread::after { content: '/'; display: inline-block; margin-left: 12px; margin-right: 12px; } .breadcrumb ul li:hover { text-decoration: underline; } .breadcrumb .section-headline::after { display: none; } .google.map h3 { letter-spacing: 1px; line-height: 40px; text-transform: inherit; color: #717273; padding-top: 100px; -webkit-text-fill-color: transparent; background: url(../../avsimages/frontend_images/giphy.gif); background-size: cover; background-repeat: repeat; background-position: 0 0; -webkit-font-smoothing: antialiased; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: #4b8bf39e; margin: 20px auto; font-size: 30px; display: table; } .google.map h3:before { content: ''; height: 2px; width: 3.8rem; display: inline-block; margin-right: 1rem; vertical-align: middle; margin-top: -3px; background-color: #323233; } .quote-area .quote-btn:hover { background: #fff; border: 1px solid #ffffff; color: #00AEF0; transition: 0.4s; cursor: pointer; /* margin-bottom: 40px; */ } /*=====CONTACT PAGES===*/ /*====ONLINE REGISTRATION===*/ .bluebackgd,.bluebackgd p{ color: #1b1717; text-align: center; font-family: roboto,sans-serif; font-size: 18px; line-height: 30px; } .online_registration .bluebackgd a{ color: #fff; text-align: left; float: left; margin-bottom: 20px; width: 73%; color: #131111; text-align: left; float: left; margin: 3px 0 61px 0; width: 73%; } .online_registration .bluebackgd a:hover { color: #0e0e0e; } /*.online_registration select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input{ height: 70px; line-height: 30px; padding: 0 18px; margin: 23px auto; display: block; width: 100%; background: #efefef; border: none; font-size: 14px; font-family: 'Roboto', sans-serif; border-radius: 0px; border-bottom: 1px solid#9c9898; cursor: pointer; color: #131212; }*/ .online_registration input[type="checkbox"]{ height: 30px; line-height: 0; padding: 0 18px; margin: -1px 7px 20px 50px; display: block; width: 7%; border: none; color: #FFFFFF; font-size: 14px; font-family: 'Roboto', sans-serif; border-radius: 5px; border-bottom: 1px solid#6d6d6d; cursor: pointer; background: #FFFFFF; float: left; } section.online_form { background: url("../../avsimages/frontend_images/online_form.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 70px 0px; } section.online_form:before { background: #000000ab; content: ""; position: absolute; height: 100%; width: 100%; top: 0; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } :-ms-input-placeholder { /* IE 10+ */ color: #fff; } :-moz-placeholder { /* Firefox 18- */ color: #fff; } /*.online_registration input[type="text"]::-moz-placeholder { color:white; } .online_registration input[type="email"]::-moz-placeholder { color:white; } .online_registration input[type="text"]:-moz-placeholder { color:white; } .online_registration input[type="email"]:-moz-placeholder { color:white; }*/ .online_registration input[type="text"]::-moz-placeholder { color:white;} .online_registration input[type="email"]::-moz-placeholder { color:white;} .online_registration input[type="text"]:-moz-placeholder { color:white;} .online_registration input[type="email"]:-moz-placeholder { color:white; } input:focus, textarea:focus, select:focus { outline-offset: -0px; } :focus { outline: -webkit-focus-ring-color auto 0px; } .btn-primary { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; line-height: 24px; text-transform: uppercase; font-weight: 400; border: 2px solid #ffffff; transition: .5s ease; border-radius: 0px; padding: 6px 40px; background: #FFFFFF; color: #96130f; font-size: 18px; margin: 50px auto; display: table; } .btn-primary:hover { color: #FFFFFF !important; border-color: #96130f; background: #96130f; transition: .5s ease; cursor: pointer; } /*option { background: #f85e04; color: #fff; box-shadow: none; font-size:13px; font-weight:bold; position:relative; height:50px; top:20px; display:block; line-height:2em; }*/ /*select { padding: 40px; } option:hover { background: #f85e04; line-height: 51px; color: #fff; box-shadow: none; }*/ .online_registration { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important; width: 100%; margin: 0px auto; background: #efefef; padding: 20px; } .alert.alert-danger { text-align: center; color: #c82d2c; font-family: roboto; font-size: 14px; } /*=====ONLINE REGISTRATION===*/ footer.main-footer { background: #f3f3f3; } .hidden_xs.hidden_tab { background: url("../../avsimages/frontend_images/pattern.jpg"); margin-top: 20px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important; /* background: #3b3e79; */ /*border-radius: 25px 0;*/ border: 2px solid #ffffff; -webkit-box-shadow: 0 0 15px -5px #000; -moz-box-shadow: 0 0 15px -5px #000; -ms-box-shadow: 0 0 15px -5px #000; -o-box-shadow: 0 0 15px -5px #000; color: #fff; padding: 12px 20px; margin: 20px 0px; } .news_main h3 { font-size: 20px; font-weight: 500; font-family: 'Roboto Condensed', sans-serif; text-align: center; color: #210779; } ul.courses li a { border: 1px solid #cbcbcb; color: #3b3e79; font-size: 14px; font-weight: 600; line-height: 1; float: left; padding: 8px 20px; text-transform: capitalize; transition: all 0.3s ease 0s; } ul.courses li { display: inline-block; margin-bottom: 10px; margin-right: 8px; } ul.courses li a:hover { background: #c42522; border-color: #c52b29; color: #fff; } .widget_title h3 { color: #3b3e79; font-size: 22px; font-weight: 700; margin: 24px 0px; position: relative; padding-bottom: 12px; } .widget_title h3:before { border-bottom: 1px solid #e1e1e1; bottom: 0; content: ""; display: block; position: absolute; width: 100%; } .widget_title_link a { /* font-family: roboto; */ /* text-decoration: none; */ /* cursor: pointer; */ /* margin: 20px; */ /* display: -webkit-inline-box; */ /* margin-bottom: 0px; */ /* font-size: 14px; */ /* font-weight: 600; */ /* line-height: 1; */ /* padding: 12px 16px; */ /* text-transform: capitalize; */ /* transition: all 0.3s ease 0s; */ /* color: #e80d0d; */ /* background: #fff; */ } .widget_title_link a:hover{ /* border: none; */ /* background: #c42522; */ /* border-color: #c52b29; */ /* color: #fff; */ } span.widget_title_heading h3 { color: #2b2c36; font-size: 22px; font-weight: 500; /*margin: 24px 0px;*/ position: relative; padding-bottom: 12px; border-bottom: 1px solid#b3b3b3; margin-bottom:24px; } .swiper-slide ul li { color: #32333b; font-size: 15px; line-height: 28px; font-weight: 500; margin-bottom: 10px; } .text_area p { font-size: 16px; font-family: 'Roboto'; color: #222; font-weight: 400; text-align: justify; line-height: 31px; width: 90%; letter-spacing: .025em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .text_area h3 { color: #535356; font-size: 17px; margin-top: 18px; position: relative; padding-bottom: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 10px; padding: 0; } .about p { font-size: 16px; letter-spacing: .025em; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; font-weight: 500; color: black; text-align: justify; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-family: 'El Messiri', sans-serif !important; } .common_ul li { width: 90%; font-family: roboto,sans-serif; color: #2b2929; font-weight: 500; text-align: justify; line-height: 28px; /* border: 1px solid#ececec; */ margin-top: 0px; padding: 0px; margin-bottom: 4px; } span.common_view a { background: #ffffff; border-radius: 0px 0; border: 1px solid #9e9b9b; -webkit-box-shadow: 0 0 15px -5px #000; -moz-box-shadow: 0 0 15px -5px #000; -ms-box-shadow: 0 0 15px -5px #000; -o-box-shadow: 0 0 15px -5px #000; box-shadow: 0 0 15px -5px #000; color: #3b3e79; padding: 2px 20px; font-size: 14px; margin: 10px 0px; float: right; font-weight: 500; font-family: roboto; position: relative; display: table; } span.common_view:hover { background: #3b3e79; border-color: #3b3e79; color: #fff; text-decoration: underline; } .static_cont { margin-bottom: 20px; font-size: 15px; font-family: 'Roboto'; color: #222; font-weight: 400; text-align: justify; line-height: 28px; width: 90%; } .static_cont h3{ color: #96130f; padding-top: 30px; font-weight: 600; font-size: 18px; font-family: roboto,sans-serif; } .static_cont ul { list-style: circle; width: 100%; background: #96130f26; line-height: 34px; margin-top: 20px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important; /* background: #3b3e79; */ border-radius: 3px; border: 2px solid #ecd4d3; -webkit-box-shadow: 0 0 15px -5px #000; -moz-box-shadow: 0 0 15px -5px #000; -ms-box-shadow: 0 0 15px -5px #000; -o-box-shadow: 0 0 15px -5px #000; color: #fff; margin: 20px 0px; padding: 10px 40px; } .static_cont li { font-weight: 400; font-size: 16px; } /*Table for Fee Structure*/ thead.table_mainHead{ color: #FFF; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 400; background-color: #7b7b7b; border-top: 1px solid #7b7b7b; } thead.table_mainHead th{ text-align:center; } .tab table.table { box-shadow: 0px 0px 15px #ADADAD; } thead { background-color: #01879e; color: #fff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px; font-family: roboto; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd; } thead > tr > th { border-right: 1px solid #fff;border-top: 1px solid #ddd; border-bottom: none !important; font-family: 'Roboto', sans-serif; font-weight: 400; } thead > tr > th:first-child{ border-left: 1px solid #ddd; } thead > tr > th:last-child{ border-right: 1px solid #ddd; } table.table td{ border-right: 1px solid #adaaaa; } table.table td:last-child{ border-right: none; } table { border-spacing: 0; border-collapse: collapse; /* border: 1px solid#999; */ width: 100%; text-align: center; } table.staff tbody td:first-child { background-color: #C08200; color: #FFF; border-bottom: 1px solid #DDDDDD; } .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #ebebeb; } .table-bordered td, .table-bordered th { border-top: 1px solid silver; border-left: 1px solid silver; } tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.00); } /*Table for Fee Structure*/ .common_ul li:before { /* content: "\f064"; */ /* display: inline-block; */ /* font: normal normal normal 14px/1 FontAwesome; */ /* font-size: inherit; */ /* font-size: 14px; */ /* color: #ffffff; */ /* text-rendering: auto; */ /* -webkit-font-smoothing: antialiased; */ -moz-osx-font-smoothing: grayscale; /* padding: 0px 2px; */ } ul.download_button li a { background: #e8e8e8; float: left; padding: 10px 20px; margin: 10px 0px; color: #495970; text-transform: capitalize; width: 60%; } span.download_cat { position: relative; font-size: 16px; width: 60%; text-align: center; font-weight: 600; float: left; text-transform: uppercase; margin-top: 15px; margin-bottom: 12px; padding-bottom: 14px; font-family: roboto,sans-serif; color: #ffffff; background: #495970; padding: 10px 30px; } ul.download_button li a:hover { text-decoration: underline; } @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,300,300italic,700|Noto+Serif:400,700|Roboto:100,300,400,400italic,500,500italic,700|Roboto+Slab:400,300); @import url(https://fonts.googleapis.com/css?family=Orbitron:400,500,700); @import url('https://fonts.googleapis.com/css?family=Baloo'); @import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Finger+Paint|Lateef|Philosopher|Work+Sans'); @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } * { margin: 0px; padding: 0px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .thum_images:after, .thum_images:before { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after, .thum_images:after { clear: both; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { width:100%; background: #fff !important; overflow-y: scroll; color: #333; overflow-x: hidden!important; -webkit-font-smoothing: antialiased; padding:0px !important; } .page_wrap { sborder: 1px solid red; width: 100%; display: block; float: left; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } p { font-size: 16px; line-height: 24px; color: #222; margin-bottom: 10px; font-family: 'Roboto', sans-serif; font-weight: 400; } li, a, p { font-size: 16px; font-family: El Messiri !important; color: #222; font-weight: 400; } b { font-weight: 600; color: #000; font-family: El Messiri !important; } :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } .container { width:90%; margin: 0px auto; } .separator { display: inline-block; margin-bottom: 20px; width: 100%; } h3{ font-size: 18px; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; } h4{ font-size: 16px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; } a { color: #0f6cf7; } .img-responsive{ display: block; max-width: 100%; height: auto; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; px; */ padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .one_fifth{ width: 19.666%; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .hidden_large {display: none;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (max-width: 690px){ .hidden_small{display:none !important;} } @media (min-width: 992px){ .hidden_large{display:none} } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } img {vertical-align: middle;border: 0;max-width: 100%;height: auto;} .centre{ text-align: center; } section { position: relative; } ul li{ list-style: none; } /*====================== ^Common Scrollbar Style^ =======================*/ @media screen and (min-width: 1100px){ ::-webkit-scrollbar-track { border-radius: 0px; background-color: #E4E4E4; } ::-webkit-scrollbar { width: 14px; background-color: #E4E4E4; } ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #C0C0C0; } } /*====================== ^GO TO TOP^ =======================*/ .icon-angle-up:before { content: "\f106"; font-family: FontAwesome; } #gotoTop { display: none; z-index: 99999; position: fixed; width: 40px; height: 40px; opacity: .2; background-color: #05803F; font-size: 32px; line-height: 36px; text-align: center; color: #fff; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .stretched #gotoTop { bottom: 30px; } #gotoTop:hover { opacity: 1; } /*==================== Pre-loaders============*/ @-webkit-keyframes spin_continues { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin_continues { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .preloader { height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999999999999999999999999999; background: #05408D; display: table; } .loader { border: 2px solid #FBFBFB; border-radius: 50%; border-top: 2px solid #000000; width: 50px; height: 50px; -webkit-animation: spin_continues 2s linear infinite; animation: spin_continues 2s linear infinite; left: 50%; position: absolute; top: 50%; } .preloader_form { height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999999999999999999999999999; background: #05408D; display: table; } .preloader_form span.all { font-family: 'Roboto Slab', serif; font-size: 18px; text-align: left; color: #fff; left: 55%; position: absolute; top: 52%; white-space: nowrap; overflow: hidden; width: 120px; animation: type 1s steps(60, end); } .preloader_form span.all:nth-child(2){ animation: type2 2s steps(80, end) infinite; } span.blink{ animation: blink 1s infinite; } @keyframes type{ from { width: 0; } } @keyframes type2{ 0%{width: 0;} 50%{width: 0;} 100%{ width: 100; } } @keyframes blink{ to{opacity: .0;} } /*========== New Pre-loaders =========*/ .preloader { position: fixed; z-index: 10000; width: 100%; height: 100%; } .preloader .base { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0); transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0); width: 160px; height: 160px; -webkit-animation: spin 1.2s infinite ease; animation: spin 1.2s infinite ease; } .preloader .base .square { background-color: #000; position: absolute; display: block; width: 40px; height: 40px; } .preloader .base .square:nth-child(1) { top: 40px; left: 40px; -webkit-animation: lift1 1.2s infinite ease; animation: lift1 1.2s infinite ease; } .preloader .base .square:nth-child(2) { top: 40px; right: 40px; -webkit-animation: lift2 1.2s infinite ease; animation: lift2 1.2s infinite ease; } .preloader .base .square:nth-child(3) { bottom: 40px; right: 40px; -webkit-animation: lift3 1.2s infinite ease; animation: lift3 1.2s infinite ease; } .preloader .base .square:nth-child(4) { bottom: 40px; left: 40px; -webkit-animation: lift4 1.2s infinite ease; animation: lift4 1.2s infinite ease; } @-webkit-keyframes spin { 0% { -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0); transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0); } 100% { -webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0); transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0); } } @keyframes spin { 0% { -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0); transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0); } 100% { -webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0); transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0); } } @-webkit-keyframes lift1 { 0%, 10%, 90% { top: 40px; left: 40px; } 50% { top: 0px; left: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes lift1 { 0%, 10%, 90% { top: 40px; left: 40px; } 50% { top: 0px; left: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes lift2 { 0%, 10%, 90% { top: 40px; right: 40px; } 50% { top: 0px; right: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes lift2 { 0%, 10%, 90% { top: 40px; right: 40px; } 50% { top: 0px; right: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes lift3 { 0%, 10%, 90% { bottom: 40px; right: 40px; } 50% { bottom: 0px; right: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes lift3 { 0%, 10%, 90% { bottom: 40px; right: 40px; } 50% { bottom: 0px; right: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes lift4 { 0%, 10%, 90% { bottom: 40px; left: 40px; } 50% { bottom: 0px; left: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes lift4 { 0%, 10%, 90% { bottom: 40px; left: 40px; } 50% { bottom: 0px; left: 0px; background-color: #fff; } 0%, 10% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 90%, 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } /*======================== MOBILE MENU =======================*/ .preigo-background-overlay { position: fixed; z-index: 9999987; top: -1000%; left: 0px; right: 0px; width: 100%; height: 110%; background-color: rgb(0, 0, 0); opacity: 0; transition: top 0s ease 0.35s, opacity 0.35s ease; -webkit-transition: top 0s ease 0.35s, opacity 0.35s ease; -moz-transition: top 0s ease 0.35s, opacity 0.35s ease; } .preigo-main-background { position: fixed; z-index: 999999; top: 0px; left: 0px; width: 270px; height: 100%; margin: 0px; padding: 0px; background-color: rgb(246, 246, 250); display: block; box-shadow: rgba(0, 0, 0, 0.74902)0px 0px 5px 0px; transform:translateX(-310px); -webkit-transform:translateX(-310px); -moz-transform:translateX(-310px); transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); } ::selection { background: rgb(26, 188, 156); color: rgb(255, 255, 255); text-shadow: none; } .preigo-main-wrapper { position: fixed; z-index: 9999999; top: 0px; left: 0px; width: 270px; height: 100%; margin: 0px; padding: 0px; color: rgb(118, 118, 118); transform:translateX(-310px); -webkit-transform:translateX(-310px); -moz-transform:translateX(-310px); transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); background: #fff; overflow: hidden; overflow-y: visible !important; } .preigo-main-wrapper-active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .preigo-menu-active .preigo-main-menu-button:before { margin: 2px 0 0 0; transform: translateY(4px) rotate(45deg); -moz-transform: translateY(4px) rotate(45deg); -ms-transform: translateY(4px) rotate(45deg); -webkit-transform: translateY(4px) rotate(45deg); } .preigo-menu-active div.preigo-main-menu-button-middle:before { opacity: 0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; transition: all .15s ease; } .preigo-menu-active .preigo-main-menu-button:after { margin: -1px 0 0 0; transform: translateY(-3px) rotate(-45deg); -moz-transform: translateY(-3px) rotate(-45deg); -ms-transform: translateY(-3px) rotate(-45deg); -webkit-transform: translateY(-3px) rotate(-45deg); } .preigo_mob_menu { position: relative; top: 200px; width: 270px; margin: 0; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-overflow-scrolling: touch; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .preigo-background-overlay-active { top: 0; opacity: .5; -webkit-transition: top 0s ease 0s, opacity .35s ease; -moz-transition: top 0s ease 0s, opacity .35s ease; -ms-transition: top 0s ease 0s, opacity .35s ease; transition: top 0s ease 0s, opacity .35s ease; } .preigo_mob_menu ul { list-style: none; margin: 0; padding: 0; } .preigo_mob_menu ul li { position: relative; margin: 0; padding: 0; border: none; z-index: auto; width: 100%; list-style-type: none; text-align: left; overflow: hidden !important; border-top: 1px solid #EAEAEA; } .preigo_mob_menu ul li:last-child{ border-bottom: none; } .preigo_mob_menu ul li a{ width: 100%; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #888B94; margin: 0; padding: 11px 0 11px 21px; display: inline-block; text-decoration: none; } .preigo_mob_menu ul li a:before { content: "\f0a4"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 10px; color: rgb(123, 123, 123); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .preigo_mob_menu ul li.has_submenu span { display: inline-block; width: 234px; height: 38px; position: absolute; z-index: 999; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; text-align: right; line-height: 22px; } .preigo_mob_menu ul li:first-child { border-top: none; } .preigo-main-menu-button-wrapper.preigoMenu.preigo-menu-active { z-index: 9999999999; top: 0; -moz-transition: transform 1.7s ease; -ms-transition: transform 1.7s ease; transition: transform .7s ease; } .preigo_mob_menu ul li.has_submenu span:before { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .preigo_mob_menu ul li.has_submenu.has_submenu-active span:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .preigo_mob_menu ul li.has_submenu ul.sub-menu.sub-menu-active li a:before { content: "\f1ce"; border-radius: 50%; } .preigo_mob_menu ul li.has_submenu ul.sub-menu { height:0; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform-origin: left; -webkit-transform-origin: left; -moz-transform-origin: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .preigo_mob_menu ul li.has_submenu ul.sub-menu.sub-menu-active { list-style: none; margin: 8px 0 23px 0; padding: 0; display: block; height: auto; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform-origin: left; -webkit-transform-origin: left; -moz-transform-origin: left; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .preigo-main-menu-button-wrapper.preigoMenu { position: fixed; top: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .preigo-main-menu-button-wrapper.preigoMenu.fixed{ background: #EE4936; border-radius: 0 50%; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); } .preigo-main-menu-button-wrapper { z-index: 999999999; } .preigo-main-menu-button::after, .preigo-main-menu-button::before, .preigo-main-menu-button div.preigo-main-menu-button-middle::before { content: ""; display: block; width: 15px; height: 2px; margin: 2px 0px; background-color: rgb(255, 255, 255); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; outline: transparent solid 1px; } /******************* Mobile Menu Button Colour ****************/ .preigo-main-menu-button::after, .preigo-menu-active .preigo-main-menu-button::before,.preigo-menu-active .preigo-main-menu-button div.preigo-main-menu-button-middle::before { background-color: #fff; } button::after,.preigo-main-menu-button::before,.preigo-main-menu-button div.preigo-main-menu-button-middle::before { background-color: #fff; } .preigo-main-menu-button.fixed button::after,.preigo-main-menu-button.fixed::before,.preigo-main-menu-button.fixed .preigo-main-menu-button div.preigo-main-menu-button-middle::before { background-color: #fff; } .preigo-main-menu-button.fixed .preigo-main-menu-button-middle:before { background-color: #FFFFFF; } .preigo-main-menu-button.fixed::after, .preigo-menu-active .preigo-main-menu-button.fixed::before, .preigo-menu-active .preigo-main-menu-button.fixed div.preigo-main-menu-button-middle::before{ background-color: #fff; } .preigo-menu-active .preigo-main-menu-button:after, .preigo-menu-active .preigo-main-menu-button:before, .preigo-menu-active .preigo-main-menu-button div.preigo-main-menu-button-middle:before { background-color: #fff; } /*^^^^^^^^^^^^^ Mobile Menu Button Colour ^^^^^^^^^^^^^^^^^^*/ .preigo-main-menu-button-wrapper { position: relative; z-index: 999999999; cursor: pointer; padding: 10px; padding-top: 3px; padding-left: 5px; background: #04A7D8; padding: 6px 8px; transition: opacity 0.2s ease 0.3s, top 0s ease 0.3s; -webkit-transition: opacity 0.2s ease 0.3s, top 0s ease 0.3s; -moz-transition: opacity 0.2s ease 0.3s, top 0s ease 0.3s; } .preigo-main-menu-button { position: relative; z-index: 9999999999999; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } section.menu_section { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transition: transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; background: rgba(21, 119, 120, 0.701961); border-top: 5px solid rgb(172, 145, 66); position: relative; } /*topnav a:hover, .dropdown:hover .dropbtn { background-color: #234268!important; color: white; }*/ section.menu_section::before { content: ""; width: 100%; position: absolute; height: 1px; background: #fff; top: 0px; } div#myTopnav { background: #234268 !important; float: right; } /*.active { background-color: #234268!important; color: white; }*/ button.points:focus { outline: -webkit-focus-ring-color auto 0px !important; } .preigo-main-menu-button-wrapper.preigoMenu, .mob_language_selectors, .main_heading_top { /*display: none;*/ } /*======================== Mobile side Swipe Section ============*/ .swipe-area { position: absolute; left: 0; top: 0; width: 20px; z-index:999999999999; } /*=========== Menu Image section ============*/ .preigo-heading-wrapper { z-index: 2147483647; display: table; } .preigo-heading-wrapper, .preigo-heading-overlay, .preigo-heading-image { position: absolute; width: 100%; height: 200px; margin: 0px; padding: 0px; } .preigo-heading-inner { display: table-cell; vertical-align: bottom; padding: 0 60px 18px 18px; } .preigo-heading-text { width: 100%; display: block; font-weight: 400; font-size: 24px; margin-top: 40px; padding: 6px 20px; line-height: 15px; color: #007F3E; font-family: 'Roboto', sans-serif; /* position: relative; */ /* bottom: -37vh; */ /* left: 4vh; */ } .preigo-subheading-text { width: 100%; display: block; font-weight: 300; font-family: 'Roboto', sans-serif; font-size: 18px; color: #fff; line-height: 10px; } .preigo-heading-overlay { z-index: 999999999; background-color: rgba(0, 0, 0, 0.22); } .preigo-heading-image { z-index: 99999999; background-size: cover; background-repeat: repeat; background-image: url(../../avsimages/mob_menu_bg.jpg); } ul.mob-sup-dropdown li a:before{display:none;} .preigo_mob_menu ul li.has_submenu ul.sub-menu li ul.mob-sup-dropdown li a{ font-size: 12px !important; padding-left: 50px !important; } ul.mob-sup-dropdown { height: 0; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform-origin: left; -webkit-transform-origin: left; -moz-transform-origin: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transform-style: preserve-3d; } .has_submenu_again-active ul.mob-sup-dropdown{ display: block; height: 100%; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform-origin: left; -webkit-transform-origin: left; -moz-transform-origin: left; transform-style: preserve-3d; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .preigo_mob_menu ul li.has_submenu ul.sub-menu li a { color: #888B94; padding: 10px 0 10px 35px; line-height: 24px; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>> ^^^^GO TO TOP ENDS^^^ <<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*============ Tool Tip =============*/ .tooltip { position: absolute; z-index: 999999999; display: block; font-family: 'Roboto', sans-serif; color: #222; font-size: 14px; font-weight: 300; line-height: 18px; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border: 1px solid #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>> ^^^^Tool Tip ENDS^^^ <<<<<<<<<<<<<<<<<<<<<<*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /*===================== Drop Down Menu Style =================*/ /*============= Top Social Links Ends=============*/ .header { max-width:100%; margin: 0px auto; } .header .menu { position: relative; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .header .menu ul li { list-style: none; float: none; display: inline-block; font-size: 16px; padding: 0px 0; font-family: 'Roboto', sans-serif; color: #fff; position: relative; } .menu ul li .dropdown ul { /* top: 0; */ } .menu ul li:last-child a { margin-right: 0; } .menu ul { position: relative; text-align: center; top: 6px; max-width: 1140px; margin: 0px auto; padding: 20px 0px; } body#inside .menu ul { border-top: 1px solid #dedede; } .menu ul li:hover a{ color: #333; background: #fff; } .menu ul li:last-child a:before, .menu ul li:last-child a:after { display: none; } .menu ul li a .hot{ color: #FFFFFF; font-size: 10px; height: 16px; line-height: 15px; padding: 0 4px; position: absolute; right: 31%; text-align: center; text-transform: uppercase; top: -5px; border-radius: 2px; background-color: #4CAF50; -webkit-animation: fliper 2s linear infinite; animation: fliper 2s linear infinite; } .menu ul li a .hot{ -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite; } /*===================== Drop Down Menu Style =================*/ .menu ul li { display: inline-block; padding: 0 5px; } .menu { text-align: center; } .top_log_f img { width: 100px; } div#fix .menu ul { padding: 5px 0; } div#fix { display: none; position: fixed; width: 100%; top: 0; z-index: 999999999; left: 0; background: #fff; box-shadow: 0px 0px 8px #636363; } section.what_wecan { padding: 30px 0px; } section.slider .swiper-slide img{ width: 100%; transform: translate3d(0px, 0px, 0px) scale(1, 1); transform-origin: 0% 0% 0px; transition: all ease-in-out 4s; -webkit-transition: all ease-out 4s; -moz-transition: all ease-out 4s; -o-transition: all ease-out 4s; } section.slider .swiper-slide.swiper-slide-duplicate.swiper-slide-next, .swiper-slide.swiper-slide-duplicate.swiper-slide-prev { transition: all ease-in-out 4s; transform: translate3d(0px, 0px, 0px) scale(1.05, 1.05); transform-origin: 0% 0% 0px; -webkit-transition: all ease-in 4s; -moz-transition: all ease-in 4s; -o-transition: all ease-in 4s; } section.slider .swiper-slide.swiper-slide-active img{ transform: translate3d(0px, 0px, 0px) scale(1.05, 1.05); transform-origin: 0% 0% 0px; transition: all ease-in 4s; -webkit-transition: all ease-in 4s; -moz-transition: all ease-in 4s; -o-transition: all ease-in 4s; } .header { max-width:100%; margin: 0px auto; } .header .menu { position: relative; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .header .menu ul li { list-style: none; float: none; display: inline-block; font-size: 16px; padding: 0px 0; font-family: 'Roboto', sans-serif; color: #fff; position: relative; } .menu ul li .dropdown ul { /* top: 0; */ } .top_log img { width: 40px; } .menu ul li:last-child a { margin-right: 0; } .menu ul { position: relative; text-align: center; top: 10px; max-width: 1140px; margin: 0px auto; padding: 20px 0px; } body#inside .menu ul { border-top: 1px solid #dedede; } ul.con_tact_ { position: absolute; top: 0; padding: 0 0; right: 9%; } ul.con_tact_ li a { font-size: 10px!important; letter-spacing: 0.6px; } ul.con_tact_ li:hover a { color: #fff; background: none; } ul.con_tact_ li a i { margin-right: 8px; } .menu ul li:last-child a:before, .menu ul li:last-child a:after { display: none; } .menu ul li a .hot{ color: #FFFFFF; font-size: 10px; height: 16px; line-height: 15px; padding: 0 4px; position: absolute; right: 31%; text-align: center; text-transform: uppercase; top: -5px; border-radius: 2px; background-color: #4CAF50; -webkit-animation: fliper 2s linear infinite; animation: fliper 2s linear infinite; } .menu ul li a .hot{ -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite; } /*===================== Drop Down Menu Style =================*/ section.menu_secn .top_log { background: rgba(0, 0, 0, 0.43); text-align: center; padding: 13px 0px; } .top_log { } .top_log a.l_lettr { position: relative; top: 12px; color: #fff; font-family: 'Philosopher', sans-serif; font-size: 23px; letter-spacing: 5px; text-decoration: none; } .menu ul li { list-style: none; float: none; display: inline-block; font-size: 16px; padding: 0px 0; font-family: 'Roboto', sans-serif; color: #fff; position: relative; } .menu ul li a { padding: 8px 10px; text-decoration: none; position:relative; color: #fff; font-weight: 500; display: block; font-size: 15px; font-family: 'Roboto', sans-serif; } .slider_content { position: absolute; top: 40%; left: 30%; width: 100%; } .slider_content h1 { font-size: 50px; color: #000; font-family: 'Finger Paint', cursive; background: rgba(255, 255, 255, 0.37); display: inline-block; } section.menu_secn { position: absolute; width: 100%; height: auto; top: 0; left: 0; z-index: 99999; background: rgba(0, 0, 0, 0.39); } section.we_ { padding: 80px 0px; width: 80%; margin: auto; text-align: center; padding-top: 100px; } .we_service h4 { font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; line-height: 1; padding-bottom: 10px; } .we_service h2 { font-size: 35px; font-family: 'Philosopher', sans-serif; padding: 10px 0px; padding-top: 0; /*color: #1d8421;*/ } .foot_links { padding: 12px 15px; } .foot_contact { padding: 12px 15px; } .client a { font-size: 38px; letter-spacing: -1px; margin-bottom: 5px; opacity: .99; color: #00ADBF; font-family: 'Philosopher', sans-serif; } .client p { font-family: 'Work Sans', sans-serif; font-size: 20px; padding-top: 5px; padding-bottom: 4px; color: #7D7D7D; } .client { padding: 8px 0 20px 0; } .trip { border-left: 1px solid #DCDCDC; height: 104px; } .we_serv p { font-size: 17px; letter-spacing: 1px; color: #6D6D6D; font-weight: 400; } .we_servs p { font-size: 15px; letter-spacing: 1px; color: #6D6D6D; font-weight: 400; font-family: roboto,sans-serif; } .we_serv { margin-top: 20px; } div#fix .menu ul li a { color: #585858; } div#fix a.l_lettr { color: #333; } section.serve { padding: 40px 0!important; background: url(../../avsimages/cattle_race_279.jpg)fixed; width: 100%; background-size: cover; } img.abou_kera_img { opacity: 0; visibility: hidden; } section.serve .we_service h4 { color: #fff; text-shadow: 1px 2px #000; } section.serve .we_service h2 { color: #fff; text-shadow: 1px 2px 4px #000; } section.serve .we_serv h3 { color: #FFF; font-size:30px; text-shadow: 1px 3px 1px #000; } section.serve .we_serv p { color: #fff; margin-top: 30px; text-shadow: 1px 3px 1px #000; background: rgba(0, 0, 0, 0.22); line-height: 32px; padding: 20px; } .menu ul li .dropdown { z-index: 999999999999; position: absolute; top: 0; padding-top: 8px; opacity: 0; visibility: hidden; left: 0; } .menu ul li li .dropdown{ left: 100%; padding-top: 0; padding-left: 10px; } .menu ul li li .dropdown:before{ display: none; } .menu ul li.menu_hover:hover > div{ visibility: visible; opacity: 1; top: 80%; -webkit-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); -o-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); transition: all 0.6s cubic-bezier(0.79, 0.28, 0, 0.88); } .fix ul li.menu_hover:hover > div{ visibility: visible; opacity: 1; top: 80%; -webkit-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); -o-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74); transition: all 0.6s cubic-bezier(0.79, 0.28, 0, 0.88); } div#fix .fix ul.dp { background: rgb(255, 255, 255); border: 1px solid #007f3e; } div#fix .fix ul.dp li a:hover { border-bottom: 1px solid #D94739; transition: 0.4s ease; } div#fix .fix ul.dp li a { border-bottom: 1px solid #FFFFFF; transition: 0.4s ease; } .menu ul li li .dropdown { left: 100%; top: 0 !important; } .menu ul li .dropdown ul { width: 220px; right: 0; padding: 0; background: rgba(0, 0, 0, 0.42); } .menu ul li .dropdown li { float: none; display:block; margin: 0; position: relative; padding: 0; text-align: left; } .menu ul li > div li:hover > a{ color: #42FF98; } .menu ul li .dropdown li:first-child a{ border-top: 0px; } .menu ul li .dropdown li a { border-right: 0px; margin: 0 15px; padding: 10px 10px; color: #FFFFFF; border-left: 0; text-transform: capitalize; background: transparent; font-size: 15px; font-weight: 600; } .menu ul li .dropdown li a:after, .menu ul li .dropdown li a:before{ display: none; } .menu ul li .dropdown li:last-child a{ border-bottom: 0px dashed #FFF; } .sup-dropdown { position: absolute; left: 200%; width: 280px; visibility: hidden; opacity: 0; top: 0; padding-left: 15px; border:0px !important; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; } .menu ul li .dropdown ul li.sub_third .inner_sub { position: absolute; left: 100%; width: 230px; visibility: hidden; opacity: 0; bottom: 0; padding-left: 15px; border: 0px !important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .menu ul li .dropdown ul li.sub_third .inner_sub li a { color: #2D2D2D !important; } .menu ul li .dropdown li:hover .sup-dropdown { visibility: visible; opacity: 1;left: 100%; } .menu ul li .dropdown ul li.sub_third:hover .inner_sub{ visibility: visible; opacity: 1; } .menu ul li ul .sup-dropdown li a{ color: #2D2D2D !important; border-left: 0; line-height: 21px; padding: 10px 5px; border-bottom: 1px solid rgb(230, 224, 224) !important; border-top: 1px solid #F9F9F9; border-right: 0px; } .menu ul li ul .sup-dropdown li:hover a{ color: #fff !important; } .menu ul li ul .sup-dropdown li:last-child a{ border-bottom: 0px solid rgba(200, 140, 13, 1) !important; } .sup-dropdown:before { content: ""; position: absolute; width: 20px; height: 20px; background-color: #FFFFFF; z-index: 9999999; left: 6px; top: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .menu ul li .dropdown ul li.sub_third .inner_sub:before { content: ""; position: absolute; width: 20px; height: 20px; background-color: #F1AE21; z-index: 9999999; left: 6px; bottom: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /*----------------3d_rotation------------------------*/ section.quick_links { width: 100%; height: 100px; background: #fff; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .trigger { width: 25%; float: left; position: relative; height: 100%; cursor: pointer; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .trigger:hover .feature, .stick .feature { -webkit-transform: rotateX(90deg) translateZ(0); transform: rotateX(90deg) translateZ(0); bottom: 10px; } .feature.show { opacity: 1; } .show { display: block !important; } .feature { width: 100%; height: 100%; -webkit-transition: -webkit-transform .4s ease-in-out, opacity 1.5s ease-in-out; transition: transform .4s ease-in-out, opacity 1.5s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transform: rotateX(0deg) translateZ(0); transform: rotateX(0deg) translateZ(0); } .face { position: absolute; height: 100%; width: 100%; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .feature .face.hover { box-shadow: inset 0px -30px 100px rgba(0, 0, 0, 0.2); -webkit-transform: rotateX(-90deg) translateZ(50px); transform: rotateX(-90deg) translateZ(50px); overflow: hidden; } .feature.one .face { background: rgba(177, 177, 177, 0.03) url(../../avsimages/image5_1024x768_16.jpg)right bottom; } .feature.two .face { background: #111 url(../../avsimages/bg-5.jpg) no-repeat left bottom; } .feature.right1 .face { background: #111 url(../../avsimages/image9_1024x768_8.jpg) no-repeat right bottom; } .feature.right2 .face { background: #111 url("../../avsimages/image7_1024x768_45.jpg") no-repeat left center; } .feature .face { background: #e73692; -webkit-transform: rotateX(0deg) translateZ(50px); transform: rotateX(0deg) translateZ(50px); -webkit-transition: box-shadow 0.5s ease-in-out; transition: box-shadow 0.5s ease-in-out; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; background: #111; } .cover h3 { font-size: 22px; color: #FFF; font-weight: 400; float: right; margin: 40px 19px 0 0; } .feature .face.hover .info { width: 100%; height: 100%; background: rgba(29, 132, 33, 0.39); color: #fff; padding: 15px 30px; box-sizing: border-box; } .right2 img { width: 120px; top: -50px; position: relative; } .right1 img { width: 160px; position: relative; top: -30px; } .two img { width: 140px; position: relative; top: -60px; } .one img { width: 150px; position: relative; top: -40px; } /*----------------------------------------*/ .pop { text-align: center; } ._udw img { width: 100%; border-bottom: 2px solid #05408d; height: 40vh; } .rating { position: absolute; width: 100%; top: 100%; text-align: center; transition: 0.5s all ease-in-out; } .departments:hover .rating { position: absolute; width: 100%; top: 25%; text-align: center; transition: 0.5s all ease-in-out; } .rating i { font-size: 20px; color: #fff; padding: 0px 4px; } span.ratss { float: right; padding: 1px; background: #416EA8; } span.ratss i { font-size: 15px; color: #fff; } span.ratss a { color: #fff; } section.slider_top_footer { padding: 25px 25px; padding-bottom: 30px; } .swie_footr { padding: 5px 2px; border-bottom: 1px solid#FFF; } a.swie_two { padding: 8px 11px; display: inline-block; border: 1px solid #ABABAB; transition: 0.4s ease all; /* position: relative; */ /* left: 16vh; */ /* top: -2vh; */ margin: 0px auto; background: #04A7D8; color: #fff; border-radius: 3px; display: table; } a.swie_one { padding: 8px 12px; display: inline-block; border: 1px solid #1D8421; margin-bottom: 10px; background: #04A7D8; color: #FFFFFF; transition: 0.4s ease all; /* position: relative; */ /* left: 6vh; */ /* top: -3vh; */ margin: 10px auto; box-shadow: 1px 20px 20px #B7BCBD; display: -webkit-box; width: 300px; } a.fancybox { position: relative; display: block; } .departments { border: 1px solid #C1C1C1; height: 100%; box-shadow: 2px 2px 4px 4px #D9DAD8; } a.swie_three { padding: 8px 11px; display: inline-block; border: 1px solid #ABABAB; position: absolute; top: 0%; left: 36%; background: #FFF; opacity: 0; transition: 0.5s all ease-in-out; font-size: 14px; font-family: roboto,sans-serif; border-radius: 3px; font-weight: 500; } .departments:hover ._udw:after { background: rgba(0, 0, 0, 0.53); position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; transition: 0.5s all cubic-bezier(0, 1.04, 1, 1); } ._udw:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; transition: 0.5s all cubic-bezier(0, 1.04, 1, 1); } .departments:hover ._udw img { transform: scale(2); transition: 0.5s all ease-in-out; } ._udw img { transform: scale(1); transition: 0.5s all ease-in-out; } ._udw { position: relative; overflow: hidden; } .departments:hover a.swie_three { top: 35%; left: 36%; background: #FFF; transition: 0.5s all ease-in-out; opacity: 1; } .departments p { padding: 6px 10px; font-size: 15px; text-align: center; margin-top: 10px; } /*---------------------------------------*/ #wrap { box-sizing: border-box; margin: 20px auto; max-width: 972px; padding-bottom: 30px; position: relative; width: 95%; } .destinys { padding: 15px 0px; text-align: center; } ul.des_ li { position: relative; display: inline-block; padding: 6px 8px; cursor: pointer; box-shadow: 0px 1px 2px #D6D4D4; color: #555; margin-bottom: 17px; margin-right: 15px; transition: all 0.8s ease; } ul.des_ li:hover { color: #fff; background: #00BFA5; border-radius: 3px; transition: all 0.8s ease; } .galleryWrap { padding: 0 0 30px; } .imgContainer { width: 100px; height: 100px; overflow: hidden; text-align: center; margin: 10px 20px 10px 0; float: left; border: solid 1px #999; display: block; } ul.des_ li:before { position: absolute; width: 0; content: ""; height: 4px; left: 50%; bottom: 0; opacity: 1; background: #00BFA5; transition: 0.3s all ease-in; } ul.des_ li:hover:before { position: absolute; width: 100%; content: ""; height: 4px; left: 0; bottom: 0; opacity: 1; background: #00BFA5; transition: 0.3s all ease-in; } .filter.active { color: #fff; background: #00BFA5; border-radius: 3px; } .fancy_bo { padding: 12px 10px; position: relative; margin: 8px 4px; } .fancy_bo img { width: 100%; } .fancy_bo:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 15px solid #FFF; box-shadow: 0px 0px 2px #CECECE; } section.filter_destinations { padding: 40px 0; margin-top: 20px; } /*footer { padding: 40px 10px; background: rgba(189, 191, 189, 0.2); padding-bottom: 5px; }*/ .foot_abt { padding: 12px 15px; } .foot_abt h3 { font-size: 20px; color: #1d8421; padding-bottom: 20px; } .foot_links h3 { font-size: 20px; color: #1d8421; padding-bottom: 20px; } .foot_contact h3 { font-size: 20px; color: #1d8421; padding-bottom: 20px; } .foot_links ul li a { text-decoration: none; color: #5D5D5D; transition: 0.4s all ease; font-size: 13px; } .foot_links ul li { padding-bottom: 12px; position: relative; display: block; } .foot_links ul li a:hover { transition: 0.4s all ease; color: #000; padding-left: 10px; } .foot_contact ul li { padding-bottom: 12px; position: relative; display: block; } .foot_contact ul li a { text-decoration: none; color: #5D5D5D; transition: 0.4s all ease; letter-spacing: 1px; line-height: 21px; font-size: 13px; } .foot_contact ul li a:hover { transition: 0.4s all ease; color: #000; } a.swie_one:hover { border: 1px solid #ABABAB; background: #fff; color: #000; transition: 0.4s ease all; } a.swie_two:hover { border: 1px solid #1D8421; background: #fff; color: #545454; transition: 0.4s ease all; box-shadow: 1px 20px 20px rgba(4, 167, 216, 0.17); } /*---------------------------------------*/ .quick_contact .form input { font-size: 12px; font-family: 'Roboto', sans-serif; padding: 0px 10px; display: block; margin: 0px auto; /* border-radius: 3px; */ border: none; } select#number_of { font-size: 14px; font-family: 'Roboto', sans-serif; padding: 10px 10px; width: 75%; position: relative; margin: 7px 60px; color: #636261; border-radius: 3px; } .quick_contact { display: inline-block; width: 50%; padding-top: 18px; background: rgba(29, 132, 35, 0.71); border-radius: 10px; } .quick_contact a { position: relative; padding: 5px 10px; display: block; width: 25%; margin: 0 auto; background: #01BDA4; margin-top: 10px; color: #fff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.57); } .quick_contact button { position: relative; width: 40%; margin-top: 10px; color: #1d271b; background: #ffffff; padding: 10px 50px; font-size: 24px; margin: 30px 10px; border: none; border-radius: 3px; } .tab_ { position: relative; display: inline-block; } .tab_ h3 { font-size: 22px; font-family: 'Roboto', sans-serif; color: #FFFFFF; padding-bottom: 5px; letter-spacing: 1px; } .tab_ h4 { font-size: 14px; font-family: 'Roboto', sans-serif; color: #FFFFFF; padding-bottom: 5px; letter-spacing: 1px; } section.head_in { background: url(../../avsimages/1.jpg)fixed; } /*---------------------------------------*/ /*-------------------testimon--------------------*/ .testimonial_photo { line-height: 0; margin-bottom: 1em; text-align: center; } .testimonial_photo img { border-radius: 50%; box-shadow: 0 0 0 5px rgba(0, 0, 0, .08); height: auto; max-width: 150px; } .testimonial { font-size: 18px; line-height: 24px; margin: 0 auto 2em auto; max-width: 770px; padding: 0; text-align: center; font-family: Roboto, Helvetica, Arial, sans-serif; /*font-style: italic;*/ font-weight: 400; } .testimonial_person { text-align: center; } .testimonial_name { font-size: 18px; color: #333; font-weight: 600; font-family: 'Roboto', sans-serif; } .testimonial_class { color: #636363; font-weight: 400; font-size: 16px; font-family: 'Roboto', sans-serif; } #owl-demo-testimonials .owl-controls.clickable { display: block !important; } #owl-demo-testimonials .owl-controls .owl-page span { display: block; width: 20px; height: 20px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #FFFFFF; border: 3px solid #ccc; } #owl-demo-testimonials .owl-controls .owl-page.active span, #owl-demo-testimonials .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; background-color: #1D8421; } .testimonial_section { background: url(../../avsimages/1.jpg); padding: 30px 0px; box-shadow: 0px 2px 2px #797979; } section.testimonial_section:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(255, 255, 255, 0.75); } /*-------------------testimon--------------------*/ .top_adj { background: url(../../avsimages/elephants_at_periyar_646.jpg)fixed; height: 50%; } button#blogsearchsubmit { font-family: roboto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out; background: #4caf50 none repeat scroll 0 0; border: 0 none; color: #ffffff; padding: 12px 16px; } /*.insi_a .form-input input#search_input { font-family: roboto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out; border: 1px solid #e5ecef; font-style: italic; font-weight: 400; padding: 12px; } .insi_a .form-input input#search_input:focus { outline-color: #4caf50; }*/ .links_use h3 { font-size: 22px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #d5dadd; position: relative; color: #2f383d; font-weight: 400; margin-top: 0; font-family: roboto; font-style: italic; } .links_use { margin-top: 30px; } .links_use h3:after { content: ""; display: block; position: absolute; left: 0; bottom: -2px; width: 150px; height: 3px; background: #4CAF50; } .links_use ul li { font-weight: 400; font-size: 15px; margin-bottom: 5px; color: #8E8E8E; } .links_use ul li:before { margin-right: 8px; content: "\f105"; font-family: fontawesome; } .contact_form input.input_text { font-family: roboto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out; border: 1px solid #e5ecef; font-style: italic; font-weight: 400; padding: 12px; width: 90%; margin-bottom: 10px; } .contact_form button#blogsearchsubmit { left: 25%; position: relative; margin-bottom: 10px; width: 35%; } .insi_a { padding: 40px 5px; } .insi_about { padding: 20px 0px; } .we_service p { text-align: justify; font-size: 14px; letter-spacing: .2px; color: #00212B; font-family: roboto,sans-serif; } .top_con { margin: 7vh; text-align: center; } .con_a { text-align: center; position: absolute; width: 99%; padding: 30px 10px; top: -5vh; z-index: 999; background: #F4FFF5; transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; box-shadow: 2px 2px 10px #000; } .contact_sub { position: relative; min-height: 16vh; } .con_a h6 { font-family: 'Roboto', sans-serif; font-size: 15px; padding: 10px 0px; line-height: 30px; font-weight: 400; } .con_a:hover { transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; transform: scale(1.2); z-index: 99999; } .con_a h6 a { text-decoration: none; color: #797979; } .a { background: #F4FFF5; } .con_a.b { background: #EDFFEF; } .con_a.c { background: #E0FFE4; } span.name textarea { height: 8vh; } input.submit_ {} .preigo-main { background: url(../../avsimages/logo-mobile.png); background-repeat: no-repeat; } form.forms_ span.name input { width: 80%; margin-bottom: 16px; } form.forms_ span.name textarea.text_v { width: 80%; font-size: 12px; font-family: 'Roboto', sans-serif; padding: 0px 10px; display: block; margin: 0px auto; border: none; } .toplayer img { width: 50%; opacity: 0; } section.top_ima { position: relative; background: url(../../avsimages/pgh.jpg); background-position: bottom; } .ribbon_3 { position: absolute; left: 10px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon_3.popular span { background: linear-gradient(#f14f3f 0,#cb4335 100%); } .ribbon_3 span { font-size: 10px; font-weight: 700; color: #FFF; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0,#79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0,0,0,1); text-shadow: 1px 1px 2px rgba(0,0,0,.25); position: absolute; top: 19px; left: -21px; font-family: roboto; } .insi_pack { padding: 30px 5px; margin-top: 25px; box-shadow: 0px 0px 2px rgba(76, 175, 80, 0.45); margin-bottom: 20px; border: 1px solid #B3B3B3; } .ribbon_3.popular span:before { content: ""; position: absolute; width: 100%; border-left: 3px solid #E74C3C; border-right: 3px solid transparent; left: 0; bottom: -5px; } ul.delt li { position: relative; padding: 10px 15px; float: left; margin-right: 10px; border: 1px solid #222; } .tools { position: absolute; width: 25vh; left: -8vh; bottom: -11vh; background: #007F3E; opacity: 0; padding: 5px 6px; min-height: 10px; display: inline-block; transition: 0.6s all ease; } ul.delt li:hover .tools { opacity: 1; transition: 0.6s all ease; } ul.delt { position: relative; } .tools h3 { font-size: 15px; color: #fff; text-align: center; line-height: 20px; } .tools p { color: #fff; text-align: center; font-size: 14px; } .tools:before { content: ""; position: absolute; width: 20px; height: 20px; left: 40%; top: -25%; transform: rotate(45deg); background: #007f3e; } .layer_link { padding: 10px 4px; } p.more a { font-size: 12px; font-family: roboto,sans-serif; letter-spacing: 1px; background: #4caf50 none repeat scroll 0 0; color: #ffffff; padding: 2px 8px; text-decoration: none; display: -webkit-inline-box; margin-top: 20px; border-radius: 3px; } .insi_pack .col-md-6.col-sm-6 { border-right: 1px solid #B3B3B3; } p.rate { font-size: 30px; color: #E20202; text-align: center; } p.person { font-size: 14px; color: #808080; text-align: center; margin: 20px 0px; margin-top: 0px; } p.more { text-align: center; } .toplayer h1 { position: absolute; width: 90%; text-align: center; top: 50%; font-size: 28px; color: #fff; padding: 10px; text-shadow: 2px 2px 3px #000; background: rgba(79, 80, 78, 0.59); } .toplayer { position: relative; height: 50%; } .dummy { min-height: 54vh; } .dummy h2 { position: absolute; top: 80%; font-size: 25px; font-family: 'Philosopher', sans-serif; padding: 10px 0px; padding-top: 0; color: #30FF38; } section.det_top { background: url(../../avsimages/in.jpg)fixed; background-size: contain; background-position: top center; } .des { padding: 5px; } .start_det { padding: 15px 5px; border-bottom: 2px solid #D6D6D6; margin-top: 30px; } .delta { padding: 5px 5px; } ul.includes { padding: 0px 15px; } ul.includes li { padding: 3px 0px; } ul.includes li i { margin-right: 5px; color: #00ADBF; } ul.schedules li span { position: absolute; left: 0; } ul.schedules li ul { position: relative; left: 20%; margin-top: 25px; } ul.schedules li { position: relative; margin: 6px 0; font-size: 14px; line-height: 24px; color: #00212B; letter-spacing: .2px; } ul.schedules li ul:before { position: absolute; width: 20px; content: ""; height: 20px; background: #FFFFFF; left: -9%; border: 1px solid #007F3E; border-radius: 50%; top: 0; transition: 0.4s ease; } ul.schedules li ul:after { position: absolute; width: 1px; content: ""; height: 0%; left: -6vh; border: 0px dashed #007F3E; top: 20%; transition: 0.6s ease; } ul.schedules li:hover ul:before { background: #007f3e; border: 1px solid #007f3e; } ul.schedules li:hover ul:after { height: 90%; border: 1px dashed #007F3E; } .imgs { position: relative; display: block; } .imgs h4 { display: inline-block; position: relative; font-size: 20px; margin-left: 20px; } .imgs ul { display: inline-block; float: right; } .imgs ul li { float: left; margin: 0 6px; } .imgs img { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #000; } .reve { text-align: center; padding: 15px 4px; margin-top: 10px; } .reviews { box-shadow: 0px 0px 1px rgb(119, 119, 119); padding: 14px 10px; margin: 15px 0; } ul.star { float: none; position: relative; bottom: 0; left: 10vh; } ul.star li i { color: #fc0; } .des h3 { position: relative; color: #007f3e; font-weight: 500; font-family: roboto,sans-serif; font-size: 18px; } .des h3:before { content: ""; width: 100%; height: 1px; background: #00ADBF; position: absolute; bottom: -10px; } .des a { text-decoration: none; margin-top: 20px; position: relative; padding: 10px 7px; display: block; background: #01BDA4; text-align: center; color: #fff; box-shadow: 2px 2px 2px rgb(123, 123, 123); } ul.bud li a { position: relative; display: block; text-decoration: none; float: left; padding: 12px 10px; margin: 0 5px; min-width: 15vh; text-align: center; border-radius: 3px; } li.buddy a { background: #00ADBF; color: #fff; transition: 0.4s ease; } li.gold a { background: #fc0; color: #676767; box-shadow: 1px 1px 2px #222; transition: 0.4s ease; } li.plat a { background: #ECECEC; box-shadow: 0px 0px 2px #000; transition: 0.4s ease; } li.gold a:hover { transform: scale(1.2); transition: 0.4s ease; } li.buddy a:hover { transform: scale(1.2); transition: 0.4s ease; } li.plat a:hover { transform: scale(1.2); transition: 0.4s ease; } p.rat { font-size: 20px; color: #545454; } p.rat span { margin: 0px 15px; } ul.schedules li b { font-size: 17px; padding: 5px 8px 1px 5px; display: block; color: #EF0505; } section.slider .swiper-container { height: 75vh; } section.slider_top_footer .swiper-container { height: 36vh; } table.table { position: relative; border: 1px solid #ddd; width: 100%; } thead.table_mainHead { color: #FFF; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 400; background-color: #00adbf; border-top: 1px solid #00ADBF; } thead > tr > th:last-child { border-right: 1px solid #ddd; } thead > tr > th:first-child { border-left: 1px solid #ddd; } thead { background-color: #1d8421; color: #fff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd; font-family: roboto; text-align: center; } .insi_about h3 { font-size: 24px; color: #7D7D7D; margin-bottom: 5px; margin-top: 3px; position: relative; border-bottom: 1px solid #007f3e; display: inline-block; padding-bottom: 2px; } .links_use ul li a { font-weight: 400; font-size: 15px; margin-bottom: 5px; color: #8E8E8E; text-decoration: none; } .insi_about h4 { font-size: 20px; padding-bottom: 4px; color: #464646; padding-top: 10px; } .insi_about a { color: #FF000C; text-decoration: none; transition: 0.4s cubic-bezier(0.21, -0.41, 1, 1); } .insi_about a:hover { color: #05408d; transition: 0.4s cubic-bezier(0.21, -0.41, 1, 1); } .insi_about ul li:before { content: "\f013"; font: normal normal normal 14px/1 FontAwesome; color: #4CAF50; margin-right: 5px; } .insi_about ul li { padding: 2px 8px; color: #404040; margin-bottom: 5px; font-size: 13px; letter-spacing: 1px; line-height: 25px; } ul.pagination li { display: inline-block; padding: 5px 10px; border: 1px solid #333; margin-bottom: 10px; box-shadow.: 1; } ul.pagination { position: relative; } ul.pagination li a { text-decoration: none; } ul.pagination li.active { background: #4CAF50; color: #fff; box-shadow: 1px 1px 2px #A0A0A0; border: 1px solid #4CAF50; } ul.pagination li.active a { color: #fff; } .daz_cop { padding-top: 10px; } .daz_cop p { color: #717171; font-size: 12px; } .daz_cop a { color: #717171; text-decoration: none; font-size: 11px; } .fancy_bo a.svrt { position: absolute; z-index: 99999; text-decoration: none; display: block; width: 100%; left: 0; border: 1px solid#9C9B9B; text-transform: uppercase; bottom: 0; letter-spacing: 1px; text-align: center; font-size: 18px; color: #FFFFFF; background: #0091BD; padding: 10px 0px; } .insi_about ul { margin-bottom: 10px; } .no_border { border-right: 0px solid #000!important; text-align: justify; } .error { font-size: 14px; color: orangered; font-weight: 500; } .help-block { font-size: 14px; color: orangered; font-weight: 500; } .help-block-warning { font-size: 12px; color: orangered; font-weight: 400; } a.swie_one.budget { border: 1px solid #1D8421; margin-bottom: 10px; background: #00ADBF; color: #fff; } a.swie_one.stand_ { border: 1px solid #05408D; margin-bottom: 10px; background: #05408d; color: #fff; } a.swie_one.premium { border: 1px solid #2CB36E; margin-bottom: 10px; background: #2CB36E; color: #fff; } a.swie_one.lexury { border: 1px solid #ECECEC; margin-bottom: 10px; background: #ECECEC; } button#submit:before { background: #fff; content: ''; position: absolute; z-index: -1; border: 1px solid#afa7a7; } button#submit:hover { color: #ffffff !important; border-color: #00aec3 !important; background: #007f3e !important; transition: .5s ease; border: none; } input:focus, textarea:focus, select:focus { outline-offset: 0px; } :focus { outline: -webkit-focus-ring-color auto 0px; } .no_content { font-family: roboto,sans-serif; font-size: 16px; font-weight: 500; color: #6F5F45; } /*form#ContactusForm input.submit_ { font-size: 20px; margin: 24px auto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out; background: #ffffff none repeat scroll 0 0; color: #6d6d6d; position: relative; width: 50%; }*/ /*form#ContactusForm input.submit_:hover { color: #ffffff !important; border-color: #00aec3 !important; background: #04A7D8; transition: .5s ease; }*/ /*select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input { height: 50px; line-height: 50px; padding: 0 18px; margin: 14px 2px; display: block; width: 90%; border: navajowhite; color: #007f3e; font-size: 14px; font-family: 'Roboto', sans-serif; border-radius: 5px; border-bottom: 1px solid#c7c7c7; cursor: pointer; }*/ h3.message { text-align: center; margin-bottom: 20px; font-size: 30px; font-family: 'Philosopher', sans-serif; padding-top: 40px; color: #1d8421; } /*p.contact_field { border: none; } p.contact_field input[type="number"] { border: none; border-bottom: 1px solid#c7c7c7; } p.contact_field input[type="text"] { border: none; border-bottom: 1px solid#c7c7c7; } p.contact_field input[type="email"] { border: none; border-bottom: 1px solid#c7c7c7; } p.contact_field textarea { border: none; line-height: 20px; border-bottom: 1px solid#a5a4a4; } span.border-below.clearfix button.btn-primary { background: #f30a69; padding: 10px 50px; font-size: 18px; border-radius: 3px; margin: 30px 10px; box-shadow: 10px 10px 6px 4px #f1f1f1; } button::before, button::after { background: #fff; content: ''; position: absolute; z-index: -1; border: 1px solid#afa7a7; } .btn-primary:hover { color: #131111 !important; border-color: #00b157; background: #FFFFFF; transition: .5s ease; } .btn-primary { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; line-height: 24px; text-transform: uppercase; font-weight: 400; border: 2px solid #00b157; transition: .5s ease; margin: 50px; background: #00b157; color: #FFFFFF; left: 33vh; } a, .btttn, button { text-decoration: none; outline: none; transition: all 400ms linear 0s; } button { border-radius: 5px; font-size: 20px; margin: 12px auto; padding: 9px 48px; cursor: pointer; font-family: roboto,sans-serif; letter-spacing: 1px; } button, button::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }*/ a.view_package { position: relative; left: 60vh; background: #098445; padding: 8px 30px; margin: 20px 20px; color: #fff; font-size: 20px; } .view_all_pack { margin: 40px; } a.view_package:hover { background: #fff; color: #000; border: 2px solid#007f3e; } .delta p { width: 100%; text-align: center; top: -18%; font-size: 18px; color: #669476; text-shadow: 1px 1px 3px #8aae3e; text-transform: uppercase; letter-spacing: 1px; } .top_log { padding: 6px 0px; text-align: center; } .form_bg { margin: 60px; background: rgb(255, 255, 255); position: relative; box-shadow: 0px 0px 20px #b1b3b1; width: 70%; left: 18vh; bottom: 3vh; } .nvr-pf-text a:hover { color: #fff; } .nvr-pf-text a { color: #fff; } h2.nvr-pf-title a { color: #fff; text-transform: uppercase; } h3.gallery_head { position: absolute; width: 100%; text-align: center; top: 25%; font-size: 55px; color: #fff; font-style: italic; text-shadow: 2px 2px 3px #000; } ul.luxury li a { position: relative; display: block; text-decoration: none; float: left; padding: 12px 10px; margin: 0 5px; min-width: 15vh; text-align: center; border-radius: 3px; } li.luxury a { background: #098445; box-shadow: 0px 0px 2px #000; transition: 0.4s ease; color: #fff; } li.luxury a:hover { transform: scale(1.2); transition: 0.4s ease; } a.kerala_more { background: #fff; color: #000; text-shadow: none; padding: 6px 10px; border-radius: 3px; font-size: 14px; margin: 0px auto; position: relative; } p.rat { font-size: 22px; color: #00ADBF; } a.kerala_more:hover { background: #04A7D8; color: #fff; } .breadcrubs_common { position: absolute; display: block; padding: 4px 20px; top: -60px; background: rgba(113, 116, 117, 0.72); box-shadow: -25px 15px 50px #a9a9a9; } .breadcrubs_common ul li { position: relative; display: inline-block; padding: 6px 4px; color: #00ff0a; } .breadcrubs_common ul li a { color: #fff; font-weight: 400; font-size: 16px; } .foot_abt p { font-size: 13px; letter-spacing: 1px; } .daz_cop a:hover { color: #08753D; text-decoration: underline; } span.lattest_ { position: absolute; top: 0px; left: -5px; transform: rotate(-30deg) skewX(0deg); background: rgba(0, 103, 56, 0.84); color: #fff; font-size: 10px; padding: 0px 5px; animation-name: jello; animation-duration: 1s; animation-iteration-count: infinite; z-index: 9999; width: auto!important; height: auto!important; line-height: 10px!important; right: auto!important; } span.lattest_:before { content: ""; margin: 0!important; } /*============ENDS----------*/ /*===================== Drop Down Menu Style =================*/ .sup-dropdown { position: absolute; left: 200%; width: 280px; visibility: hidden; opacity: 0; top: 0; padding-left: 15px; border:0px !important; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; } /*===================== Drop Down Menu Style Ends =================*/ .menu ul li .dropdown li { float: none; background-color: #F1AE21; margin: 0; position: relative; } .quote-locate { padding-top: 20px; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #000; background-image: none !important; color: rgb(0, 0, 0) !important; } li.bold_news { font-weight: 700!important; color:#f85e04!important; } .quote-icon,.info-simple:before { content: "\f192"; color: #02aeef; display: flex; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0px 10px; float: left; } .toppers_class ul li { font-size: 14px; font-family: roboto,sans-serif; text-transform: capitalize; color: #c42623; padding-bottom: 0px; margin-top: 10px; font-weight: 500; font-style: italic; } .text_topper h4 { color: #ffffff; font-size: 16px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; text-align: center; border-radius: 50px; padding: 20px; background: #495970; /* width: 60%; */ margin: 40px auto; } .toppers_class { margin-top: 20px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important; /* background: #f5f5f5; */ /* border-radius: 25px 0; */ /* border: 2px solid #ffffff; */ -webkit-box-shadow: 0 0 15px -5px #000; -moz-box-shadow: 0 0 15px -5px #000; -ms-box-shadow: 0 0 15px -5px #000; -o-box-shadow: 0 0 15px -5px #000; color: #fff; /* padding-bottom: 20px; */ margin: 20px 0px; height: 360px; text-align: center; } .toppers_class img { /* border-radius: 50%; */ margin-top: 20px; width: 150px; /* height: 175px; */ } tr.bg_head { background: #ecd4d4; } /*input.wpcf7-form-control.wpcf7-submit.thm-btn { width: 160px; height: 50px; border-radius: 0px; display: table; }*/ .table-responsive { border: 1px solid#dad8d8; } .widget_title_link ul { float: left; background: #3b3e79; border-radius: 20px 0; border: 0px solid #ffffff; -webkit-box-shadow: 0 0 15px -5px #000; -moz-box-shadow: 0 0 15px -5px #000; -ms-box-shadow: 0 0 15px -5px #000; -o-box-shadow: 0 0 15px -5px #000; box-shadow: 0 0 15px -5px #000; padding: 14px 20px; font-size: 16px; margin: 20px 0px; cursor: pointer; text-align: center; line-height: 30px; font-family: roboto; position: relative; } .widget_title_link ul li { color: #fff; margin: 8px; padding: 0px; font-weight: 700; list-style: none; } .common_ul p { text-indent: 40px; margin: 14px 0px; font-size: 15px; font-family: 'Roboto'; color: #222; font-weight: 400; text-align: justify; line-height: 28px; letter-spacing: .025em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .section p { text-align: left; font-size: 15px; letter-spacing: .025em; display: block; height: 120px; line-height: 28px; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .common_ul ul li a { color: rgb(59, 62, 121); font-size: 14px; font-weight: 500; font-family: roboto; border-radius: 0px; border-width: 1px; padding: 2px 20px; margin: 10px 0px; float: right; background: #fff; } ul.contact_footer li { position: relative; display: block; font-size: 14px; color: #2b2929; margin-bottom: 15px; font-family: roboto,sans-serif; font-weight: 500; line-height: 26px; letter-spacing: .025em; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .text p { text-align: justify; font-size: 14px; color: #e0dcdc; font-weight: 500; font-family: roboto,sans-serif; margin-bottom: 35px; line-height: 30px; letter-spacing: .025em; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .alert.alert-danger,.alert.alert-success { text-align: center; color: #08ce69; font-family: roboto; font-size: 16px; } .common_ul ul li a:hover { color: #c32a2c; text-decoration: underline; cursor: pointer; } #preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('../../avsimages/frontend_images/loader.gif') no-repeat center center; } .menu ul li ul .sup-dropdown li a{ color:#545252!important; margin: 0px; } .menu ul li a:hover { color: #01879e; } .menu ul li a:before { content: ""; position: absolute; width: 0px; height: 100%; top: -26px; left: 18px; border-bottom: 1px solid #01879e; transition: 0.4s ease all; } .menu ul li a:hover::before { width: 100%; transition: 0.4s ease all; } a.common_view { background: #ffffff; color: #c62825; padding: 10px 10px; font-weight: 600; text-align: -webkit-match-parent; float: right; } p.head_text { /* border: 1px solid#687382; */ padding: 20px; margin-bottom: 23px; text-indent: 0px; margin-top: -1px; } .mnuListIn a li { background: #3b3e79; color: #fff; border-bottom: 1px solid#fff; text-decoration: none; padding: 14px; list-style-type: none; } .mnuListIn a li:hover { text-decoration: underline; color: #c62825; background: #dedede; font-family: roboto,sans-serif; font-weight: 500; } .mnuListIn { margin-top: 30px; } .help-block.with-errors { color: #ff1009; font-family: roboto; font-size: 14px; } a.common_view:hover { text-decoration: underline; } .mnuListIn a li:before { content: "\f061"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0px 20px; } li.head_word { background: #495970; margin: 0px; color: #fff; width: 100%; padding: 14px 14px; } a.button_back button { background: #ffffff; border: none; padding: 12px 30px; color: #495970; font-size: 16px; text-transform: uppercase; font-family: roboto; font-weight: 500; margin-top: 12px; /* border: 1px solid#495970; */ cursor: pointer; transition: 0.08s ease-in; -o-transition: 0.08s ease-in; -ms-transition: 0.08s ease-in; -moz-transition: 0.08s ease-in; -webkit-transition: 0.08s ease-in; } a.button_back button:hover { cursor: pointer; transition: 0.08s ease-in; -o-transition: 0.08s ease-in; -ms-transition: 0.08s ease-in; -moz-transition: 0.08s ease-in; -webkit-transition: 0.08s ease-in; background: #c62924; color: #fff; color: #fff; transition: 0.4s ease all; } a.button_back button:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f177"; padding: 0px 5px; } /*--LOGIN FORM START--*/ .right_box ul li { font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 600; color: #222; list-style: none; float: left; } a#login_button i { padding: 4px 0px; } .modal-header h4 { margin: 0px auto; display: block; } .right_box { display: inline-block; width: 100%; padding: 0px 8px; padding-bottom:0; } .right_box ul li:first-child { padding-right: 10px; border-right: 1px solid #222; } .right_box ul li:last-child { padding-left: 10px; } .right_box.register { padding-top: 12px; } .dioces_site { position: absolute; right: 20px; bottom: -80px; box-shadow: 4px 4px 0px #e9e9e9; } .right_box.register ul li{ float: right; } .right_box.register ul li:first-child { border-right: 0px; padding: 0; } .right_box.register ul li:last-child {/* padding: 0px 0px; */} .right_box.register ul li a { text-decoration: none; padding: 8px 36px; display: inline-block; float: left; font-size: 18px; background: #F47C00; border-radius: 100px; color: #FFFFFF; border: 1px solid #106DB1; position: relative; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .right_box.register ul li a:hover { color: #106DB1; border: 1px solid #106DB1; cursor: pointer; background: #FFF; } .right_box.register ul li a:after { content:""; background:#FE5969; position:absolute; width:100%; height: 1px; left:0; bottom: 0; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transform:scaleX(0) ; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); } .right_box.register ul li a:hover::after { transform:scaleX(1) ; -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); } .logo img { position: relative; top: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .modal-header:after { content: ""; position: absolute; width: 30px; height: 30px; top: 9%; left: 47%; background: #F47C00; transform: rotate(45deg); } section.bg_header { background: #e0e0e080; border-bottom: 1px solid#f1f1f1; } ul.campus_map li a { color: #fff; text-decoration: none; padding: 0px 5px; display: block; position: relative; } ul.campus_map.torq.left li a { padding: 7px 8px; font-size: 12px; text-shadow: 0px 0px 0px #000; color: #ffffff; transition: 0.4s ease all; border: 1px solid #bdbcbc; float: left; margin: 5px 10px; } ul.campus_map li a:hover::before { width: 100%; transition: 0.4s ease all; } ul.campus_map li a:before { content: ""; position: absolute; width: 0; height: 100%; top: 0; left: 0; border-bottom: 1px solid #fff; transition: 0.4s ease all; } ul.header_right li { float: left; /* padding: 4px 6px;*/ padding: 4px 3px; } ul.header_right li a { padding: 8px 10px; margin-top: 1px; float: left; color: #eaeaea; font-weight: 400; font-size: 14px; } ul.header_right li a:hover { color: #ffffff; } .footer-widget p { margin: 7px 0px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; color: #525151; } .copyright-text { /* border-top: 1px solid#717171; */ } ul.footer_course li a { color: #fff; } .white_background { background: #efefef; } .white_background h3 { color: #000; font-size: 16px; font-family: roboto,sans-serif; text-align: center; line-height: 30px; border-bottom: 1px solid#b9b9b9; margin-bottom: 20px; padding-bottom: 11px; } .white_background h2 { font-size: 22px; font-family: roboto,sans-serif; text-align: center; color: #ce1c2f; margin-bottom: 20px; } .white_background p { text-align: left; line-height: 30px; font-family: roboto,sans-serif; font-size: 16px; } .text p { color: #000; } .color_white p{ color: #525151; font-size: 14px; font-family: roboto,sans-serif; } .container.width { /* max-width: 2000px; */ padding: 0 15px; margin: 0 auto; width: auto !important; } .coursebatch_head { border: 1px solid#999; margin-bottom: 20px; } .coursebatch_head p { margin: 0px; padding: 4px 8px; } a.register_bttn { font-family: roboto; text-decoration: none; cursor: pointer; margin: 30px; display: -webkit-inline-box; margin-bottom: 0px; font-size: 14px; font-weight: 600; line-height: 1; padding: 12px 16px; text-transform: capitalize; transition: all 0.3s ease 0s; color: #e80d0d; background: #fff; margin-bottom: 30px; } a.register_bttn:hover { border: none; background: #c42522; border-color: #c52b29; color: #fff; } .border h3 { border-bottom: 1px solid #afadad; color: #3b3e79; font-size: 22px; font-weight: 700; margin: 24px 0px; padding-bottom: 12px; } ol li { margin: 30px; } ul.campus_map li,ul.header_right li,.swiper-slide ul li,.toppers_class ul li{ list-style: none; } .coursebatch_head ul { margin: 0px auto; padding: 0px 60px; color: #fff; list-style: circle; width: 100%; } .coursebatch_head ol { margin: 0px auto; padding: 0px 30px; width: 100%; } a.view_test { background: #485870; color: #fff; padding: 10px; display: -webkit-box; text-align: -webkit-center; } span.testmonial_btt { background: #ad2c2c; padding: 10px 22px; color: #ffffff; float: right; margin: 20px 0px; cursor: pointer; width: 110px; height: 40px; font-size: 16px; position: relative; } span.testmonial_btt:hover { background: #fff; color: #000; border: 1px solid#000; } /*------IMPORTANT CSS FOR FORM CONTENT COLOR---*/ input::-webkit-input-placeholder { color: #9d9d9d !important; } input:-moz-placeholder { /* Firefox 18- */ color: #fff !important; } input::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; } input:-ms-input-placeholder { color: #fff !important; } textarea::-webkit-input-placeholder { color: #fff !important; } textarea:-moz-placeholder { /* Firefox 18- */ color: #000 !important; } textarea::-moz-placeholder { /* Firefox 19+ */ color: #000 !important; } textarea:-ms-input-placeholder { color: #000 !important; } input[type="email"]::-webkit-input-placeholder { color: #000 !important; } input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #000 !important; } input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: !important; } input[type="email"]:-ms-input-placeholder { color: #000 !important; } input:focus { background-color: #efefef; } /*.item img { height:500px; width:100%; }*/ @media screen and (min-width: 700px) { #cssmenu > ul > li.has-sub > a:after { display: none; } } @media screen and (max-width: 700px) { .carousel-indicators { display:none; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: 300px; } .form-group1 { margin: 2px 2px; max-width: 100%; min-height: 55px; margin: 10px 0 0 0; padding: 0 35px; border-radius: 10px; position: relative; } .form-group1 input { width: 100%; box-sizing: border-box; height: 38px; padding: 7px 12px !important; font-size: 12px !important; letter-spacing: 0.25px; border-radius: 20px; border: 1.5px solid rgb(31,187,176); background-color: rgba(248,255,174, 0.2); autocomplete: off; color: rgba(248, 255, 174, 0.9); } } @media screen and (max-width: 320px) { .carousel-control { display:none; } .swiper-slide { width:100%!important; } .hidden_xs.hidden_tab { width: 100% !important; } ul.icon_header_right a { color: #151313; margin: 2px 6px; background: #fff; float: left; padding: 6px 8px; } .header_mobile { float: none; position: relative; } .header_mobile a { /*color: #fff;*/ font-size: 14px; float: right; position: relative; top: -56px; left: -51px; font-weight: 600; } .header_right { float: left; right: -146px; margin-top: 18px; position: relative; top: -76px; } ul.social-icons.menu-top { /* float: left; */ /* position: relative; */ /* top: -22px; */ /* right: -16vh; */ /* width: 100%; */ /* margin-top: 22px; */ } div#myTopnav { background: #234268 !important; float: left; margin-top: -28px; } } @media (max-width:399px) and (min-width:370px) { ul.social-icons li { margin: 3px 1px; } #cssmenu { margin-top: -15px; } .carousel-control { display:none; } .swiper-slide { width:100%!important; } .hidden_xs.hidden_tab { width: 100% !important; } ul.icon_header_right a { color: #151313; margin: 2px 6px; background: #fff; float: left; padding: 6px 8px; } .header_mobile { float: none; } .header_mobile a { /* color: #fff; */ font-size: 16px; top: -17px; position: relative; left: 6px; background: #234268; width: 547px; float: none; } .header_right { float: left; right: -189px; margin-top: 18px; position: relative; top: -71px; } ul.social-icons.menu-top { float: left; margin-top: 20px; position: relative; top: -36px; right: -159px; } div#myTopnav { background: #234268 !important; float: left; margin-top: -29px; margin-left: 4px; } } @media (max-width:340px) and (min-width:320px) { ul.social-icons li { margin: 3px 1px; } #cssmenu { margin-top: -15px; } .carousel-control { display:none; } .swiper-slide { width:100%!important; } .hidden_xs.hidden_tab { width: 100% !important; } ul.icon_header_right a { color: #151313; margin: 2px 6px; background: #fff; float: left; padding: 6px 8px; } .header_mobile { float: none; } .header_mobile a { /* color: #fff; */ font-size: 14px; top: -20px; position: relative; left: 6px; background: #234268; width: 547px; float: none; } .header_right { float: left; right: -189px; margin-top: 18px; position: relative; top: -71px; } ul.social-icons.menu-top { float: left; margin-top: 20px; position: relative; top: -39px; right: -117px; } div#myTopnav { background: #234268 !important; float: left; margin-top: -29px; margin-left: 4px; } } @media (max-width:370px) and (min-width:340px) { ul.social-icons li { margin: 3px 1px; } #cssmenu { margin-top: -15px; } .carousel-control { display:none; } .swiper-slide { width:100%!important; } .hidden_xs.hidden_tab { width: 100% !important; } ul.icon_header_right a { color: #151313; margin: 2px 6px; background: #fff; float: left; padding: 6px 8px; } .header_mobile { float: none; } .header_mobile a { /* color: #fff; */ font-size: 14px; top: -20px; position: relative; left: 6px; background: #009ade; width: 547px; float: none; } .header_right { float: left; right: -189px; margin-top: 18px; position: relative; top: -71px; } ul.social-icons.menu-top { float: left; margin-top: 20px; position: relative; top: -39px; right: -117px; } div#myTopnav { background: #234268 !important; float: left; margin-top: -29px; margin-left: 4px; } } @media (max-width:650px) and (min-width:400px) { .header_mobile { float: none; } #cssmenu { margin-top: 14px; } .social-icons { position: absolute; top: -15px; right: 24px; } .header_mobile a { top: -19px !important; } } @media (max-width:650px) and (min-width:400px) { .carousel-control { display:none; } .swiper-slide { width:100%!important; } .hidden_xs.hidden_tab { width: 100% !important; } ul.icon_header_right a { color: #151313; margin: 2px 6px; background: #fff; float: left; padding: 6px 8px; } .header_mobile { float: none; } .header_mobile a { /*color: #fff;*/ font-size: 17px; float: right; position: relative; top: -61px; left: -91px; } .header_right { float: left; right: -227px; margin-top: 18px; position: relative; top: -76px; } ul.social-icons.menu-top { float: left; margin-top: 20px; position: relative; top: -23px; right: -11vh; } div#myTopnav { background: #234268 !important; float: left; margin-top: -29px; margin-left: 4px; } }