@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /** 1. General - Variables - Extra-outer 2. Spacing 3. Color - Skin-color, Skin-bg-color, Skin-border-color - darkGrey-color, darkGrey-bg-color - white-color, white-bg-color, white-border-color - Grey-color, Grey-bg-color, grey-border-color 4. Pre-loader 5. SocialIcon / TooltipTop 6. Slick_dots/arrows 7. TopBar 8. Header - SiteBrand(logo) - SiteNavigation(Menu) - side-menu 9. Footer - FirstFooter - SecondFooter 10. GoTop BUtton 11. Page-Title-Row 12. Inner-Pages - single-pages-content - Classic_Blog - Single_Blog - Contact_page - Error_page - Map **/ /* =============================================== General ------------------------*/ /** Variables **/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a, a:hover, a:focus, a:active { text-decoration: none; outline: none; } a, button, input { outline: none; } ol, ul{ padding: 0; margin: 0; } strong{ font-weight: 700; } iframe{ border: none; display: block; } p { margin: 0 0 15px; } *::-moz-selection { background: #c3002f; color: #fff; text-shadow: none; } ::-moz-selection { background: #c3002f; color: #fff; text-shadow: none; } ::selection { background: #c3002f; color: #fff; text-shadow: none; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select{ font-family: inherit; -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; vertical-align: middle; width: 100%; color: #8093a8; padding: 13px 15px 14px; border-radius: 0; font-weight: 400; background-color: #fff; text-transform: inherit; border: 1px solid rgba(0, 43, 92, 0.08); font-size: 14px; outline: none; line-height: inherit; letter-spacing: 0px; } button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; text-decoration: none; font-size: 13px; line-height: 21px; font-weight: 500; padding: 11px 40px 11px; border: 2px solid transparent; border-radius: 0; color: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; cursor: pointer; outline: none; -webkit-font-smoothing: antialiased; } button:focus{ box-shadow: none; outline: 0; border: 0; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid #c3002f; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-appearance: searchfield; } /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } /* clears the 'X' from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } textarea:-moz-placeholder, textarea::-moz-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder , input::-ms-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholde { color: #fff; } menu, ol, ul { margin: 16px 0; padding: 0 0 0 25px; } body { font-family: "Rubik",sans-serif; font-weight: 400; font-size: 15px; line-height: 26px; letter-spacing: 0.2px; color: #555c63; } h1, h2, h3, h4, h5, h6 { font-family: 'Rubik', sans-serif; margin-bottom: 15px; font-weight: 500; color :#222d35;} h1 { font-size: 60px; line-height: 72px; } h2 { font-size: 50px; line-height: 64px; } h3 { font-size: 38px; line-height: 48px; } h4 { font-size: 30px; line-height: 40px; } h5 { font-size: 20px; line-height: 26px; } h6 { font-size: 18px; line-height: 20px; } /** Extra-outer **/ body .page { overflow: hidden; position: relative; z-index: 10; } body .site-main { background-color: #fff; position: relative; z-index: 1; } body .page.sidebar-true .site-main{ padding: 0; background-color: #fff; } .container { max-width: 1140px; } a{ color: #222d35; } a, img{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } label { font-size: 14px; } .fs-16 { font-size: 16px !important; line-height: 24px } .fs-18 { font-size: 18px !important; line-height: 26px } .fs-20 { font-size: 20px !important; line-height: 30px } .fs-22 { font-size: 22px !important; line-height: 26px } .fs-24 { font-size: 24px !important; line-height: 26px } .fs-26 { font-size: 26px !important; line-height: 36px } .fs-28 { font-size: 28px !important; line-height: 38px } .fs-30 { font-size: 30px !important; line-height: 40px } .font-weight-500 { font-weight: 500; } .box-shadow{ box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10) } .border-rad_3 { border-radius: 3px; } .border-rad_4 { border-radius: 4px; } .border-rad_5 { border-radius: 5px; } .border-rad_6 { border-radius: 6px; } .border-rad_7 { border-radius: 7px; } .border-rad_8 { border-radius: 8px; } .border-rad_9 { border-radius: 9px; } .border-rad_10 { border-radius: 10px; } .alignleft { float: left; margin: .425em 1.75em 1.25em 0; } .alignright { float: right; margin: .425em 0 1.25em 1.75em; } .z-index_1{ z-index: -1; } .z-index-0{ z-index: 0; } .z-index-1{ z-index: 1; } .z-index-2{ z-index: 2; } .ttm_single_image-wrapper { position: relative;} .ttm_single_image-wrapper.ttm_single_image_hover { overflow: hidden; } .ttm_single_image-wrapper.ttm_single_image_hover:after { position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3))); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .ttm_single_image-wrapper.ttm_single_image_hover:hover:after { -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine{ 100% { left:125% } } @keyframes shine{ 100% { left:125% } } .ttm_single_image-wrapper .ttm-play-icon-btn { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; right: 0; bottom: 0; } .ttm_single_image-wrapper.imagestyle-one { padding-right: 65px; margin-right: -65px; z-index: 9; padding-top: 97px; } .ttm_single_image-wrapper.imagestyle-one:before { content: ''; position: absolute; width: 190px; height: 226px; background-repeat: no-repeat; right: 0; top: 0; z-index: -1; } .ttm_single_image-wrapper.imagestyle-two { margin-top: 80px !important; margin-bottom: 50px !important; } .ttm_single_image-wrapper.imagestyle-two:before { content: ''; position: absolute; height: calc(100% + 130px); width: 83%; left: 50%; top: -80px; z-index: -1; background-color: #f8f8f8; } .ttm_single_image-wrapper.imagestyle-two .ttm_single_image_text { font-size: 23px; font-weight: 500; position: relative; display: inline-block; vertical-align: middle; padding-right: 110px; padding-left: 105px; transform: translateY(-35px); } .ttm_single_image-wrapper.imagestyle-two .ttm_single_image_text:before { background-color: #db2d46; -webkit-mask: url(../images/image-arrow.svg) no-repeat 100% 100%; -webkit-mask-box-image: url(../images/image-arrow.svg); content: ''; position: absolute; width: 90px; height: 50px; background-repeat: no-repeat; left: 0; top: 0; right: auto; } .ttm_single_image-wrapper.imagestyle-three .ttm_single_image_text { text-align: right; font-size: 16px; line-height: 23px; transform: rotate(180deg); box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); position: absolute; writing-mode: vertical-lr; float: right; text-orientation: sideways; top: 170px; left: 33px; padding: 30px 6px; letter-spacing: 1.5px; -webkit-transition-delay: .35s; transition-delay: .35s; color: #fff; } .ttm-highlight-quote { position: relative; } .ttm-highlight-quote blockquote { font-size: 18px; line-height: 34px; color: #222d35; padding: 30px 30px 30px 30px; margin: 0; margin-bottom: 55px; font-weight: 500; } .ttm-highlight-quote blockquote:after { content: ''; position: absolute; left: 0; width: 0; height: 0; border-top: 80px solid #f8f8f8; border-right: 72px solid transparent; } .ttm-highlight-quote blockquote:before { font-family: FontAwesome; content: "\f10d"; font-size: 30px; font-weight: 400; position: absolute; left: 30px; top: -14px; font-style: normal; display: block; } /* =============================================== Color ------------------------*/ /** 1.Skin-color **/ .ttm-textcolor-skincolor, .ttm-textcolor-skincolor h1, .ttm-textcolor-skincolor h2, .ttm-textcolor-skincolor h3, .ttm-textcolor-skincolor h4, .ttm-textcolor-skincolor h5, .ttm-textcolor-skincolor h6, .ttm-textcolor-skincolor a, .ttm-textcolor-skincolor i, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, a.ttm-textcolor-skincolor, i.ttm-textcolor-skincolor, :not(.ttm-bgcolor-darkgrey) a.ttm-textcolor-skincolor, :not(.ttm-bgcolor-darkgrey) i.ttm-textcolor-skincolor, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6, .ttm-bgcolor-darkgrey a:hover, .ttm-textcolor-white a:hover, .ttm-bgcolor-darkgrey a:hover i, .ttm-btn-color-skincolor, .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor, .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor i, .ttm-bgcolor-grey .ttm-btn-color-skincolor, .ttm-list-icon-color-skincolor li i, .ttm-icon_element-border.ttm-icon_element-color-skincolor, .ttm-icon_element-border.ttm-icon_element-color-grey, .ttm-btn-style-border.ttm-btn-color-skincolor, .ttm-icon_element-fill.ttm-icon_element-color-white, .ttm-icon_element-fill.ttm-icon_element-color-white i, .ttm-icon_element-color-skincolor, .ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i, .ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i, .top_bar .top_bar_contact_item .top_bar_icon i, nav.main-menu ul.menu li > ul.mega-submenu li a:hover, nav.main-menu ul.menu li ul.mega-submenu li.active > a, nav.main-menu ul.menu li.active > a, nav.main-menu, a:hover, .ttm-bgcolor-darkgrey a:hover, .ttm-header-style-02 .social-icons li a:hover, .ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li.active >a, .section-title h3, .ttm-bgcolor-darkgrey .section-title h3, .widget ul#menu-footer-quick-links li a:before, .featured-imagebox-portfolio.style1 .featured-content .featured-title h3 a:hover, .breadcrumb-wrapper span, .widget .call_detail h3, .widget.widget-nav-menu ul li.active a, .widget.offer_widget h2, .widget.offer_widget h3, .featured-imagebox-post.style2 .featured-content .post-meta span i, .slick-active.slick-current .testimonials.ttm-testimonial-box-view-style2 .testimonial-content blockquote:before, .ttm-highlight-quote blockquote:before, .ttm-p_table-amount, .ttm-p_table-price, .ttm-page-title-row .breadcrumb-wrapper i, .featured-imagebox-post .ttm-btn i, .featured-imagebox-post.style2 .featured-content h3:hover a , .featured-imagebox-services.style1:hover .featured-content .ttm-details-link a, .ttm-blog-classic .post-meta .ttm-meta-line i, .ttm-blog-single .post-meta .ttm-meta-line i, .ttm-blogbox-footer-readmore .ttm-btn i, .ttm-tags-links-title i{ color: #c3002f; } /** Skin-bg-color **/ .ttm-bgcolor-skincolor, .ttm-bgcolor-skincolor > .ttm-bg-layer, .ttm-bgcolor-skincolor > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, .ttm-icon_element-fill.ttm-icon_element-color-skincolor, .ttm-btn-style-fill.ttm-btn-color-skincolor, .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after, .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:before, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:before, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:before , .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:after , .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before, .ttm-bgcolor-grey .tooltip:after, .ttm-bgcolor-grey [data-tooltip]:after, .ttm-bgcolor-darkgrey .tooltip:after, .ttm-bgcolor-darkgrey [data-tooltip]:after, .ttm-textcolor-skincolor .tooltip:after, .ttm-textcolor-skincolor [data-tooltip]:after, .slick_slider.slick-dots-style1 .slick-dots li.slick-active button, .slick_slider.slick-dots-style2 .slick-dots li.slick-active button, .slick_slider.slick-arrows-style3 .slick-arrow:hover, .slick_slider.slick-arrows-style4 .slick-arrow:hover, .slick_slider.slick-arrows-style1 .slick-prev:hover, .slick_slider.slick-arrows-style1 .slick-next:hover, .slide .slide__content--headings > h3:before, .slide .slide__content--headings > h3:after, .banner_slider_wrapper .slider-social-links-wrapper li a:hover, .banner_slider_3 .slide .slide__content--headings .highlight_text::after, nav.main-menu ul.menu li ul.mega-submenu li a:before , .ttm-header-style-02 .social-icons li a:hover, .ttm-header-style-03 .social-icons li a:hover, .ttm-play-icon-btn .ttm-play-icon-animation.ttm-play-icon-animation-skincolor:before, .ttm-play-icon-btn .ttm-play-icon-animation.ttm-play-icon-animation-skincolor:after, .featured-imagebox-procedure .process-num, .featured-imagebox-procedure .process-num:after, .featured-imagebox-portfolio.style1 .ttm-media-link a:hover , .featured-imagebox-portfolio.style2 .ttm-media-link a, .featured-imagebox-post.style2 .ttm-box-post-date, .featured-icon-box.style4:hover .featured-icon:before , .featured-icon-box.style5:hover i.ttm-num, .featured-icon-box.style6:hover .featured-content, .featured-icon-box.style6:hover .ttm-icon, .progress-bar-color-bar_white.progress-bar, .progress-bar-color-bar_white.progress-bar:before, .ttm-progress-bar .progress-bar.progress-bar-color-bar_skincolor, .progress-bar-inner .progress-bar.progress-bar-color-bar_skincolor:before, .footer .widget .widget-title:before, .footer .widget .widget-title:after, .testimonials.ttm-testimonial-box-view-style1 .testimonial-avatar:before, .featured-imagebox-post.style1 .ttm-box-post-date , .featured-imagebox-team.style1:hover .ttm-media-link, .breadcrumb-wrapper span:first-child:after, .ttm-team-member-single-content .ttm-social-links-wrapper ul li a:hover, .widget.widget-nav-menu ul li a:before, .sidebar .widget-area .widget:after, .ttm-blog-classic .ttm-box-post-date, .ttm-blog-single .ttm-box-post-date, .ttm-blog-single blockquote:before, .ttm-social-share-wrapper ul li a:hover, .widget .tagcloud a:hover, .pagination-block .page-numbers:hover, .pagination-block .page-numbers.current, #totop.top-visible { background-color: #c3002f; } /** Skin-border-color **/ .ttm-btn-style-fill.ttm-btn-color-skincolor, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:hover, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover, .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor, .slick_slider.slick-arrows-style3 .slick-arrow:hover, .banner_slider_wrapper .slider-social-links-wrapper li a:hover, .ttm-page-title-row-inner .row, .social-icons.circle li>a:hover, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i , .featured-imagebox-procedure:hover .featured-thumbnail img , .widget .tagcloud a:hover { border-color: #c3002f; } .ttm-bgcolor-darkgrey .tooltip-top:before, .ttm-bgcolor-darkgrey .tooltip:before, .ttm-textcolor-skincolor .tooltip-top:before, .ttm-textcolor-skincolor .tooltip:before, .ttm-bgcolor-grey .tooltip-top:before, .ttm-bgcolor-grey .tooltip:before, .ttm-bgcolor-grey [data-tooltip]:before, .ttm-bgcolor-skincolor .bottom-angle, .featured-icon-box.style1:hover:before, nav.main-menu, .header_search .header_search_content { border-top-color: #c3002f ; } .header_search .header_search_content:before, .header_btn:before, .ttm-bgcolor-darkgrey .tooltip-bottom:before, .featured-icon-box.style1:hover , .featured-icon-box.style3::before , .featured-imagebox-team.style1 .featured-content::before { border-bottom-color: #c3002f; } .ttm-tabs.ttm-tab-style-02 ul.tabs li.active { border-left-color: #c3002f; } .featured-icon-box.style6:hover .featured-content:before { border-right-color: #c3002f; } /* =============================================== Slick_dots/arrows ------------------------*/ .slick-slide{ border: 0; outline: 0; } .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after{ position: absolute; content: ""; top: 0; left: -15px; height: 100%; width: 1px; background-color: #e4e4e4; } .cmt-bgcolor-darkgrey .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after, .cmt-bgcolor-skincolor .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after{ background-color: rgba(255,255,255,.3); } .slick_slider.slick_slider-opacity_block .slick-list { overflow: visible; } .slick_slider.slick-dots-style1 .slick-dots, .slick_slider.slick-dots-style2 .slick-dots, .slick_slider.slick-dots-style3 .slick-dots{ padding: 0; margin: 0; padding-top: 30px; top: 100%; text-align: center; line-height: 0; } .slick_slider.slick-dots-style1 .slick-dots li, .slick_slider.slick-dots-style2 .slick-dots li, .slick_slider.slick-dots-style3 .slick-dots li{ display: inline-block; list-style: none; line-height: 0; } .slick_slider.slick-dots-style1 .slick-dots li { width: calc( 19.3% - 0px ); } .slick_slider.slick-dots-style1 .slick-dots li button{ height: 4px; width: 100%; border: 0; position: relative; margin: 0; padding: 0; font-size: 0; background-color: transparent; background-color: #e2e9f1; } .slick_slider.slick-dots-style1 .slick-dots li.slick-active button{ margin: 0; } .slick_slider.slick-dots-style2 .slick-dots li button, .slick_slider.slick-dots-style3 .slick-dots li button{ height: 9px; width: 13px; border: 0; font-size: 0; padding: 0; border-radius: 3px; position: relative; margin: 0 4px; background-color: #e2e9f1; } .slick_slider.slick-dots-style2 .slick-dots li.slick-active button { width: 25px; } .slick_slider.slick-dots-style3 .slick-dots li button { height: 10px; width: 10px; border-radius: 50%; } .slick_slider .slick-arrow { width: 46px; height: 46px; z-index: 1; border: 0; color: inherit; background-color: rgba(255,255,255,.07); box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08); border: 0; } .slick_slider .slick-next{ right: 0; } .slick_slider.slick-arrows-style1 .slick-arrow { border: 1px solid #dbdbdb; border-radius: 50%; opacity: 0; z-index: 11; overflow: hidden; box-shadow: unset; } .slick_slider.slick-arrows-style1 .slick-next{ right: 0px; left: auto; } .slick_slider.slick-arrows-style1 .slick-prev { left: 0px; } .slick_slider.slick-arrows-style1:hover .slick-arrow { margin: 0 -60px; opacity: 1; overflow: visible; } .slick_slider.slick-arrows-style2 .slick-arrow { border-radius: 50%; } .slick_slider.slick-arrows-style2 .slick-next { right: -50px; left: auto; } .slick_slider.slick-arrows-style2 .slick-prev { left: -50px; } .slick_slider.slick-arrows-style3 .slick-next, .slick_slider.slick-arrows-style3 .slick-prev { font-size: 0; line-height: 0; position: absolute; bottom: 10px; top: auto; display: inline-block; width: 45px; height: 45px; text-align: center; background-color: transparent; border: 1px solid rgba(255,255,255,.13); cursor: pointer; color: #fff; } .slick_slider.slick-arrows-style3 .slick-prev { left: -39%; } .slick_slider.slick-arrows-style3 .slick-next { left: -35%; } .slick_slider .slick-prev:before, .slick_slider .slick-next:before { font-family: 'themify'; font-size: 15px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick_slider .slick-prev:before { content: "\e629"; } .slick_slider .slick-next:before { content: "\e628"; } .slick-prev,.slick-next{ font-size: 0; line-height: 0; position: absolute; top: 35%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } @media only screen and (max-width: 1024px){ .banner_slider .slide { height: 460px; } .slide .slide__content--headings h2 { font-size: 44px; line-height: 40px; } .banner_slider_2 .slide .slide__content--headings h2 { font-size: 70px; line-height: 90px; } } @media only screen and (max-width: 991px){ .md-hide { display: none ; } .slide .slide__content--headings h2 { font-size: 34px; line-height: 40px; } .banner_slider_2 .slide .slide__content--headings h2.border_text { font-size: 120px; line-height: 140px; } .banner_slider_2 .slide .slide__content--headings h2 { font-size: 60px; line-height: 70px; } .banner_slider_2 .slide .slide__content--headings > span.border_text { font-size: 55px; line-height: 70px; } .banner_slider_3 .slide .slide__content--headings h2 { font-size: 60px; line-height: 65px; margin-bottom: 15px; } } @media only screen and (max-width: 767px){ .sm-hide { display: none !important; } .banner_slider .slide { height: 420px; } .slide .slide__content--headings > h3 { font-size: 14px; } .slide .slide__content--headings > h3:before { width: 21px; left: -35px; } .slide .slide__content--headings > h3:after { width: 21px; right: -35px; } .slide .slide__content--headings h2 { font-size: 30px; line-height: 38px; } .slide .slide__content--headings p { font-size: 14px; } .banner_slider_2 .slide .slide__content--headings h2.border_text { font-size: 80px; line-height: 100px; } .banner_slider_2 .slide .slide__content--headings > span { font-size: 17px; } .banner_slider_2 .slide .slide__content--headings h2 { font-size: 45px; line-height: 65px; margin-bottom: 15px; } .banner_slider_2 .slide .slide__content--headings > span.border_text { font-size: 35px; line-height: 50px; } .banner_slider_3 .slide .slide__content--headings h2 { font-size: 45px; line-height: 55px; margin-bottom: 15px; } } /* /////////// IMAGE ZOOM /////////// */ .banner_slider .slide_img { position: absolute; width: 100%; height: 100%; background-position: center; background-size: cover; } .slick-active .slide_img { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear 0s; -moz-animation: imageAnimation 36s linear 0s; -o-animation: imageAnimation 36s linear 0s; -ms-animation: imageAnimation 36s linear 0s; animation: imageAnimation 36s linear 0s; } @keyframes imageAnimation { 0% { animation-timing-function: ease-in; } 8% { transform: scale(1.02); animation-timing-function: ease-out; } 17% { transform: scale(1.04); animation-timing-function: ease-out; } 22% { transform: scale(1.02); } 25% { -transform: scale(1.1); } } .fullscreen-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .fullscreen-bg__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* =============================================== Footer ------------------------*/ .footer{ z-index: 1; background-position: center center; background-attachment: scroll; } .footer .footer-logo img { max-height: 46px; } .footer .footer-logo { position: relative; min-width: 260px; } .footer .footer-logo:after{ display: block; height: 90%; content: ''; position: absolute; right: 55px; width: 1px; top: 5%; background-color: rgba(255, 255, 255, .07); } .footer .social-icons li { font-weight: normal; text-align: center; position: relative; } .footer .social-icons li a { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #333; text-align: center; display: block; margin: 0 1px; background-color: transparent; font-size: 14px; color: #fff; border-color: transparent; background-color: rgba(255,255,255,.07); } .footer .widget .widget-title { font-weight: 500; font-size: 20px; line-height: 25px; margin-bottom: 35px; display: inline-block; position: relative; } .footer .widget .widget-title:after { display: block; height: 2px; margin-top: 0; margin-bottom: -12px; content: ''; position: absolute; bottom: 0; width: 17px; left: 0; } .footer .widget ul{ margin: 0; padding: 0; list-style: none; } /* first-footer (newsletter) */ .first-footer .container{ padding: 35px 15px 15px; position: relative; } .first-footer .widget { padding-top: 30px; padding-bottom: 30px; } /* second-footer */ .second-footer .container { position: relative; } .second-footer .container:after{ position: absolute; content: ""; left: 15px; right: 15px; bottom: 0; border-bottom: 1px solid rgba(255,255,255,.06); } .second-footer .container:after{ top: 0; bottom: auto; } .second-footer .widget-area .widget { padding: 55px 0 55px; } .second-footer>div>.row .widget-area .widget:not(:first-child) { margin-top: -60px; margin-bottom: 20px; } /** menu-footer-quick-links **/ .widget ul#menu-footer-quick-links li a{ display: inline-block; transition: all .6s; } .widget ul#menu-footer-quick-links li a:before { position: absolute; font-family: "themify"; content: "\e661"; top: 0; left: 0; opacity: 0; font-size: 12px; transition: all .4s; } .widget ul#menu-footer-quick-links li:hover a { padding-left: 22px; } .widget ul#menu-footer-quick-links li:hover a:before { opacity: 1; } .widget ul#menu-footer-quick-links li { display: block; padding: 0px 0px 5px 0; position: relative; } .widget ul#menu-footer-quick-links li:last-child{ padding-bottom: 0; } /** ttm-recent-post-list **/ .footer .widget ul.ttm-recent-post-list>li{ display: table; padding: 0 0 20px !important; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.06); } .footer .widget ul.ttm-recent-post-list>li:last-child{ padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .footer .widget ul.ttm-recent-post-list>li> .post-detail a { font-size: 15px; line-height: 23px; display: block; font-weight: 400; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .footer .widget ul.ttm-recent-post-list>li img { display: block; width: 70px; height: 70px; border-radius: 50%; float: left; margin-right: 18px; } .footer .widget ul.ttm-recent-post-list>li .post-date { display: block; font-size: 14px; line-height: 20px; margin-bottom: 0; color: rgba(255,255,255,.5); } .widget ul.ttm-recent-post-list>li .post-date i{ margin-right: 5px; font-size: 11px; } /** widget_contact_wrapper **/ ul.widget_contact_wrapper li{ padding-left: 35px; position: relative; padding-bottom: 15px; margin-bottom: 15px; line-height: 25px; color: rgba(255,255,255); border-bottom: 1px solid #29343b; } ul.widget_contact_wrapper li:last-child{ padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } ul.widget_contact_wrapper li i{ position: absolute; left: 0; top: 2px; line-height: 1; font-size: 18px; font-weight: 400; } .newsletter_widget { padding: 0 !important; } .newsletter_widget .newsletter-form { position: relative; } .newsletter_widget .newsletter-form input { width: 38.5%; float: left; padding: 18px 20px; line-height: 24px; border: none; margin: 0 2px 0 0; background: #26313a; color: #fff; font-size: 14px; line-height: 26px; } .newsletter_widget .newsletter-form button[type="submit"] { width: 271px; float: left; text-align: center; position: absolute; top: 0; display: block; bottom: 0; border: 0; right: 6px; left: auto; } .bottom-footer-text{ background-color: #1e2830; background-position: center center; background-size: auto; background-repeat: no-repeat; background-attachment: fixed; } /** copyright **/ .copyright { padding-top: 54px; padding-bottom: 20px; font-size: 15px; margin-top: -33px; } .copyright, .copyright .cpy-text { color: rgba(255,255,255,.75)!important; } .copyright ul.list-inline{ margin: 0; } /** Footer-nav-menu **/ .footer-nav-menu{ padding: 0 ; margin: 0; } .footer-nav-menu li { display: inline-block; padding-right: 18px; font-size: 14px; margin-top: 4px; } .footer-nav-menu li:last-child{ padding-right: 0; } ul.footer-nav-menu li:after { position: absolute; content: "/"; color: #fff; padding-left: 8px; } ul.footer-nav-menu li:last-child:after{ content: unset; } /* =============================================== GoTop BUtton ------------------------*/ #totop{ font-weight: 900; color: #fff; display: none; position: fixed; right: 34px; bottom: 50px; z-index: 999; height: 0; width: 0; font-size: 0; text-align: center; padding-top: 3px; line-height: 34px; border-radius: 3px; transition: .3s ease-in-out; } #totop.top-visible { height: 40px; width: 40px; font-size: 22px; display: inline; } @keyframes jump { 0% { bottom: 20px; } 50% { bottom: 40px; } 100% { bottom: 20px; } } #totop.top-visible { animation: jump 3s infinite; } /* =============================================== Page-Title-Row ------------------------*/ .ttm-page-title-row { width: 100%; background-size: cover; background-position: center; z-index: 1; } .ttm-page-title-row.ttm-bg.ttm-bgimage-yes >.ttm-bg-layer{ opacity: .79; } .ttm-page-title-row-inner { width: 100%; text-align: center; position: relative; padding: 75px 0; } .page-title-heading h2 { text-transform: capitalize; font-weight: 700; text-transform: capitalize; font-size: 44px; line-height: 54px; display: inline-block; margin-bottom: 0; } .page-title-heading p { font-size: 18px; color: #fff; } .breadcrumb-wrapper { z-index: 99; text-align: center; display: inline-block; padding: 9px 25px; } .breadcrumb-wrapper span{ font-weight: 400; text-transform: capitalize; font-size: 15px; line-height: 20px; position: relative; } .breadcrumb-wrapper span:first-child{ padding-right: 24px; } .breadcrumb-wrapper span:first-child a{ color: #fff; } .breadcrumb-wrapper span:first-child:after{ position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; right: 10px; top: 6px; display: inline-block; font-style: normal; } /* =============================================== Inner-Pages ------------------------*/ /*------------------------------------------------------------------------------*/ /* single_services /*------------------------------------------------------------------------------*/ .ttm-service-single-content-area div:not(.featured-title) > h3 { font-size: 27px; line-height: 30px; } /*------------------------------------------------------------------------------*/ /* single_team /*------------------------------------------------------------------------------*/ .ttm-team-member-single-content h2, .ttm-team-member-content h2 { font-size: 30px; line-height: 40px; margin-bottom: 15px; } .ttm-team-member-content .ttm-team-member-header-content { padding: 10px; text-align: center; } .ttm-team-member-single-content-area { background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%); } .ttm-team-member-content .ttm-team-member-header-content .ttm-team-member-single-title { font-size: 20px; line-height: 30px; margin-bottom: 0; color: #fff; font-weight: 500; } .ttm-team-member-single-content ul.ttm-team-details-list { margin: 0; padding: 25px 30px; overflow: hidden; clear: both; } .ttm-team-details-list li { position: relative; font-size: 16px; line-height: 24px; display: block; padding: 8px 0 9px 0; } .ttm-team-details-list .ttm-team-list-title { margin-bottom: 3px; position: relative; font-weight: 500; font-size: 18px; line-height: 26px; } .ttm-team-member-single-content .ttm-social-links-wrapper { display: block; clear: both; padding: 30px; border-top: 1px solid #eee; } .ttm-team-member-single-content .ttm-social-links-wrapper ul li a{ display: block; font-size: 14px; width: 35px; height: 35px; text-align: center; line-height: 35px; color: inherit; border: 1px solid transparent; border-radius: 0; margin-right: 0; } /*------------------------------------------------------------------------------*/ /* Classic_Blog /*------------------------------------------------------------------------------*/ article.ttm-blog-classic { margin-bottom: 40px; padding-bottom: 0; } article.ttm-blog-classic:last-child{ margin-bottom: 15px; } article.ttm-blog-classic .ttm-post-featured-wrapper , article.ttm-blog-single .ttm-post-featured-wrapper { position: relative; overflow: hidden; } article.ttm-blog-classic .ttm-blog-classic-content, article.ttm-blog-single .ttm-blog-single-content { background: #fff; padding: 30px; position: relative; display: block; position: relative; margin-top: -30px; margin-right: 30px; -webkit-box-shadow: 0 0 7px 0 rgba(43,52,59,.08); -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08); box-shadow: 0 0 7px 0 rgba(43,52,59,.08); } .ttm-blog-classic .ttm-box-post-date, .ttm-blog-single .ttm-box-post-date { position: absolute; right: 30px; left: auto; top: 30px; height: 60px; width: 60px; font-weight: 500 ; font-size: 15px; line-height: 19px; padding-top: 11px; z-index: 2; color: #fff; text-align: center; } .ttm-blog-classic .ttm-box-post-date .ttm-entry-date, .ttm-blog-single .ttm-box-post-date .ttm-entry-date { display: block; padding: 0; margin: 0; font-size: 20px; line-height: 20px; display: block; font-weight: 500; } .ttm-blog-classic .ttm-box-post-date .ttm-entry-date .entry-month, .ttm-blog-single .ttm-box-post-date .ttm-entry-date .entry-month { font-size: 14px; font-weight: 400; margin-top: 5px; text-transform: uppercase; } .ttm-blog-classic .post-meta, .ttm-blog-single .post-meta { display: block; margin-bottom: 8px; } .ttm-blog-classic .post-meta .ttm-meta-line, .ttm-blog-single .post-meta .ttm-meta-line { font-size: 13px; line-height: 15px; display: inline-block; padding-right: 20px; position: relative; } .ttm-blog-classic .post-meta .ttm-meta-line:last-child{ padding-right: 0; } .ttm-blog-classic .post-meta .ttm-meta-line:not(:last-child):after, .ttm-blog-single .post-meta .ttm-meta-line:not(:last-child):after { position: absolute; content: ""; height: 100%; width: 1px; top: 0; right: 8px; display: block; background-color: #dce1e9; } .ttm-blog-classic .post-meta .ttm-meta-line i, .ttm-blog-single .post-meta .ttm-meta-line i { padding-right: 7px; font-size: 13px; } .ttm-blog-classic .entry-header .entry-title { font-size: 26px; line-height: 32px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #eee; padding-bottom: 20px; } /*------------------------------------------------------------------------------*/ /* Single_Blog /*------------------------------------------------------------------------------*/ .ttm-blog-single .post-meta{ display: block; display: block; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid rgba(0,0,0,0.08); } .ttm-blog-single h3 { font-size: 22px; line-height: 32px; margin-top: 20px; } .ttm-blog-single blockquote { display: block; padding: 32px 30px 16px 45px; position: relative; border-left: none; color: #555c63; margin: 45px 0 30px 30px; font-weight: 400; font-size: 16px; line-height: 28px; min-height: 100px; font-style: normal; } .ttm-blog-single blockquote:before { content: ''; background-image: url(../images/block-quote-single.png); background-repeat: no-repeat; background-position: center; position: absolute; border-radius: 50%; width: 60px; height: 60px; top: -30px; left: -30px; z-index: 1; } .ttm-blog-single blockquote cite{ font-size: 16px; margin-top: -7px; position: relative; font-weight: 600; } .ttm-blog-single .social-media-block { display: block; clear: both; overflow: hidden; padding-top: 10px; border-top: 1px solid #f3f3f3; margin-top: 60px; } .ttm-blog-single .ttm_tag_lists { font-size: 16px; } .ttm-blog-single .ttm_tag_lists .ttm-tags-links-title { font-weight: 500; } .ttm-blog-single .ttm_tag_lists .ttm-tags-links-title i { padding-right: 5px; } .ttm-blog-single .social-media-block .ttm-tags-links a { font-size: 16px; display: inline-block; margin-right: 3px; margin-bottom: 7px; } .ttm-social-share-wrapper { display: flex; align-items: center; } .ttm-social-share-wrapper ul li a { border: 1px solid transparent; height: 36px; width: 36px; line-height: 36px; text-align: center; display: block; font-size: 13px; color: #555c63; } /*blog-comment*/ .comments-area { padding-top: 30px; margin-bottom: 0; } .comments-area h3.comment-reply-title{ font-size: 30px; line-height: 40px; margin-bottom: 15px; } .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { font-size: 14px; padding: 9px 15px; border-radius: 0; background-color: #f8f8f8 } .comments-area .comment-form .comment-form-author, .comments-area .comment-form .comment-form-email, .comments-area .comment-form .comment-form-url { position: relative; float: left; width: 32%; margin-right: 2%; } .comments-area .comment-form .comment-form-url { margin-right: 0; } /*------------------------------------------------------------------------------*/ /* Project_Blog /*------------------------------------------------------------------------------*/ .ttm-pf-single-detail-box { display: block; height: 100%; padding: 44px 30px 20px 30px; overflow: hidden; } .ttm-pf-single-title { margin: -44px -30px; padding: 20px 15px; margin-bottom: 30px; color: #fff; text-align: center; } .ttm-pf-single-title h3 { position: relative; font-size: 24px; line-height: 28px; margin-bottom: 0; } .ttm-pf-single-detail-box ul{ background-color: #fff; padding: 20px; padding-left: 25px; overflow: hidden; margin-top: 25px; } .ttm-pf-single-detail-box ul li{ position: relative; display: flex; margin: 0 -25px; padding: 0 20px; padding-left: 25px; padding-bottom: 17px; margin-bottom: 17px; border-bottom: 1px solid #eee; } .ttm-pf-single-detail-box ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .ttm-pf-single-detail-box ul li > span:first-child { font-weight: 600; margin-right: 5px; font-size: 15px; color: #222d35; } .ttm-pf-single-content-area h2, .ttm-pf-single-related-wrapper h2 { text-align: left; font-size: 30px; line-height: 36px; margin-bottom: 20px; } /*------------------------------------------------------------------------------*/ /* Contact_page /*------------------------------------------------------------------------------*/ .ttm_contact_widget_wrapper { position: relative; z-index: 222; overflow: hidden; clear: both; background-color: #fff; padding: 30px 50px 40px; position: absolute; top: -474px; min-width: 325px; } .ttm_contact_widget_wrapper h3{ font-size: 30px; line-height: 40px; } .ttm_contact_widget_wrapper ul { padding: 0; margin: 0; z-index: 2; list-style: none; clear: both; } .ttm_contact_widget_wrapper li { margin-bottom: 17px; } .ttm_contact_widget_wrapper li h6 { text-align: left; font-size: 22px; line-height: 32px; margin-bottom: 0; } /*------------------------------------------------------------------------------*/ /* Error_page /*------------------------------------------------------------------------------*/ .error-404{ background-image: url(../images/404-page-bg.jpg); background-color: rgba(255,255,255,0.1); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .page-header { margin: 30px 0 15px; border-bottom: 1px solid #e4e4e4; } section.error-404 { padding: 140px 0; text-align: center; } section.error-404 .ttm-big-icon { font-size: 120px; } section.error-404 h1 { font-size: 70px; text-transform: uppercase; line-height: 100%; } section.error-404 .page-content p { font-size: 18px; margin-bottom: 30px; }