/* ========================== Template: Fast-way - transport & Logistic Business HTML Template Author: 7xtheme team Version: 1.0 ========================== */ /*____GENERAL____ =============================== |____HEADING & TITLE____ |____TEXT & PARAGRAPH____ |____TEXT ALIGN____ |____TEXT VERTICLE ALIGN____ |____TEXT NO LINE BRACK____ |____TEXT TRANSFORM____ |____TEXT SIZE____ |____TEXT BOLD____*/ /*____DISPLAY____ =============================== |____LISTING STYLES ____ |____LISTING BEFORE ICON COLOR CSS____ |____LISTING BEFORE NUMBERS____ |____BOX SPACING (Padding & Margin)____*/ /*____PADDING AROUND____ =============================== |____PADDING TOP____ |____PADDING BOTTOM____ |____PADDING LEFT____ |____PADDING RIGHT____ |____PADDING LEFT AND RIGHT____ |____PADDING TOP AND BOTTOM____*/ /*____MARGIN AROUND____ =============================== |____MARGIN TOP____ |____MARGIN BOTTOM____ |____MARGIN LEFT____ |____MARGINE RIGHT____ |____MARGINE LEFT AND RIGHT____ |____MARGINE TOP AND BOTTOM____*/ /*____COLUMN NO GAP____ ===============================*/ /*____POSITIONS____( absolute , relative , statice & z-index)__ =============================== |____RELATIVE____ |____ABSOLUTE____ |____STATIC____ |____Z-INDEX____*/ /*____TEXT COLORS____ ===============================*/ /*____BACKGROUND COLOR____ ===============================*/ /*____BACKGROUND IMAGE____ ===============================*/ /*____OVERLAY ( transparient box style )____ =============================== |____USE FOR BOX____ |____SHOW FOR TEXT____ |____BOXES CSS____ |____BOX CONTENT____ |____FOR ICON WITH BOX____*/ /*____BORDER____ ===============================*/ /*____FOR ONLY ICON____ =============================== |____PLACE ICON WITH BOX____ |____ICON BOX LEFT ALIGN____ |____ICON BOX RIGHT ALIGN____ |____ICON BOX CENTER ALIGN____ |____MEDIA WITH CONTENT BOX CSS____ |____BEFOE & AFTER FOR LINE CSS____*/ /*____FOR IMAGE____ =============================== |____IMAGES OVERLAY EFFECTS (overly animation on images)____ |____EFFECT 1____ |____EFFECT 2____ |____EFFECT 3____ |____EFFECT 4____ |____EFFECT 5____ |____EFFECT 6____ |____EFFECT 7____ |____EFFECT 8____ |____EFFECT 9____ |____EFFECT 10____*/ /*____SHORTCODES____ =============================== /*____BUTTON____ =============================== |____THEME DEFAULT BUTTON____ |____BUTTON TEXT UPPERCASE____ |____BUTTON ROUNDED____ |____BUTTON COLORS____ |____BUTTON WHITE____ |____BUTTON BLACK____ |____BUTTON GRAY____ |____BUTTON PINK____ |____BUTTON BLUE____ |____BUTTON GREEN____ |____BUTTON ORANGE____ |____BUTTON RED____ |____BUTTON BROWN____ |____BUTTON YELLOW____ |____BUTTON PURPLE____ |____BUTTON GRAPHICAL____ |____BUTTON 3D____ |____BUTTON OUTLINE____ |____BUTTON OUTLINE WHITE____ |____BUTTON OUTLINE BLACK____ |____BUTTON OUTLINE GRAY____ |____BUTTON OUTLINE PINK____ |____BUTTON OUTLINE BLUE____ |____BUTTON OUTLINE GREEN____ |____BUTTON OUTLINE ORANGE____ |____BUTTON OUTLINE RED____ |____BUTTON OUTLINE BROWN____ |____BUTTON OUTLINE YELLOW____ |____BUTTON OUTLINE PURPLE____ |____BUTTON OUTLINE HOVER____ |____BUTTON TEXT LINK____ |____BUTTON TEXT LINK WHITE____ |____BUTTON TEXT LINK BLACK____ |____BUTTON TEXT LINK GRAY____ |____BUTTON TEXT LINK PINK____ |____BUTTON TEXT LINK BLUE____ |____BUTTON TEXT LINK GREEN____ |____BUTTON TEXT LINK ORANGE____ |____BUTTON TEXT LINK RED____ |____BUTTON TEXT LINK BROWN____ |____BUTTON TEXT LINK YELLOW____ |____BUTTON TEXT LINK PURPLE____ |____BUTTON APP STORE____*/ /*____TITLE SEPARATORS____ =============================== |____DEFUALT SEPARATORS____ |____LINE SEPARATORS____ |____SQUARE SEPARATORS____ |____ICON SEPARATORS____ |____DEVIDERS____ */ /*____TABS____ =============================== |____TABS DEFUALT____ |____TABS NAV CENTER____ |____TABS WITH BACKGROUND____ |____TABS WITH BACKGROUND____ |____TABS WITH BACKGROUND & TOP BORDER IN ACTIVE____ |____TABS CONTENT WITH BORDER OUTER____ |____TABS WITH LEFT NAV____ |____TABS LEFT NAV WITH BORDER____ |____TABS WITH RIGHT NAV____ |____TABS RIGHT NAV WITH BORDER____ */ /*____ACCORDIANS____ =============================== |____ACCORDIANS OPAN CLOSE INDICATOR____ |____ACCORDIANS BG DARK____ |____ACCORDIANS BG PRIMARY____ |____ACCORDIANS DEFAULT____ |____ACCORDIANS OUTLINE____ |____ACCORDIANS BG GRAY____ |____ACCORDIANS BG PRIMARY____ |____ACCORDIANS BG DARK____ */ /*____CAROUSELS____ =============================== |____DEFAULT CAROUSELS____ |____BLOG CAROUSELS____ |____EMPTY MEDIA____ |____EVENT CAROUSELS____ |____CLIENT CAROUSELS 1____ */ /*____TESTIMONIAL____ =============================== |____TESTIMONIAL WITH BACKGROUND IMAGE____ |____TESTIMONIAL 2____ |____TESTIMONIAL 2 WITH BG IMAGE____ |____TESTIMONIAL 5____ */ /*____PRICING TABLE____ =============================== |____PRICING TABLE STYLE 5____*/ /*____ALERT BOX____ =============================== */ /*____IMAGE EFFECTS____ =============================== |____IMAGE OPACITY____ |____IMAGE ZOOM____ |____IMAGE ZOOM SLOW____ |____IMAGE SHRINK____ |____image-shrink |____IMAGE SIDE PAN____ |____IMAGE VERTICAL PAN____ |____IMAGE FADE IN____ |____IMAGE FADE OUT____ |____IMAGE ROTATE____ |____IMAGE SEPIA____ |____IMAGE BLURR____ |____IMAGE BLURR INVERT____ |____IMAGE OFF COLOR____ |____IMAGE ON COLOR____ */ /*____MODAL POPUP____ =============================== */ /*____SOCIAL ICONS____ =============================== |____SOCIAL ICON DEFAULT____ |____SOCIAL ICON WITH BORDER____ |____SOCIAL ICON DARK____ |____SOCIAL ICON STYLE-1____ */ /*____BREADCRUMB____ =============================== |____BREADCRUMB ROW-1____ |____BREADCRUMB-1____ |____BREADCRUMB-2____ |____BREADCRUMB-3____*/ /*____GOOGLE MAP____ ===============================*/ /*____PROGRESS BAR____ ===============================*/ /*____COUNTDOWN CLOCK____ ===============================*/ /*____FORM ELEMENTS____ =============================== |____INPUT GROUP____ |____SELECT BOX____ |____RADIO & CHECKBOX____ |____BROWSE BUTTON CSS____ |____TOUCHSPIN INPUT TYPE NUMBER____ |____RATING STAR____ |____SIMPLE RATING LIST____ |____VALIDATION SYMBOL____ |____ERROR FOR SELECT BOX____ |____SUCESS FOR SELECT BOX____ |____TEXTAREA____ |____VERICAL RESIZE____ |____HORIZONTAL RESIZE____ |____RESIZE NONE____ |____LOADING____*/ /*____WIDGETS____ =============================== |____WIDGETS LISTING____ |____WIDGETS CUSTOM SEARCH____ |____WIDGETS SEARCH WP-DEFAULT____ |____WIDGETS RECENT POSTS____ |____WIDGETS RECENT COMMENT____ |____WIDGETS META____ |____WIDGETS CALENDER____ |____WIDGETS TAGS LIST____ |____WIDGETS ARCHIVE____ |____WIDGETS TEXT____ |____WIDGETS CATEGORIES____ |____WIDGETS RSS____ |____WIDGETS GET IN TUCH____ |____WIDGETS GALLERY____ |____WIDGETS CATEGORIES DROPDOWN____ |____WIDGETS FORM____ |____WIDGETS CLIENT SLIDER____ |____WIDGETS TWITTER____*/ /*____TABLE____ =============================== ____TABLE RESPONSIVE____*/ /*____VIDEO____ ===============================*/ /*____ICONS____ ===============================*/ /*____CALL TO ACTION____ ===============================*/ /*____WP DEFAULT____ =============================== /*____BLOG____ =============================== |____POST DATE STYLE CSS____ |____POST WITHOUT MEDIA____ |____IF NO IMAGE WITH BLOG POST____ |____BLOG POST HALF IMAGE____ |____BLOG PAGING NEXT & PREV CSS____ |____POST NAVIGATION____ |____POST PAGINATION____ |____STICKY POST____ |____POST PASSWORD FORM____ |____GALLERY CSS FOR BLOG POST____ |____SIDE BAR____ |____BLOG SINGLE____ |____COMMENT LIST____ |____COMMENT FORM____ |____BLOG BLOCK STYLE-1____ |____BLOG GRID POST____ |____IF NO IMAGE WITH BLOG POST LATEST BLOG 3____ |____IF NO IMAGE WITH BLOG POST LATEST BLOG 4____*/ /*____HEADER(TOP PART OF PAGE)____ ===============================*/ /*____HEADER FULL SCREEN____ ===============================*/ /*____WITHOUT TOP BAR____ ===============================*/ /*____MAP PAGE HEADER____ ===============================*/ /*____PAGE TOP BAR (LEFT & RIGHT CONTENT)____ ===============================*/ /*____EMAIL PHONE (LEFT)____ ===============================*/ /*____SOCIAL LINK (RIGHT)____ ===============================*/ /*____LANGUAGE LIST____ ===============================*/ /*____TOP BAR LINER____ ===============================*/ /*____LOGO____ ===============================*/ /*____LOGO FOR HEADER____ ===============================*/ /*____WHEN HEADER IS STICKY____ ===============================*/ /*____MAIN BAR (PLACE LOGO & MAIN NAVIGATION)____ ===============================*/ /*____MAIN BAR WITH BOX VIEW____ ===============================*/ /*____HEADER INFO CSS____ ===============================*/ /*____HEADER BOTTOM NAV LIGHT____ ===============================*/ /*____HEADER BOTTOM NAV DARK____ ===============================*/ /*____TOP PART SEARCH BAR____ ===============================*/ /*____NAVIGATIONS____ ===============================*/ /*____MEGA MENU____ ===============================*/ /*____SUBMENU DIRECTION____ ===============================*/ /*____NAV DARK VERSION____ ===============================*/ /*____WHEN HEADER IS STICKY____ ===============================*/ /*____WHEN HEADER IS STICKY____ ===============================*/ /*____HEADER FULL WITH____ ===============================*/ /*____HEADER WITH BG PRIMARY COLOR 1____ ===============================*/ /*____HEADER STYLE 3 (HEADER TRANSPERENT)____ ===============================*/ /*____HEADER 3 FIXED____ ===============================*/ /*____HEADER 3 TOPBAR TRANSPARENT____ ===============================*/ /*____HEADER STYLE 6____*/ /*____BANNER____ =============================== ____INNER PAGE BANNER____*/ /*____SLIDER____ =============================== |____OWL SLIDER____ |____NEXT PRE BTN____ |____OWL DOTS BUTTON____ |____OWL BUTTON TOP TO CENTER____ |____OWL BUTTON TOP TO LEFT____ |____OWL BUTTON TOP TO RIGHT____ |____OWL BUTTON TOP TO CENTER (IT IS DEFAULT POSITION)____ |____OWL BUTTON BOTTOM TO LEFT____ |____OWL BUTTON BOTTOM TO RIGHT____ |____OWL BUTTON VERTICAL TO CENTER____ |____OWL BUTTON SHOW ON HOVER____ |____OWL SLIDER BUTTON____ |____OWL DOTS NAV POSITION____*/ /*____PAGINATION____ =============================== |____PAGINATION STYLE-1____ |____PAGINATION STYLE-2____ |____PAGER____*/ /*____FOOTER____ =============================== |____FOOTER FIXED ON BOTTOM CSS____ |____FOOTER FIXED WITH FULLSCREEN VIEW____ |____FOOTER FIXED WITH BOXED VIEW____ |____FOOTER DARK VERSION CSS____ |____FOOTER LIGHT VERSION CSS____ |____WIDGET IN FOOTER____ |____WIDGET GETINTUCH____ |____SCROLL TOP BTN CSS____ /*____PAGE CONTENT____ ===============================*/ /*____SECTION HEAD PART____ ===============================*/ /*____SECTION CONTENT PART____ ===============================*/ /*____AFTER LOGIN CONTENT____ ===============================*/ /*____CALENDER CSS____ ===============================*/ /*____CONTACT US PAGE____ ===============================*/ /*____PAGE NOT FOUND____ ===============================*/ /*____TF REQUIRED CLASSES____ ===============================*/ /*____SCREEN READER TEXT____ ===============================*/ /*____BOX MAX-WIDTH css ( )____ ===============================*/ /*____SHOP & PRODUCT DETAIL____ ===============================*/ /*____PRODUCT BOX____ ===============================*/ /*____PRODUCT DETAIL____ ===============================*/ /*____PRODUCT REVIEW____ ===============================*/ /*____CONTENT SHOW ON IMAGE BOX ()____ ===============================*/ /*____INFO BOX SHOW____ ===============================*/ /*____CUSTOMIZE GROUPING CSS____ ===============================*/ /*____SET RADIUS____ ===============================*/ /*____TRANSITION____ ===============================*/ /*____FLOAT-CLEARFIX____ ===============================*/ /*____INNER PAGES____ ===============================*/ /*____CONTACT US____ ===============================*/ /*____CONTACT US 1____ ===============================*/ /*____OUR TEAM____ ===============================*/ /*____OUR TEAM 7____ ===============================*/ /*____SOCIAL NEW BLOCK____ ===============================*/ /*____SERVICES____ ===============================*/ /*____LATEST PROJECT____ ===============================*/ /*____MENU LIST BLOCK____ ===============================*/ /*____CLIENTS____ ===============================*/ /*____FAQ____ ===============================*/ /*____CART____ ===============================*/ /*____PRODUCT____ ===============================*/ /*____BACKGROUND EFFECTS____ ===============================*/ /*____ON SHOW SLIDER____ ===============================*/ /*____SHOPPING TABLE____ ===============================*/ /*____CONTACT SECTION____ ===============================*/ /*____PRICING TABLE INDEX____ ===============================*/ /*____FILTER SECTION-1____ ===============================*/ /*____FILTER SECTION-2____ ===============================*/ /*____OVERLAY 2____ ===============================*/ /*____BOXSHADOW____ ===============================*/ /*____HOME PAGE FORM____ ===============================*/ /*____ANIMATED PLAY BUTTON____ ===============================*/ /* triangle ===============================*/ /* pulse wave ===============================*/ /* img full ===============================*/ /*____BOLD TRANSPERENT TITLE____ ===============================*/ /*____BG CHANGE SECTION____ ===============================*/ /*____ANIMATED PLAY BTN____ ===============================*/ /*____ABOUT US____ ===============================*/ /*____CONTACT US____ ===============================*/ /*____WISH LIST____ ===============================*/ /*____SHAKE IMG____ ===============================*/ /*____GENERAL____*/ body { background-color: #FFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; color: #484848; padding: 0; margin: 0; overflow-x: hidden; } a { 11color: #ff0000; outline: 0 none; text-decoration: none; } a:hover, a:focus { text-decoration: none; outline: 0 none; } a:active, a:hover, a:focus { color: #333333; } p a { color: #333333; } img { border-style: none; height: auto; max-width: 100%; vertical-align: middle; } hr { clear: both; } section, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, summary { display: block; } address { font-style: italic; } table { background-color: transparent; width: 100%; } table thead th { color: #333; } table td { padding: 15px 10px; } @media only screen and ( max-width:360px) { table td { word-break: break-all; } } p, address, pre, hr, ul, ol, dl, dd, table { margin-bottom: 24px; } .overflow-hide { overflow: hidden; } .overflow-auto { overflow: auto; } .clear { clear: both; } .pull-none { float: none; } ::selection { background: #ff0000; color: #fff; } ::-moz-selection { background: #ff0000; color: #fff; } ::-webkit-selection { background: #ff0000; color: #fff; } @media only screen and (max-width:600px) { .col-xs-100pc { width: 100%; } } /*____HEADING & TITLE____*/ h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1a1a1a; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #ff0000; } h1 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 45px; line-height: 50px; color: #3d474a; } h2 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 35px; line-height: 40px; color: #1a1a1a; text-transform: uppercase; } h3 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: #1a1a1a; margin-bottom: 20px; text-transform: uppercase; } h4 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; color: #1a1a1a; margin-bottom: 15px; text-transform: uppercase; } h5 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; line-height: 22px; color: #1a1a1a; margin-bottom: 10px; } h6 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; color: #1a1a1a; margin-bottom: 10px; } .display-inline { display: inline; } .display-inline-block { display: inline-block; } .display-block { display: block; } /*____TEXT & PARAGRAPH____*/ p { line-height: 24px; margin-bottom: 24px; } strong { font-weight: 600; } /*____TEXT ALIGN____*/ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify } /*____TEXT VERTICLE ALIGN____*/ .v-align-t { vertical-align: top; } .v-align-m { vertical-align: middle; } .v-align-b { vertical-align: bottom; } /*____TEXT NO LINE BRACK____*/ .text-nowrap { white-space: nowrap } /*____TEXT TRANSFORM____*/ .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } /*____TEXT SIZE____*/ .font-12 { font-size: 12px; line-height: 18px; } .font-14 { font-size: 14px; line-height: 20px; } .font-16 { font-size: 16px; line-height: 22px; } .font-18 { font-size: 18px; line-height: 24px; } .font-20 { font-size: 20px; line-height: 26px; } .font-22 { font-size: 22px; line-height: 28px; } .font-24 { font-size: 24px; line-height: 30px; } .font-26 { font-size: 26px; line-height: 32px; } .font-28 { font-size: 28px; line-height: 34px; } .font-30 { font-size: 30px; line-height: 36px; } .font-32 { font-size: 32px; line-height: 38px; } .font-34 { font-size: 34px; line-height: 40px; } .font-36 { font-size: 36px; line-height: 42px; } .font-38 { font-size: 38px; line-height: 44px; } .font-40 { font-size: 40px; line-height: 46px; } .font-42 { font-size: 42px; line-height: 48px; } .font-44 { font-size: 44px; line-height: 50px; } .font-46 { font-size: 46px; line-height: 52px; } .font-48 { font-size: 48px; line-height: 54px; } .font-50 { font-size: 50px; line-height: 56px; } .font-60 { font-size: 60px; line-height: 66px; } .font-70 { font-size: 70px; line-height: 76px; } .font-80 { font-size: 80 px; line-height: 86px; } @media only screen and (max-width:414px) { .font-30, .font-32, .font-34, .font-36, h2 { font-size: 26px; line-height: 32px; } } /*____TEXT BOLD____*/ .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .font-weight-800 { font-weight: 800; } .font-weight-900 { font-weight: 900; } /*____DISPLAY____*/ .inline { display: inline; } .inline-block { display: inline-block; } .display-block { display: block; } /*____LISTING STYLES ____*/ dl, ul, ol { list-style-position: outside; padding: 0; } ul, ol { margin-bottom: 24px; } ul li, ol li { padding: 0; } dl { margin-left: 0; margin-bottom: 30px; } dl dd { margin-bottom: 10px; } .list-simple li { margin-bottom: 10px; } .list-simple li ul { margin-left: 15px; margin-top: 10px; } .list-simple.list-unstyled li ul { margin-left: 30px; margin-top: 10px; } .list-circle, .list-angle-right, .list-arrow, .list-check, .list-checked, .list-check-circle, .list-chevron-circle, .list-arrow-circle, .list-times-circle { margin: 0 0 20px 0; padding: 0; list-style: none; } .list-circle li, .list-angle-right li, .list-arrow li, .list-check li, .list-checked li, .list-check-circle li, .list-chevron-circle li, .list-arrow-circle li, .list-times-circle li { padding: 5px 5px 5px 20px; position: relative; } .list-circle li:before, .list-angle-right li:before, .list-arrow li:before, .list-check li:before, .list-checked li:before, .list-check-circle li:before, .list-chevron-circle li:before, .list-arrow-circle li:before, .list-times-circle li:before { font-family: "FontAwesome"; position: absolute; left: 0; top: 4px; display: block; font-size: 15px; color: #777; } .list-circle li:before { top: 10px; font-size: 10px; } .list-circle li:before { content: "\f111"; } .list-angle-right li:before { content: "\f105"; } .list-arrow li:before { content: "\f0da"; } .list-check li:before { content: "\f00c"; } .list-checked li:before { content: "\f046"; } .list-check-circle li:before { content: "\f058"; } .list-chevron-circle li:before { content: "\f138"; } .list-arrow-circle li:before { content: "\f0a9"; } .list-times-circle li:before { content: "\f057"; } /*____LISTING BEFORE ICON COLOR CSS____*/ ul.primary li:before { color: #ff0000; } ul.secondry li:before { color: #77C04B; } ul.black li:before { color: #000; } ul.white li:before { color: #fff; } ul.orange li:before { color: #FF6600; } ul.green li:before { color: #00CC00; } ul.red li:before { color: #FF3737; } dl.no-margin, ul.no-margin, ol.no-margin { margin: 0px !important; list-style: none; } /*____LISTING BEFORE NUMBERS____*/ ol.list-num-count { counter-reset: li; padding-left: 0; } ol.list-num-count>li { position: relative; margin: 0 0 6px 30px; padding: 4px 8px; list-style: none; } ol.list-num-count>li:before { content: counter(li, decimal); counter-increment: li; position: absolute; top: 0; left: -28px; width: 28px; height: 28px; padding: 5px; color: #fff; background: #ff0000; font-weight: bold; text-align: center; font-size: 12px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } ol.list-num-count.lower-alpha>li:before { content: counter(li, lower-alpha); } ol.list-num-count.upper-alpha>li:before { content: counter(li, upper-alpha); } ol.list-num-count.list-outline>li:before { border: 1px solid #ff0000; background-color: transparent; color: #787878; } ol.list-num-count.list-outline-none>li:before { background-color: transparent; color: #787878; } /*____BOX SPACING (Padding & Margin)____*/ /*____PADDING AROUND____*/ .p-a0 { padding: 0; } .p-a5 { padding: 5px; } .p-a10 { padding: 10px; } .p-a15 { padding: 15px; } .p-a20 { padding: 20px; } .p-a25 { padding: 25px; } .p-a30 { padding: 30px; } .p-a40 { padding: 40px; } .p-a50 { padding: 50px; } .p-a60 { padding: 60px; } .p-a70 { padding: 70px; } .p-a80 { padding: 80px; } .p-a90 { padding: 90px; } .p-a100 { padding: 100px; } .p-a110 { padding: 110px; } .p-a120 { padding: 120px; } .p-a130 { padding: 130px; } .p-a140 { padding: 140px; } .p-a150 { padding: 150px; } /*____PADDING TOP____*/ .p-t0 { padding-top: 0; } .p-t5 { padding-top: 5px; } .p-t10 { padding-top: 10px; } .p-t15 { padding-top: 15px; } .p-t20 { padding-top: 20px; } .p-t25 { padding-top: 25px; } .p-t30 { padding-top: 30px; } .p-t40 { padding-top: 40px; } .p-t50 { padding-top: 50px; } .p-t57 { padding-top: 57px; } .p-t60 { padding-top: 60px; } .p-t70 { padding-top: 70px; } .p-t80 { padding-top: 80px; } .p-t87 { padding-top: 87px; } .p-t90 { padding-top: 90px; } .p-t100 { padding-top: 100px; } .p-t110 { padding-top: 110px; } .p-t120 { padding-top: 120px; } .p-t130 { padding-top: 130px; } .p-t140 { padding-top: 140px; } .p-t150 { padding-top: 150px; } /*____PADDING BOTTOM____*/ .p-b0 { padding-bottom: 0; } .p-b5 { padding-bottom: 5px; } .p-b10 { padding-bottom: 10px; } .p-b15 { padding-bottom: 15px; } .p-b20 { padding-bottom: 20px; } .p-b25 { padding-bottom: 25px; } .p-b30 { padding-bottom: 30px; } .p-b40 { padding-bottom: 40px; } .p-b50 { padding-bottom: 50px; } .p-b57 { padding-bottom: 57px; } .p-b60 { padding-bottom: 60px; } .p-b70 { padding-bottom: 70px; } .p-b80 { padding-bottom: 80px; } .p-b87 { padding-bottom: 87px; } .p-b90 { padding-bottom: 90px; } .p-b100 { padding-bottom: 100px; } .p-b110 { padding-bottom: 110px; } .p-b120 { padding-bottom: 120px; } .p-b130 { padding-bottom: 130px; } .p-b140 { padding-bottom: 140px; } .p-b150 { padding-bottom: 150px; } /*____PADDING LEFT____*/ .p-l0 { padding-left: 0; } .p-l5 { padding-left: 5px; } .p-l10 { padding-left: 10px; } .p-l15 { padding-left: 15px; } .p-l20 { padding-left: 20px; } .p-l25 { padding-left: 25px; } .p-l30 { padding-left: 30px; } .p-l40 { padding-left: 40px; } .p-l50 { padding-left: 50px; } .p-l60 { padding-left: 60px; } .p-l70 { padding-left: 70px; } .p-l80 { padding-left: 80px; } .p-l90 { padding-left: 90px; } .p-l100 { padding-left: 100px; } .p-l110 { padding-left: 110px; } .p-l120 { padding-left: 120px; } .p-l130 { padding-left: 130px; } .p-l140 { padding-left: 140px; } .p-l150 { padding-left: 150px; } /*____PADDING RIGHT____*/ .p-r0 { padding-right: 0; } .p-r5 { padding-right: 5px; } .p-r10 { padding-right: 10px; } .p-r15 { padding-right: 15px; } .p-r20 { padding-right: 20px; } .p-r25 { padding-right: 20px; } .p-r30 { padding-right: 30px; } .p-r40 { padding-right: 40px; } .p-r50 { padding-right: 50px; } .p-r60 { padding-right: 60px; } .p-r70 { padding-right: 70px; } .p-r80 { padding-right: 80px; } .p-r90 { padding-right: 90px; } .p-r100 { padding-right: 100px; } .p-r110 { padding-right: 110px; } .p-r120 { padding-right: 120px; } .p-r130 { padding-right: 130px; } .p-r140 { padding-right: 140px; } .p-r150 { padding-right: 150px; } /*____PADDING LEFT AND RIGHT____*/ .p-lr0 { padding-left: 0; padding-right: 0; } .p-lr5 { padding-left: 5px; padding-right: 5px; } .p-lr10 { padding-left: 10px; padding-right: 10px; } .p-lr15 { padding-left: 15px; padding-right: 15px; } .p-lr20 { padding-left: 20px; padding-right: 20px; } .p-lr30 { padding-left: 30px; padding-right: 30px; } .p-lr40 { padding-left: 40px; padding-right: 40px; } .p-lr50 { padding-left: 50px; padding-right: 50px; } .p-lr60 { padding-left: 60px; padding-right: 60px; } .p-lr70 { padding-left: 70px; padding-right: 70px; } .p-lr80 { padding-left: 80px; padding-right: 80px; } .p-lr90 { padding-left: 90px; padding-right: 90px; } .p-lr100 { padding-left: 100px; padding-right: 100px; } .p-lr120 { padding-left: 120px; padding-right: 120px; } .p-lr150 { padding-left: 150px; padding-right: 150px; } /*____PADDING TOP AND BOTTOM____*/ .p-tb0 { padding-bottom: 0; padding-top: 0; } .p-tb5 { padding-bottom: 5px; padding-top: 5px; } .p-tb10 { padding-bottom: 10px; padding-top: 10px; } .p-tb15 { padding-bottom: 15px; padding-top: 15px; } .p-tb20 { padding-bottom: 20px; padding-top: 20px; } .p-tb30 { padding-bottom: 30px; padding-top: 30px; } .p-tb40 { padding-bottom: 40px; padding-top: 40px; } .p-tb50 { padding-bottom: 50px; padding-top: 50px; } .p-tb60 { padding-bottom: 60px; padding-top: 60px; } .p-tb70 { padding-bottom: 70px; padding-top: 70px; } .p-tb80 { padding-bottom: 80px; padding-top: 80px; } .p-tb90 { padding-bottom: 90px; padding-top: 90px; } .p-tb100 { padding-bottom: 100px; padding-top: 100px; } .p-tb120 { padding-bottom: 120px; padding-top: 120px; } .p-tb150 { padding-bottom: 150px; padding-top: 150px; } /*____MARGIN AROUND____*/ .m-a-1 { margin: -1px } .m-a0 { margin: 0; } .m-a5 { margin: 5px; } .m-a10 { margin: 10px; } .m-a15 { margin: 15px; } .m-a20 { margin: 20px; } .m-a25 { margin: 25px; } .m-a30 { margin: 30px; } .m-a40 { margin: 40px; } .m-a50 { margin: 50px; } .m-a60 { margin: 60px; } .m-a70 { margin: 70px; } .m-a80 { margin: 80px; } .m-a90 { margin: 90px; } .m-a100 { margin: 100px; } .m-a110 { margin: 110px; } .m-a120 { margin: 120px; } .m-a130 { margin: 130px; } .m-a140 { margin: 140px; } .m-a150 { margin: 150px; } /*____MARGIN TOP____*/ .m-t0 { margin-top: 0; } .m-t5 { margin-top: 5px; } .m-t10 { margin-top: 10px; } .m-t15 { margin-top: 15px; } .m-t20 { margin-top: 20px; } .m-t25 { margin-top: 25px; } .m-t30 { margin-top: 30px; } .m-t40 { margin-top: 40px; } .m-t50 { margin-top: 50px; } .m-t60 { margin-top: 60px; } .m-t70 { margin-top: 70px; } .m-t80 { margin-top: 80px; } .m-t90 { margin-top: 90px; } .m-t100 { margin-top: 100px; } .m-t110 { margin-top: 110px; } .m-t120 { margin-top: 120px; } .m-t130 { margin-top: 130px; } .m-t140 { margin-top: 140px; } .m-t150 { margin-top: 150px; } /*____MARGIN BOTTOM____*/ .m-b0 { margin-bottom: 0; } .m-b5 { margin-bottom: 5px; } .m-b10 { margin-bottom: 10px; } .m-b15 { margin-bottom: 15px; } .m-b20 { margin-bottom: 20px; } .m-b25 { margin-bottom: 25px; } .m-b30 { margin-bottom: 30px; } .m-b40 { margin-bottom: 40px; } .m-b50 { margin-bottom: 50px; } .m-b60 { margin-bottom: 60px; } .m-b70 { margin-bottom: 70px; } .m-b80 { margin-bottom: 80px; } .m-b90 { margin-bottom: 90px; } .m-b100 { margin-bottom: 100px; } .m-b110 { margin-bottom: 110px; } .m-b120 { margin-bottom: 120px; } .m-b130 { margin-bottom: 130px; } .m-b140 { margin-bottom: 140px; } .m-b150 { margin-bottom: 150px; } /*____MARGIN LEFT____*/ .m-l0 { margin-left: 0; } .m-l5 { margin-left: 5px; } .m-l10 { margin-left: 10px; } .m-l15 { margin-left: 15px; } .m-l20 { margin-left: 20px; } .m-l25 { margin-left: 25px; } .m-l30 { margin-left: 30px; } .m-l40 { margin-left: 40px; } .m-l50 { margin-left: 50px; } .m-l60 { margin-left: 60px; } .m-l70 { margin-left: 70px; } .m-l80 { margin-left: 80px; } .m-l90 { margin-left: 90px; } .m-l100 { margin-left: 100px; } .m-l110 { margin-left: 110px; } .m-l120 { margin-left: 120px; } .m-l130 { margin-left: 130px; } .m-l140 { margin-left: 140px; } .m-l150 { margin-left: 150px; } /*____MARGINE RIGHT____*/ .m-r0 { margin-right: 0; } .m-r5 { margin-right: 5px; } .m-r10 { margin-right: 10px; } .m-r15 { margin-right: 15px; } .m-r20 { margin-right: 20px; } .m-r25 { margin-right: 25px; } .m-r30 { margin-right: 30px; } .m-r40 { margin-right: 40px; } .m-r50 { margin-right: 50px; } .m-r60 { margin-right: 60px; } .m-r70 { margin-right: 70px; } .m-r80 { margin-right: 80px; } .m-r90 { margin-right: 90px; } .m-r100 { margin-right: 100px; } .m-r110 { margin-right: 110px; } .m-r120 { margin-right: 120px; } .m-r130 { margin-right: 130px; } .m-r140 { margin-right: 140px; } .m-r150 { margin-right: 150px; } /*____MARGINE LEFT AND RIGHT____*/ .m-lr0 { margin-left: 0; margin-right: 0; } .m-lr5 { margin-left: 5px; margin-right: 5px; } .m-lr10 { margin-left: 10px; margin-right: 10px; } .m-lr15 { margin-left: 15px; margin-right: 15px; } .m-lr20 { margin-left: 20px; margin-right: 20px; } .m-lr30 { margin-left: 30px; margin-right: 30px; } .m-lr40 { margin-left: 40px; margin-right: 40px; } .m-lr50 { margin-left: 50px; margin-right: 50px; } .m-lr60 { margin-left: 60px; margin-right: 60px; } .m-lr70 { margin-left: 70px; margin-right: 70px; } .m-lr80 { margin-left: 80px; margin-right: 80px; } .m-lr90 { margin-left: 90px; margin-right: 90px; } .m-lr100 { margin-left: 100px; margin-right: 100px; } .m-lr120 { margin-left: 120px; margin-right: 120px; } .m-lr150 { margin-left: 150px; margin-right: 150px; } /*____MARGINE TOP AND BOTTOM____*/ .m-tb0 { margin-bottom: 0; margin-top: 0; } .m-tb5 { margin-bottom: 5px; margin-top: 5px; } .m-tb10 { margin-bottom: 10px; margin-top: 10px; } .m-tb15 { margin-bottom: 15px; margin-top: 15px; } .m-tb20 { margin-bottom: 20px; margin-top: 20px; } .m-tb30 { margin-bottom: 30px; margin-top: 30px; } .m-tb40 { margin-bottom: 40px; margin-top: 40px; } .m-tb50 { margin-bottom: 50px; margin-top: 50px; } .m-tb60 { margin-bottom: 60px; margin-top: 60px; } .m-tb70 { margin-bottom: 70px; margin-top: 70px; } .m-tb80 { margin-bottom: 80px; margin-top: 80px; } .m-tb90 { margin-bottom: 90px; margin-top: 90px; } .m-tb100 { margin-bottom: 100px; margin-top: 100px; } .m-tb120 { margin-bottom: 120px; margin-top: 120px; } .m-tb150 { margin-bottom: 150px; margin-top: 150px; } /*____COLUMN NO GAP____*/ .no-col-gap [class*="col-xs-"], .no-col-gap [class*="col-sm-"], .no-col-gap [class*="col-md-"], .no-col-gap [class*="col-lg-"] { padding-left: 0; padding-right: 0; } /*____POSITIONS____( absolute , relative , statice & z-index)__*/ /*____RELATIVE____*/ .relative { position: relative; } /*____ABSOLUTE____*/ .absolute { position: absolute; } /*____STATIC____*/ .static { position: static; } /*____Z-INDEX____*/ .z-index1 { z-index: 1; } .z-index2 { z-index: 2; } .z-index3 { z-index: 3; } .z-index4 { z-index: 4; } .z-index5 { z-index: 5; } .z-index6 { z-index: 6; } .z-index7 { z-index: 7; } .z-index8 { z-index: 8; } .z-index9 { z-index: 9; } .z-index10 { z-index: 10; } .z-index100 { z-index: 100; } .z-index999 { z-index: 999; } /*____TEXT COLORS____*/ .text-white { color: #fff; } .text-primary { color: #ff0000; } .text-secondry { color: #020d26; } .text-black { color: #000; } .text-gray { color: #f5f6f6; } .text-gray-dark { color: #d3d3d3; } .text-red { color: #99090A; } .text-green { color: #557131; } .text-yellow { color: #99910A; } .text-light-blue { color: #004F83; } /*____BACKGROUND COLOR____*/ .bg-transparent { background-color: transparent; } .bg-primary { background-color: #ff0000; } .bg-secondry { background-color: #020d26; } .bg-white { background-color: #FFF; } .bg-black { background-color: #000; } .bg-black-light { background-color: #212121; } .bg-gray { background-color: #757575; } .bg-gray-light { background-color: #f1f1f1; } .bg-gray-dark { background-color: #d3d3d3; } .bg-red { background-color: #fb5455; } .bg-green { background-color: #a5de5c; } .bg-yellow { background-color: #fff000; } .bg-dark-blue { background-color: #161b23; } .bg-light-blue { background-color: #3097db; } /*____BACKGROUND IMAGE____*/ .bg-parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width:768px) { .bg-parallax { background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat; background-size: cover; } } /*____OVERLAY ( transparient box style )____*/ .overlay-wraper { position: relative; } .overlay-main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; } .opacity-01 { opacity: 0.1; } .opacity-02 { opacity: 0.2; } .opacity-03 { opacity: 0.3; } .opacity-04 { opacity: 0.4; } .opacity-05 { opacity: 0.5; } .opacity-06 { opacity: 0.6; } .opacity-07 { opacity: 0.7; } .opacity-08 { opacity: 0.8; } .opacity-09 { opacity: 0.9; } .overlay-light .overlay-main { opacity: 0.3; } .overlay-dark .overlay-main { opacity: 0.9; } .overlay-wraper>.container, .overlay-wraper>.container-fluid, .overlay-wraper>.mt-icon-box-wraper, .overlay-wraper>.mt-left-part, .overlay-wraper>.mt-right-part, .overlay-wraper>.mt-right-part-2 { position: relative; z-index: 1; } /*____USE FOR BOX____*/ .overlay-bx { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; text-align: center; z-index: 2; opacity: 0; visibility: hidden; } .overlay-icon { list-style: none; position: absolute; right: 50%; bottom: 50%; z-index: 1 !important; -webkit-transform: translateX(50%) translateY(50%); -ms-transform: translateX(50%) translateY(50%); transform: translateX(50%) translateY(50%); } .overlay-icon a { display: inline-block; padding: 0; margin: 0 2px; color: #fff; background-color: transparent !important; border: 3px solid; } .overlay-icon .mt-icon-box-xs { line-height: 40px; } .overlay-icon a:hover { color: #fff; } .overlay-bx:hover a>i, .mt-thum-bx:hover .overlay-bx a>i, .mt-box:hover .overlay-bx a>i { opacity: 1; visibility: visible; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .overlay-bx:hover, .mt-thum-bx:hover .overlay-bx, .mt-box:hover .overlay-bx, .ow-img:hover .overlay-bx, .ow-portfolio-img:hover .overlay-bx { opacity: 1; visibility: visible; } /*____SHOW FOR TEXT____ */ .overlay-text { width: 100%; position: absolute; padding: 20px; color: #FFF; left: 0; bottom: 20px; } .mt-address-bx { display: table; text-align: left; padding: 20px 20px 20px 25px; width: 100%; height: 100%; position: relative; font-size: 14px; vertical-align: middle; font-weight: 600; } .mt-address-bx .fa { position: absolute; top: 22px; left: 0; font-size: 22px; } .col-md-3 .overlay-text { padding: 5px; } .col-md-4 .overlay-text { padding: 20px; } .mt-address2-bx { display: table; background: #eaeaea; padding: 5px 10px; margin-bottom: 10px } /*____BOXES CSS____*/ .rounded-bx, .mt-box, .mt-icon-box, .mt-icon-box-small, .mt-thum-bx, .mt-post-thum { position: relative; } /*____BOX CONTENT____*/ .mt-box { position: relative; } .mt-box.no-margin { margin-bottom: 0; } /*____FOR ICO WITH BOX____*/ .mt-icon-box-xld, .mt-icon-box-xl, .mt-icon-box-lg, .mt-icon-box-md, .mt-icon-box-sm, .mt-icon-box-xs { display: inline-block; text-align: center; } .mt-icon-box-xld { width: 180px; height: 180px; } .mt-icon-box-xl { width: 150px; height: 150px; } .mt-icon-box-lg { width: 120px; height: 120px; } .mt-icon-box-md { width: 100px; height: 100px; } .mt-icon-box-sm { width: 80px; height: 80px; } .mt-icon-box-xs { width: 40px; height: 40px; } .mt-icon-box-xld.radius, .mt-icon-box-xl.radius, .mt-icon-box-lg.radius, .mt-icon-box-md.radius, .mt-icon-box-sm.radius, .mt-icon-box-xs.radius { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .mt-icon-box-xld i, .mt-icon-box-xl i, .mt-icon-box-lg i, .mt-icon-box-md i, .mt-icon-box-sm i, .mt-icon-box-xs i { vertical-align: middle; } .mt-icon-box-xld i { font-size: 100px; } .mt-icon-box-xl i { font-size: 80px; } .mt-icon-box-lg i { font-size: 60px; } .mt-icon-box-md i { font-size: 45px; } .mt-icon-box-sm i { font-size: 30px; } .mt-icon-box-xs i { font-size: 20px; } .mt-icon-box-xld img, .mt-icon-box-xl img, .mt-icon-box-lg img, .mt-icon-box-md img, .mt-icon-box-sm img, .mt-icon-box-xs img { vertical-align: middle; max-width: 100%; width: auto; } .mt-icon-box-xld img { height: 90px; } .mt-icon-box-xl img { height: 80px; } .mt-icon-box-lg img { height: 55px; } .mt-icon-box-md img { height: 40px; } .mt-icon-box-sm img { height: 30px; } .mt-icon-box-xs img { height: 20px; } /*____BORDER____*/ .bdr-white { border-color: #ffffff; } .bdr-black { border-color: #000000; } .bdr-primary { border-color: #ff0000; } .bdr-gray { border-color: #dddddd; } .bdr-gray-light { border-color: #eeeeee; } .bdr-gray-dark { border-color: #333333; } .bdr-solid { border-style: solid; } .bdr-dotted { border-style: dotted; } .bdr-dash { border-style: dashed; } .bdr-1 { border-width: 1px; } .bdr-2 { border-width: 2px; } .bdr-3 { border-width: 3px; } .bdr-4 { border-width: 4px; } .bdr-5 { border-width: 5px; } .bdr-l-1 { border-width: 0px 0px 0px 1px; } .bdr-l-2 { border-width: 0px 0px 0px 2px; } .bdr-l-3 { border-width: 0px 0px 0px 3px; } .bdr-l-4 { border-width: 0px 0px 0px 4px; } .bdr-l-5 { border-width: 0px 0px 0px 5px; } .bdr-r-1 { border-width: 0px 1px 0px 0px; } .bdr-r-2 { border-width: 0px 2px 0px 0px; } .bdr-r-3 { border-width: 0px 3px 0px 0px; } .bdr-r-4 { border-width: 0px 4px 0px 0px; } .bdr-r-5 { border-width: 0px 5px 0px 0px; } .bdr-t-1 { border-width: 1px 0px 0px 0px; } .bdr-t-2 { border-width: 2px 0px 0px 0px; } .bdr-t-3 { border-width: 3px 0px 0px 0px; } .bdr-t-4 { border-width: 4px 0px 0px 0px; } .bdr-t-5 { border-width: 5px 0px 0px 0px; } .bdr-b-1 { border-width: 0px 0px 1px 0px; } .bdr-b-2 { border-width: 0px 0px 2px 0px; } .bdr-b-3 { border-width: 0px 0px 3px 0px; } .bdr-b-4 { border-width: 0px 0px 4px 0px; } .bdr-b-5 { border-width: 0px 0px 5px 0px; } .bdr-lr-1 { border-width: 0px 1px 0px 1px; } .bdr-lr-2 { border-width: 0px 2px 0px 2px; } .bdr-lr-3 { border-width: 0px 3px 0px 3px; } .bdr-lr-4 { border-width: 0px 4px 0px 4px; } .bdr-lr-5 { border-width: 0px 5px 0px 5px; } .bdr-tb-1 { border-width: 1px 0px 1px 0px; } .bdr-tb-2 { border-width: 2px 0px 2px 0px; } .bdr-tb-3 { border-width: 3px 0px 3px 0px; } .bdr-tb-4 { border-width: 4px 0px 4px 0px; } .bdr-tb-5 { border-width: 5px 0px 5px 0px; } /*____FOR ONLY ICON____*/ .icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs { display: inline-block; text-align: center; } .icon-xld i, .icon-xld [class*="flaticon-"]::before, .icon-xld [class*="flaticon-"]::after { font-size: 100px; } .icon-xl i, .icon-xl [class*="flaticon-"]::before, .icon-xl [class*="flaticon-"]::after { font-size: 80px; } .icon-lg i, .icon-lg [class*="flaticon-"]::before, .icon-lg [class*="flaticon-"]::after { font-size: 60px; } .icon-md i, .icon-md [class*="flaticon-"]::before, .icon-md [class*="flaticon-"]::after { font-size: 45px; } .icon-sm i, .icon-sm [class*="flaticon-"]::before, .icon-sm [class*="flaticon-"]::after { font-size: 30px; } .icon-xs i, .icon-xs [class*="flaticon-"]::before, .icon-xs [class*="flaticon-"]::after { font-size: 20px; } .icon-xld i, .icon-xl i, .icon-lg i, .icon-md i, .icon-sm i, .icon-xs i { vertical-align: middle; } .icon-xld { width: 120px; } .icon-xld i { font-size: 100px; line-height: 100px; } .icon-xl { width: 100px; } .icon-xl i { font-size: 80px; line-height: 80px; } .icon-lg { width: 80px; } .icon-lg i { font-size: 60px; line-height: 60px; } .icon-md { width: 60px; } .icon-md i { font-size: 45px; line-height: 45px; } .icon-sm { width: 40px; } .icon-sm i { font-size: 30px; line-height: 30px; } .icon-xs { width: 30px; } .icon-xs i { font-size: 20px; line-height: 20px; } .icon-xld img, .icon-xl img, .icon-lg img, .icon-md img, .icon-sm img, .icon-xs img { vertical-align: middle; max-width: 100%; width: auto; } .icon-xld img { height: 90px; } .icon-xl img { height: 80px; } .icon-lg img { height: 70px; } .icon-md img { height: 50px; } .icon-sm img { height: 30px; } .icon-xs img { height: 20px; } /*____PLACE ICON WITH BOX____*/ .about-types .mt-icon-box-wraper { border-width: 0px 0px 0px 3px; } .mt-icon-box-wraper { position: relative; } .mt-icon-box-wraper .mt-tilte { margin-top: 0; } .mt-icon-box-wraper .after-titile-line { margin-bottom: 10px; } .mt-icon-box-wraper p:last-child { margin: 0px; } .icon-content { overflow: hidden; } .mt-icon-box-xld, .mt-icon-box-xl, .mt-icon-box-lg, .mt-icon-box-md, .mt-icon-box-sm, .mt-icon-box-xs { display: table; } .mt-icon-box-xld .icon-cell, .mt-icon-box-xl .icon-cell, .mt-icon-box-lg .icon-cell, .mt-icon-box-md .icon-cell, .mt-icon-box-sm .icon-cell, .mt-icon-box-xs .icon-cell { display: table-cell; vertical-align: middle; } /*____ICON BOX LEFT ALIGN____*/ .mt-icon-box-wraper.left .mt-icon-box-xld, .mt-icon-box-wraper.left .mt-icon-box-xl, .mt-icon-box-wraper.left .mt-icon-box-lg, .mt-icon-box-wraper.left .mt-icon-box-md, .mt-icon-box-wraper.left .mt-icon-box-sm, .mt-icon-box-wraper.left .mt-icon-box-xs { float: left; margin-right: 20px; } .mt-icon-box-wraper.left .icon-xld, .mt-icon-box-wraper.left .icon-xl, .mt-icon-box-wraper.left .icon-lg, .mt-icon-box-wraper.left .icon-md, .mt-icon-box-wraper.left .icon-sm, .mt-icon-box-wraper.left .icon-xs { float: left; margin-right: 10px; } /*____ICON BOX RIGHT ALIGN____*/ .mt-icon-box-wraper.right { text-align: right; } .mt-icon-box-wraper.right .mt-icon-box-xld, .mt-icon-box-wraper.right .mt-icon-box-xl, .mt-icon-box-wraper.right .mt-icon-box-lg, .mt-icon-box-wraper.right .mt-icon-box-md, .mt-icon-box-wraper.right .mt-icon-box-sm, .mt-icon-box-wraper.right .mt-icon-box-xs { float: right; display: table; margin-left: 20px; } .mt-icon-box-wraper.right .icon-xld, .mt-icon-box-wraper.right .icon-xl, .mt-icon-box-wraper.right .icon-lg, .mt-icon-box-wraper.right .icon-md, .mt-icon-box-wraper.right .icon-sm, .mt-icon-box-wraper.right .icon-xs { float: right; margin-left: 10px; } /*____ICON BOX CENTER ALIGN____*/ .mt-icon-box-wraper.center { text-align: center; } .mt-icon-box-wraper.center .mt-icon-box-xld, .mt-icon-box-wraper.center .mt-icon-box-xl, .mt-icon-box-wraper.center .mt-icon-box-lg, .mt-icon-box-wraper.center .mt-icon-box-md, .mt-icon-box-wraper.center .mt-icon-box-sm, .mt-icon-box-wraper.center .mt-icon-box-xs { margin-left: auto; margin-right: auto; } .mt-icon-box-wraper.bx-style-1, .mt-icon-box-wraper.bx-style-2 { border-width: 1px; border-style: solid; border-color: #ddd; } .mt-icon-box-wraper.bx-style-2.center [class*="mt-icon-box-"], .mt-icon-box-wraper.bx-style-2.left [class*="mt-icon-box-"], .mt-icon-box-wraper.bx-style-2.right [class*="mt-icon-box-"] { position: absolute; } .mt-icon-box-wraper.bx-style-2.center [class*="mt-icon-box-"] { position: absolute; top: 0; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mt-icon-box-wraper.bx-style-2.center .mt-icon-box-xl { margin-left: -75px; } .mt-icon-box-wraper.bx-style-2.center .mt-icon-box-lg { margin-left: -60px; } .mt-icon-box-wraper.bx-style-2.center .mt-icon-box-md { margin-left: -50px; } .mt-icon-box-wraper.bx-style-2.center .mt-icon-box-sm { margin-left: -40px; } .mt-icon-box-wraper.bx-style-2.center .mt-icon-box-xs { margin-left: -20px; } .mt-icon-box-wraper.bx-style-2.left [class*="mt-icon-box-"] { position: absolute; top: auto; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .mt-icon-box-wraper.bx-style-2.right [class*="mt-icon-box-"] { position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } /*____MEDIA WITH CONTENT BOX CSS____*/ .mt-box, .mt-info, .mt-tilte, .mt-tilte-inner { position: relative; } .mt-tilte-inner { display: inline-block; } .mt-tilte-inner.skew-title:after { content: ""; position: absolute; right: -15px; top: 0; width: 50px; height: 100%; z-index: -1; -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } .mt-box[class*="border-"], .mt-info[class*="border-"], .mt-icon-box-wraper[class*="border-"] { border-color: #eee; } .mt-info.border-1, .mt-info.border-2, .mt-info.border-3, .mt-info.border-4, .mt-info.border-5 { border-top: none; } /*____BEFOE & AFTER FOR LINE CSS____*/ .left-border, .right-border { position: relative; } .left-border:before, .right-border:before { content: ""; position: absolute; top: 5px; width: 1px; height: 90%; background: #CCC; } .right-border:before { right: 0; } /*____FOR IMAGE____*/ .mt-thum-bx, .mt-post-thum { background-color: transparent; } .mt-thum-bx img, .mt-post-thum img { width: 100%; height: auto; } /*____IMAGES OVERLAY EFFECTS (overly animation on images)____*/ .mt-img-overlay1, .mt-img-overlay2, .mt-img-overlay3, .mt-img-overlay4, .mt-img-overlay5, .mt-img-overlay6, .mt-img-overlay7, .mt-img-overlay8, .mt-img-overlay9 { position: relative; } .mt-img-overlay1:before, .mt-img-overlay1:after, .mt-img-overlay2:before, .mt-img-overlay2:after, .mt-img-overlay3:before, .mt-img-overlay3:after, .mt-img-overlay4:before, .mt-img-overlay4:after, .mt-img-overlay5:before, .mt-img-overlay5:after, .mt-img-overlay6:before, .mt-img-overlay6:after, .mt-img-overlay7:before, .mt-img-overlay7:after, .mt-img-overlay8:before, .mt-img-overlay8:after, .mt-img-overlay9:before, .mt-img-overlay9:after { content: ""; background: #000; position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0.4; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } /*____EFFECT 1____*/ .mt-img-overlay1:before { width: 100%; height: 100%; opacity: 0; } .mt-img-overlay1:hover:before, .mt-box:hover .mt-img-overlay1:before { opacity: 0.5; } /*____EFFECT 2____*/ .mt-img-overlay2:before { width: 100%; height: 100%; opacity: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/ /* IE6-9 */ } .mt-img-overlay2:hover:before, .mt-box:hover .mt-img-overlay2:before { opacity: 0.9; } /*____EFFECT 3____*/ .mt-img-overlay3:before { left: 50%; top: 50%; } .mt-img-overlay3:hover:before, .mt-box:hover .mt-img-overlay3:before { width: 100%; height: 100%; top: 0; left: 0; } /*____EFFECT 4____*/ .mt-img-overlay4:before { left: 50%; top: 0; height: 100%; } .mt-img-overlay4:hover:before, .mt-box:hover .mt-img-overlay4:before { width: 100%; left: 0; } /*____EFFECT 5____*/ .mt-img-overlay5:before { left: 0; top: 50%; width: 100%; } .mt-img-overlay5:hover:before, .mt-box:hover .mt-img-overlay5:before { height: 100%; top: 0; } /*____EFFECT 6____*/ .mt-img-overlay6:before { left: 0; top: auto; bottom: 0; width: 100%; } .mt-img-overlay6:hover:before, .mt-box:hover .mt-img-overlay6:before { height: 100%; } /*____EFFECT 7____*/ .mt-img-overlay7:before, .mt-img-overlay7:after { height: 100%; } .mt-img-overlay7:after { left: auto; right: 0; } .mt-img-overlay7:hover:before, .mt-img-overlay7:hover:after, .mt-box:hover .mt-img-overlay7:before, .mt-box:hover .mt-img-overlay7:after { width: 50%; } /*____EFFECT 8____*/ .mt-img-overlay8:before, .mt-img-overlay8:after { height: 100%; } .mt-img-overlay8:after { left: auto; right: 0; } .mt-img-overlay8:hover:before, .mt-img-overlay8:hover:after, .mt-box:hover .mt-img-overlay8:before, .mt-box:hover .mt-img-overlay8:after { width: 100%; opacity: 0.3; } /*____EFFECT 9____*/ .mt-img-overlay9:before, .mt-img-overlay9:after {} .mt-img-overlay9:after { left: auto; right: 0; top: auto; bottom: 0; } .mt-img-overlay9:hover:before, .mt-img-overlay9:hover:after, .mt-box:hover .mt-img-overlay9:before, .mt-box:hover .mt-img-overlay9:after { width: 100%; height: 100%; opacity: 0.3; } /*____EFFECT 10____*/ .mt-img-overlay10:before, .mt-img-overlay10:after { width: 100%; height: 100%; opacity: 0; } .mt-img-overlay10:hover:before, .mt-box:hover .mt-img-overlay10:before { opacity: 0.5; } .mt-img-overlay10:hover:after, .mt-box:hover .mt-img-overlay10:after { width: 90%; height: 80%; left: 5%; top: 10%; opacity: 0.5; background: none; border: 1px dashed #FFFFFF; } /*____SHORTCODES____*/ /*____BUTTON____*/ /*____THEME DEFAULT BUTTON____*/ .btn { padding-top: 9px; padding-bottom: 9px; } .site-button, .site-button-secondry { color: #fff; padding: 10px 20px; display: inline-block; font-size: 14px; outline: none; cursor: pointer; outline: none; border-width: 0; border-style: solid; border-color: transparent; line-height: 1.42857; margin-left: -1px; text-decoration: none !important; text-transform:uppercase; font-weight:600; } .site-button { background-color: #ff0000; position:relative; overflow:hidden; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .site-button:after { content:""; position:absolute; width:100%; height:100%; top:0px; right:100%; background-color:rgba(255,255,255,0.2); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .site-button:hover:after{ right:0%; } .site-button-secondry{ background-color: #031336; position:relative; overflow:hidden; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .site-button-secondry:after { content:""; position:absolute; width:100%; height:100%; top:0px; right:100%; background-color:rgba(255,255,255,0.2); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .site-button-secondry:hover:after{ right:0%; } .site-button:active, .site-button:hover, .site-button:focus, .active>.site-button { background-color: #a60000; color: #fff; } .site-button-secondry { background-color: #111111; } .site-button-secondry:active, .site-button-secondry:hover, .site-button-secondry:focus, .active>.site-button-secondry { background-color: #031336; color: #fff; } .video-play-btn { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; line-height: 54px; border: 2px solid; text-align: center; margin: -25px; color: #ff0000; display: block; z-index: 10; font-size: 24px; -webkit-border-radius: 50%; border-radius: 50%; } .video-play-btn:hover, .video-play-btn:active { color: #ff0000; opacity: 0.5; } .video-play-btn:focus { color: #ff0000; opacity: 1; } .video-play-btn i { margin-right: -5px; } /*____BUTTON TEXT UPPERCASE____*/ .site-button.text-uppercase { text-transform: uppercase; } /*____BUTTON SIZE____*/ .button-sm { padding: 5px 10px; font-size: 12px; } .button-lg { padding: 20px 35px; font-size: 16px; } .button-xl { padding: 30px 50px; font-size: 24px; } /*____BUTTON ROUNDED____*/ .radius-no { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .radius-sm { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .radius-md { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .radius-xl { border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .radius-bx { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } /*____BUTTON COLORS____*/ /*____BUTTON WHITE____ */ .site-button.white { background-color: #fff; color: #1a1a1a; } .site-button.white:hover, .site-button.white:active, .site-button.white:focus { background-color: #F4F4F4; color: #555; } /*____BUTTON BLACK____ */ .site-button.black { background-color: #171717; color: #fff; } .site-button.black:hover, .site-button.black:active, .site-button.black:focus { background-color: #000; color: #fff; } /*____BUTTON GRAY____ */ .site-button.gray { background-color: #666666; color: #fff; } .site-button.gray:hover, .site-button.gray:active, .site-button.gray:focus { background-color: #555555; color: #fff; } /*____BUTTON PINK____ */ .site-button.pink { background-color: #e63f75; color: #fff; } .site-button.pink:hover, .site-button.pink:active, .site-button.pink:focus { background-color: #d22b61; color: #fff; } /*____BUTTON BLUE____ */ .site-button.blue { background-color: #42B8D4; color: #fff; } .site-button.blue:hover, .site-button.blue:active, .site-button.blue:focus { background-color: #2ca2be; color: #fff; } /*____BUTTON GREEN____ */ .site-button.green { background-color: #35B494; color: #fff; } .site-button.green:hover, .site-button.green:active, .site-button.green:focus { background-color: #26a585; color: #fff; } /*____BUTTON ORANGE____ */ .site-button.orange { background-color: #E56713; color: #fff; } .site-button.orange:hover, .site-button.orange:active, .site-button.orange:focus { background-color: #d55703; color: #fff; } /*____BUTTON RED____ */ .site-button.red { background-color: #D93223; color: #fff; } .site-button.red:hover, .site-button.red:active, .site-button.red:focus { background-color: #c51e0f; color: #fff; } /*____BUTTON BROWN____ */ .site-button.brown { background-color: #69441F; color: #fff; } .site-button.brown:hover, .site-button.brown:active, .site-button.brown:focus { background-color: #5f3a15; color: #fff; } /*____BUTTON YELLOW____ */ .site-button.yellow { background-color: #ecc731; color: #fff; } .site-button.yellow:hover, .site-button.yellow:active, .site-button.yellow:focus { background-color: #d4af19; color: #fff; } /*____BUTTON PURPLE____ */ .site-button.purple { background-color: #AE1AF7; color: #fff; } .site-button.purple:hover, .site-button.purple:active, .site-button.purple:focus { background-color: #9804e1; color: #fff; } /*____BUTTON GRAPHICAL____*/ .site-button.graphical { color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); } .site-button.graphical:active { box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset; } /*____BUTTON 3D____ */ .site-button.button-3d { color: #fff; border-bottom: 4px solid rgba(0, 0, 0, 0.2); border-left: none; border-right: none; border-top: none; } /*____BUTTON OUTLINE____ */ .site-button.outline { color: #888; background: none; border-width: 2px; border-style: solid; border-color: #eee; } /*____BUTTON OUTLINE WHITE____ */ .site-button.outline.white { color: #e7e7e7; border-color: #e7e7e7; } .site-button.outline.white:hover { color: #666666; } /*____BUTTON OUTLINE BLACK____ */ .site-button.outline.black { color: #171717; border-color: #171717; } /*____BUTTON OUTLINE GRAY____ */ .site-button.outline.gray { color: #666666; border-color: #666666; } /*____BUTTON OUTLINE PINK____ */ .site-button.outline.pink { color: #e63f75; border-color: #e63f75; } /*____BUTTON OUTLINE BLUE____ */ .site-button.outline.blue { color: #42b8d4; border-color: #42b8d4; } /*____BUTTON OUTLINE GREEN____ */ .site-button.outline.green { color: #35b494; border-color: #35b494; } /*____BUTTON OUTLINE ORANGE____ */ .site-button.outline.orange { color: #e56713; border-color: #e56713; } /*____BUTTON OUTLINE RED____ */ .site-button.outline.red { color: #d93223; border-color: #d93223; } /*____BUTTON OUTLINE BROWN____ */ .site-button.outline.brown { color: #69441f; border-color: #69441f; } /*____BUTTON OUTLINE YELLOW____ */ .site-button.outline.yellow { color: #ff0000; border-color: #ff0000; } /*____BUTTON OUTLINE PURPLE____ */ .site-button.outline.purple { color: #ae1af7; border-color: #ae1af7; } /*____BUTTON OUTLINE HOVER____ */ .site-button.outline:hover { border-color: rgba(0, 0, 0, 0); color: #fff; } /*____BUTTON TEXT LINK____ */ .site-button-link { display: inline-block; font-weight: 600; position:relative; padding:5px 15px 5px 0px; overflow: hidden; } .site-button-link:before, .site-button-link:after{ content:""; position:absolute; width:2px; height:100%; background-color:#a1a1a1; top:0px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; opacity:0; } .site-button-link:before{ right:0%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); } .site-button-link:after{ left:0%; -webkit-transform: translatex(50%); -ms-transform: translatex(50%); transform: translatex(50%); } .site-button-link:hover:before{ right:100%; width:100%; opacity:1; background-color:#ff0000; } .site-button-link:hover:after{ left:94%; width:5%; opacity:1; background-color:#ff0000; } /*____BUTTON TEXT LINK WHITE____ */ .site-button-link.white { color: #e7e7e7; } .site-button-link.white:hover, .site-button-link.white:active, .site-button-link.white:focus { color: #CCC; } /*____BUTTON TEXT LINK BLACK____ */ .site-button-link.black { color: #171717; } .site-button-link.black:hover, .site-button-link.black:active, .site-button-link.black:focus { color: #000; } /*____BUTTON TEXT LINK GRAY____ */ .site-button-link.gray { color: #666666; } .site-button-link.gray:hover, .site-button-link.gray:active, .site-button-link.gray:focus { color: #555555; } /*____BUTTON TEXT LINK PINK____ */ .site-button-link.pink { color: #e63f75; } .site-button-link.pink:hover, .site-button-link.pink:active, .site-button-link.pink:focus { color: #2ca2be; } /*____BUTTON TEXT LINK BLUE____ */ .site-button-link.blue { color: #42B8D4; } .site-button-link.blue:hover, .site-button-link.blue:active, .site-button-link.blue:focus { color: #2ca2be; } /*____BUTTON TEXT LINK GREEN____ */ .site-button-link.green { color: #35B494; } .site-button-link.green:hover, .site-button-link.green:active, .site-button-link.green:focus { color: #26a585; } /*____BUTTON TEXT LINK ORANGE____ */ .site-button-link.orange { color: #E56713; } .site-button-link.orange:hover, .site-button-link.orange:active, .site-button-link.orange:focus { color: #d55703; } /*____BUTTON TEXT LINK RED____ */ .site-button-link.red { color: #D93223; } .site-button-link.red:hover, .site-button-link.red:active, .site-button-link.red:focus { color: #c51e0f; } /*____BUTTON TEXT LINK BROWN____ */ .site-button-link.brown { color: #69441F; } .site-button-link.brown:hover, .site-button-link.brown:active, .site-button-link.brown:focus { color: #5f3a15; } /*____BUTTON TEXT LINK YELLOW____ */ .site-button-link.yellow { color: #ecc731; } .site-button-link.yellow:hover, .site-button-link.yellow:active, .site-button-link.yellow:focus { color: #d4af19; } /*____BUTTON TEXT LINK PURPLE____ */ .site-button-link.purple { color: #ae1af7; } .site-button-link.purple:hover, .site-button-link.purple:active, .site-button-link.purple:focus { color: #9804e1; } /*____BUTTON APP STORE____ */ .site-button.button-app { text-align: left; padding: 15px 25px; } .site-button.button-app i { display: inline-block; font-size: 45px; float: left; margin-right: 15px; } .site-button.button-app strong { display: block; font-size: 16px; } /*____TITLE SEPARATORS____ */ .mt-title-subline { display: block; letter-spacing: 2px; } .mt-separator-outer { overflow: hidden; margin: -10px 0px; } /*____DEFUALT SEPARATORS____ */ .mt-separator { display: inline-block; height: 3px; width: 50px; position: relative; } .mt-separator .separator-left, .mt-separator .separator-right { position: absolute; top: 50%; width: 70px; height: 2px; margin-top: -1px; } .mt-separator .separator-left { left: -80px; } .mt-separator .separator-right { right: -80px; } /*____LINE SEPARATORS____ */ .mt-separator.style-liner { width: 20px; height: 4px; } /*____SQUARE SEPARATORS____ */ .mt-separator.style-square { width: 10px; height: 10px; background-color: transparent; border-width: 3px; border-style: solid; border-color: #2d3239; } .mt-separator.style-square .separator-left, .mt-separator.style-square .separator-right { height: 3px; } .mt-separator.style-square.has-bg { border-color: #fff; } /*____ICON SEPARATORS____ */ .mt-separator.style-icon { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; } /*____DEVIDERS____ */ .mt-divider { height: 1px; position: relative; margin: 30px 0; } .mt-divider.divider-2px { height: 2px; } .mt-divider.divider-3px { height: 3px; } .mt-divider.divider-4px { height: 4px; } .mt-divider i { position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mt-divider.icon-left { margin-left: 40px; } .mt-divider.icon-left i { left: -40px; } .mt-divider.icon-right { margin-right: 40px; } .mt-divider.icon-right i { left: auto; right: -40px; } .mt-divider.icon-center i { left: 50%; margin-left: -5px; } /*____TABS____ */ .mt-tabs:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media only screen and (max-width: 767px) { .mt-tabs .nav-tabs>li { float: none; } } .mt-tabs p:last-child { margin-bottom: 0; } /*____TABS DEFUALT____ */ .mt-tabs .tab-pane { padding: 20px 0; } .mt-tabs .nav-tabs>li>a { color: #1a1a1a; font-weight: 700; font-size: 14px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 0px; padding: 15px; } .mt-tabs .nav-tabs>li.active>a, .mt-tabs .nav-tabs>li.active>a:focus, .mt-tabs .nav-tabs>li.active>a:hover { background-color: #fff; border-color: #ddd; border-bottom: 1px solid #FFF; color: #1a1a1a; } .mt-tabs .nav>li>a:focus, .mt-tabs .nav>li>a:hover { background-color: transparent; } .mt-tabs .nav li a:hover { border: 1px solid transparent; } .mt-tabs .nav-tabs>li>a i { margin-right: 5px; } .mt-tabs.tabs-default.has-bg .nav-tabs>li>a { color: #fff; } .mt-tabs.tabs-default.has-bg .nav-tabs>li.active>a, .mt-tabs.tabs-default.has-bg .nav-tabs>li.active>a:focus, .mt-tabs.tabs-default.has-bg .nav-tabs>li.active>a:hover { color: #1a1a1a; border-color: #ddd #ddd #fff; } .mt-tabs.tabs-default.has-bg .tab-pane { color: #fff; } /*____TABS NAV CENTER____ */ .mt-tabs.nav-center>.nav-tabs { display: table; margin-left: auto; margin-right: auto; } /*____TABS WITH BACKGROUND____ */ .mt-tabs.bg-tabs .nav-tabs>li>a { background-color: #f0f0f0; border: 1px solid #ddd; margin-right: -1px; } .mt-tabs.bg-tabs .nav-tabs>li.active>a { border-bottom: 1px solid transparent; background-color: #fff; } .mt-tabs.bg-tabs.has-bg .tab-pane { color: #fff; } /*____TABS WITH BACKGROUND____ */ .mt-tabs.vertical.bg-tabs .nav-tabs>li>a { border: 1px solid #ddd; } .mt-tabs.vertical.bg-tabs .nav-tabs>li.active>a { border-right: 1px solid transparent; } .mt-tabs.vertical.right.bg-tabs .nav-tabs>li>a { border: 1px solid #ddd; } .mt-tabs.vertical.right.bg-tabs .nav-tabs>li.active>a { border-left: 1px solid transparent; } /*____TABS WITH BACKGROUND & TOP BORDER IN ACTIVE____ */ .mt-tabs.border-top .nav-tabs>li.active>a { color: #1a1a1a; } .mt-tabs.border-top .nav-tabs>li.active>a:after { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 3px; background-color: #ff0000; } .mt-tabs.border-top.vertical .nav-tabs>li.active>a:after { top: 0px; left: -1px; width: 3px; height: 100%; } /*____TABS CONTENT WITH BORDER OUTER____ */ .mt-tabs.border .tab-pane { padding: 10px; border: 1px solid #ddd; margin-top: -1px; } /*____TABS WITH LEFT NAV____ */ .mt-tabs.vertical .nav-tabs { float: left; width: 170px; border-bottom: none; border-right: 1px solid #DDD; } @media only screen and ( max-width:720px) { .mt-tabs.vertical .nav-tabs { width: 100%; float: none; border-right: 0px; } .mt-tabs.vertical .tab-content { width: 100%; margin-left: 0px !important; } } .mt-tabs.vertical .tab-pane { padding: 10px 0 10px 20px; } .mt-tabs.vertical .nav-tabs li { float: none; margin-right: -1px; } .mt-tabs.vertical .nav-tabs li a { margin-right: 0; border-right: none; -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0px; color: #1a1a1a; } .mt-tabs.vertical .nav-tabs li.active a { border-bottom: 1px solid #ddd; background-color: #fff; } .mt-tabs.vertical .tab-content { border-left: 1px solid #DDD; margin-left: 169px; } /*____TABS LEFT NAV WITH BORDER____ */ .mt-tabs.vertical.border .tab-pane { padding: 20px; margin-left: -1px; } /*____TABS WITH RIGHT NAV____ */ .mt-tabs.vertical.right .nav-tabs { border-left: 1px solid #ddd; border-right: none; float: right; } .mt-tabs.vertical.right .nav-tabs li { margin-right: 0; margin-left: -1px; } .mt-tabs.vertical.right .nav-tabs li a { border-right: 1px solid transparent; border-left: none; } .mt-tabs.vertical.right .nav-tabs li.active a { border-right: 1px solid #ddd; border-left: none; } .mt-tabs.vertical.right .tab-content { border-left: none; border-right: 1px solid #ddd; margin-right: 169px; margin-left: 0; } .mt-tabs.vertical.right .tab-pane { padding: 10px 20px 10px 0; } @media only screen and ( max-width:720px) { .mt-tabs.vertical.right .nav-tabs { float: none; clear:both; } } /*____TABS RIGHT NAV WITH BORDER____ */ .mt-tabs.vertical.right.border .tab-pane { padding: 20px; margin-right: -1px; } /*____ACCORDIANS____ */ .mt-accordion .mt-panel { background-color: transparent; border: none; margin-bottom: 10px; border-radius: 0; -webkit-border-radius: 0px; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .acod-head { position: relative; } .acod-title { margin-top: 0; margin-bottom: 0; } .acod-title a { position: relative; z-index: 1; overflow: hidden; } .acod-head .fa { margin-right: 5px; } .acod-head a { display: block; padding: 15px 40px 15px 15px; } .acod-head a, .acod-head a:hover, .acod-head a:active, .acod-head a:focus { color: #3d474a; } .acod-body { color: #777; } /*____ACCORDIANS OPAN CLOSE INDICATOR____ */ .acod-head .indicator { padding: 15px; color: #000; position: absolute; right: 0; top: 0; } .acod-head .indicator .fa { position: relative; } /*____ACCORDIANS BG DARK____ */ .acc-bg-dark .acod-head .indicator { background-color: #ccc; } .acc-bg-dark .acod-head .indicator .fa:after, .acc-bg-dark .acod-head .indicator .fa:before { color: #000; } /*____ACCORDIANS BG PRIMARY____ */ .acc-bg-primary .acod-head .indicator { background-color: #000; } .acc-bg-primary .acod-head .indicator .fa:after, .acc-bg-primary .acod-head .indicator .fa:before { color: #fff; } .acod-head.acc-actives .indicator .fa:before, .acod-head [aria-expanded="false"] .indicator .fa:before { content: "\f067"; font-family: 'FontAwesome'; } .acod-head.acc-actives .indicator .fa:before, .acod-head [aria-expanded="true"] .indicator .fa:before { font-family: 'FontAwesome'; content: "\f068" } .acod-head .collapsed .indicator .fa:before, .acod-head .collapsed [aria-expanded="false"] .indicator .fa:before { content: "\f067"; font-family: 'FontAwesome'; } .acod-head .indicator .fa:before, .acod-head [aria-expanded="true"] .indicator .fa:before { font-family: 'FontAwesome'; content: "\f068" } /*____ACCORDIANS DEFAULT____ */ .acc-default .acod-title a { padding: 5px 15px; } .acc-default .acod-head .indicator { padding: 0; } .acc-default.acc-has-bg .acod-head a, .acc-default.acc-has-bg .acod-head a:hover, .acc-default.acc-has-bg .acod-head a:active, .acc-default.acc-has-bg .acod-head a:focus, .acc-default.acc-has-bg .acod-head .indicator, .acc-default.acc-has-bg .acod-body { color: #fff; } /*____ACCORDIANS OUTLINE____ */ .acc-outline .acod-title a { border-bottom: 1px solid #ddd; padding-left: 0px; } .mt-accordion.acc-outline .mt-panel { margin-bottom: 0px; } .acod-title.corner-skew { position: relative; z-index: 1; overflow: hidden; } .acod-title.corner-skew:after { content: ""; position: absolute; right: 0px; top: 30px; width: 0; height: 0; border-top: 25px solid transparent; border-right: 25px solid #ff0000; border-bottom: 25px solid transparent; z-index: 1; } .acc-outline.acc-has-bg .acod-head a, .acc-outline.acc-has-bg .acod-head a:hover, .acc-outline.acc-has-bg .acod-head a:active, .acc-outline.acc-has-bg .acod-head a:focus, .acc-outline.acc-has-bg .acod-head .indicator, .acc-outline.acc-has-bg .acod-body { color: #fff; } /*____ACCORDIANS BG GRAY____ */ .acc-bg-gray a { background-color: #F5F5F5; } .acc-bg-gray .acod-head .indicator { color: #777; } .acc-bg-gray.acc-has-bg .acod-body { color: #fff; } /*____ACCORDIANS BG PRIMARY____ */ .acc-bg-primary a { background-color: #ff0000; } .acc-bg-primary .acod-head a, .acc-bg-primary .acod-head a:hover, .acc-bg-primary .acod-head a:active, .acc-bg-primary .acod-head a:focus { color: #fff; } .acc-bg-primary .acod-head .indicator { color: #fff; } .acc-bg-primary.acc-has-bg .acod-body { color: #fff; } /*____ACCORDIANS BG DARK____ */ .acc-bg-dark a { background-color: #000; } .acc-bg-dark .acod-head a, .acc-bg-dark .acod-head a:hover, .acc-bg-dark .acod-head a:active, .acc-bg-dark .acod-head a:focus { color: #fff; } .acc-bg-dark .acod-head .indicator { color: #fff; } .acc-bg-dark.acc-has-bg .acod-body { color: #fff; } @media only screen and (max-width:420px) { .acod-title { font-size: 16px; } } /*____CAROUSELS____ */ /*____DEFAULT CAROUSELS____ */ .owl-imgbx, .ow-portfolio-img { position: relative; } .ow-entry-content { border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; background-color: #fff; padding: 20px; margin-bottom: 5px; } .ow-entry-title { font-size: 16px; font-weight: 600; padding: 5px 0; } .ow-entry-title, .ow-entry-title a { color: #3d474a; } .ow-entry-text p:last-child { margin: 0; } /*____BLOG CAROUSELS____ */ .ow-post-title .post-title { margin: 0 0 10px; } .ow-post-text { margin-bottom: 10px; } .ow-post-text p:last-child { margin: 0; } .ow-post-readmore { margin-bottom: 10px; } .ow-post-readmore a { font-size: 16px; font-style: italic; text-decoration: underline; } .ow-post-meta { margin-bottom: 10px; font-style: italic; } .ow-post-meta ul { margin: 0 -4px; list-style: none; } .ow-post-meta ul li { padding: 0; display: inline-block; font-weight: bold; } .ow-post-meta li:after { content: "/"; display: inline-block; font-weight: normal; margin-left: 5px; opacity: 0.5; } .ow-post-meta li:last-child:after { display: none; } .ow-post-meta a { color: #a9a9a9; } .ow-post-meta li i { color: #7b7b7b; margin: 0 5px; } .ow-post-tags { border-top: 1px solid #E9E9E9; padding-top: 10px; } .ow-post-tags .post-comment { float: left; font-weight: bold; text-transform: uppercase; } .ow-post-tags .post-comment a { color: #a9a9a9; } .ow-post-tags .post-tags { margin: 0 -3px; list-style: none; } .ow-post-tags .post-tags a { border: 1px solid #ebebeb; padding: 2px 8px 1px; color: #777; margin: 0 3px; display: inline-block; text-transform: uppercase; font-size: 11px; } .ow-post-tags .post-tags a:hover, .ow-post-tags .post-tags a:active, .ow-post-tags .post-tags a:focus { background-color: #ff0000; color: #fff; } .date-style-3 .ow-post-info { position: relative; } .date-style-3 .ow-post-media { border-bottom: 3px solid #ff0000; } /*____EMPTY MEDIA____ */ .no-image-blog.date-style-2 .ow-post-info { padding-top: 70px; } /*____EVENT CAROUSELS____ */ .ow-event-title .event-title { margin: 0 0 10px; } .ow-event-text { margin-bottom: 10px; } .ow-event-text p:last-child { margin: 0; } .ow-event-readmore { margin-bottom: 10px; } .ow-event-readmore a { font-size: 14px; } .ow-event-meta ul { margin: 0; } .ow-event-meta ul li { padding: 0; display: inline-block; font-style: italic; font-size: 14px; } .ow-event-meta ul li i { color: #7b7b7b; margin-right: 3px; } /*____CLIENT CAROUSELS 1____ */ .ow-client-logo { display: table; width: 100%; } .client-logo { display: table-cell; text-align: center; vertical-align: middle; padding: 10px; border:1px solid #f2f2f2; } .owl-carousel .ow-client-logo img { max-height: 100%; width: auto; display: inline-block; } .client-logo-media img { max-width: 100% !important; margin: 0px auto !important; width: auto !important; } .home4-logo-carousel .ow-client-logo { background-color: inherit; } /*____TESTIMONIAL____ */ .testimonial-pic { background: #FFF; width: 100px; height: 100px; position: relative; display: inline-block; border: 5px solid #FFF; } .testimonial-pic.radius { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .testimonial-pic.radius img { width: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .testimonial-pic.shadow { -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35); box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35); } .quote-left, .quote-right { position: relative; } .quote-left:before, .quote-right:after { font-family: "FontAwesome"; position: absolute; z-index: 10; top: 15px; } .quote-left:before { content: "\f10d"; left: 0; } .quote-right:after { content: "\f10e"; left: auto; right: 0; } .testimonial-text { padding: 15px; position: relative; z-index: 1; } .testimonial-text p:last-child { margin: 0; } .testimonial-detail { padding: 5px; } .testimonial-name, .testimonial-position { display: block; } .testimonial-position { font-style: normal; } .testimonial-text p { margin: 0; } /*____TESTIMONIAL WITH BACKGROUND IMAGE____ */ .testimonial-bg { color: #fff; } /*____TESTIMONIAL 2____ */ .testimonial-2 { padding: 20px; margin: 0px auto; } .testimonial-2 .testimonial-text { padding: 5px 30px 25px 30px; margin-left: 160px; } .testimonial-2 .testimonial-text .fa-quote-left { position: absolute; left: 30px; top: 0px; font-size: 100px; color: #ff0000; z-index: -1; opacity: 0.1; } .testimonial-2 .testimonial-detail { float: left; } .testimonial-2 .testimonial-pic { margin-right: 15px; width: 160px; height: 160px; } .testimonial-2 .testimonial-position { padding: 0px 0px 10px 0px; color: #ff0000; } .testimonial-2 .testimonial-name { color: #1a1a1a; padding: 0px 0px 15px 0px; font-size: 20px; } .testimonial-2 .quote-left:before { top: 50px; } @media only screen and (max-width:480px) { .testimonial-2 .testimonial-detail { float: none; clear:body; text-align:center; } .testimonial-2 .testimonial-text { padding:10px; margin-left: 0px; text-align:center; } } /*____TESTIMONIAL 2 WITH BG IMAGE____ */ .testimonial-2.testimonial-bg .testimonial-text { color: #777; background-color: rgba(255, 255, 255, 1); } .testimonial-2.testimonial-bg .testimonial-text:after { border-top-color: rgba(255, 255, 255, 1); } @media only screen and (max-width:768px) { .testimonial-2.no-bg-testimonial { margin: 0px; border: 1px solid #f0f0f0; } } @media only screen and (max-width:768px) { .home-carousel-2 .testimonial-2.no-bg-testimonial { margin: 15px; } } /*____TESTIMONIAL 5____ */ .testimonial-5{ margin-left: 70px; position: relative; } .testimonial-5 .testimonial-pic-block{ left: -60px; position: absolute; top: 20%; } .testimonial-5 .testimonial-text{ padding: 40px 30px 40px 90px; } .testimonial-5 .testimonial-pic{ float: left; width: 120px; height: 120px; position: relative; z-index: 2; border: none; padding: 5px; } .testimonial-5 .testimonial-name, .testimonial-5 .testimonial-position{ display: block; } .testimonial-5 .fa-quote-left{ font-size: 50px; } .testimonial-5 .testimonial-paragraph p{ padding: 5px 0px; } .testimonial-5 .testimonial-name{ color: #2a2a2a; text-transform: uppercase; font-size: 20px; } .testimonial-5 .testimonial-name.text-white{ color: #fff; } .testimonial-5 .testimonial-position{ font-style: normal; } .testimonial-5 .testimonial-detail{ padding-left: 0px; padding-right: 0px; } @media only screen and (max-width:480px) { .testimonial-5{ margin-left: 0px; position: relative; } .testimonial-5 .testimonial-pic-block{ left: inherit; position: inherit; text-align: center; top: inherit; padding-top: 30px; } .testimonial-5 .testimonial-text{ padding: 40px; } .testimonial-5 .testimonial-pic{ float: none; } } .no-bg-testimonial .testimonial-text { background: none; padding: 0px; } .no-bg-testimonial .testimonial-text::after { display: none; } .no-bg-testimonial .testimonial-text .fa-quote-left { position: static; margin-bottom: 15px; } .no-bg-testimonial .testimonial-detail { padding-left: 0px; } .owl-carousel.home-carousel-1 { width: auto; } @media only screen and (max-width: 768px) { .owl-carousel.home-carousel-1 { margin: 0px; } .testimonial-2 { padding: 20px; max-width: 800px; width:100%; margin: 0px auto; } } @media only screen and (max-width: 360px) { .owl-carousel.home-carousel-1 { margin: 0px; width: 100%; } .owl-carousel.home-carousel-1 .no-bg-testimonial.m-a30 { margin: 0px; } .owl-carousel.home-carousel-1 .no-bg-testimonial.block-shadow { box-shadow: none; -webkit-box-shadow: none; } } /*____PRICING TABLE____ */ .pricingtable-5 [class*="col-"] { width: 20%; } @media only screen and (max-width: 991px) { .pricingtable-5 [class*="col-"] { width: 100%; } } .pricingtable-inner { text-align: center; } .pricingtable-price { padding: 10px; background-color: #ff0000; } .pricingtable-bx { font-size: 100px; } .pricingtable-type { font-size: 20px; text-transform: uppercase; font-size: 24px; color: #fff; } .pricingtable-type:before { content: "/"; margin-right: 3px; } .pricingtable-title { background-color: #1a1a1a; padding: 20px; } .pricingtable-title * { margin: 0; color: #fff; } .pricingtable-features { margin: 0; padding: 0; list-style: none; border: 1px solid #E9E9E9; } .pricingtable-features li { padding: 12px; border-bottom: 1px solid #E9E9E9; } .pricingtable-features li i { margin: 0 3px; } .pricingtable-features li:nth-child(even) { background-color: #F4F7F8; } .pricingtable-features li:last-child { border-bottom: none; } .pricingtable-footer { margin-top: -1px; padding: 20px; background-color: #1a1a1a; } .pricingtable-highlight { margin: -20px 0; -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); position: relative; z-index: 99; } .pricingtable-highlight .pricingtable-price { padding: 20px 10px; } .pricingtable-highlight .pricingtable-footer { padding: 30px 20px; } .no-col-gap .pricingtable-wrapper { margin-left: -1px; } .pricingtable-bx { font-size: 40px; } .pricingtable-type { font-size: 18px; } /*____PRICING TABLE STYLE 5____ */ .pricing-table-style-5 .pricingtable-inner { position: relative; z-index: 1; overflow: hidden; padding: 20px; } .pricing-table-style-3 .pricingtable-inner.radius { -webkit-border-radius: 40px 40px 40px 40px; border-radius: 40px 40px 40px 40px; } .pricing-table-style-5 .pricingtable-inner.pricingtable-highlight { z-index: 2; } .pricing-table-style-5 .pricingtable-type { color: #1a1a1a; font-size: 14px; font-weight: 600; text-transform: capitalize; } .pricing-table-style-5 .pricingtable-type::before { display: none } .pricing-table-style-5 .pricingtable-title { background-color: inherit; padding: 20px; } .pricing-table-style-5 .pricingtable-title * { color: #ff0000; } .pricing-table-style-5 .pricingtable-price { background-color: #f5f6f6; color: #1a1a1a; } .pricing-table-style-5 .pricingtable-features li:nth-child(2n) { background-color: inherit; } .pricing-table-style-5 .pricingtable-footer { background-color: inherit; } .pricing-table-style-5 .pricingtable-features { border: none; } .pricing-table-style-5 .overlay-main { z-index: -1; } .pricing-table-style-5 .pricingtable-bx { font-size: 72px; font-weight: 600; } .pricing-table-style-5.pricing-table-shadow{ -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .pricing-table-style-5.pricing-table-shadow:hover { -webkit-box-shadow: 0 0px 30px 0 rgba(50, 50, 50, .16); box-shadow: 0 0px 30px 0 rgba(50, 50, 50, .16); } /*____ALERT BOX____ */ .alert.alert-sm { padding: 5px 15px; font-size: 12px; } .alert.alert-lg { padding: 25px 15px; font-size: 16px; } .alert.alert-xl { padding: 35px 15px; font-size: 18px; } .alert[class*="alert-"] i { margin-right: 8px; } .alert.no-radius { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .alert.no-bg { background-color: transparent; border-width: 2px; } .alert[class*="alert-"] ul { padding-left: 25px; margin-top: 10px; } .alert[class*="alert-"] ul li:before { color: #a94442; } /*____IMAGE EFFECTS____ */ .mt-img-effect { position: relative; overflow: hidden; display: block; } .mt-img-effect img { display: block; margin: 0; width: 100%; height: auto; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; } /*____IMAGE OPACITY____ */ .mt-img-effect.opacity img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } /*____IMAGE ZOOM____ */ .mt-img-effect.zoom-slow img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .mt-img-effect.zoom-slow:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } /*____IMAGE ZOOM SLOW____ */ .mt-img-effect.zoom:hover img { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } /*____IMAGE SHRINK____*/ /*10.4 image-shrink */ .mt-img-effect.shrink:hover img { transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); } /*____IMAGE SIDE PAN____ */ .mt-img-effect.side-pan:hover img { margin-left: -9%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } /*____IMAGE VERTICAL PAN____ */ .mt-img-effect.vertical-pan:hover img { margin-top: -10%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } /*____IMAGE FADE IN____ */ .mt-img-effect.fade-in { background: #000 } .mt-img-effect.fade-in img { opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; } .mt-img-effect.fade-in:hover img { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /*____IMAGE FADE OUT____ */ .mt-img-effect.fade-out { background: #000 } .mt-img-effect.fade-out:hover img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } /*____IMAGE ROTATE____ */ .mt-img-effect.rotate:hover img { -moz-transform: scale(1.5) rotate(-20deg); -webkit-transform: scale(1.5) rotate(-20deg); -o-transform: scale(1.5) rotate(-20deg); -ms-transform: scale(1.5) rotate(-20deg); transform: scale(1.5) rotate(-20deg); } /*____IMAGE SEPIA____ */ .mt-img-effect.sepia img { -webkit-filter: sepia(100%); filter: sepia(100%); } .algo-image-hover.sepia:hover img { -webkit-filter: sepia(0); filter: sepia(0); } /*____IMAGE BLURR____ */ .mt-img-effect.blurr img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .mt-img-effect.blurr:hover img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } /*____IMAGE BLURR INVERT____ */ .mt-img-effect.blurr-invert img { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .mt-img-effect.blurr-invert img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .mt-img-effect.blurr-invert:hover img { filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } /*____IMAGE OFF COLOR____ */ .mt-img-effect.off-color img { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); } .mt-img-effect.off-color:hover img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } /*____IMAGE ON COLOR____ */ .mt-img-effect.on-color img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } .mt-img-effect.on-color:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); } /*____MODAL POPUP____ */ .modal-xlg { width: 1000px; } .provider_registration .bootstrap-select div.dropdown-menu ul li a { font-weight: 600; } .provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat { font-weight: 400; color: #7c7c7c; } @media only screen and (max-width: 1024px) { .modal-xlg { width: auto; margin-left: 15px; margin-right: 15px; } } /*____SOCIAL ICONS____*/ .social-icons { list-style: none; margin-left: -3px; margin-right: -3px; font-size: 12px; } .social-icons li { display: inline-block; text-align: center; } .social-icons li a { display: block; padding: 3px; } .social-icons.social-md { font-size: 18px; } .social-icons.social-lg li a { font-size: 24px; } .social-icons.has-bg li a:hover { color: #fff; } .social-icons.social-light a { color: #fff; } .social-icons.social-light.has-bg li a:hover { color: #ff0000; } .social-icons.social-dark a { color: #777; } .social-icons.social-dark.has-bg li a:hover { color: #ff0000; } .social-icons.social-square a, .social-icons.social-radius a { width: 32px; height: 32px; line-height: 32px; padding: 0; font-size: 16px; } .social-icons.social-square.social-md a, .social-icons.social-radius.social-md a { width: 36px; height: 36px; line-height: 36px; padding: 0; } .social-icons.social-square.social-lg a, .social-icons.social-radius.social-lg a { width: 40px; height: 40px; line-height: 40px; padding: 0; } .social-icons.social-square.social-primary a, .social-icons.social-radius.social-primary a { background-color: #ff0000; color: #FFF; } .social-icons.social-square.social-primary a:hover, .social-icons.social-radius.social-primary a:hover { background-color: #1a1a1a; } .social-icons.social-square.social-primary.has-bg a:hover, .social-icons.social-radius.social-primary.has-bg a:hover { border: 1px solid rgba(255, 255, 255, 1); } .social-icons.social-square.social-dark a, .social-icons.social-radius.social-dark a { background-color: #fff; } .social-icons.social-square.social-dark a:hover, .social-icons.social-radius.social-dark a:hover { background-color: #1a1a1a; color: #fff; } .social-icons.social-square.social-dark.has-bg a:hover, .social-icons.social-radius.social-dark.has-bg a:hover { border: 1px solid #ff0000; } .social-icons.social-square.social-darkest a, .social-icons.social-radius.social-darkest a { border: 1px solid #4a4c4c; } .social-icons.social-darkest a { color: #454747; } .social-icons.social-square.social-darkest a:hover, .social-icons.social-radius.social-darkest a:hover { background-color: #ff0000; color: #4a4c4c; } .social-icons.social-radius a { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .social-icons.social-square.social-dark.white-border a, .social-icons.social-radius.social-dark.white-border a { background: none; color: #fff; border: 1px solid rgba(255, 255, 255, 1); } /*____SOCIAL ICON DEFAULT____*/ .mt-social-icon { display: inline-block; margin: 0 -3px; padding: 0; } .mt-social-icon li { display: inline-block; padding: 0; font-size: 12px; } .mt-social-icon li a { display: inline-block; width: 24px; height: 24px; padding: 4px; } .mt-social-icon li .fa { vertical-align: middle; } /*____SOCIAL ICON WITH BORDER____*/ .mt-social-icon.border li { padding: 0 3px; } .mt-social-icon.border li a { border: 1px solid #efeded; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } /*____SOCIAL ICON DARK____*/ .mt-social-links.dark li { padding: 0 3px; } .mt-social-icon.dark li a { border: 1px solid #777777; color: #777777; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } /*____SOCIAL ICON STYLE-1____*/ .mt-share-icon li { border: none; width: 36px; display: block; float: left; white-space: nowrap; overflow: hidden; margin-right: 0; } .mt-share-icon li a { color: #FFF; } .mt-share-icon li i { border-right: none; font-size: 14px; color: #FFF; width: 36px; height: 34px; line-height: 34px; padding: 0; text-align: center; } .mt-share-icon li.fb { background: #354d89; } .mt-share-icon li.fb i { background: #3a5799; } .mt-share-icon li.gp { background: #d34b2b; } .mt-share-icon li.gp i { background: #e35736; } .mt-share-icon li.tw { background: #029fdf; } .mt-share-icon li.tw i { background: #00abf0; } .mt-share-icon li.dig { background: #1d61aa; } .mt-share-icon li.dig i { background: #2B6FB8; } .mt-share-icon li.lin { background: #0176be; } .mt-share-icon li.lin i { background: #0082CA; } .mt-share-icon li.pin { background: #ac0104; } .mt-share-icon li.pin i { background: #BD0E15; } .mt-share-icon li:hover { width: 90px; } /*____BREADCRUMB____*/ /*____BREADCRUMB ROW-1____*/ .mt-breadcrumb { margin: 0; list-style: none; } .mt-breadcrumb li { padding: 0; margin-right: 3px; color: #FFFFFF; position: relative; display: inline-block; font-size: 14px; font-weight: 600; } .mt-breadcrumb li a { color: #ff0000; } .mt-breadcrumb li:last-child { color: #fff; } .mt-breadcrumb li:first-child a i { font-size: 18px; vertical-align: text-top; } .mt-breadcrumb li:last-child:after { display: none; } /*____BREADCRUMB-1____*/ .breadcrumb-style-1 li:after { content: "/"; margin-left: 7px; } /*____BREADCRUMB-2____*/ .breadcrumb-style-2 li:after { content: "\f101"; margin-left: 7px; font-family: 'FontAwesome'; color: #fff; font-size: 16px; font-weight: normal; } /*____BREADCRUMB-3____*/ .breadcrumb-style-3 li { padding: 20px 15px 20px 20px; } .breadcrumb-style-3 li:after, .breadcrumb-style-3 li:before { content: ""; position: absolute; height: 50%; width: 1px; background-color: #e8e9e9; border-right: 1px solid #ccc; right: 0px; } .breadcrumb-style-3 li:after { top: 0px; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); } .breadcrumb-style-3 li:before { bottom: 0px; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); } .breadcrumb-style-3 li:last-child:before { display: none; } .no-img-breadcrumb li:last-child { color: #111111; } .no-img-breadcrumb li:after { color: #111111; } /*____GOOGLE MAP____*/ .google-map { width: 100%; height: 460px; } /*____PROGRESS BAR____*/ .progress .tooltip { position: relative; float: right; margin-top: 5px; z-index: 1; } .progress .tooltip>.tooltip-inner { background-color: #212121; padding: 3px 10px; color: #fff; font-weight: bold; font-size: 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .progress .popOver+.tooltip>.tooltip-arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #212121; } .progress { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; overflow: visible; } .progress-bar { -webkit-transition: width 1.5s ease-in-out; transition: width 1.5s ease-in-out; } .mt-probar-1 { height: 12px; } .with-overlay.progress .tooltip>.tooltip-inner { background-color: #fff; color: #000; } .with-overlay.progress .popOver+.tooltip>.tooltip-arrow { border-top: 5px solid #fff; } .progressText { text-transform: uppercase; font-size: 16px; } /*____COUNTDOWN CLOCK____*/ .count-row { background: #333; } #countdown-clock { display: table; text-align: center; width: 80%; margin-left: -15px; border: 1px solid #3f3f3f; margin: 17px 0; } #countdown-clock span { display: table-cell; width: 1%; color: #FFF; padding: 5px 15px; text-transform: uppercase; font-weight: 600; color: #999; border-right: 1px solid #3f3f3f; } #countdown-clock span:last-child { border-right: none; } #countdown-clock span b { display: block; font-size: 25px; font-weight: 900; color: #FFF; } @media only screen and (max-width:991px) { #countdown-clock { width: 100%; } } /*____FORM ELEMENTS____*/ label { font-weight: 600; margin-bottom: 10px; } .panel-default, .panel-default>.panel-heading { border-color: #e7ecf1; color: inherit; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e7ecf1; } .form-group { margin-bottom: 25px; } .form-control { border-color: #e1e6eb; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: 40px; font-size: 13px; line-height: 20px; padding: 9px 12px; } .form-control:focus { border-color: #e1e1e1; outline: 0; } .form-control:focus, .has-error .form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .form-control.kv-fileinput-caption { height: 39px; } .form-group.form-inline .radio, .form-group.form-inline .checkbox { margin-right: 15px; } /*____INPUT GROUP____*/ .input-group { width: 100%; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group-addon { background: #fff; border-color: #e1e1e1; padding: 6px 14px; font-size: 16px; } .input-group-addon.font-size-20 { font-size: 20px; } .input-group-addon.fixed-w { text-align: center; padding: 6px 0; width: 40px; } .input-group-addon.v-align-t { line-height: 30px; } /*____SELECT BOX____*/ .dropdown-menu { font-size: 13px; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select .dropdown-toggle { border: 1px solid #e7ecf1 !important; background-color: #fff !important; height: 40px; font-size: 13px; color: #999; } .bootstrap-select .dropdown-toggle:after { display: none; } .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover { background-color: #fff !important; border: 1px solid #e9e9e9 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; outline: 0px !important; } .bootstrap-select:active, .bootstrap-select:focus { border: 0px !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; outline: 0px !important; } .bootstrap-select.open { box-shadow: none !important; outline: 0px !important; } .bootstrap-select.open .dropdown-toggle { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; outline: 0px !important; } .bootstrap-select div.dropdown-menu { border: 1px solid #e9e9e9; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; margin-top: -1px; padding: 0; font-size: 13px; } .bootstrap-select div.dropdown-menu ul li { padding: 0; } .bootstrap-select div.dropdown-menu ul li a { padding: 5px 15px; } .bootstrap-select div.dropdown-menu ul li a img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; margin-right: 5px; } .bootstrap-select .bs-searchbox .form-control { padding: 5px 10px; height: 30px; } /*____RADIO & CHECKBOX____*/ input[type=checkbox], input[type=radio] { opacity: 0; margin-left: 1px !important; } input[type=checkbox]+label, input[type=radio]+label { display: block; padding-left: 20px !important; position: relative; } input[type=checkbox]+label:hover:before, input[type=radio]+label:hover:before { border-color: #3396d1; } input[type=checkbox]+label:before, input[type=radio]+label:before { background-color: #fff; border: 2px solid #b6b7b8; border-radius: 0px; content: ""; display: inline-block; height: 16px; line-height: 1; margin-left: -20px; position: absolute; top: 2px; transition: all linear 0.1s; width: 16px; } input[type=checkbox]+label:after { color: #fff; content: "\f00c"; font-family: FontAwesome; font-size: 0px; -webkit-font-smoothing: antialiased; left: 6px; position: absolute; top: 7px; transition: all linear 0.1s; } input[type=checkbox]:checked+label:before { border-width: 7px; border-color: #3396d1; } input[type=checkbox]:checked+label:after { font-size: 10px; left: 2px; top: 2px; } input[type=radio]+label:before { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; content: ""; } input[type=radio]:checked+label:before { border-color: #3396d1; border-width: 5px; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: absolute; left: 0; bottom: 0; } /*____BROWSE BUTTON CSS____*/ .btn-file { overflow: hidden; position: relative; } .btn-file input[type="file"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; cursor: inherit; display: block; min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0; } /*____TOUCHSPIN INPUT TYPE NUMBER____*/ .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical>.btn { display: block; float: none; width: 100%; max-width: 100%; padding: 10px 10px 9px; margin-left: -1px; position: relative; border-width: 1px; border-style: solid; border-color: #e1e1e1; background: #FFF; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; -webkit-border-radius: 0px; -moz-border-radius: 0; border-top-right-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-bottom-right-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 4px; left: 5px; font-size: 9px; font-weight: normal; color: #9fa0a1; } /*____RATING STAR____*/ .input-rating input[type=radio] { display: none; } .input-rating input[type=radio]+label { display: inline-block; margin-left: -4px; padding-left: 0px !important; padding-right: 0px; width: 24px; } .input-rating input[type=radio]+label:first-of-type { margin-left: 0px; } .input-rating input[type=radio]+label:before { background-color: transparent; border: none; color: #ffd925; content: "\f006"; display: inline-block; font-family: FontAwesome; font-size: 20px; -webkit-font-smoothing: antialiased; height: 14px; line-height: 1; margin-left: 0px; position: static; text-align: center; top: 2px; transition: none; width: 14px; } .input-rating input[type=radio]:checked+label:before, .input-rating input[type=radio]+label.marked:before, .input-rating input[type=radio]+label.filled:before, .input-rating input[type=radio]+label.hovered.filled:before { content: "\f005"; } .input-rating input[type=radio]+label.hovered:before { content: "\f006"; } /*____SIMPLE RATING LIST____*/ .rating-bx { color: #ffd925; font-size: 14px; } .rating-bx i { margin: 0 2px; } .rating-container .rating-stars::before { text-shadow: none; } .rating-container { color: #c8c8c8; } .rating-container .rating-stars { color: #3396d1; } /*____VALIDATION SYMBOL____*/ .has-feedback label~.form-control-feedback { top: 31px; } /*____ERROR FOR SELECT BOX____*/ .has-error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle:hover, .has-error .bootstrap-select .dropdown-toggle:focus { border-color: #a94442 !important; } /*____SUCESS FOR SELECT BOX____*/ .has-success .bootstrap-select .dropdown-toggle, .has-success .bootstrap-select .dropdown-toggle:hover, .has-success .bootstrap-select .dropdown-toggle:focus { border-color: #3c763d !important; } /*____TEXTAREA____*/ /*____VERICAL RESIZE____*/ .resize-vertical { resize: vertical; } /*____HORIZONTAL RESIZE____*/ .resize-horizontal { resize: horizontal } /*____RESIZE NONE____*/ .resize-none { resize: none } /*____LOADING____*/ .loading-area { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; overflow: hidden; } .loading-box { width: 100%; height: 100%; background-color: #FFF; position: absolute; left: 0; top: 0; opacity: 1; z-index: 9999; } .loading-pic { width: 100%; position: absolute; top: 50%; z-index: 99999; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .loading-cover, .loading-srh-bar, .loading-map { background: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .loading-cover .fa-spinner, .loading-srh-bar .fa-spinner, .loading-map .fa-spinner { position: absolute; left: 50%; top: 50%; margin: -10px; font-size: 25px; color: #333; } .mt-banner-outer { margin-bottom: 0; } .mt-success-top, .mt-error-top { margin-bottom: 0; } .alert-bx.alert-info { padding: 15px; border: 1px solid #bce8f1; } /*____WIDGETS____*/ .widget { margin-bottom: 40px; } .widget-title { margin: 0 0 25px; } .widget-title, .widget-title-two, .widget-title-three { padding-bottom: 15px; position: relative; margin-bottom: 30px; } .widget-title-two:after, .widget-title-two:before, .widget-title-three:after, .widget-title-three:before { content: ""; position: absolute; margin: 10px 0; } .widget-title:after { content: ""; position: absolute; bottom: -10px; left: 0px; height: 3px; margin: 0 0 0; width: 70px; margin: 10px 0; background-color: #ff0000; } .widget .widget-title, .widget .widget-title-two, .widget .post-title { text-transform: none; } .recent-posts-entry ul, .category-entry ul { margin: 0; list-style: none; padding: 0; } .site-footer .widget .widget-title:after { display: none; } /*____WIDGETS LISTING____*/ .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_nav_menu ul, .widget_rss ul, .widget_recent_entries ul, .widget_getintuch ul, .widget_services ul { list-style: none; margin-bottom: 0; text-transform: uppercase; } .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_nav_menu li, .widget_recent_entries ul li, .widget_services ul li { padding-bottom: 18px; margin-bottom: 13px; position: relative; padding: 9px 10px 9px 15px; margin-bottom: 0; line-height: 20px; } .widget_archive ul li span.badge { padding: 4px 7px; background-color: #ff0000; } .widget_categories ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_recent_comments ul li a, .widget_nav_menu li a, .widget_recent_entries ul li a, .widget_services ul li a { color: #484848; } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_nav_menu li a:hover, .widget_recent_entries ul li a:hover, .widget_services ul li a:hover { color: #ff0000; } .widget_categories ul li:before, .widget_archive ul li:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_nav_menu ul li:before, .widget_useful_links ul li:before, .widget_recent_entries ul li:before, .widget_services ul li:before { content: "\f054"; position: absolute; left: 0; top: 10px; display: block; font-family: "FontAwesome"; font-size: 8px; } .widget_categories ul li li, .widget_archive ul li li, .widget_meta ul li li, .widget_pages ul li li, .widget_recent_comments ul li li, .widget_nav_menu li li, .widget_services li li { border-bottom: none; padding-left: 25px; padding-right: 5px; padding-top: 0; padding-bottom: 0; line-height: 28px; } .widget_categories ul li li:before, .widget_archive ul li li:before, .widget_meta ul li li:before, .widget_pages ul li li:before, .widget_recent_comments ul li li:before, .widget_nav_menu li li:before, .widget_services li li:before { top: 0; left: 1px; } /*____WIDGETS CUSTOM SEARCH____*/ .search-bx .btn { border: none; padding: 16px 20px; } .search-bx .form-control { height: 52px; border: none; } .search-bx .form-control:focus { background-color: #fff; } /*____WIDGETS SEARCH WP-DEFAULT____*/ .widget_search .screen-reader-text { display: block; } .searchform { position: relative; } .searchform input[type="text"] { width: 100%; height: 40px; padding: 10px 90px 10px 15px; border: 1px solid #CCCCCC; } .searchform input[type="submit"] { height: 40px; padding: 10px 15px; background-color: #ff0000; position: absolute; right: 0; bottom: 0; color: #ffffff; border-left: none; border-right: none; border-top: none; border-bottom: none; } .searchform input[type="submit"]:hover, .searchform input[type="submit"]:focus, .searchform input[type="submit"]:active { background-color: #6ab33e; color: #ffffff!important; border-bottom-color: #5a9e2f; } /*____WIDGETS RECENT POSTS____*/ .recent-posts-entry .post-date, .tweets-feed-entry .tweet-date { color: #3396d1; font-style: normal; } .widget .post-title { font-size: 14px; line-height: 20px; margin-bottom: 8px; font-weight: 600; text-transform: uppercase; } .recent-posts-entry .widget-post { margin-bottom: 10px; } .recent-posts-entry .widget-post-bx:last-child { border-bottom: none; } .recent-posts-entry .widget-post:last-child { margin-bottom: 0px; } .recent-posts-entry .mt-post-media { float: left; width: 80px; } .recent-posts-entry .mt-post-info { background: transparent; padding: 0; margin-left: 95px; border: none; } .recent-posts-entry .post-meta span { margin-right: 10px; } /*____WIDGETS RECENT COMMENT____*/ .widget_recent_comments ul li:before { content: "\f0e6"; } .widget_recent_comments ul li { padding-left: 20px; color: #999; } /*____WIDGETS META____*/ .widget_meta ul li a abbr[title] { color: #333; border-bottom: none; } /*____WIDGETS CALENDER____*/ .widget_calendar caption::after { color: #707070; content: ">"; font-family: "FontAwesome"; margin: 0 0 0 5px; } .widget_calendar table { border-collapse: separate; border-spacing: 2px; width: 100%; } .widget_calendar caption { background-color: #E0E0E0; padding: 8px 10px; color: #1a1a1a; text-transform: uppercase; font-weight: 600; } .widget_calendar thead { background-color: #ff0000 } .widget_calendar tfoot tr td { border: none; padding: 0px } .widget_calendar tfoot tr td a { background-color: #fff; padding: 4px 10px } .widget_calendar table thead tr th { font-size: 11px; padding: 5px; text-align: center; border: none; color: #fff; } .widget_calendar table tbody td { font-size: 13px; padding: 6px 5px; text-align: center; background-color: #f9f9f9; border: none; color: #444; } .widget_calendar table tbody td#today { background-color: #ff0000; color: #FFF; } .widget_calendar table tbody td#today a { color: #FFF; } /*____WIDGETS TAGS LIST____*/ .widget_tag_cloud a { padding: 6px 14px; background-color: #f6f7f8; font-size: 14px; display: inline-block; margin: 0 0 5px; color: #333; font-weight: 600; text-transform: uppercase; } .side-bar .widget_tag_cloud a:hover { background-color: #CCCCCC; } .tag-small.widget_tag_cloud a { padding: 5px 10px; background-color: #1f1f1f; font-size: 12px; display: inline-block; margin: 0 0 5px; color: #a5a5a5; -webkit-border-radius: 8px; border-radius: 8px; } /*____WIDGETS ARCHIVE____*/ .widget_archive select { width: 100%; padding: 5px; border: 1px solid #CCC; } /*____WIDGETS TEXT____*/ .widget_text select { width: 100%; padding: 5px; border: 1px solid #CCC; } .widget_text select option { width: 100%; } /*____WIDGETS CATEGORIES____*/ .widget_categories li { text-align: right; } .widget_categories li a { float: left; } .widget_categories li span.badge { padding: 4px 7px; color: #ff0000; background-color: transparent; } .widget_categories .dropdown-menu li:before { left: 5px; top: 5px; } .widget_categories li a:hover { color: #ff0000; } /*____WIDGETS RSS____*/ .widget_rss ul { margin: 0; line-height: 20px; } .widget_rss ul li { line-height: 20px; margin-bottom: 15px; } .widget_rss ul .rsswidget { color: #333; } .widget_rss ul .rss-date { color: #999999; font-style: italic; } .widget_rss ul .rssSummary { padding: 5px 0; } .widget_rss ul cite { color: #333; font-weight: 600; } /*____WIDGETS GET IN TUCH____*/ .widget_getintuch { padding-top: 10px; } .widget_getintuch li { margin-bottom: 20px; position: relative; padding-left: 40px; } .widget_getintuch b, .widget_getintuch strong { display: block; text-transform: uppercase; } .widget_getintuch i { position: absolute; left: 0; top: 5px; text-align: center; font-size: 14px; width: 30px; height: 30px; line-height: 30px; background-color: #ff0000; color: #fff; } /*____WIDGETS GALLERY____*/ .widget_gallery ul { padding-left: 0; } .widget_gallery li { display: block; margin-bottom: 5px; padding-left: 3px; padding-right: 3px; width: 33.33%; float: left; } .widget_gallery li a { position: relative; background-color: #fff; } .widget_gallery li:hover img { margin-bottom: 0; opacity: 0.6; cursor: crosshair; } .widget_gallery li:hover a:after { opacity: 1; } .widget_gallery a { display: block; } @media only screen and (max-width:991px) { .widget_gallery li { width: 16.333%; } } @media only screen and (max-width:767px) { .widget_gallery ul { margin-bottom: 0px; margin:0px -3px; } .widget_gallery li { width: 16.5%; } } @media only screen and (max-width:480px) { .widget_gallery li { width: 33.33%; } } /*____WIDGETS CATEGORIES DROPDOWN____*/ .widget_categories .dropdown-menu ul li::before { display: none; } .widget_categories .dropdown-menu ul li { border: none; text-align: left; } .widget_categories .dropdown-menu ul li a { float: none; } /*____WIDGETS FORM____*/ .widget-quick-form .form-group { margin-bottom: 24px; } .widget-quick-form input, .widget-quick-form button, .widget-quick-form textarea { padding: 10px 20px; resize: none; border: none; } .widget-quick-form input, .widget-quick-form textarea { background-color: #f6f7f8; } .widget-quick-form textarea { height: 80px; } .widget-quick-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1a1a1a; font-weight: bold; } .widget-quick-form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #1a1a1a; font-weight: bold; } .widget-quick-form .form-control:-ms-input-placeholder { /* IE 10+ */ color: #1a1a1a; font-weight: bold; } .widget-quick-form .form-control:-moz-placeholder { /* Firefox 18- */ color: #1a1a1a; font-weight: bold; } .widget_newsletter-2 .newsletter-bx { position: relative; z-index: 9; overflow: hidden; } .widget_newsletter-2 .newsletter-bx .newsletter-icon { position: absolute; left: 22px; top: -6px; } .widget_newsletter-2 .newsletter-bx .newsletter-icon i { font-size: 70px; z-index: 0; color: rgba(0, 0, 0, 0.05); visibility: hidden; } /*____WIDGETS CLIENT SLIDER____*/ .widget-client { background-color: #f6f7f8; } .widget-client .ow-client-logo { background-color: #f6f7f8; } /*____WIDGETS TWITTER____*/ .widget_twitter {} .widget_twitter ul { margin-left: 15px; margin-bottom: 0px; list-style: none; } .widget_twitter ul li { position: relative; padding-bottom: 15px; } .widget_twitter ul li .twitter-w-icon { position: absolute; left: -24px; font-size: 18px; top: 2px; } .widget_twitter a.site-button.outline.black { padding: 6px 14px; border-color: #E6E6E6; } /*____TABLE____*/ .table.no-border tr td, .table.no-border tr th { border-width: 0; } .table-behavior { display: table; } .table-behavior .table-cell-behavior { display: table-cell; float: none; } /*____TABLE RESPONSIVE____*/ .mt-responsive-table td, .mt-responsive-table th { padding: 5px 10px !important; } @media only screen and (max-width: 800px) { #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; display: none; } #no-more-tables tr { border: 1px solid #ccc; } #no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; white-space: normal; text-align: left; } #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } #no-more-tables td:before { content: attr(data-title); } } /*____VIDEO____*/ .yt-thum-box img { margin: -9.5% 0%; } /*____ICONS____*/ .bs-glyphicons-wrap [class*="col-"], .fa-icon-wrap [class*="col-"], .outline-fonts-wrap [class*="col-"] { background-color: #f9f9f9; display: block; border: 1px solid #fff; min-height: 100px; padding: 10px; } .outline-fonts-wrap [class*="col-"] { min-height: 120px; } .bs-glyphicons-wrap [class*="col-"] a, .fa-icon-wrap [class*="col-"] a, .outline-fonts-wrap [class*="col-"] a { display: grid; } .bs-glyphicons-wrap [class*="col-"] span, .fa-icon-wrap [class*="col-"] span, .outline-fonts-wrap [class*="col-"] span { display: block; text-align: center; color: #767676; } .bs-glyphicons-wrap [class*="col-"] span.glyphicon, .fa-icon-wrap [class*="col-"] span.fa { display: table; padding: 5px; font-size: 24px; margin: 0px auto; } .bs-glyphicons-wrap [class*="col-"] span.glyphicon-class, .fa-icon-wrap [class*="col-"] span.fa-icon-info, .outline-fonts-wrap [class*="col-"] span.flaticon-info { font-size: 13px; } .bs-glyphicons-wrap [class*="col-"]:hover, .fa-icon-wrap [class*="col-"]:hover, .outline-fonts-wrap [class*="col-"]:hover { background-color: #1a1a1a; color: #fff; } .bs-glyphicons-wrap [class*="col-"]:hover span, .fa-icon-wrap [class*="col-"]:hover span, .outline-fonts-wrap [class*="col-"]:hover span { color: #fff; } /*____CALL TO ACTION____*/ .call-to-action-left { color: #fff; } .call-to-action-left h1, .call-to-action-left h2, .call-to-action-left h3, .call-to-action-left h4, .call-to-action-left h5, .call-to-action-left h6, .call-to-action-left p { color: #fff; } .call-to-action-left p:last-child { margin-bottom: 0; } .call-to-action-right { text-align: right; } @media only screen and (max-width:767px) { .call-to-action-right { text-align: left; } } .call-to-action-skew .call-to-action-left { position: relative; } @media only screen and (max-width:767px) { .call-to-action-skew .call-to-action-left::after { right: -15px; border-right: none; } .call-to-action-skew .call-to-action-left.p-r50 { padding-right: 0; } .call-to-action-skew .call-to-action-right { padding-top: 45px; } } .call-to-action-skew .call-to-action-left>* { position: relative; z-index: 2; } /*____WP DEFAULT____*/ .alignnone { margin: 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 15px; } .alignright { float: right; margin: 5px 0 25px 25px; } .alignleft { float: left; margin: 5px 25px 25px 0; } a img.alignright { float: right; margin: 5px 0 25px 25px; } a img.alignnone { margin: 5px 0 25px 0; } a img.alignleft { float: left; margin: 5px 25px 25px 0; } a img.aligncenter { display: block; margin: 5px auto 15px; } .wp-caption { max-width: 100%; text-align: center; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption.alignnone { margin: 5px 0 25px 0; } .wp-caption.alignleft { margin: 5px 25px 25px 0; } .wp-caption.alignright { margin: 5px 0 25px 25px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { color: #9d9d9d; font-size: 13px; line-height: 18px; margin: 0; padding: 10px 0; text-align: left; } blockquote { padding: 30px 20px 30px 80px; font-size: 18px; font-style: italic; color: #555555; margin: 40px 0; line-height: 30px; position: relative; z-index: 1; background: #f6f6f6; clear: both; border: none; } blockquote p { font-size: 14px; color: #555555; line-height: 30px; margin-bottom: 0px; } blockquote:before { content: '\f10d'; font-family: "FontAwesome"; color: #ff0000; font-size: 100px; position: absolute; left: 20px; top: 38px; font-style: normal; z-index: -1; opacity: 0.2; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /*____BLOG____*/ .date-style-3 .mt-post-media { border-bottom: 3px solid #ff0000; } .blog-post { position: relative; margin-bottom: 30px; } .mt-post-title { margin-bottom: 15px; } .mt-post-title .post-title { margin: 0; } .mt-post-meta { margin-bottom: 15px; } .mt-post-meta ul { margin: 0 -4px; list-style: none; } .mt-post-meta li { padding: 0; display: inline-block; font-size: 12px; font-weight: 600; } .mt-post-meta a { color: #484848; } .mt-post-meta i { margin: 0 5px; } .mt-post-meta li:after { content: "/"; display: inline-block; font-weight: normal; margin-left: 5px; opacity: 0.5; } .mt-post-meta li:last-child:after { display: none; } .mt-post-text { margin-bottom: 15px; } .mt-post-text p:last-child { margin-bottom: 30px; } .mt-post-readmore { margin-bottom: 0px; } .mt-post-readmore a { font-size: 14px; } .mt-post-tags { padding-top: 10px; } .mt-post-tags .post-tags { margin: 0 -3px; list-style: none; } .mt-post-tags .post-tags a { border: 1px solid #ddd; padding: 2px 8px; color: #a9a9a9; margin: 0 3px 5px 3px; display: inline-block; text-transform: uppercase; font-size: 10px; font-weight: 600; } .mt-post-tags .post-tags a:hover { background-color: #ff0000; color: #fff; } .blog-post .mt-post-media img{ width:100% } @media only screen and (max-width:1199px) { blockquote { padding: 10px 20px 10px 80px; margin: 10px 0px; } } @media only screen and (max-width:991px) { blockquote { margin: 40px 0px; } } @media only screen and (max-width:991px) { blockquote { padding: 20px; } .mt-post-text p:last-child { margin-bottom: 0px; } } /*____POST DATE STYLE CSS____*/ .date-style-2 .post-date { color: #fff; position: absolute; left: 15px; top: 15px; width: 100px; text-align: center; background-color: #ff0000; z-index: 1; } .date-style-2 .post-date strong, .date-style-2 .post-date span { display: block; padding: 10px 5px; } .date-style-2 .post-date strong { font-size: 60px; padding: 10px 5px; position: relative; line-height: 60px; } .date-style-2 .post-date span { font-size: 12px; background-color: #020d26; text-transform: uppercase; } .date-style-2 .post-date:after, .date-style-2 .post-date .fa, .date-style-3 .post-date:after { display: none; } @media only screen and (max-width:400px) { .date-style-2 .post-date strong { font-size: 30px; line-height: 30px; } } .recent-posts-entry-date .widget-post:last-child { border: none; } .recent-posts-entry-date .mt-post-date { background-color: #0e0e0e; width: 50px; height: 60px; float: left; } .recent-posts-entry-date .mt-post-media { width: 80px; float: left; } .recent-posts-entry-date .mt-post-date strong { display: block; font-size: 24px; } .recent-posts-entry-date .mt-post-date span { display: block; font-size: 11px; text-transform: uppercase; font-weight: 600; } .recent-posts-entry-date .mt-post-info { margin-left: 90px; } .recent-posts-entry-date .mt-post-info .mt-post-meta ul li { font-weight: normal; font-size: 12px; font-weight: 600; } .recent-posts-entry-date .mt-post-info .post-title { margin-top: 0px; font-size:13px; } .recent-posts-entry-date .mt-post-info .post-title a { color: #97A7C9 !important; text-transform: uppercase; font-weight: 600; } .footer-light .recent-posts-entry-date .mt-post-info .post-title a { color: #484848 !important; text-transform: uppercase; font-weight: 600; } .site-footer .recent-posts-entry-date .widget-post { margin-bottom: 28px; } /*____POST WITHOUT MEDIA____*/ .blog-grid.date-style-2.post-media-empty .mt-post-info, .blog-lg.date-style-2.post-media-empty .mt-post-info, .blog-md.date-style-2.post-media-empty .mt-post-info { padding-top: 0; } .blog-grid.date-style-3.post-media-empty .mt-post-info, .blog-lg.date-style-3.post-media-empty .mt-post-info, .blog-md.date-style-3.post-media-empty .mt-post-info { padding-top: 60px; } .blog-md.date-style-3.post-media-empty .mt-post-info .post-date { bottom: auto; } /*____IF NO IMAGE WITH BLOG POST____*/ .blog-md .mt-post-media { width: 380px; float: left; } .blog-md .mt-post-info { border: none; } .blog-md .mt-post-tags { border: none; display: inline-block; padding: 0; } .blog-md.date-style-3 .post-date { top: auto; bottom: 0; } @media only screen and (max-width:991px) { .blog-md .mt-post-media { width: 100%; float: none; clear: both; } .blog-md .mt-post-media img{ width: 100%; } .blog-md .mt-post-info{ padding:20px 0px; } } @media only screen and (max-width:767px) { .blog-md.blog-post .mt-post-media { float: none; margin: 0 0 20px; width: auto; } } /*____BLOG POST HALF IMAGE____*/ .nav-links:after { clear: both; content: ""; display: table; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .pagination .page-numbers { background-color: #fff; border: 1px solid #e0e0e0; color: #767676; padding: 9px 15px; font-weight: 600; font-size: 12px; display: block; float: left; margin-left: -1px; } .pagination .page-numbers.current, .pagination a.page-numbers:hover { background: #3396D1; color: #fff; } /*____BLOG PAGING NEXT & PREV CSS____*/ .nav-links .nav-previous a, .nav-links .nav-next a { display: inline-block; color: #3396d1; font-weight: 600; margin-bottom: 20px; outline: none !important; } .nav-links .nav-previous a:hover, .nav-links .nav-next a:hover { color: #0099CC; } .nav-links .nav-previous a:after, .nav-links .nav-next a:after { content: "\f105"; font-family: "FontAwesome"; vertical-align: middle; margin-left: 2px; color: #333; } /*____POST NAVIGATION____*/ .post-navigation { background-color: #fff; padding: 30px; border-bottom: 2px solid #e3e3e3; } .post-navigation .screen-reader-text { margin-top: 0; } .post-navigation .nav-previous, .post-navigation .nav-next { display: inline-block; width: 50%; } .post-navigation .nav-next { text-align: right; } .post-navigation .nav-previous a:after, .post-navigation .nav-next a:after { display: none; } .post-navigation .nav-previous .post-title, .post-navigation .nav-next .post-title { display: block; font-size: 15px; color: #777777; margin-top: 10px; } /*____POST PAGINATION____*/ .mt-link-pages { padding: 20px 0 30px; } .mt-link-pages a { color: #fff; padding: 2px 6px; font-size: 12px; font-weight: 600; background-color: #CCC; margin: 0 2px; } /*____STICKY POST____*/ .sticky-post { position: absolute; right: 0; top: 0; background: #77c04b; color: #FFF; padding: 10px 15px; text-transform: uppercase; font-weight: 600; } /*____POST PASSWORD FORM____*/ .post-password-form { position: relative; clear: both; } .post-password-form input[type="password"] { width: 100%; border: 1px solid #ddd; padding: 10px 100px 10px 15px; height: 40px; } .post-password-form label { display: block; } .post-password-form input[type="submit"] { position: absolute; bottom: 0; right: 0; padding: 10px 20px; background-color: #333; color: #FFF; border: none; height: 40px; text-transform: uppercase; font-weight: 600; } /*____GALLERY CSS FOR BLOG POST____*/ .blog [class*="galleryid-"] { clear: both; margin: 0 auto; overflow: hidden } .gallery .gallery-item { float: left; list-style: none; margin: 0px 0 0; overflow: hidden; padding: 0px 0px 5px 15px; text-align: center } .gallery .gallery-caption { padding-top: 10px; font-size: 13px; } .gallery .gallery-item img { float: left; padding: 0 0px; width: 100%; border: none !important; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: 'Poppins', sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*____SIDE BAR____*/ .side-bar .widget { margin-bottom: 30px; } @media only screen and (max-width: 991px) { .side-bar { margin-bottom: 40px; } } /*____BLOG SINGLE____*/ .date-style-3 .post-description-area { position: relative; padding-top: 30px; } .post-media-empty.date-style-2 .post-description-area { padding-top: 0; } .post-media-empty.date-style-2 .post-date { left: 0; } .post-media-empty.date-style-2 .mt-post-title { margin-left: 70px; margin-bottom: 50px; } .post-media-empty.date-style-3 .post-description-area { padding-top: 50px; } .post-media-empty.date-style-3 .post-date { top: 0; } /*____COMMENT LIST____*/ .comments-area { padding: 0; } .comments-area .comments-title { text-transform: uppercase; font-size: 20px; } ol.comment-list { list-style: none; margin-bottom: 0; padding-left: 0; } ol.comment-list li.comment { position: relative; padding: 0; } ol.comment-list li.comment .comment-body { position: relative; padding: 20px 30px 20px 130px; margin-bottom: 40px; position: relative; border: 1px solid #f2f2f2; border-left: 5px solid #eaeaea; } ol.comment-list li.comment .comment-author { display: block; margin-bottom: 10px; } ol.comment-list li.comment .comment-author .avatar { position: absolute; top: 15px; left: 15px; width: 90px; height: 90px; } ol.comment-list li.comment .comment-author .fn { display: inline-block; color: #111111; font-size: 14px; text-transform: uppercase; font-weight: 700; font-style: normal; } ol.comment-list li.comment .comment-author .says { display: none; color: #999999; font-weight: 600; } ol.comment-list li.comment .comment-meta { color: #000; margin-bottom: 15px; font-size: 12px; text-transform: uppercase; line-height: normal; font-weight: 600; } ol.comment-list li.comment .comment-meta a { color: #111111; } ol.comment-list li.comment .comment-meta a { color: #111111; } ol.comment-list li.comment p { line-height: 18px; margin: 0 0 5px; } ol.comment-list li.comment .reply a { position: absolute; top: 50px; right: 30px; margin-top: -5px; color: #ff0000; font-weight: 600; } ol.comment-list li .children { list-style: none; margin-left: 80px; } ol.comment-list li .children li { padding: 0; } @media only screen and (max-width: 767px) { .comments-area .padding-30 { padding: 15px; } ol.comment-list li.comment .comment-body { margin-bottom: 30px; margin-left: 0px; padding-left: 100px; } ol.comment-list li.comment .comment-author .avatar { left: 10px; height: 70px; width: 70px; } ol.comment-list li .children { margin-left: 20px; } ol.comment-list li.comment .reply a { position: static; } } @media only screen and (max-width: 480px) { ol.comment-list li.comment .comment-body { margin-left: 20px; } ol.comment-list li.comment .comment-author .avatar { left: -30px; top: 12px; width: 60px; height: 60px; } ol.comment-list li.comment .comment-body { padding-left: 40px; } #comment-list { padding: 15px; } } @media only screen and (max-width: 360px) { ol.comment-list li.comment .comment-author .avatar { position: inherit; } ol.comment-list li.comment .comment-author .fn { display: block; padding-top: 20px; } ol.comment-list li.comment .comment-body { padding: 15px; margin-left: 0px; text-align: center; } } /*____COMMENT FORM____*/ .comment-respond .comment-reply-title { font-size: 20px; } .comment-respond .comment-reply-title { font-size: 16px; font-weight: 600; } .comments-area .comment-form { margin: 0 -15px; } .comments-area .comment-form .comment-notes { display: none; } .comments-area .comment-form p { width: 33.333%; float: left; padding: 0 15px; margin-bottom: 30px; position: relative; font-weight: 600; } .comments-area .comment-form p.form-allowed-tags { width: 100%; } ol.comment-list li.comment .comment-respond .comment-form p { padding: 0 15px !important; } .comments-area .comment-form p label { display: none; line-height: 18px; margin-bottom: 10px; } .comments-area p::before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: 15px; top: 0px; font-size: 16px; color: #8f8f8f; width: 40px; height: 40px; line-height: 40px; border: none; text-align: center; } .comments-area p.comment-form-author:before { content: "\f007"; } .comments-area p.comment-form-email:before { content: "\f0e0"; } .comments-area p.comment-form-url:before { content: "\f0ac"; } .comments-area p.comment-form-comment:before { content: "\f040"; } .comments-area .comment-form p input[type="text"], .comments-area .comment-form p textarea { width: 100%; height: 40px; padding: 10px 10px 10px 40px; border: none; background-color: #f3f3f3; } .comments-area .comment-form p.comment-form-comment { width: 100%; display: block; clear: both; } .comments-area .comment-form p textarea { height: 120px; resize: none; } .comments-area .comment-form p.form-submit { clear: both; float: none; width: 100%; margin: 0; } .comments-area .comment-form p input[type="submit"] { background-color: #77c04b; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-width: 0; color: #fff; display: inline-block; font-weight: 600; padding: 10px 20px; text-transform: uppercase; } .comments-area .comment-form p input[type="submit"]:hover, .comments-area .comment-form p input[type="submit"]:focus, .comments-area .comment-form p input[type="submit"]:active { background-color: #6ab33e; border-color: #6ab33e; color: #fff; } @media only screen and (max-width: 767px) { .comments-area .comment-form p { width: 100%; float: none; margin-bottom: 20px; } .comment-respond { padding: 20px; } } /*____BLOG BLOCK STYLE-1____*/ .blog-post-demo-one [class*="col-"]:nth-child(even) .mt-post-media { display: table-footer-group; } .blog-post-demo-one [class*="col-"]:nth-child(even) .mt-post-media a { display: block; overflow: hidden; } .blog-post-demo-one [class*="col-"]:nth-child(even) .mt-post-info { display: table-header-group; } .blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-3 .mt-post-info, .blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-2 .mt-post-info { position: static; } .blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-3 .post-date, .blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-2 .post-date { bottom: 0px; top: auto; } .blog-block-img { background-position: center center; background-size: cover; display: block; height: 250px; width: 100%; } .mt-post-info-inner { padding: 50px; height: 250px; } .blog-post-demo-one .mt-post-media { position: relative; } .mt-blog-post-direction { text-align: center; position: absolute; width: 100%; bottom: -20px; color: #F5F6F6; } .mt-blog-post-direction span { display: inline-block; font-size: 40px; } .blog-post-demo-one .mt-post-media:after { position: absolute; content: ""; bottom: 0px; left: 50%; margin-left: -8px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #F5F6F6; } .blog-post-demo-one [class*="col-"]:nth-child(even) .mt-post-media:after { top: 0px; bottom: auto; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #F5F6F6; border-bottom: none; } @media only screen and (max-width:1280px) { .mt-post-info-inner { padding: 20px; } } @media only screen and (max-width:767px) { .mt-post-info-inner { height: auto; } } /*____BLOG GRID POST____*/ .blog-post .grid-post {} .blog-post .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } .blog-post .grid-post li .portfolio-item { width: 100%; } .portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; width: 100%; border: 0; position: relative; } .blog-post .grid-post li img { width: 100%; } /*____IF NO IMAGE WITH BLOG POST LATEST BLOG 3____*/ .latest-blog-3.blog-post { margin-bottom: 30px; } .latest-blog-3.post-overlay .mt-post-info { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: table; } .latest-blog-3.post-overlay { height: 555px; } .latest-blog-3.post-overlay .mt-post-info .post-overlay-position { display: table-cell; vertical-align: bottom; } .latest-blog-3.post-overlay .mt-post-meta a { color: #fff; } .latest-blog-3.post-overlay .mt-post-meta i { color: #ff0000; } .latest-blog-3.post-overlay.date-style-3 .post-date { top: 0px; } .latest-blog-3.post-overlay.date-style-3 .mt-post-meta .post-date i { color: #fff; } .latest-blog-3.blog-md .mt-post-media { width: 230px; float: left; margin-right: 30px; } .latest-blog-3.blog-md .mt-post-info { border: none; } .latest-blog-3.blog-md .mt-post-tags { border: none; display: inline-block; padding: 0; } .latest-blog-3.blog-md .mt-post-meta i { color: #ff0000; } .latest-blog-3.blog-md.date-style-3 .post-date { bottom: -10px; top: auto; } .latest-blog-3.blog-md.date-style-3 .mt-post-meta .post-date i { color: #fff; } @media only screen and (max-width:991px) { .latest-blog-3.post-overlay { height: 360px; } } @media only screen and (max-width:640px) { .latest-blog-3.blog-md .mt-post-media { width: 100%; } } /*____IF NO IMAGE WITH BLOG POST LATEST BLOG 4____*/ .latest-blog-4 .mt-post-media { width: 274px; float: left; } .latest-blog-4 .mt-post-info { overflow: hidden; } @media only screen and (max-width:1199px) { .latest-blog-4.three-block-style .mt-post-media { width: 100% !important; float: none; clear: both; } .latest-blog-4.three-block-style .mt-post-media img { width: 100%; } } @media only screen and (max-width:600px) { .latest-blog-4 .mt-post-media { width: 100%; float: none; clear: both; } } /*____HEADER(TOP PART OF PAGE)____*/ .site-header { position: relative; z-index: 999; } @media only screen and (max-width:1200px) { .site-header .container { width: auto; } } .site-header ul, .site-header ol { margin-bottom: 0; } /*____HEADER FULL SCREEN____*/ .nav-wide .container { width: 100%; } /*____WITHOUT TOP BAR____*/ .extra-nav { float: right; padding: 23px 0; position: relative; z-index: 9; } .extra-nav .extra-cell { display: inline-block; margin-left: 10px; } /*____MAP PAGE HEADER____*/ #header-part.fix-map-header { height: 90px; } #header-part.fix-map-header .main-bar { position: fixed; top: 0; left: 0; z-index: 1; } @media only screen and (max-width:480px) { #header-part.fix-map-header { height: 160px; } } /*____PAGE TOP BAR (LEFT & RIGHT CONTENT)____*/ .top-bar { color: #ffffff; padding: 10px 0; } .top-bar .fa { vertical-align: middle; background-color: rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.01); padding: 3px; width: 22px; height: 22px; text-align: center; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .mt-topbar-left, .mt-topbar-right, .mt-topbar-center { padding-left: 15px; padding-right: 15px; } .mt-topbar-left { float: left; } .mt-topbar-right { float: right; } .mt-topbar-center { text-align: center; } @media only screen and (max-width: 991px) { .mt-topbar-left, .mt-topbar-right { float: none; } } /*____EMAIL PHONE (LEFT)____*/ .e-p-bx li { display: inline; font-size: 12px; padding-right: 10px; } .e-p-bx li a { color: #FFF; } .e-p-bx li i { margin-right: 5px; vertical-align: middle; } /*____SOCIAL LINK (RIGHT)____*/ .social-bx, .login-bx { margin: 0 0 0 15px; float: right; } @media only screen and (max-width: 480px) { .social-bx, .e-p-bx, .login-bx { margin-top: 5px; margin-bottom: 5px !important; } } @media only screen and (max-width: 991px) { .e-p-bx.pull-left { float: right !important; } } .social-bx li, .login-bx li { font-size: 12px; margin: 0; position: relative; } .social-bx li { padding-left: 2px; padding-right: 2px; } .social-bx li a, .login-bx li a { color: #ffffff; } .social-bx li i, .login-bx li i { vertical-align: baseline; margin: 0 5px 0 0; } .social-bx li span, .login-bx li span { vertical-align: baseline; margin: 0 2px 0; font-size: 8px; } .login-bx li ul { top: 25px; left: auto; right: 0; border: none; padding: 0; } .login-bx li ul li { border-bottom: 1px solid #F7F7F7; } .login-bx li ul li a { color: #767676; padding: 9px 15px; } .arrow-up-border:before, .arrow-up:after { position: absolute; display: inline-block; content: ''; } .arrow-up-border:before { top: -7px; right: 19px; border-right: 7px solid transparent; border-bottom: 7px solid #F00; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .arrow-up:after { top: -6px; right: 20px; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; } .arrow-left:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .arrow-left:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } /*____LANGUAGE LIST____*/ .language-bx li { display: inline; margin: 0 10px; } /*____TOP BAR LINER____*/ .top-bar-liner { padding: 0px; color: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .top-bar-liner .fa { background-color: transparent; } .tb-info-liner, .tb-social-liner { border-right: 1px solid rgba(0, 0, 0, 0.1); } .tb-info-liner li, .tb-social-liner li { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; display: block; float: left; } .tb-social-liner li:hover { background-color: rgba(0, 0, 0, 0.1); } @media only screen and (max-width:640px) { .tb-info-liner li{ display:none; } } /*____LOGO____*/ /*____LOGO FOR HEADER____*/ .logo-header { display: table; float: left; vertical-align: middle; padding: 0; font-size: 36px; color: #1bbce8; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 220px; height: 90px; position: relative; z-index: 9; } @media only screen and (max-width:991px) { .logo-header { width: 180px; } .header-skew::before, .header-skew::after { bottom: -10px; height: 127%; } } @media only screen and (max-width:768px) { .logo-header { width: 180px; padding-left: 7px; } } @media only screen and (max-width:480px) { .header-skew::before, .header-skew::after { bottom: -9px; height: 120%; } } @media only screen and (max-width:400px) { .logo-header { width: 160px; } } .logo-footer { display: table; vertical-align: middle; padding: 0; font-size: 36px; color: #1bbce8; margin-top: 0px; margin-bottom: 15px; margin-left: 0; margin-right: 0; max-width: 200px; height: 60px; } .logo-header>a { display: table-cell; vertical-align: middle; } .logo-header.center-block { margin-left: auto; margin-right: auto; float: none; } .logo-header img, .logo-footer img { max-width: 100%; width: auto; height: auto; vertical-align: middle; } .logo-footer>a { display: block; } .logo-footer img { display: block; } .logo-header span, .logo-footer span { font-size: 20px; color: #1bbce8; letter-spacing: 20px; } /*____WHEN HEADER IS STICKY____*/ .is-fixed .logo-header { height: 70px; } /*____MAIN BAR (PLACE LOGO & MAIN NAVIGATION)____*/ .main-bar { position: relative; width: 100%; } .main-bar::after, .main-bar::after { clear: both; content: ""; display: table; } /*____MAIN BAR WITH BOX VIEW____*/ .boxed .is-fixed .main-bar { max-width: 1200px; margin: 0 -600px; left: 50%; } @media only screen and (max-width: 1200px) { .boxed .is-fixed .main-bar { margin: 0; left: 0; } } .boxed .site-header .container { width: auto; } @media only screen and (max-width: 991px) { .sticky-wrapper { height: auto !important; } } /*____HEADER INFO CSS____*/ .header-info { float: right; padding: 10px 0; } .header-info>ul { list-style: none; display: table; } .header-info>ul li { display: table-cell; padding: 15px 10px; vertical-align: middle; } .header-info>ul li:last-child { padding-right: 0px; } .header-info>ul li .icon-sm { float: left; margin-right: 15px; } .header-info>ul li strong { display: block; font-size: 16px; text-transform: uppercase; color: #1a1a1a; } @media only screen and (max-width: 991px) { .header-info>ul li { display: none; } .header-info>ul li.btn-col-last { display: block; padding-left: 0; padding-right: 0; } } @media only screen and (max-width:767px) { .header-info>ul li.btn-col-last, .header-info { display: none; } } /*____HEADER BOTTOM NAV LIGHT____*/ .header-botton-light { background-color: #efefef; } .header-botton-light .header-nav .nav { float: none; } .header-botton-light .header-nav .nav>li>a { padding: 20px 12px; color: #111; } .header-botton-light .extra-nav { padding: 13px 0; } .header-botton-light .extra-nav .site-search-btn { color: #111; padding: 7px 15px; } .header-botton-light .extra-nav .mt-cart .woo-cart-count { color: #111; min-width: 36px; padding: 5px 5px 5px; } .header-botton-light .extra-nav .mt-cart .woo-cart-count::before { border-color: #fff; } /*____HEADER BOTTOM NAV DARK____*/ .header-botton { background-color: #474747; } .header-botton .header-nav .nav { float: none; } .header-botton .header-nav .nav>li>a { padding: 20px 12px; color: #fff; } .header-botton .extra-nav { padding: 13px 0; } .header-botton .extra-nav .site-search-btn { color: #fff; padding: 7px 15px; } .header-botton .extra-nav .mt-cart .woo-cart-count { color: #fff; min-width: 36px; padding: 5px 0px 5px; } .header-botton .extra-nav .mt-cart .woo-cart-count::before { border-color: #fff; } @media only screen and (max-width:991px) { .header-botton .navbar-toggle { float: left; margin: 9px 0; padding-left: 0px; } .header-botton .navbar-toggle span { background-color: #fff; } .header-botton .header-nav .nav>li>a { padding: 12px 12px; color: #777; } } @media only screen and (max-width:768px) { .header-botton .navbar-toggle { padding-left: 7px; } } @media only screen and (max-width:767px) { .header-middle .logo-header { float: none; margin: 9px auto; } .header-botton .navbar-toggle { padding-left: 0px; } } /*____TOP PART SEARCH BAR____*/ .site-search-btn { background: none; padding: 10px 15px; border: none; outline: none; color: #000; } #search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100px; background-color: rgba(241, 241, 241, 0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; display: none; } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 999; display: block; } #search form { position: absolute; top: 50%; left: 0; margin-top: -29px; width: 40%; margin-left: 30%; color: #fff; background: #000000; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 24px; font-family: 'Poppins', sans-serif; font-weight: 300; text-align: left; outline: none; padding: 10px; } #search input[type="search"] { width: 100%; background: none; border: none; padding: 0px 30px; outline: none; } #search .search-btn { border: none; background: none; padding: 0px 30px; } #search .search-btn i { font-size: 24px; } #search .close { position: fixed; top: 15px; right: 15px; opacity: 1; font-size: 27px; color: #fff; width: 30px; height: 30px; } #search .close:after, #search .close:before { content: ""; position: absolute; width: 2px; height: 32px; background-color: #000; right: 20px; top: 0px; } #search .close:after { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari */ transform: rotate(45deg); } #search .close:before { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari */ transform: rotate(-45deg); } #search .close:hover:after, #search .close:hover:before { cursor: pointer; } @media only screen and ( max-width:768px) { #search form { width: 220px; margin-left: 2%; font-size: 15px; } #search input[type="search"] { padding: 0px 0px 0px 30px; } #search .search-btn { padding: 0px 15px; } #search .search-btn i { font-size: 24px; } } @media only screen and ( max-width:400px) { #search form { font-size: 16px; } #search input[type="search"] { padding: 0px 0px 0px 10px; } #search .search-btn { padding: 0px 15px; } #search .search-btn i { font-size: 18px } } .mt-quik-search .form-control::-moz-placeholder { color: #fff; } .mt-quik-search .form-control:-moz-placeholder { color: #fff; } .mt-quik-search .form-control:-ms-input-placeholder { color: #fff; } .mt-quik-search .form-control::-webkit-input-placeholder { color: #fff; } @media only screen and (max-width:767px) { .site-search { width: 100%; } .site-search .site-button { padding: 0; } .site-search form { padding-left: 0; } } /*____NAVIGATIONS____*/ /*____MEGA MENU____*/ .navbar-toggle { border: none; margin-top: 24px; margin-bottom: 24px; margin-left: 15px; margin-right: -10px; padding: 12px 10px; } .navbar-toggle .icon-bar { background: #555; height: 3px; border-radius: 0; -webkit-border-radius: 0; } @media only screen and (max-width:480px) { .navbar-toggle { margin-left: 10px; } .extra-nav .extra-cell { margin-left: 0; } } .is-fixed .navbar-toggle { margin-top: 14px; margin-bottom: 14px; } .header-nav { position: relative; padding: 0; } .header-nav .nav { float: right; } .header-nav .nav i { font-size: 9px; margin-left: 3px; margin-top: -3px; vertical-align: middle; opacity: 0.7; } .header-nav .nav>li { margin: 0px; font-weight: 400; position: relative; text-transform: uppercase; } .header-nav .nav>li:first-child>a { padding-left: 0px; } @media only screen and (max-width:768px) { .header-nav .nav>li:first-child>a { padding-left: 12px; } } .header-nav .nav>li>a { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #555; font-size: 14px; font-weight: 600; padding: 35px 12px; cursor: pointer; } .header-nav .nav>li>a:hover { background-color: transparent; color: #212427; } .header-nav .nav>li>a:active, .header-nav .nav>li>a:focus { background-color: transparent; } .header-nav .nav>li.active>a, .header-nav .nav>li.current-menu-item>a { background-color: transparent; color: #ff0000; } .header-nav .nav>li:hover>a { color: #ff0000; } .header-nav .nav>li:hover>.sub-menu, .header-nav .nav>li:hover>.mega-menu { opacity: 1; visibility: visible; margin-top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-nav .nav>li .sub-menu { background-color: #ffffff; border-top: 3px solid #ff0000; display: block; left: 0; list-style: none; margin: 20px 0 0; opacity: 0; padding: 0px; position: absolute; visibility: hidden; width: 220px; z-index: 10; } .header-nav .nav>li .sub-menu li { position: relative; text-transform: none; font-weight: 600; } .header-nav .nav>li .sub-menu li a { color: #000; display: block; font-size: 13px; padding: 14px 20px; } .header-nav .nav>li .sub-menu li a:after { content:""; position:absolute; left:0px; bottom:0px; width:0%; height:2px; background-color:#ff0000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-nav .nav>li .sub-menu li a:hover:after { width:30px; left:25px } .header-nav .nav>li .sub-menu li a:hover { background-color: #f6f6f6; color: #ff0000; text-decoration: none; } .header-nav .nav>li .sub-menu li:hover>a { color: #ff0000; padding-left: 25px; } .header-nav .nav>li .sub-menu li:last-child { border-bottom: 0px; } .header-nav .nav>li .sub-menu li .fa { color: #363636; display: block; float: right; position: absolute; right: 10px; top: 12px; } .header-nav .nav>li .sub-menu li>.sub-menu { left: 220px; margin: 0 0 0 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-nav .nav>li .sub-menu li:hover>.sub-menu { left: 220px; margin: 0px; opacity: 1; top: -1px; visibility: visible; } .header-nav .nav>li .sub-menu li:hover>.sub-menu:before { background-color: transparent; bottom: 0px; content: ''; display: block; height: 100%; left: -6px; position: absolute; top: 0px; width: 6px; } .header-nav .nav>li.has-mega-menu { position: inherit; } .header-nav .nav>li .mega-menu li a>i { font-size: 13px; margin-right: 5px; min-width: 20px; } .header-nav .nav>li .mega-menu { background-color: #ffffff; border: 1px solid #e9e9e9; display: table; left: 0px; list-style: none; opacity: 0; position: absolute; right: 0px; visibility: hidden; width: 100%; margin-top: 20px; z-index: 10; } .header-nav .nav>li .mega-menu>li { display: table-cell; padding: 10px 0; position: relative; vertical-align: top; width: 25%; text-transform: none; } .header-nav .nav>li .mega-menu>li:after { content: ""; background-color: rgba(204, 204, 204, 0.4); position: absolute; right: 0px; top: 0px; display: block; width: 1px; height: 100%; } .header-nav .nav>li .mega-menu>li:last-child:after { display: none; } .header-nav .nav>li .mega-menu>li>a { color: #555555; display: block; font-size: 14px; padding: 0 20px; } .header-nav .nav>li .mega-menu>li ul { list-style: none; margin: 10px 0px 0px 0px; padding: 0px; } .header-nav .nav>li .mega-menu>li ul a { color: #474747; display: block; font-size: 13px; line-height: 34px; padding: 2px 20px; } .header-nav .nav>li .mega-menu>li ul a:hover { color: #ff0000; background-color: #F2F2F2; } .header-nav .nav>li.menu-item-has-children:before { content: "\f078"; display: block; font-family: "FontAwesome"; right: 4px; position: absolute; top: 50%; color: #999; margin-top: -8px; font-size: 8px; } /*____SUBMENU DIRECTION____*/ .header-nav .nav>li.submenu-direction .sub-menu { left: auto; right: 0; } .header-nav .nav>li.submenu-direction .sub-menu li>.sub-menu { left: auto; right: 220px; margin: 0 20px 0 0; } .header-nav .nav>li.submenu-direction .sub-menu li:hover>.sub-menu { left: auto; right: 219px; margin: 0 0 0 0; } .has-child .submenu-toogle { position: absolute; right: 10px; top: 1px; color: #000; background-color: #fff; z-index: 1; cursor: pointer; padding: 16px; font-size: 12px; display: none; } .has-child li .submenu-toogle { opacity: 0.9; } .has-child.nav-active>a+.submenu-toogle.glyphicon-plus:before { content: "\2212"; } @media only screen and (max-width: 991px) { header .logo { display: block; padding: 4px 0; } .header-nav .nav i { margin-top: 6px; } .header-nav .nav li.has-child.nav-active>a { color: #ff0000; } } @media only screen and (max-width: 991px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none!important; } .navbar-collapse.collapse.in { display: block!important; } .header-nav { clear: both; margin: 0 -15px; border-bottom: 1px solid #E9E9E9; } .header-nav .nav { float: none; margin: 0; background: #fff; } .header-nav .nav li { float: none; } .header-nav .nav>li .sub-menu>li, .header-nav .nav>li .mega-menu>li { float: none; display: block; width: auto; } .header-nav .nav li .sub-menu>li a { padding-left: 30px; } .header-nav .nav>li>a { padding: 12px 15px; border-top: 1px solid #E9E9E9; color: #777; } .header-nav .nav>li.active>a, .header-nav .nav>li.current-menu-item>a { color: #ff0000; padding-left:10px; } .header-nav .nav i { float: right; } .header-nav .nav>li>a:hover, .header-nav .nav>li>a:active, .header-nav .nav>li>a:focus { background-color: #f0f0f0; text-decoration: none; } .header-nav .nav>li .mega-menu>li:after { display: none; } .header-nav .nav>li ul, .header-nav .nav>li .sub-menu, .header-nav .nav>li .mega-menu { display: none; position: static; visibility: visible; width: auto; background: #f9f9f9; } .header-nav .nav>li ul.mega-menu ul { display: block; } .header-nav .nav>li .mega-menu>li { padding: 0px; } .header-nav .nav>li ul.mega-menu li:hover ul { display: block; } .header-nav .nav li.has-child { position: relative; } .header-nav .nav li .sub-menu, .header-nav .nav li .mega-menu { opacity: 1; margin: 0 !important; } .has-child .submenu-toogle { display: block; } } /*____NAV DARK VERSION____*/ .nav-dark.header-nav .nav>li .sub-menu, .nav-dark.header-nav .nav>li .mega-menu { background-color: #1a1a1a; border: 1px solid rgba(0, 0, 0, 0.2); } .nav-dark.header-nav .nav>li .sub-menu li { border-bottom: 1px solid #23282f; } .nav-dark.header-nav .nav>li .sub-menu li a, .nav-dark.header-nav .nav>li .mega-menu>li ul a, .nav-dark.header-nav .nav>li .mega-menu>li>a { color: #CCCCCC; } .nav-dark.header-nav .nav>li .sub-menu li a:hover { background-color: #23282f; } .nav-dark.header-nav .nav>li .mega-menu>li ul a:hover { background-color: #23282f; color: #ff0000; } .nav-dark.header-nav .nav>li .mega-menu>li:after { background-color: rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 991px) { .nav-dark.header-nav { border-bottom: 1px solid rgba(0, 0, 0, 0.8); } .nav-dark.header-nav .nav { background-color: #2D3239; } .nav-dark.header-nav .nav>li>a { border-top: 1px solid rgba(0, 0, 0, 0.2); } .nav-dark.header-nav .nav>li>a { color: #999; } .nav-dark.header-nav .nav>li>a:hover, .nav-dark.header-nav .nav>li>a:active, .nav-dark.header-nav .nav>li>a:focus { background-color: #23282F; color: #ff0000; } .nav-dark.header-nav .nav>li ul, .nav-dark.header-nav .nav>li .sub-menu, .nav-dark.header-nav .nav>li .mega-menu { background-color: #23282F; } } /*____WHEN HEADER IS STICKY____*/ .sticky-no .main-bar { position: static !important; } /*____WHEN HEADER IS STICKY____*/ .is-fixed .main-bar { position: fixed; top: 0; left: 0; } .is-fixed .header-nav .nav>li>a { padding: 25px 12px; } .is-fixed .extra-nav { padding: 13px 0; } @media only screen and (max-width: 991px) { .is-fixed .header-nav .nav { overflow: auto; height: 275px; } .is-fixed .header-nav .nav>li>a { padding: 12px 15px; } .is-fixed#header-part .navbar-toggle { margin: 15px 0; } } @media only screen and (max-width:768px) { .is-fixed .extra-nav { padding: 13px 7px; } } @media only screen and (max-width:767px) { .is-fixed .extra-nav { padding: 13px 0px; } } /*____HEADER FULL WITH____*/ #header-part.full-width .top-bar .container, #header-part.full-width .main-bar .container { width: auto; } /*____HEADER WITH BG PRIMARY COLOR 1____*/ .bg-primary .header-nav .nav>li>a { color: #fff; } .bg-primary .header-nav .nav>li:hover>a, .bg-primary .header-nav .nav>li.active>a, .bg-primary .header-nav .nav>li.current-menu-item>a { color: #1a1a1a; } .bg-primary .site-search-btn, .bg-primary .mt-cart .woo-cart-total, .bg-primary .mt-cart .woo-cart-count { color: #fff; } .bg-primary .mt-cart .woo-cart-count, .bg-primary .mt-cart .woo-cart-count::before { border-color: #fff; } .bg-primary .navbar-toggle .icon-bar { background-color: #fff; } @media only screen and (max-width:991px) { .bg-primary .header-nav .nav>li>a { color: #777; } .bg-primary .header-nav .nav>li:hover>a, .bg-primary .header-nav .nav>li.active>a, .bg-primary .header-nav .nav>li.current-menu-item>a { color: #ff0000; } } /*____HEADER STYLE 3 (HEADER TRANSPERENT)____*/ .header-style-3 .main-bar { position: absolute; background: none; } .header-style-3 .header-nav .nav>li>a { color: #1a1a1a; } @media only screen and (max-width:991px) { .header-style-3 .header-nav .nav>li>a { color: #777777; } } .header-style-3 .navbar-toggle .icon-bar { background: #1a1a1a; } .header-style-3 .site-search-btn, .header-style-3 .mt-cart .woo-cart-total, .header-style-3 .mt-cart .woo-cart-count { color: #1a1a1a; } .header-style-3 .mt-cart .woo-cart-count, .header-style-3 .mt-cart .woo-cart-count::before { border-color: #1a1a1a; } /*____HEADER 3 FIXED____*/ .header-style-3 .is-fixed .main-bar { position: fixed; } .header-style-3 .is-fixed.color-fill .main-bar { background: #fff; } /*____HEADER 3 TOPBAR TRANSPARENT____*/ .header-style-3.topbar-transparent { position: absolute; width: 100%; top: 0px; left: 0px; } .header-style-3.topbar-transparent .top-bar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media only screen and (max-width:767px) { .header-style-3.topbar-transparent { position: relative; background-color: #000; } .header-style-3.topbar-transparent .main-bar { position: static; } .header-style-3.topbar-transparent .is-fixed .main-bar { position: fixed; } } /*____HEADER STYLE 6____*/ .header-style-6 .is-fixed .header-nav .nav>li>a { padding: 12px 12px; } .header-style-6 .is-fixed .header-nav .nav>li:first-child>a { padding-left: 0px; } .header-style-6 .is-fixed .navbar-toggle { margin-top: 10px; margin-bottom: 10px; } .header-style-6 .logo-header { position: relative; z-index: 1; } .header-style-6 .logo-header:after { content: ""; width: 3000px; height: 104%; background-color: #474747; position: absolute; right: -60px; top: 0px; z-index: -1; -ms-transform: skew(20deg); /* IE 9 */ -webkit-transform: skew(20deg); /* Safari */ transform: skew(20deg); } .header-style-6 .hide-skew-section.logo-header:after{ background-color: transparent; } @media only screen and (max-width:991px) { .header-style-6 .is-fixed .header-nav .nav>li:first-child>a { padding-left: 10px; } } @media only screen and (max-width:768px) { .header-style-6 .is-fixed .header-nav .nav>li:first-child>a { padding-left: 14px !important; } .header-style-6 .logo-header:after{ display:none; } } /*____BANNER____*/ .mt-banner-row, .mt-banner-outer { position: relative; } .mt-bnr-pic { width: 100%; overflow: hidden; } .mt-bnr-pic img { width: 100%; height: auto; display: block; } .mt-bnr-text { position: absolute; left: 0; top: 35%; width: 100%; margin: 0; color: #FFFFFF; font-family: 'Poppins', sans-serif; } .mt-bnr-text-has { max-width: 600px; } .mt-bnr-text strong, .mt-bnr-text span { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) } .mt-bnr-text strong { display: block; font-size: 60px; font-weight: 700; line-height: 70px; margin: 0 0 25px; color: #FFFFFF; } .mt-bnr-text span { font-size: 20px; line-height: 30px; font-weight: 600; display: block; margin-bottom: 30px; } .mt-bnr-text .btn { margin-right: 30px; } @media only screen and (max-width:1200px) { .mt-bnr-text strong { font-size: 60px; line-height: 60px; margin: 0 0 15px; } .mt-bnr-text span { font-size: 20px; line-height: 24px; } } @media only screen and (max-width:991px) { .mt-bnr-text strong { font-size: 50px; line-height: 50px; margin: 0 0 10px; } } @media only screen and (max-width:767px) { .mt-bnr-text strong { font-size: 40px; line-height: 40px; margin: 0 0 0; } } @media only screen and (max-width:680px) { .mt-bnr-text strong { font-size: 30px; line-height: 30px; margin: 0 0 0; } .mt-bnr-text span { font-size: 14px; line-height: 18px; } } @media only screen and (max-width:480px) { .mt-bnr-text strong { font-size: 20px; line-height: 20px; } .mt-bnr-text span { font-size: 12px; line-height: 16px; } } /*____INNER PAGE BANNER____*/ .mt-bnr-inr { height: 400px; background-size: cover; background-position: center center; display: table; width: 100%; } .mt-bnr-inr .container { display: table; height: 100%; } .mt-bnr-inr-entry { display: table-cell; vertical-align: bottom; text-align: left; padding-bottom: 40px; padding-left: 5px; } @media only screen and (max-width:768px) { .mt-bnr-inr .container { width: 100%; } } .banner-inner-row h1, .banner-inner-row h2, .banner-inner-row h3, .banner-inner-row h4, .banner-inner-row h5, .banner-inner-row h6 { color: #FFF; } /*____SLIDER____*/ /*____OWL SLIDER____*/ /*____NEXT PRE BTN____*/ .owl-carousel .owl-nav { margin-top: 40px; text-align: center; } .owl-carousel .owl-nav .disabled { opacity: .5; cursor: default } /*____OWL DOTS BUTTON____*/ .owl-carousel .owl-dots { text-align: center; margin-top: 20px; } .owl-carousel .owl-dots .owl-dot { display: inline-block; } .owl-carousel .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 5px 7px; background: #bbbbbb; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 50%; border-radius: 50%; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #ff0000; } /*____OWL BUTTON TOP TO CENTER____*/ .owl-btn-top-center .owl-nav, .owl-btn-top-left .owl-nav, .owl-btn-top-right .owl-nav { position: absolute; top: 0; left: 0; width: 100%; margin: 0; } .owl-btn-top-center .owl-stage-outer, .owl-btn-top-left .owl-stage-outer, .owl-btn-top-right .owl-stage-outer { padding-top: 60px; } .owl-btn-top-center .owl-nav { text-align: center; } /*____OWL BUTTON TOP TO LEFT____*/ .owl-btn-top-left .owl-nav { text-align: left; } /*____OWL BUTTON TOP TO RIGHT____*/ .owl-btn-top-right .owl-nav { text-align: right; } /*____OWL BUTTON TOP TO CENTER (IT IS DEFAULT POSITION)____*/ .owl-btn-bottom-center .owl-nav { text-align: center; } /*____OWL BUTTON BOTTOM TO LEFT____*/ .owl-btn-bottom-left .owl-nav { text-align: left; } /*____OWL BUTTON BOTTOM TO RIGHT____*/ .owl-btn-bottom-right .owl-nav { text-align: right; } /*____OWL BUTTON VERTICAL TO CENTER____*/ .owl-btn-vertical-center .owl-nav { margin: 0px; } .owl-btn-vertical-center .owl-nav .owl-prev, .owl-btn-vertical-center .owl-nav .owl-next { position: absolute; top: 50%; margin: -15px 0; } .owl-btn-vertical-center .owl-nav .owl-prev { left: 0; } .owl-btn-vertical-center .owl-nav .owl-next { right: 0; } /*____OWL BUTTON SHOW ON HOVER____*/ .owl-btn-hover .owl-nav { opacity: 0; } .owl-btn-hover:hover .owl-nav { opacity: 1; } .owl-carousel .owl-item img { transform-style: inherit; } /*____OWL SLIDER BUTTON____*/ .owl-prev, .owl-next { background-color: #000; border-color: #000; color: #ffffff; padding: 8px 12px; font-size: 12px; display: inline-block; cursor: pointer; border-width: 1px; border-style: solid; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .owl-prev { margin-right: 5px; } .owl-next { margin-left: 5px; } .owl-prev:hover, .owl-prev:active, .owl-prev:focus, .owl-next:hover, .owl-next:active, .owl-next:focus { background-color: #212121; border-color: #212121; color: #ffffff; opacity: 0.9; } /*____OWL DOTS NAV POSITION____*/ .owl-dots-bottom-left .owl-dots, .owl-dots-bottom-right .owl-dots, .owl-dots-bottom-center .owl-dots { bottom: 0px; padding: 15px 20px; position: absolute; width: 100%; } .owl-dots-bottom-left .owl-dots { text-align: left; } .owl-dots-bottom-right .owl-dots { text-align: right; } /*____PAGINATION____*/ /*____PAGINATION STYLE-1____*/ .pagination-bx .pagination, .cvf-universal-pagination .pagination { margin: 0; } .pagination { padding: 10px 0; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination>li>a, .pagination>li>span { background-color: #fff; border: 1px solid #e0e0e0; color: #767676; font-weight: 600; font-size: 12px; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: #ff0000; border-color: transparent; color: #fff; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #ff0000; border-color: transparent; } .pagination>.previous>a, .pagination>.next>a { font-size: 12px; } /*____PAGINATION STYLE-2____*/ .custom-pagination.pagination { padding: 10px 0; } .custom-pagination.pagination>li:first-child>a, .custom-pagination.pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; } .custom-pagination.pagination>li:last-child>a, .custom-pagination.pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .custom-pagination.pagination>li>a, .custom-pagination.pagination>li>span { background-color: #1a1a1a; border: 1px solid #0e131b; color: #fff; font-weight: 600; font-size: 12px; } .custom-pagination.pagination>li>a:hover, .custom-pagination.pagination>li>span:hover, .custom-pagination.pagination>li>a:focus, .custom-pagination.pagination>li>span:focus { background-color: #ff0000; border-color: transparent; color: #fff; } .custom-pagination.pagination>.active>a, .custom-pagination.pagination>.active>span, .custom-pagination.pagination>.active>a:hover, .custom-pagination.pagination>.active>span:hover, .custom-pagination.pagination>.active>a:focus, .custom-pagination.pagination>.active>span:focus { background-color: #ff0000; border-color: transparent; } .custom-pagination.pagination>.previous>a, .custom-pagination.pagination>.next>a { padding: 8px 14px; font-size: 12px; } /*____PAGER____*/ .custom-page.pager li a { background-color: #1a1a1a; border: none; color: #fff; } .custom-page.pager li>a:focus, .custom-page.pager li>a:hover { background-color: #ff0000; text-decoration: none; } /*____FOOTER____*/ /*____FOOTER FIXED ON BOTTOM CSS____*/ /*____FOOTER FIXED WITH FULLSCREEN VIEW____*/ .footer-fixed .site-footer { position: fixed; width: 100%; bottom: 0; } .footer-fixed .page-content { position: relative; z-index: 1; background-color: #fff; } @media only screen and (max-width:1200px) { .footer-fixed .site-footer { position: static; } .footer-fixed .page-wraper { padding-bottom: 0 !important; } } .footer-col-break { display: none; } @media only screen and (max-width:991px) { .footer-col-break { display: block; } } /*____FOOTER FIXED WITH BOXED VIEW____*/ .footer-fixed.boxed .site-footer { margin: 0 -600px; left: 50%; max-width: 1200px; } .footer-fixed.boxed .mt-footer-callout-wrap { overflow: hidden; } .site-footer .widget>.widget-title { margin-bottom: 20px; } .site-footer p, .site-footer li { font-size: 13px; line-height: 20px; color:#97A7C9; } .site-footer.footer-light p, .site-footer.footer-light li { font-size: 13px; line-height: 20px; color:#484848; } .site-footer { background-position: center; background-size: cover; } .site-footer p { line-height: 20px; } .site-footer .widget ul { list-style: none; margin-top: 5px; } .site-footer .widget.widget_about ul li { margin-bottom:14px; } .footer-top { padding: 50px 0px 6px 0px; } .footer-bottom { padding: 0px 0px 30px 0px; color: #787878; font-size: 13px; } .footer-bottom .copyrights-text { color: #66738F; } .footer-bottom .copyrights-nav { list-style: none; display: inline-block; } .footer-bottom .copyrights-nav li { display: inline-block; margin-left: 8px; margin-right: 8px; } .footer-bottom .copyrights-nav li:first-child { margin-left: 0; } .footer-bottom .copyrights-nav li:last-child { margin-right: 0; } .footer-bottom .copyrights-nav li:last-child:after { display: none; } .footer-bottom .copyrights-nav li:after { content: "/"; position: relative; right: -8px; } .footer-bottom .copyrights-nav li a { color: #787878; } .footer-bottom .copyrights-nav li a:hover, .footer-bottom .copyrights-nav li a:active, .footer-bottom .copyrights-nav li a:focus, .footer-bottom .copyrights-nav li.active a { color: #ff0000; } /*____FOOTER DARK VERSION CSS____*/ .footer-dark .footer-top { background-color: #000000; } .footer-dark .footer-bottom { background-color: #01091b; } .footer-dark .footer-top h1, .footer-dark .footer-top h2, .footer-dark .footer-top h3, .footer-dark .footer-top h4, .footer-dark .footer-top h5, .footer-dark .footer-top h6, .footer-dark .footer-top h1 a, .footer-dark .footer-top h2 a, .footer-dark .footer-top h3 a, .footer-dark .footer-top h4 a, .footer-dark .footer-top h5 a, .footer-dark .footer-top h6 a { color: #fff; } .footer-dark .footer-top .widget-title::before { border-color: #fff; } .footer-dark .footer-top p, .footer-dark .footer-top strong, .footer-dark .footer-top b, .footer-dark .footer-top, .footer-dark .widget_categories ul li a, .footer-dark .widget_archive ul li a, .footer-dark .widget_meta ul li a, .footer-dark .widget_pages ul li a, .footer-dark .widget_recent_comments ul li a, .footer-dark .widget_nav_menu li a, .footer-dark .widget_recent_entries ul li a, .footer-dark .widget_services ul li a { color: #97A7C9; } .footer-dark .footer-top a:active, .footer-dark .footer-top a:focus, .footer-dark .footer-top a:hover { color: #ff0000; } .footer-dark .footer-top p a { color: #3396d1; } .footer-dark .footer-top .widget_newsletter .form-control { background-color: #0e0e0e; border-color: #2d2d2d; } .footer-dark .footer-top .widget.widget_newsletter.f-news-letter { max-width: 768px; margin: 0px auto; } .footer-dark .footer-top .widget_newsletter.f-news-letter .form-control { background-color: #fefefe; border-color: transparent; height: 50px; } .footer-dark .footer-top .widget_newsletter.f-news-letter .input-group-btn button { height: 50px; } .footer-dark .footer-top .widget { margin-bottom: 15px; } @media only screen and (max-width:991px) { .footer-dark .footer-top .widget { margin-bottom: 35px; } } @media only screen and (max-width:767px) { .footer-dark .footer-top .widget.widget_newsletter.f-news-letter { padding-top: 0px; } } /*____FOOTER LIGHT VERSION CSS____*/ .footer-light .footer-top { background-color: #eee; } .footer-light .footer-bottom { background-color: #ddd; color: #474747; } .footer-light .footer-bottom .copyrights-text { color: #474747; } .footer-light .footer-top .widget_newsletter .form-control { background-color: #0e0e0e; border-color: #2d2d2d; } .footer-light .footer-top .widget.widget_newsletter.f-news-letter { max-width: 768px; margin: 0px auto; } .footer-light .footer-top .widget_newsletter.f-news-letter .form-control { background-color: #fefefe; border-color: transparent; height: 50px; } .footer-light .footer-top .widget_newsletter.f-news-letter .input-group-btn button { height: 50px; } .footer-light .footer-top .widget { margin-bottom: 15px; } /*____WIDGET IN FOOTER____*/ footer .widget_categories ul li, footer .widget_archive ul li, footer .widget_meta ul li, footer .widget_pages ul li, footer .widget_recent_comments ul li, footer .widget_nav_menu li, footer .widget_recent_entries ul li, footer .widget_services ul li { border-bottom: 1px dashed rgba(102, 102, 102, 0.3); } footer .widget_categories ul li:last-child, footer .widget_archive ul li:last-child, footer .widget_meta ul li:last-child, footer .widget_pages ul li:last-child, footer .widget_recent_comments ul li, footer .widget_nav_menu li:last-child, footer .widget_recent_entries ul li:last-child, footer .widget_services ul li:last-child { border-bottom: none; } .site-footer .widget.widget_services ul { margin-top: -15px; } /*____WIDGET GETINTUCH____*/ footer .widget_getintuch i { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.30); } .footer-bottom ul { margin: 0; } .mt-footer-bot-left, .mt-footer-bot-right, .mt-footer-bot-center { padding-left: 15px; padding-right: 15px; } .mt-footer-bot-left { float: left; } .mt-footer-bot-right { float: right; } .mt-footer-bot-center { text-align: center; } @media only screen and (max-width:991px) { footer .container { width: 100%; } .col-md-3.col-sm-6.footer-col-4:nth-child(3) { clear: both; } .mt-footer-bot-left, .mt-footer-bot-right { float: none; text-align: center; padding-top: 5px; padding-bottom: 5px; } .mt-footer-bot-right .copyrights-nav { float: none !important; } } @media only screen and (max-width: 767px) { .footer-clear { display: block !important; clear: both; } #footer .footer-4-col { width: 100%; } .footer-bottom [class*="clo-"] { width: 100%; } footer .container { width: 100%; padding-bottom: 30px; } .footer-bottom{ width: 100%; padding:0px; } .footer-top{ padding:50px 0px 0px 0px; } } /*____SCROLL TOP BTN CSS____*/ button.scroltop { height: 55px; width: 55px; background: #fff; border: none; position: fixed; right: 15px; bottom: 15px; font-size: 11px; line-height: 16px; font-weight: bold; text-transform: uppercase; outline:none; margin: 0; padding: 0; cursor: pointer; display: none; text-align: center; z-index: 999; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 5px 5px rgb(0, 0, 0, 0.1); box-shadow: 0px 5px 5px rgb(0, 0, 0, 0.1); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } button.scroltop span { display: block; font-size: 24px; line-height: 24px; } .string { position: relative; } #btn-vibrate { margin-top: -3px; animation: vibrate 2s linear 0s infinite; -moz-animation: vibrate 2s linear 0s infinite; /* Firefox */ -webkit-animation: vibrate 2s linear 0s infinite; /* Safari and Chrome */ -o-animation: vibrate 2s linear 0s infinite; /* Opera */ } @keyframes vibrate { 0% { left: 0px; } 25% { left: -3px; } 50% { left: 0px; } 75% { left: 3px; } 100% { left: 0px; } } /* Firefox */ @-moz-keyframes vibrate { 0% { top: 0px; } 25% { top: -3px; } 50% { top: 0px; } 75% { top: 3px; } 100% { top: 0px; } } /* Safari and Chrome */ @-webkit-keyframes vibrate { 0% { top: 0px; } 25% { top: -3px; } 50% { top: 0px; } 75% { top: 3px; } 100% { top: 0px; } } /* Opera */ @-o-keyframes vibrate { 0% { top: 0px; } 25% { top: -3px; } 50% { top: 0px; } 75% { top: 3px; } 100% { top: 0px; } } @media only screen and (max-width:480px) { button.scroltop { font-size: 7px; height: 30px; width: 30px; line-height: 16px; } button.scroltop span { font-size: 10px; line-height: 10px; } } /*____PAGE CONTENT____*/ #bg { background-attachment: fixed; background-size: cover; } .boxed .page-wraper { max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .boxed .tp-banner-container, .boxed .rev_slider_wrapper { left: 0 !important; width: 100% !important; } .boxed .tp-rightarrow { right: 0 !important; } .boxed .tp-leftarrow { left: 0 !important; } .page-wraper { background: #fff; } .page-content { position: relative; } .section-full { position: relative; } /*____SECTION HEAD PART____*/ .section-head { margin-bottom: 50px; } .section-head.no-margin { margin-bottom: 0; } .section-head h1, .section-head h2, .section-head h3{ margin-top: 0; position:relative; } .title-small { display: block; color: #7a959d; margin-bottom: 15px; } .section-head p { padding-top: 20px; font-size: 14px; } .section-head p:last-child { margin-bottom: 0; } .text-center.section-head p { max-width: 800px; margin-left: auto; margin-right: auto; } .text-white { color: #FFF; } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white .title-small { color: #FFF; } /*____SECTION CONTENT PART____*/ @media only screen and (max-width:1024px) { .section-full { background-attachment: scroll !important; } } @media only screen and (max-width:767px) { .section-full.p-tb80 { padding: 50px 0px; } } /*____AFTER LOGIN CONTENT____*/ /*____CALENDER CSS____*/ .zabuto_calendar, .zabuto_calendar th, .zabuto_calendar td, .zabuto_calendar .calendar-month-navigation { text-align: center; cursor: pointer; } /*____CONTACT US PAGE____*/ .banner-contact-row { height: 300px; background-size: cover; background-position: center; } .banner-contact-row * { color: #FFF; } .banner-contact-row .container { display: table; height: 100%; } .banner-contact-row h1 { display: table-cell; vertical-align: middle; } ul.contact-info li { padding: 0 0 15px 25px; margin-bottom: 15px; border-bottom: 1px solid #e1e1e1; position: relative; line-height: 20px; } ul.contact-info li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } ul.contact-info li h4 ul.contact-info li h5, ul.contact-info li h6 { margin: 0 0 10px; } ul.contact-info li p { line-height: 20px; margin: 0; } ul.contact-info li .fa { position: absolute; left: 0; top: 2px; color: #3396d1; font-size: 16px; } /*____PAGE NOT FOUND____*/ .page-notfound-left { margin: 60px 0px; } .page-notfound-left [class^="flaticon-"]::before, .page-notfound-left [class^="flaticon-"]::after { display: block; font-size: 200px !important; } .page-notfound { padding: 60px 0; } .page-notfound strong { font-size: 120px; font-weight: 600; line-height: 120px; display: block; } .page-notfound strong i { font-size: 120px; margin: 0 10px; } .page-notfound .searchform { position: relative; text-align: left; max-width: 420px; margin: 30px auto; } @media only screen and (max-width: 420px) { .page-notfound { padding: 0px; } .page-notfound span { font-size: 20px !important; } .page-notfound strong, .page-notfound strong i { font-size: 32px; line-height: 40px; } .page-notfound strong i { margin: 0px 2px; } .page-notfound-left [class^="flaticon-"]::before, .page-notfound-left [class^="flaticon-"]::after { font-size: 120px !important; } } /*____TF REQUIRED CLASSES____*/ .sticky { clear: both; } .gallery-caption { clear: both; } .bypostauthor { clear: both; } .page-notfound span { font-size: 18px; display: block; color: #000; font-weight: 600; margin-bottom: 30px; } .page-notfound b { font-size: 48px; display: block; } /*____SCREEN READER TEXT____*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*____BOX MAX-WIDTH css ( )____*/ .max-w100 { max-width: 100px; } .max-w200 { max-width: 200px; } .max-w300 { max-width: 300px; } .max-w400 { max-width: 400px; } .max-w500 { max-width: 500px; } .max-w600 { max-width: 600px; } .max-w700 { max-width: 700px; } .max-w800 { max-width: 800px; } .max-w900 { max-width: 900px; } .max-w1000 { max-width: 1000px; } /*____SHOP & PRODUCT DETAIL____*/ /*____PRODUCT BOX____*/ .mt-product-box {} .mt-product-box .price { margin-bottom: 10px; } .mt-product-box .price del { font-size: 16px; color: #999999; margin: 4px 4px; font-weight: 600; } .mt-product-box .price ins { font-size: 16px; color: #111111; text-decoration: none; margin: 4px 4px; font-weight: 900; } .mt-product-box .rating-bx { padding-top: 10px; color: #ffa000; } /*____PRODUCT DETAIL____*/ .btn-quantity { width: 70px; } .product-description.dex-tabs.border-top .nav-tabs>li.active>a { border-top: 2px solid #efbb20; } .product-description.dex-tabs .nav-tabs>li>a i { color: #efbb20; } .dex-tabs.bg-tabs .nav-tabs>li>a { background-color: #fcfcfc; } /*____PRODUCT REVIEW____*/ ol.commentlist { list-style: none; margin: 0; } ol.commentlist li { position: relative; padding: 0; margin-bottom: 20px; background: #F7F8FA; border: 1px dashed #EEEEEE; } ol.commentlist li img { float: left; border: 5px solid #FFF; width: 80px; height: auto; } ol.commentlist li .comment-text { padding-left: 100px; } ol.commentlist li .meta { margin-bottom: 5px; } ol.commentlist li .meta strong { font-size: 16px; text-transform: uppercase; padding-right: 10px; color: #1a1a1a; } ol.commentlist li .meta .time { color: #999; display: block; font-size: 14px; } ol.commentlist li .description p { margin: 0; } ol.commentlist li .star-rating { margin-bottom: 10px; } @media only screen and (max-width:400px) { ol.commentlist li { padding: 0px; } ol.commentlist li img { float: none; width: 100%; } ol.commentlist li .comment-text { padding: 10px; } } @media only screen and (max-width: 767px) { ol.commentlist li .star-rating { position: inherit; } } .comment-reply-title { margin-top: 0; } .comment-form [class*="comment-form"] { width: 50%; } @media only screen and (max-width: 767px) { .comment-form [class*="comment-form"] { width: 100%; } } .comment-form [class*="-form-author"], .comment-form [class*="-form-email"] { float: left; } .comment-form [class*="-form-comment"] { width: 100%; } .comment-form label { display: block; } .star-Rating-input i { font-size: 18px; } .star-Rating-input .fa-star { color: #ff0000; } .star-Rating-input i:hover { color: #ff0000; } .comment-form [class*="comment-form"] input, .comment-form [class*="comment-form"] textarea { border: 1px solid #CCC; padding: 8px 10px; width: 100%; } .comment-form { margin: 0 -15px; } .comment-form [class*="comment-form"], .comment-form .form-submit { margin-bottom: 20px; padding: 0 15px; } .comment-form .form-submit input:active, .comment-form .form-submit input:focus, .comment-form .form-submit input:hover { background: #037a85; } /*____CONTENT SHOW ON IMAGE BOX ()____*/ /*____INFO BOX SHOW____*/ .mt-info-has { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 30px 40px 40px; opacity: 0; margin-bottom: -100px; z-index: 2; } .mt-info-has.p-a15 { padding: 15px; } .mt-info-has.p-a20 { padding: 20px; } .mt-info-has.bg-primary { background-color: rgba(27, 188, 232, 0.9); } .mt-info-has.bg-green { background-color: rgba(106, 179, 62, 0.9); } .mt-info-has.bg-black { background-color: rgba(0, 0, 0, 0.6); } .mt-info-has.bg-white { background-color: rgba(255, 255, 255, 0.8); } .mt-info-has.bg-white h1, .mt-info-has.bg-white h2, .mt-info-has.bg-white h3, .mt-info-has.bg-white h4, .mt-info-has.bg-white h5, .mt-info-has.bg-white h6 { color: #3d474a; } .mt-info-has.bg-white h1 a, .mt-info-has.bg-white h2 a, .mt-info-has.bg-white h3 a, .mt-info-has.bg-white h4 a, .mt-info-has.bg-white h5 a, .mt-info-has.bg-white h6 a { color: #3d474a; } .mt-info-has.bg-white .mt-info-has-text, .mt-info-has.bg-white p { color: #585858; } .mt-info-has h1, .mt-info-has h2, .mt-info-has h3, .mt-info-has h4, .mt-info-has h5, .mt-info-has h6, .mt-info-has p, .mt-info-has-text { color: #fff; } .mt-info-has .mt-info-has-text { margin-bottom: 20px; line-height: 24px; } .mt-box:hover .mt-info-has, .mt-thum-bx:hover .mt-info-has { opacity: 1; width: 100%; margin-bottom: 0; } .mt-info-has.no-hover { opacity: 1; width: 100%; margin-bottom: 0; } @media only screen and (max-width:768px) { .mt-media>img, .mt-media a>img { width: 100%; } } .mt-team-media img{ width:100%; } /*____CUSTOMIZE GROUPING CSS____*/ /*____SET RADIUS____*/ .btn, .panel, .form-control, .img-thumbnail, .panel-head ing, .dropdown-menu, .panel-group .panel, .nav-tabs>li>a, .modal-content, .navbar-toggle, .nav-pills>li>a, .pager li>a, .pager li>span, .well, .alert, .list-group-item:first-child, .list-group-item:last-child, .input-group-addon, .btn-group-divides>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group-divides>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child), .mt-booking-form .mt-extra-services li .mt-icon-box-lg, .mt-booking-form .mt-extra-services li.active .mt-icon-box-lg:after, .searchform input[type="text"], .searchform input[type="submit"], ol.comment-list li.comment .comment-body { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*____TRANSITION____*/ a, .btn, .form-control, .overlay-bx, .overlay-icon li a i, .mt-icon-box-xld, .mt-icon-box-xl, .mt-icon-box-lg, .mt-icon-box-md, .mt-icon-box-sm, .mt-icon-box-xs, .share-social-bx li, .indicator, .profile-menu ul li, .staff-member .member-done, .how-mt-work .mt-box .shadow-bx img, .how-mt-work .mt-box .step-no-bx, .mt-info-has, .mt-we-find .mt-box, .navbar-toggle, .logo-header, .header-nav .nav>li>a, .extra-nav, .acod-head .indicator .fa { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .animate-slow { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .animate-mid { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .animate-fast { -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } /*____FLOAT-CLEARFIX____*/ .clearfix::after, .filter-wrap::after, .filter-wrap::after, .mt-icon-box-wraper::after, ol.commentlist li::after { content: ""; display: table; clear: both; } /*____INNER PAGES____*/ /*____CONTACT US____*/ /*____CONTACT US 1____*/ .mt-contact-wrap { position: relative; margin: 0px; } .contact-left-part { width: 50%; float: left; height: 100%; } .contact-left-part .google-map { width: 100%; height: 100%; } .contact-left-part .gmap-outline { padding: 0px; height: 100%; } .contact-right-part { width: 50%; float: right; } @media only screen and (max-width: 767px) { .contact-left-part, .contact-right-part { width: 100%; float: none; } .contact-left-part .gmap-outline { height: 280px; } .contact-right-part { margin-bottom: 30px; } } /*____OUR TEAM____*/ /*____OUR TEAM 7____*/ .animate-top { position: relative; overflow: hidden; } .animate-top .mt-team-info { opacity: 1; position: absolute; right: 100%; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .animate-top:hover .mt-team-info { right: 0px; opacity: 1; } .animate-top .social-icons.social-square a { border: none; } .animate-top .social-icons.social-square a:hover { color: #fff; } .animate-top .dropdown-menu.social-share-btn-content { right: 21px; } .mt-team-seven .mt-team-info { position: relative; overflow:hidden } .mt-team-seven .mt-team-info p { margin-bottom: 0px; } .social-share-btn { position: absolute; bottom: 20px; right: 20px; border-radius: 50px; height: 30px; width: 30px; text-align: center; line-height: 30px; padding: 0px; } .dropdown-menu.social-share-btn-content { position: absolute; right: 21px; bottom: 50px; background: no-repeat; min-width: 0px; float: none; left: auto; top: auto; border: none; box-shadow: inherit; text-align: center; z-index: 1; } .social-share-btn-content ul { margin-bottom: 0px; } .social-share-btn-content li { display: inline-block; } .mt-team-seven .social-share-btn-content .social-icons a { border: none; } .mt-team-seven .social-share-btn-content .social-icons a:hover { color: #ff0000; } .mt-team-seven .social-share-btn-content { background-color: #fff; } .mt-team-seven .social-share-btn-content .social-icons a { color: #111; } .mt-team-seven .social-share-btn-content .social-icons a:hover { color: #ff0000; } .mt-team-seven .dropdown-menu.social-share-btn-content { bottom: 55px; right: 21px; } .mt-team-seven .team-one-show-hide{ position:absolute; right:100%; bottom:0%; width:100%; background-color:#efefef; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* -webkit-transform:translateY(-50%); transform:translateY(-50%); transform-origin: center center; */ } .mt-team-seven:hover .team-one-show-hide{ right:0%; } @media only screen and (max-width:1200px) { .animate-top .mt-team-info { bottom: -220px; } } @media only screen and (max-width:991px) { .animate-top .mt-team-info { bottom: -150px; } } @media only screen and (max-width:767px) { .animate-top .mt-team-info { bottom: -100%; } } /*____SOCIAL NEW BLOCK____*/ .mt-social-block { position: absolute; bottom: 0px; background: #1a1a1a; padding-top: 10px; width: 100%; } /*____SERVICES____*/ .bg-service-team { background-image: url(../images/our-services/crane-left.jpg); background-repeat: no-repeat; background-position: -200px bottom; } /*____LATEST PROJECT____*/ .latest-project-block { background-image: url(../images/main-page-pic/btn-wrap-bg-dark.jpg); background-repeat: no-repeat; background-position: center center; } .masonry-filter { display:table; margin-bottom:0; } .masonry-filter > li { display: inline-block; margin-right: 15px; position: relative; text-align: center; } .masonry-filter > li a { color: #fff; font-size: 14px; } .masonry-filter > li.active a, .masonry-filter > li a:hover, .masonry-filter > li a:active, .masonry-filter > li a:focus { color: #fff; } @media only screen and (max-width: 991px) { .masonry-filter > li { margin-bottom:10px; } .masonry-filter > li a{ font-size:14px !important; } } /* 1.45(1) Masonry filter alignment [Left-Right-Center] */ .filter-wrap.right > .masonry-filter { float:right; } @media only screen and (max-width:991px) { .filter-wrap.right > .masonry-filter { float:none; } } .filter-wrap.center > .masonry-filter { margin-left:auto; margin-right:auto; } .masonry-filter.outline-style > li { margin-right:10px; } .masonry-filter.outline-style > li a { border-width:2px; border-style:solid; border-color:#666666; color:#666666; padding:10px 20px; font-weight:600; display:inline-block; } .masonry-filter.outline-style > li.active a, .masonry-filter.outline-style > li a:hover, .masonry-filter.outline-style > li a:active, .masonry-filter.outline-style > li a:focus { border-color:#2a6496; color:#2a6496; } @media only screen and (max-width:640px) { .masonry-filter.outline-style > li a { padding:5px 15px; } } @media only screen and (max-width:360px) { .masonry-filter.outline-style > li a { padding:5px 10px; } } /*____MENU LIST BLOCK____*/ .mt-nav-block { border: 1px solid #ddd; } .mt-nav { list-style: none; margin: 0px; } .mt-nav-pills li { display: block; border-bottom: 1px solid #ddd; } .mt-nav-pills li:last-child { border: 0px; } .mt-nav-pills li a { color: #777777; padding: 10px; display: block; } .mt-nav-pills li:hover a { background-color: #ff0000; color: #fff; } .mt-nav-title { margin: 0px; padding: 10px; border-bottom: 1px solid #ddd; background: #f8f9f9; } /*____CLIENTS____*/ .client-grid { overflow: hidden; } .client-grid [class*="col-"] { position: relative; z-index: 1; } .client-grid [class*="col-"] a { display: block; } .client-grid [class*="col-"]:after { content: ""; position: absolute; border-bottom: 1px dashed #dcdcdc; border-left: 1px dashed #dcdcdc; position: absolute; left: -1px; bottom: -1px; height: 100%; width: 100%; z-index: -1; } .grid-5 [class*="col-"] { width: 20%; } .grid-4 [class*="col-"] { width: 25%; } .grid-3 [class*="col-"] { width: 33.33%; } .grid-2 [class*="col-"] { width: 50%; } @media only screen and (max-width: 991px) { .grid-5 [class*="col-"] { width: 25%; } } @media only screen and (max-width: 767px) { .grid-5 [class*="col-"], .grid-4 [class*="col-"], .grid-3 [class*="col-"] { width: 50%; } } @media only screen and (max-width: 360px) { .grid-5 [class*="col-"], .grid-4 [class*="col-"], .grid-3 [class*="col-"] { width: 100%; } } /*____FAQ____*/ .faq-block { margin: 5px 0px; } .faq-block .faq-que { padding: 11px 10px 11px 50px; position: relative; margin-bottom: 0px; } .faq-block .faq-ans { border-top: 1px solid #ddd; padding: 11px 10px 11px 50px; position: relative; } .faq-block .faq-que:after, .faq-block .faq-ans:after { width: 40px; height: 40px; line-height: 40px; color: #fff; position: absolute; left: 0px; top: 0px; display: block; font-size: 20px; font-weight: 600; text-align: center; } .faq-block .faq-que:after { content: "Q"; } .faq-block .faq-ans:after { content: "A"; } @media only screen and (max-width: 767px) { .faq-block h2 { font-size: 18px; } } @media only screen and (max-width: 320px) { .faq-block h2 { font-size: 16px; } } /*____CART____*/ .mt-cart .woo-cart-total { display: inline-block; font-weight: 600; color: #555; } .mt-cart .woo-cart-count { color: #555; font-weight: 800; display: inline-block; min-width: 40px; padding: 9px 5px 10px; position: relative; text-align: center; } .mt-cart .woo-cart-count { position: relative; } .mt-cart .woo-cart-count i { font-size: 16px; } .mt-cart .woo-cart-count .shopping-bag.wcmenucart-count { padding-left: 5px; } .cart-dropdown-item-wraper { top: 110%; right: 50px; position: absolute; z-index: 999; background-color: #fff; padding: 2px; border: 3px solid #eaeaea; width: 240px; display: none; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); text-align: left; } .nav-cart-items { position: relative; } .nav-cart-items:before { border-bottom: 8px solid #efefef; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; height: 0; position: absolute; right: 15px; top: -12px; width: 0; } .nav-cart-title h4 { font-size: 15px; font-weight: 700; letter-spacing: 1px; margin: 0px; } .nav-cart-item { border-top: 1px solid #f5f5f5; padding-top: 10px; } .nav-cart-item:first-child { border-top: 0 none; margin-top: 0; padding-top: 0; } .nav-cart-item-image { float: left; margin-right: 15px; transition: border-color 0.2s linear 0s; width: 35px; } .nav-cart-item-image a, .nav-cart-item-image img { display: block; width: 100%; } .nav-cart-item-image:hover { border-color: #243447; } .nav-cart-item-desc { position: relative; padding-right: 15px; } .nav-cart-item-desc a { font-size: 14px; font-weight: 600; height: auto; text-align: left; width: auto; } .nav-cart-item-desc a:hover { color: #243447; } .nav-cart-item-desc span.nav-cart-item-price { color: #999; display: block; font-size: 12px; line-height: 20px; } .nav-cart-item-desc a.nav-cart-item-quantity { color: #000; display: block; font-size: 12px; position: absolute; right: -5px; top: 2px; padding: 0px 6px 2px 6px; background-color: #ddd; } .nav-cart-item-desc a:hover.nav-cart-item-quantity { background-color: #000; color: #fff; } .nav-cart-action { border-top: 1px solid #eee; text-align:center; } .nav-cart-action button { display: block; width:100%; margin:1px 0px; } .nav-cart-action button:last-child { margin:0px; } /*____PRODUCT____*/ .pro-banner { position: relative; background-color: #fff; overflow: hidden; } .pro-banner-disc { position: absolute; top: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; } .pro-banner-disc h2, .pro-banner-disc h3 { font-weight: 700; } .pro-banner-disc h3 { color: #ff0000; } .pro-banner-disc a { position: inherit; right: 0px; bottom: 0px; } @media only screen and (max-width: 991px) { .pro-banner img { width: 100%; } } @media only screen and (max-width: 420px) { .pro-banner-disc { padding: 10px !important } .pro-banner-disc h2 { font-size: 15px; } .pro-banner-disc h3 { font-size: 14px; } .pro-banner-disc h4 { font-size: 13px; } .pro-banner-disc h5 { font-size: 12px; } .pro-banner-disc h2, .pro-banner-disc h3, .pro-banner-disc h4, .pro-banner-disc h5 { margin-bottom: 0px !important; } } .sf-provider-des.sf-provider-descriptions ul.sharebtn-bx, .sf-provider-des.sf-provider-descriptions ul.share-social-bx { width: auto !important; float: none !important; display: table; margin: 5px auto; } .sf-provider-des.sf-provider-descriptions .tagline { padding-top: 10px; } .sf-provider-des.sf-provider-descriptions .sf-provider-cat { margin: 10px 0; } /*____BACKGROUND EFFECTS____*/ .bg-center { background-position: center; } .bg-top-left { background-position: top left; } .bg-top-right { background-position: top right; } .bg-top-center { background-position: top center; } .bg-bottom-left { background-position: bottom left; } .bg-bottom-right { background-position: bottom right; } .bg-bottom-center { background-position: bottom center; } .bg-left-center { background-position: left; } .bg-right-center { background-position: right; } .bg-auto { background-size: auto; } .bg-contain { background-size: contain; } .bg-cover { background-size: cover; } .bg-full-width { background-size: 100% auto; } .bg-full-height { background-size: auto 100%; } .bg-repeat { background-repeat: repeat; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat-x { background-repeat: repeat-x; } .bg-repeat-y { background-repeat: repeat-y; } .bg-fixed { background-attachment: fixed; } .bg-scroll { background-attachment: scroll; } /*____ON SHOW SLIDER____*/ .on-show-slider { cursor: pointer; } .on-show-slider #sync2 .owl-item.current { position: relative; z-index: 1; } .on-show-slider #sync2 .owl-item.current:after { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; border: 2px solid #ff0000; z-index: 2; } /*____SHOPPING TABLE____*/ .shopping-table .cf th { padding: 5px 10px !important; color: #060000; } .your-order-list ul { list-style: none; margin-bottom: 0px; } .your-order-list ul li { padding: 15px 10px; clear: both; border-bottom: 1px solid #eee; } .your-order-list ul li:last-child { background-color: #efefef; border-bottom: none; text-transform: uppercase; color: #000; } /*____CONTACT SECTION____*/ .contact-home1-right { position: absolute; z-index: 0; right: 60px; bottom: 0px; max-width: 58%; } .contact-home1-right .icon-content p { word-break: normal; } @media only screen and ( max-width:1199px) { .contact-home1-left .call-back-form { padding-top: 15px; } } @media only screen and ( max-width:991px) { .contact-home1-right{ display: none; } } @media only screen and ( max-width:768px) { .contact-home1-left { margin-top: 30px; } .filter-carousal-1-outer .container .m-t30 { margin-top: 20px; } } @media only screen and ( max-width:420px) { .contact-home1-left .call-back-form { padding-bottom: 0px; padding-top: 0px; } .contact-home1-left .call-back-form h3 { margin-top: 0px; } } .contact-home1-left { position: relative; } .contact-home1-left .form-control { background-color: transparent; border: none; border-bottom: 1px solid rgb(22, 28, 42); color: #fff; } .contact-home1-left .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .contact-home1-left .form-control::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .contact-home1-left .form-control:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .contact-home1-left .form-control:-moz-placeholder { /* Firefox 18- */ color: #fff; } .contact-tag-line { font-size: 14px; position: absolute; right: -70px; top: 100px; padding: 5px 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (max-width:991px) { .contact-home1-left { margin-top: 87px; } .contact-tag-line { right: -50px } } @media only screen and (max-width:767px) { .contact-home1-left { margin-top: 50px; } } /*____PRICING TABLE INDEX____*/ .pricing-table-home .pricingtable-wrapper { background-color: #fff; } /*____FILTER SECTION-1____*/ .btn-filter-wrap { list-style: none; margin: 0px 0 0; } .btn-filter-wrap li { position: relative; display: inline-block; font-size: 14px; font-weight: 600; color: #000; padding: 0px 20px 0px 0px; cursor: pointer; text-transform: uppercase; } .btn-filter-wrap li:last-child { padding-right: 0; } .btn-filter-wrap li.btn-active { color: #ff0000; } .btn-filter-wrap li:after { content: "/"; position: absolute; left: -15px; top: 0px; font-size: 14px; opacity: 0.2; color: #000; } .btn-filter-wrap li:first-child:after { display: none; } .owl-carousel-filter .owl-item { opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .owl-carousel-filter .owl-item.active { opacity: 1; } .owl-carousel-filter .owl-item>.owl-item { opacity: 1; } .owl-carousel-filter .owl-nav .owl-prev { left:0px; } .owl-carousel-filter .owl-nav .owl-next { right:0px; } .fillter-left-content{ position:relative; } .filter-left-part { position: absolute; left:-100px; bottom: -70px; } @media only screen and (max-width:1600px) { .filter-left-part { left:-130px; } } @media only screen and (max-width:1440px) { .filter-left-part { left:-170px; } } @media only screen and (max-width:1280px) { .filter-left-part { display:none; } } /*____SPIN IMG____*/ .spin-tyres{ animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .tyre-position{ position:absolute; bottom: 0px; z-index: 1; left: 190px; } /*____FILTER SECTION-2____*/ .btn-filter-wrap2 { list-style: none; margin: 0px 0 0; text-align: center; } .btn-filter-wrap2 li { position: relative; display: inline-block; font-size: 14px; font-weight: 600; color: #000; padding: 0px 20px 0px 0px; cursor: pointer; text-transform: uppercase; } .btn-filter-wrap2 li:last-child { padding-right: 0; } .btn-filter-wrap2 li.btn-active { color: #ff0000; } .btn-filter-wrap2 li:after { content: "/"; position: absolute; left: -15px; top: 0px; font-size: 14px; opacity: 0.2; color: #000; } .btn-filter-wrap2 li:first-child:after { display: none; } .owl-carousel-filter2 .owl-item { opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .owl-carousel-filter2 .owl-item.active { opacity: 1; } .owl-carousel-filter2 .owl-item>.owl-item { opacity: 1; } .owl-carousel-filter2 .owl-nav .owl-prev { left: -20px; } .owl-carousel-filter2 .owl-nav .owl-next { right: -20px; } @media only screen and (max-width:768px) { .filter-carousal-1 { padding: 25px; padding-top: 0px; } .btn-filter-wrap li { display: inline-block; padding-right: 20px; padding-left: 0px; padding-bottom: 20px; line-height: 14px; } .fillter-left-content.p-b57 { padding-bottom: 26px; } } @media only screen and (max-width:767px) { .filter-carousal-1 { padding: 0px; padding-top: 0px; } } @media only screen and (max-width:600px) { .btn-filter-wrap { text-align: left; } .btn-filter-wrap li:after { display: none; } .btn-filter-wrap { display: table; } .filter-carousal-1 .container { padding-left: 0px; } } @media only screen and (max-width:420px) { .btn-filter-wrap li { padding-right: 10px; } } @media only screen and (max-width:375px) { .btn-filter-wrap li { padding-right: 8px; } } @media only screen and (max-width:360px) { .btn-filter-wrap li { padding: 5px 5px; border: 1px solid #3f3f3f; margin-bottom: 10px; margin-right: 3px; font-size: 12px; } .btn-filter-wrap li:last-child { margin-right: 0px; padding-right: 5px; } } /*____OVERLAY 2____*/ .overlay-2-bg { position: absolute; left:0; bottom: -100%; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .overlay-2-content { position: absolute; left:0%; bottom: -100%; opacity: 1; width: 100%; z-index: 2; opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .overlay-2:hover .overlay-2-content { opacity: 1; bottom:0; } .overlay-2:hover .overlay-2-bg { opacity: 0.8; bottom:0; } /*____BOXSHADOW____*/ .block-shadow { -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, .16); box-shadow: 0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .hover-shadow { -webkit-box-shadow: 0 0px 0px 0 rgba(50, 50, 50, .16); box-shadow: 0 0px 0px 0 rgba(50, 50, 50, .16); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .hover-shadow:hover { position: relative; z-index: 10; background-color: #020d26; color: #fff; height:100%; } .hover-shadow:hover .mt-tilte { color: #fff; } .hover-border-outer { position: relative; z-index: 1; height:100%; display:block; } .hover-border-outer::before, .hover-border-outer::after { box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; z-index: -1; display:black; } .hover-border { transition: color 0.25s; } .hover-border::before, .hover-border::after { border: 3px solid transparent; width: 0; height: 0; } .hover-border::before { top: 0; left: 0; } .hover-border::after { bottom: 0; right: 0; } .hover-border:hover::before, .hover-border:hover::after { width: 100%; height: 100%; display:block; } .hover-border:hover::before { border-top-color: #ff0000; border-right-color: #ff0000; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; } .hover-border:hover::after { border-bottom-color: #ff0000; border-left-color: #ff0000; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; } /*____HOME PAGE FORM____*/ .conntact-home { position: relative; } /*____ANIMATED PLAY BUTTON____*/ .video-play-btn2 { width: 60px; height: 60px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; display: block; margin: 20px auto; z-index: 10; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: center center; } /* triangle */ .video-play-btn2::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); transform-origin: center center; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #ff0000; z-index: 100; -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } /* pulse wave */ .video-play-btn2:before { content: ""; position: absolute; width: 150%; height: 150%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate1 2s; animation: pulsate1 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; top: -25%; left: -25%; background: #fff; } @-webkit-keyframes pulsate1 { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0.3; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.3; box-shadow: none; } } @keyframes pulsate1 { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0.3; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.3; box-shadow: none; } } /* img full*/ .img-full { width: 100%; } /*____BOLD TRANSPERENT TITLE____*/ .section-head { position: relative; z-index: 1; } .section-head h1:after, .section-head h2:after, .section-head h3:after{ position: absolute; content:attr(data-title); color: rgba(210, 210, 210, 0.3); font-weight: 900; font-size: 90px; text-transform: uppercase; top:0px; left: 50%; width: 100%; z-index: -1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width:720px) { .section-head h1:after, .section-head h2:after, .section-head h3:after{ display:none; } } /*____BG CHANGE SECTION____*/ .bg-change-section { position: relative; } .bg-change-section .overlay-main { z-index: 1; } .bg-changer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } .section-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; } .bg-changer .section-bg:first-child { opacity: 1; } .bg-changer .section-bg { opacity: 0; will-change: opacity, transform; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease; -o-transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease; transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease; } .bg-changer .section-bg.active { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .bgcall-block { cursor: pointer; border:1px solid rgba(221, 221, 221, 0.1) !important; } /*____ANIMATED PLAY BTN____*/ .play-now { position: absolute; left: 50%; top: 50%; display: block; border-radius: 50%; z-index: 10; width: 60px; height: 60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: center center; } .play-now .icon { position: absolute; left: 50%; top: 50%; height: 65px; width: 65px; text-align: center; line-height: 65px; background-color: #ffffff; color: #333333; z-index: 1; font-size: 20px; padding-left: 5px; display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); } .play-now .ripple, .play-now .ripple:before, .play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 65px; width: 65px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .play-now .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .play-now .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } @-webkit-keyframes ripple { 70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } /*____ABOUT US____*/ .about-video .play-now { position: relative; } /*____CONTACT US____*/ .contact-style-1 .form-control { background: none; border: none; border-bottom: 2px solid #a1a1a1; padding-left: 0px; } .contact-style-2 .form-control { background: none; border: none; border-bottom: 2px solid #a1a1a1; padding-left: 0px; } /*____WISH LIST____*/ .shopping-table td img { width: 50px; } /*____SHAKE IMG____*/ .shake_image { animation: shake 1.8s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .worker-ex-two{ position:relative; width:33%; float:left; } @media only screen and (max-width:991px){ .worker-ex-two{ display:none; } } /*truck light blink*/ /* Firefox old*/ @-moz-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* IE */ @-ms-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* Opera and prob css3 final iteration */ @keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .blink-image { -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 2s infinite ease-in-out; /* IE */ animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ position:absolute; right:-160px; bottom:-12px; z-index:-1; } .mid-img-verticle{ display:table; height:100%; } .mid-img-verticle a{ display:table-cell; vertical-align:middle; } .mid-img-verticle a img{ width:100%; }