<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--header start-->
<header id="masthead" class="header ttm-header-style-classicinfo">
<!-- ttm-fbar-main-w -->
<div class="ttm-fbar-main-w ttm-fbar-position-right">
<div class="ttm-fbar-box-w ttm-textcolor-white ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes">
<span class="ttm-fbar-btn">
<a href="javascript:void(0)" class="ttm-fbar-btn-link">
<span class="ttm-fbar-open-icon"><i class="fa fa-bars"></i></span>
<span class="ttm-fbar-close-icon"><i class="fa fa-times"></i></span>
</a>
</span>
<div class="ttm-fbar-bg-layer ttm-bg-layer"></div>
<!-- ttm-fbar-content-wrapper -->
<div class="ttm-fbar-content-wrapper">
<div class="ttm-fbar-box">
<!-- ttm_widget_team_search-2 -->
<aside id="ttm_widget_team_search-2" class="widget-even widget-4 widget ttm_widget_team_search">
<div class="team-search-form-w">
<form method="get" class="team-search-form " action="#">
<div class="ttm-team-search-title">
<h2>Doctors Search:</h2>
</div>
<div class="team-search-form-before-text">We provide the most full medical services, so every person could have the opportunity</div>
<div class="ttm-fbar-input">
<div class="search_field by_name">
<i class="fa fa-user-md"></i><input type="text" placeholder="Search By Name" name="s" value="">
</div>
</div>
<div class="ttm-fbar-input">
<div class="search_field selectbox">
<i class="fa fa-tags"></i>
<select name="team_group" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option value="" class="select-empty">All Sections</option>
<option value="dental">Dental</option>
<option value="dermatologist">Dermatologist</option>
<option value="health-care">Health Care</option>
<option value="ophthalmology">Ophthalmology</option>
<option value="psychological">Psychological</option>
<option value="surgery">Surgery</option>
</select>
</div>
</div>
<div class="submit_field"><button type="submit">Search</button></div>
</form>
</div>
</aside><!-- ttm_widget_team_search-2 end -->
<!-- enhanced-text-widget -->
<aside id="enhancedtextwidget-10" class="widget-odd widget-5 widget widget_text enhanced-text-widget">
<h3 class="widget-title">Opening Hours:</h3>
<div class="textwidget widget-text">These are our normal opening hours. When we are closed can be found here.<br>
<div class="ttm-pricelistbox-wrapper ">
<ul class="ttm-pricelist-block">
<li>Monday - Saturday<span class="service-price">8.30 – 17.00</span></li>
<li>Sunday<span class="service-price"><strong>Closed</strong></span></li>
</ul>
</div>
</div>
</aside><!-- enhanced-text-widget end -->
<!-- enhanced-text-widget -->
<aside id="enhancedtextwidget-11" class="widget-even widget-6 widget widget_text enhanced-text-widget">
<div class="textwidget widget-text">
<div class="featured-icon-box left-icon icon-align-top">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-sm ttm-icon_element-style-square">
<i class="fa fa-phone"></i>
</div>
</div>
<div class="featured-content">
<div class="featured-title">
<h5>+123 456 78910 / 11</h5>
</div>
<div class="featured-desc">
<p>Have a question? call us now</p>
</div>
</div>
</div>
</div>
</aside><!-- enhanced-text-widget end -->
</div>
</div><!-- ttm-fbar-content-wrapper end -->
</div>
</div><!-- ttm-fbar-main-w end -->
<!-- ttm-topbar-wrapper -->
<div class="ttm-topbar-wrapper ttm-bgcolor-darkgrey ttm-textcolor-white clearfix">
<div class="container">
<div class="ttm-topbar-content">
<ul class="top-contact text-left">
<li><i class="themifyicon ti-location-pin"></i>234 Triumph, Los Angeles, California, US</li>
<li><i class="themifyicon ti-timer"></i>Mon - Sat 8.00 - 18.00. Sunday CLOSED</li>
</ul>
<div class="topbar-right text-right">
<div class="ttm-social-links-wrapper list-inline">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li><a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a>
</li>
<li><a href="#"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="#">GET A APPOINTMENT!</a>
</div>
</div>
</div>
</div><!-- ttm-topbar-wrapper end -->
<!-- ttm-header-wrap -->
<div class="ttm-header-wrap">
<!-- ttm-stickable-header-w -->
<div id="ttm-stickable-header-w" class="ttm-stickable-header-w ttm-bgcolor-white clearfix">
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner ttm-stickable-header">
<div class="container">
<!-- site-branding -->
<div class="site-branding">
<a class="home-link" href="index.html" title="Delmont" rel="home">
<img id="logo-img" class="img-center" src="images/logo-img.png" alt="logo-img">
</a>
</div><!-- site-branding end -->
<!--site-navigation -->
<div id="site-navigation" class="site-navigation">
<!-- header-icons -->
<div class="ttm-header-icons ">
<span class="ttm-header-icon ttm-header-cart-link">
<a href="#"><i class="fa fa-shopping-cart"></i>
<span class="number-cart">0</span>
</a>
</span>
<div class="ttm-header-icon ttm-header-search-link">
<a href="#"><i class="ti ti-search"></i></a>
<div class="ttm-search-overlay">
<div class="ttm-search-outer">
<div class="ttm-form-title">Hi, How Can We Help You?</div>
<form method="get" class="ttm-site-searchform" action="#">
<div class="w-search-form-h">
<div class="w-search-form-row">
<div class="w-search-input">
<input type="search" class="field searchform-s" name="s" placeholder="Type Word Then Enter...">
<button type="submit">
<i class="ti ti-search"></i>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div><!-- header-icons end -->
<div class="ttm-menu-toggle">
<input type="checkbox" id="menu-toggle-form" />
<label for="menu-toggle-form" class="ttm-menu-toggle-block">
<span class="toggle-block toggle-blocks-1"></span>
<span class="toggle-block toggle-blocks-2"></span>
<span class="toggle-block toggle-blocks-3"></span>
</label>
</div>
<nav id="menu" class="menu">
<ul class="dropdown">
<li class="active"><a href="index.html">Home</a>
<ul>
<li class="active"><a href="index.html">Homepage 1</a></li>
<li><a href="home-2.html">Homepage 2</a></li>
<li><a href="home-3.html">Homepage 3</a></li>
<li><a href="#">Header Styles</a>
<ul>
<li class="active"><a href="index.html">Header Classic Info</a></li>
<li><a target="_blank" href="header-overlay.html">Header Overlay</a></li>
<li><a target="_blank" href="header-infostack.html">Header Infostack</a></li>
<li><a target="_blank" href="header-classic.html">Header Classic</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Pages</a>
<ul>
<li><a href="aboutus-1.html">About Us</a></li>
<li><a href="aboutus-2.html">About Us 2</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="contact-us-2.html">Contact Us 2</a></li>
<li><a href="our-team.html">Our Doctors</a></li>
<li><a href="#">Shop</a>
<ul>
<li><a href="home-shop.html">Home Shop</a></li>
<li><a href="shop.html">Default Shop</a></li>
<li><a href="product-details.html">Single Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="#">Features</a>
<ul>
<li><a href="before-after.html">Before & After</a></li>
<li><a href="our-events.html">Our Events</a></li>
<li><a href="book-appointment.html">Book Appointment</a></li>
<li><a href="team-details.html">Doctor Details</a></li>
<li><a href="forums.html">bbPress</a></li>
</ul>
</li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error.html">Error Page</a></li>
<li><a href="element.html">Elements</a></li>
</ul>
</li>
<li><a href="#">Research</a>
<ul>
<li><a href="research-style-1.html">Research Style 1</a></li>
<li><a href="research-style-2.html">Research Style 2</a></li>
<li><a href="#">Project Single</a>
<ul>
<li><a href="single-style-1.html">Style One</a></li>
<li><a href="single-style-2.html">Style Two</a></li>
<li><a href="single-style-3.html">Style Three</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="neurology-services.html">Neurology Services</a></li>
<li><a href="cardiology-services.html">Cardiology Services</a></li>
<li><a href="x-ray-rmi-services.html">X-Ray & RMI Services</a></li>
<li><a href="eye-care-services.html">Eye Care Services</a></li>
<li><a href="dental-services.html">Dental Services</a></li>
<li><a href="orthopaedics-services.html">Orthopaedics Services</a></li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul>
<li><a href="blog.html">Blog Classic</a></li>
<li><a href="blog-left-image.html">Blog Left Image</a></li>
<li><a href="blog-grid-view.html">Blog Grid View</a></li>
<li><a href="single-blog.html">Blog Single View</a></li>
</ul>
</li>
</ul>
</nav>
</div><!-- site-navigation end-->
</div>
</div>
</div>
</div><!-- ttm-stickable-header-w end-->
</div><!--ttm-header-wrap end -->
<div class="ttm-content-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- ttm-info-widget-->
<div class="ttm-info-widget">
<div class="header-widget">
<div class="header-icon">
<i class="fa fa-hospital-o"></i>
</div>
<div class="header-content">
<h3>Number 1 Hospital</h3>
<p>In United States</p>
</div>
</div>
<div class="header-widget">
<div class="header-icon">
<i class="fa fa-user-md"></i>
</div>
<div class="header-content">
<h3>Personal Cabinet</h3>
<p>Qualified Staff</p>
</div>
</div>
<div class="header-widget">
<div class="header-icon">
<i class="fa fa-thumbs-o-up"></i>
</div>
<div class="header-content">
<h3>Get Result Online</h3>
<p>Satisfied Patients</p>
</div>
</div>
</div>
<!-- ttm-info-widget end -->
<div class="ttm-contact">
<span class="icon"><i class="fa fa-phone"></i></span>Toll Free : 1 123 456 78910
</div>
</div>
</div>
</div>
</div>
</header><!--header end-->
/**
* Name: Delmont
* Version: 1.1
* Author: ThemetechMount
* Author URI: http://www.themetechmount.com
*/
@import url('https://fonts.googleapis.com/css?family=Saira:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i');
/**
1. General
- Variables
- Transition
- Shadow
- Extra-outer
2. Spacing
- Padding
- Margin
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
- Extra-color
4. Pre-loader
5. TooltipTop
6. TopBar
7. Header
- SiteBrand(logo)
- SiteNavigation(Menu)
- ttm-rt-contact(HeaderIcons - Search, Cart)
- ttm-search-overlay
8. Footer
- FirstFooter
- SecondFooter
9. GoTop BUtton
10. Page-Title-Row
12. Inner-Pages
- bbpress
- team-member-single
- Contact_Us_1
- Research Single(single style)
- Classic_Blog
- Single_Blog
- Elements_page
- Error_page
- Map
**/
/* ===============================================
General
------------------------*/
/** Variables **/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
a:focus {
text-decoration: none;
}
a:focus, a:hover {
color: #01d6a3;
text-decoration: none;
}
a, button, input {
outline: medium none;
color: #01d6a3;
}
ol, ul{
padding: 0;
margin: 0;
}
strong{
font-weight: 600;
font-family: "Saira",Arial,Helvetica,sans-serif;
}
iframe{
width: 100%;
border: none;
display: block;
}
p {
margin: 0 0 15px;
}
menu, ol, ul {
margin: 16px 0;
padding: 0 0 0 25px;
}
h1, h2, h3, h4, h5, h6{ font-family: "Saira",Arial,Helvetica,sans-serif; margin-bottom: 15px; font-weight: 600; color: #033b4a;}
h1 { font-size: 45px; line-height: 50px; }
h2 { font-size: 35px; line-height: 40px; }
h3 { font-size: 30px; line-height: 35px; }
h4 { font-size: 25px; line-height: 30px; }
h5 { font-size: 20px; line-height: 25px; }
h6 { font-size: 16px; line-height: 18px; }
/** Transition **/
/** Skin-bg-color **/
.ttm-bgcolor-skincolor ,
.ttm-bgcolor-skincolor > .ttm-bg-layer,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-icon_element-background-color-skincolor,
.ttm-btn-color-black:hover, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-black:hover,
.tp-caption.video-icon-btn,
.ttm-video-btn .ttm-btn-play,
.ttm-btn-play:after, .ttm-btn-play:before,
.ttm-fbar-position-right .ttm-fbar-btn a,
.ttm-fbar-box-w .submit_field button,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.ttm-icon_element-background-skincolor,
.ttm-header-style-classicinfo .ttm-contact,
.ttm-header-style-classicinfo .ttm-contact:after,
#site-header-menu #site-navigation .menu > ul ul li.active > a,
#site-header-menu #site-navigation .menu > ul ul li:hover > a,
.ttm-header-floating-text, #site-header-menu #site-navigation .sep-img,
.featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-content,
.ttm-post-format-icon, .ttm-box-post-date,
.featured-imagebox-team .ttm-media-link a,
.ttm_subscribe_form .btn[type="submit"],
.footer .social-icons li>a:hover,
.wrap-form input[type="submit"],
.featured-icon-box.style5:hover:before,
.featured-icon-box.style4:hover,
.featured-icon-box.style4:hover .featured-icon-box-inner,
.ttm-portfolio-box-view-overlay .featured-iconbox.ttm-media-link a,
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_skincolor,
.accordion .ttm-style-classic.active .toggle-title,
.featured-imagebox-event.ttm-box-view-top-image .ttm-meta-date,
.accordion .ttm-style-classic .toggle-title,
.calendar header,
.calendar.small .calendar-frame tbody td:hover,
.bbpress-forums ul li.bbp-header ,
.ttm-bgcolor-darkgrey .ttm-testimonial-box-view-style3 .testimonial-content:before,
.ttm-tabs ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li.active a,
.ttm-tabs.tabs-for-single-products ul.tabs li:hover a,
.social-icons.circle li>a:hover,
.ttm-nextprev-bottom-nav .nav-next a,
.ttm-nextprev-bottom-nav .nav-previous a,
.widget .ttm_info_widget,
.widget.widget-nav-menu ul li.active a,
.widget.widget-nav-menu ul li a:hover,
.sidebar .widget .tagcloud a:hover,
.ttm-pagination .page-numbers.current,
.ttm-pagination .page-numbers:hover,
.comment-list a.comment-reply-link ,
.ttm-pricing-plan:not(.ttm-ptablebox-featured-col) .ttm-ptable-main,
.ttm-pricing-plan .ttm-ptable-icon ,
.products .product .onsale, .ttm-sidebar-right .product-list-widget .price ins,
.products .product .ttm-shop-icon a:hover, div.product button.cart_button:hover, .form-submit input:hover,
a.checkout-button:hover, .coupon button:hover, .ttm-cart-form button:hover, .place-order button:hover,
#totop.top-visible, .label-new{
background-color: #01d6a3;
}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li.active a,
.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.social-icons.circle li>a:hover ,
.calendar .calendar-frame tbody td:not(.disabled):hover:after,
.calendar .calendar-frame tbody td:not(.disabled).today:after,
.wrap-form.ttm-contactform span.text-input input:focus,
.wrap-form.ttm-contactform span.text-input textarea:focus,
.comment-form textarea:focus, .comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus, .comment-form input[type="url"]:focus,
#reviews #review_form_wrapper select:focus{
border-color: #01d6a3;
}
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover {
border-color: rgba(0, 214, 163, 0.75);
}
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a,
.ttm-form-coupon-info,
div.product ul.tabs li.active a:before {
border-top-color: #01d6a3;
}
.tp-caption.ttm-video-icon:hover,
.ttm-video-btn:hover .ttm-btn-play,
.ttm-video-icon:hover .ttm-icon.ttm-icon_element-background-skincolor{
background-color: rgba(0, 214, 163, 0.75);
}
/** Skin-border-color **/
.featured-icon-box.style1:hover,
.featured-imagebox-post.ttm-box-view-top-image:hover .featured-content-post,
.footer .social-icons li>a, .footer .social-icons li>a:hover{
border-color: #01d6a3;
}
/** 2.DarkGrey-color **/
.ttm-textcolor-darkgrey,
.ttm-btn-color-skincolor:hover,
.white-flatborder-button:hover,
.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-icon_element-color-darkgrey,
.ttm-fbar-box-w .submit_field button:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
#site-header-menu #site-navigation .menu > ul > li > a,
.accordion .toggle.ttm-style-classic.ttm-toggle-title-bgcolor-grey .toggle-title a,
.accordion .toggle.ttm-style-classic.ttm-toggle-title-bgcolor-grey .toggle-title:after,
.ttm-team-details-list .ttm-team-list-title,
.ttm-testimonial-box-view-style2 .testimonial-content:before,
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a,
.ttm-pf-detailbox-list .ttm-pf-details-date .ttm-pf-left-details,
.ttm-pf-single-content-wrapper-innerbox .ttm-social-share-title,
ul.ttm-timelistbox-block li strong,
.ttm-social-share-wrapper{
color: #033b4a;
}
/** DarkGrey-bg-color **/
.ttm-bgcolor-darkgrey,
.ttm-bgcolor-darkgrey > .ttm-bg-layer,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-black,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-black:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-darkgrey .ttm-stickable-header.fixed-header,
.ttm-header-style-overlay .ttm-stickable-header.fixed-header,
.wrap-form input[type="submit"]:hover ,
.twentytwenty-handle,
.calendar thead th,
.calendar.small .calendar-frame tbody td.today,
.ttm-testimonial-box-view-style3 .testimonial-content:before,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a,
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a,
.featured-icon-box.style4 a.di_link:hover,
.ttm-pricing-plan .ttm-ptable-main,
.ttm-pricing-plan:not(.ttm-ptablebox-featured-col) .ttm-ptable-icon,
.products .product .ttm-shop-icon a,
.ttm-nextprev-bottom-nav .nav-previous a:hover,
.ttm-nextprev-bottom-nav .nav-next a:hover,
.comment-list a.comment-reply-link:hover,
div.product button.cart_button, .form-submit input,
a.checkout-button, .coupon button, .ttm-cart-form button, .place-order button {
background-color: #033b4a;
}
.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border:hover,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a{
border-color: #033b4a;
}
/** 3.White-color **/
.ttm-textcolor-white, .ttm-btn.ttm-btn-color-white,
.ttm-textcolor-white h1, .ttm-textcolor-white h2,
.ttm-textcolor-white h3, .ttm-textcolor-white h4,
.ttm-textcolor-white h5, .ttm-textcolor-white h6,
.ttm-bgcolor-darkgrey h1, .ttm-bgcolor-darkgrey h2,
.ttm-bgcolor-darkgrey h3, .ttm-bgcolor-darkgrey h4,
.ttm-bgcolor-darkgrey h5, .ttm-bgcolor-darkgrey h6,
.ttm-bgcolor-skincolor h1, .ttm-bgcolor-skincolor h2,
.ttm-bgcolor-skincolor h3, .ttm-bgcolor-skincolor h4,
.ttm-bgcolor-skincolor h5, .ttm-bgcolor-skincolor h6,
.ttm-bgcolor-skincolor a, .ttm-textcolor-white a,
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-black,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-black:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.ttm-fbar-position-right .ttm-fbar-btn a,
#site-header-menu #site-navigation .menu > ul ul li.active > a,
#site-header-menu #site-navigation .menu > ul ul li:hover > a,
.ttm-header-style-infostack .ttm-header-icons .ttm-header-cart-link a,
.ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link a,
.ttm-header-text-area .header-info-widget h3,
.ttm-bgcolor-skincolor .section-title h2.title,
.ttm-bgcolor-darkgrey .section-title h2.title,
.ttm-bgcolor-skincolor .inside h4,
.ttm-bgcolor-darkgrey .inside h4,
.ttm-bgcolor-skincolor .ttm-fid-icon-wrapper i,
.ttm-bgcolor-darkgrey .ttm-fid-icon-wrapper i,
.ttm-bgcolor-skincolor .featured-title h5,
.ttm-bgcolor-darkgrey .featured-title h5,
.featured-icon-box.style4:hover .ttm-icon,
.featured-icon-box.style4:hover .featured-title h5,
.featured-icon-box.style4:hover .featured-desc,
.featured-icon-box.style5:hover .ttm-icon,
.featured-icon-box.style5:hover .ttm-btn.ttm-btn-color-white:hover,
.featured-imagebox-team:hover .ttm-team-position,
.featured-imagebox-team:hover .featured-title h5 a,
.featured-imagebox-team .ttm-team-box-view-overlay .featured-title h5 a,
.featured-imagebox-team:hover .ttm-team-box-view-overlay .featured-title h5 a,
.featured-imagebox-team .ttm-team-box-view-overlay a,
.testimonial-content blockquote:after,
.ttm-post-format-icon, .ttm-box-post-date,
.ttm_subscribe_form .btn[type="submit"] ,
.footer .social-icons li>a:hover ,
.featured-imagebox-portfolio .featured-content .featured-title h5,
.featured-imagebox-portfolio .featured-content .featured-title h5 a,
.ttm-portfolio-box-view-overlay .category a:hover,
.ttm-portfolio-box-view-overlay .featured-iconbox.ttm-media-link a,
.accordion .ttm-style-classic .toggle-title,
.accordion .toggle.ttm-style-classic .toggle-title a,
.accordion .toggle.ttm-style-classic .toggle-title:after,
.accordion .toggle.ttm-style-classic.ttm-toggle-title-bgcolor-grey.active a,
.accordion .toggle.ttm-style-classic.ttm-toggle-title-bgcolor-grey.active .toggle-title:after,
.calendar thead th, .calendar header .header-label,
.bbpress-forums ul li.bbp-header ,
.ttm-testimonial-box-view-style3 .testimonial-content:before,
.ttm-tabs ul.tabs li.active a,
.calendar.small .calendar-frame tbody td:hover,
.calendar.small .calendar-frame tbody td.today,
.social-icons.circle li>a:hover,
.widget.widget-nav-menu ul li.active a,
.widget.widget-nav-menu ul li a:hover ,
.widget-nav-menu ul li.active::after,
.widget-nav-menu ul li:hover:after,
.sidebar .widget .tagcloud a:hover,
.ttm-pagination .page-numbers.current,
.ttm-pagination .page-numbers:hover,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a ,
.ttm-pricing-plan .ttm-ptablebox-price,
.ttm-pricing-plan .ttm-ptablebox-price,
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-before,
.products .product .ttm-shop-icon a,
div.product button.cart_button,
.form-submit input, a.checkout-button,
.ttm-sidebar-right .product-list-widget .price ins .product-Price-amount,
.ttm-tabs.tabs-for-single-products ul.tabs li:hover a,
#totop.top-visible, .label-new{
color: #fff;
}
.ttm-bgcolor-darkgrey .section-title h5,
.ttm-bgcolor-skincolor .featured-desc,
.ttm-bgcolor-darkgrey .featured-desc ,
.ttm-bgcolor-skincolor .inside h3,
.ttm-bgcolor-darkgrey .inside h3,
.ttm-bgcolor-skincolor .testimonials .testimonial-caption h5,
.ttm-bgcolor-skincolor .testimonial-content blockquote,
.ttm-bgcolor-darkgrey .testimonial-content blockquote,
.testimonials .testimonial-caption label{
color: rgba(255,255,255,.75);
}
.ttm-btn-style-border.ttm-btn-color-white:hover{
border-color: #fff;
}
.ttm-bgcolor-skincolor .section-title h5{
color: rgba(255,255,255,.9);
}
.ttm-bgcolor-skincolor .section-title .title-desc{
color: rgba(255,255,255,.8);
}
.ttm-bgcolor-darkgrey .testimonial-content:after{
border-right-color: rgba(255,255,255,.05);
}
/** White-bg-color **/
.ttm-bgcolor-white,
.ttm-fbar-box-w .submit_field button:hover,
.ttm-header-style-infostack .ttm-header-top-wrapper,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn-style-border.ttm-btn-color-white:hover,
.featured-imagebox-team .ttm-media-link a:hover,
.featured-icon-box.style4 a.di_link,
.ttm-portfolio-box-view-overlay .featured-iconbox.ttm-media-link a:hover,
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a,
.ttm-bgcolor-darkgrey .client-box.ttm-box-view-logo .ttm-client-logo-tooltip .client-thumbnail{
background-color: #fff;
}
.ttm-bgcolor-darkgrey .ttm-testimonial-box-view-style1 .testimonial-content {
background-color: rgba(255,255,255,.05);
}
/** White-border-color **/
.ttm-bgcolor-skincolor .ttm-fid-border .row > [class*='col-'],
.ttm-bgcolor-skincolor.ttm-fid-border .row > [class*='col-'] {
border-color: rgba(255,255,255,.3);
color: rgba(255,255,255,.3);
}
.ttm-bgcolor-skincolor .sep_holder .sep_line,
.ttm-bgcolor-darkgrey .sep_holder .sep_line{
border-color: rgba(255,255,255,0.09);
}
/** 4.Grey-color **/
.ttm-bgcolor-grey, .sidebar .ttm-bgcolor-grey>.ttm-bg-layer{ background-color: #f9fafa; }
.ttm-bgcolor-skincolor .testimonial-content{
background-color: rgba(0,0,0,.05);
}
.ttm-bgcolor-skincolor .ttm-testimonial-box-view-style1 .testimonial-content:after{
border-right: 20px solid rgba(0,0,0,.05);
}
/* ===============================================
Pre-loader
------------------------*/
#preloader {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -30px 0 0 -30px;
}
#status {
position: fixed;
z-index: 999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: #fff;
background-image: url(../images/pre-loader-1.gif);
background-repeat: no-repeat;
background-position: center;
}
/* ===============================================
SocialIcon
------------------------*/
.social-icons ul{ margin: 0; padding: 0; }
.social-icons {
list-style: none;
margin: 0;
padding: 0;
font-size: 15px;
}
.social-icons li {
display: inline-block;
border: none;
}
.social-icons.circle li>a {
border: 1px solid ;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
display: block;
background-color: transparent;
font-size: 14px;
border-radius: 50%;
}
.social-icons.circle li {
margin: 6px 0 5px;
}
.ttm-bgcolor-darkgrey .social-icons.circle li>a,
.ttm-bgcolor-skincolor .social-icons.circle li>a {
border: none;
color: #2c2c2c;
}
.ttm-bgcolor-darkgrey .social-icons.circle li>a,
.ttm-bgcolor-skincolor .social-icons.circle li>a{
background-color: #fff;
}
/* ===============================================
TooltipTop
------------------------*/
.tooltip-top{ position: relative; }
.tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);
-moz-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(.71,1.7,.77,1.24);
transition: opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
pointer-events: none;
}
.tooltip:before, [data-tooltip]:before {
z-index: 1001;
border: 6px solid transparent;
background: 0 0;
content: "";
}
.tooltip-top:before, .tooltip:before, [data-tooltip]:before {
margin-left: -6px;
margin-bottom: -12px;
border-top-color: #000;
border-top-color: hsla(0,0%,20%,.9);
}
.tooltip-top:after, .tooltip-top:before, .tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before {
bottom: 100%;
left: 50%;
}
.tooltip-top:focus:after, .tooltip-top:focus:before, .tooltip-top:hover:after, .tooltip-top:hover:before,
.tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, [data-tooltip]:focus:after,
[data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before {
-webkit-transform: translateY(-12px);
-moz-transform: translateY(-12px);
transform: translateY(-12px);
}
.tooltip-top:after, .tooltip:after, [data-tooltip]:after {
margin-left: -80px;
}
.tooltip:after, [data-tooltip]:after {
z-index: 1000;
padding: 8px;
width: 160px;
background-color: #000;
background-color: hsla(0,0%,20%,.9);
color: #fff;
content: attr(data-tooltip);
font-size: 14px;
line-height: 1.2;
text-align: center;
border-radius: 5px;
}
.tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before,
[data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(Opacity=100);
opacity: 1;
}
/* ===============================================
TopBar
------------------------*/
.ttm-topbar-wrapper{
line-height: 48px;
}
.ttm-topbar-wrapper .top-contact.text-left {
position: relative;
float: left;
}
.top-contact {
list-style: none;
margin: 0;
padding: 0;
font-size: 13px;
display: inline-block;
position: relative;
line-height: 50px;
vertical-align: top;
}
.top-contact li{
display: inline-block;
padding-left: 10px;
padding-right: 10px;
z-index: 1;
}
.top-contact li:last-child { padding-right: 0px;}
.top-contact li:first-child { padding-left: 0px;}
.top-contact li i{ margin-right: 6px; font-size: 14px;}
.ttm-topbar-wrapper .ttm-btn.ttm-btn-size-md{
padding: 14px 25px 14px 25px;
font-size: 12px;
vertical-align: top;
line-height: 20px;
margin-left: 15px;
}
.ttm-topbar-wrapper .social-icons li{ margin: 0 3px; }
.ttm-topbar-wrapper .social-icons li>a {
display: block;
border: none;
width: 15px;
height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 500;
background-color: transparent;
text-align: center;
}
.ttm-topbar-content .topbar-right .list-inline {
display: inline-block;
line-height: 49px;
}
/* fbar */
.ttm-fbar-position-right .ttm-fbar-box-w {
position: fixed;
top: 100px;
right: 0;
width: 400px;
height: 100%;
max-height: 500px;
z-index: 9999;
-webkit-transition: transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ttm-fbar-position-right .ttm-fbar-box-w.animated {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.ttm-fbar-box-w {
background-image: url(../images/single-img-two.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
.ttm-fbar-box-w {
-webkit-box-shadow: inset 0 -23px 30px -20px rgba(0,0,0,.18);
-moz-box-shadow: inset 0 -23px 30px -20px rgba(0,0,0,.18);
box-shadow: inset 0 -23px 30px -20px rgba(0,0,0,.18);
}
.ttm-fbar-position-right .ttm-fbar-btn {
cursor: pointer;
position: absolute;
left: -36px;
z-index: 1005;
width: 58px;
height: 58px;
text-align: center;
width: 0;
height: 0;
top: 60px;
}
.ttm-header-style-classicinfo .ttm-fbar-position-right .ttm-fbar-btn {
top: 165px;
}
.ttm-fbar-position-right .ttm-fbar-btn a {
display: block;
width: 36px;
height: 41px;
line-height: 40px;
padding-left: 0;
font-size: 19px;
}
.ttm-fbar-position-right .ttm-fbar-btn a i {
margin-left: -5px;
}
.ttm-fbar-close-icon, a.ttm-fbar-btn-link .ttm-fbar-close-icon ,
a.ttm-fbar-btn-link.ttm-close-icon .ttm-fbar-open-icon {
display: none;
}
a.ttm-fbar-btn-link.ttm-close-icon .ttm-fbar-close-icon {
display: block;
}
.ttm-fbar-position-right .ttm-fbar-btn a:after {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 21px solid transparent;
border-right: 20px solid #01d6a3;
}
.ttm-fbar-position-right .ttm-fbar-content-wrapper {
width: 100%;
overflow: auto;
height: 100%;
padding: 35px;
padding-bottom: 10px;
z-index: 80;
position: relative;
}
.ttm-fbar-position-right .ttm-fbar-box .widget {
margin: 35px 0 35px;
word-wrap: break-word;
}
.ttm-fbar-position-right .ttm-fbar-box .widget:first-child {
margin-top: 0;
}
.ttm-fbar-box .ttm-team-search-title h2 {
font-size: 20px;
margin-bottom: 7px;
font-weight: 500;
}
.team-search-form-before-text {
font-size: 15px;
line-height: 26px;
padding-bottom: 28px;
}
.team-search-form-w .ttm-fbar-input{
width: 100%;
margin-bottom: 15px;
display: block;
}
.ttm-fbar-box .search_field {
border: 1px solid rgba(255,255,255,.2);
padding-left: 35px;
position: relative;
display: block;
width: 100%;
border-radius: 0;
height: 45px;
line-height: 45px;
color: #2d2d2d;
}
.ttm-fbar-box .search_field i, .ttm-content-team-search-box .search_field i {
position: absolute;
left: 12px;
top: 14px;
opacity: .9;
font-size: 18px;
width: 20px;
}
.ttm-fbar-box .search_field input[type="text"] {
font-size: 13px;
padding: 5px;
border: none;
line-height: 1;
background-color: transparent;
color: rgba(255,255,255,0.8) !important;
-webkit-box-shadow: 0 0 0 1000px transperent inset;
-webkit-transition: all 5000s ease-in-out 0s;
-moz-transition: all 5000s ease-in-out 0s;
-ms-transition: all 5000s ease-in-out 0s;
-o-transition: all 5000s ease-in-out 0s;
transition: all 5000s ease-in-out 0s;
}
.ttm-fbar-box .search_field select{
background-color: transparent;
border: none;
padding-left: 7px;
font-size: 13px;
color: rgba(255,255,255,0.8) ;
}
.ttm-fbar-box .search_field select option{ color: #2d2d2d; }
.ttm-fbar-box .search_field input[type="text"],
.ttm-fbar-box .search_field select{
background-color: transparent !important;
}
.ttm-fbar-box .search_field input[type="text"]::placeholder {
color: rgba(255,255,255,0.8);
}
.ttm-fbar-box .search_field.selectbox {
padding-top: 0;
padding-left: 35px;
}
.ttm-fbar-box .submit_field {
text-align: left;
margin-top: 25px;
}
.ttm-fbar-box-w .submit_field button {
color: #fff;
height: 40px;
font-size: 13px;
border: 1px solid transparent;
padding: 0 35px;
text-transform: uppercase;
}
.ttm-fbar-box-w .widget .widget-title {
font-size: 20px;
margin-bottom: 12px;
font-weight: 500;
}
.ttm-fbar-box .textwidget.widget-text, .ttm-fbar-box .team-search-form-before-text {
font-size: 15px;
line-height: 26px;
}
.ttm-fbar-box-w ul.ttm-pricelist-block {
padding: 0;
font-size: 14px;
margin-top: 5px;
}
.ttm-fbar-box-w ul.ttm-pricelist-block li {
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.1);
font-size: 15px;
line-height: 23px;
list-style: none;
padding: 14px 0;
}
ul.ttm-pricelist-block li .service-price {
float: right;
}
.ttm-fbar-position-right .ttm-fbar-box .widget:last-child{
margin-bottom: 10px;
}
.ttm-fbar-box-w .ttm-icon{
border: 1px solid;
}
.ttm-fbar-box-w .ttm-icon{
height: 58px;
width: 58px;
line-height: 58px;
}
.ttm-fbar-box-w .ttm-icon i{ font-size: 25px; }
.ttm-fbar-box-w .featured-icon-box.left-icon .featured-title h5{
font-size: 18px;
line-height: 30px;
font-weight: normal;
margin-bottom: 5px;
}
.ttm-fbar-box-w .featured-icon-box.left-icon p{
line-height: 14px;
font-weight: 400;
margin-bottom: 10px;
}
/* ===============================================
Header
------------------------*/
/** SiteBrand(logo) **/
.site-branding{
float: left;
height: 99px;
line-height: 98px;
}
.ttm-header-top-wrapper{
position: relative;
}
.site-branding img {
max-height: 33px;
}
/** SiteNavigation(Menu) **/
.site-navigation {
position: relative;
}
#site-header-menu #site-navigation .menu ul li ul > li:not(:last-child){
border-bottom: 1px solid transparent;
border-bottom-color: rgba(0,0,0,0.08);
}
#site-header-menu #site-navigation .menu ul {
padding: 0px;
margin: 0px;
}
.ttm-menu-toggle{ float: right; }
.ttm-menu-toggle input[type=checkbox] { display: none; }
#site-header-menu #site-navigation .menu > ul > li { display: inline-block; position: relative;}
#site-header-menu #site-navigation .menu ul ul > li { position: relative; }
#site-header-menu #site-navigation .menu ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
#site-header-menu #site-navigation .menu > ul > li > a {
font-family: "Saira",Arial,Helvetica,sans-serif;
font-weight: 600;
text-transform: capitalize;
font-size: 16px;
line-height: 19px;
letter-spacing: 1px;
}
#site-header-menu #site-navigation .menu > ul li ul li a{
font-family: "Ubuntu",Arial,Helvetica,sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #7f9094;
}
#site-header-menu #site-navigation ul ul li {
position: relative;
border-bottom: 1px solid transparent;
}
#site-header-menu #site-navigation .menu ul ul li:last-child{ border: none; }
#site-header-menu #site-navigation .menu ul > li> ul li.has-submenu > a:after {
content: "\f105";
position: absolute;
background-color: transparent;
right: 12px;
top: 16px;
display: inline-block;
font-family: "FontAwesome";
font-size: 15px;
margin-left: 4px;
opacity: 0.8;
}
#site-header-menu #site-navigation .menu > ul li ul li a .label-new{
display: inline !important;
padding: 3px 8px;
text-shadow: none;
border-radius: 3px;
margin-left: 10px;
position: relative;
text-transform: uppercase;
font-size: 10px !important;
font-weight: bold !important;
}
/** ttm-rt-contact(HeaderIcons - Search, Cart) **/
.ttm-header-style-infostack .ttm-rt-contact {
position: absolute;
right: -1px;
top: 0;
font-size: 14px;
padding: 0 0 0 8px;
height: 60px;
line-height: 60px;
}
.ttm-header-icons .ttm-header-icon { position: relative; margin-left: 7px; }
.ttm-header-icons .ttm-header-icon.ttm-header-cart-link {
margin-left: 9px;
padding-left: 7px;
padding-right: 0px;
}
.ttm-header-icons .ttm-header-cart-link a, .ttm-header-icons .ttm-header-search-link a {
font-size: 15px;
border-radius: 3px;
height: 27px;
width: 27px;
line-height: 27px;
display: inline-block;
vertical-align: middle;
text-align: center;
z-index: 9;
position: relative;
}
.ttm-header-icons .ttm-header-cart-link a i, .ttm-header-icons .ttm-header-search-link a i{ font-weight: 900 }
.ttm-header-icons .ttm-header-cart-link:before {
display: block;
content: "";
position: absolute;
height: 27px;
width: 1px;
left: -2px;
top: 50%;
margin-top: -12px;
background-color: rgba(3,59,74,0.10);
}
.ttm-header-icons .ttm-header-cart-link span.number-cart {
position: absolute;
bottom: 17px;
left: 12px;
width: 17px;
height: 17px;
text-align: center;
line-height: 17px;
font-size: 9px;
display: block;
background-color: #00d6a3;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-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;
padding-left: 0;
}
.ttm-header-icons{ padding-left: 5px; }
.ttm-header-icons, .ttm-header-icon{
position: relative;
height: 102px;
line-height: 102px;
float: right;
}
/** ttm-search-overlay **/
.ttm-header-icon{ position: relative; }
.ttm-search-overlay {
position: fixed;
top: 0;
left: 0;
background: #033b4a;
height: 100%;
width: 100%;
z-index: 9999;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ttm-search-overlay .ttm-search-outer {
position: absolute;
left: 15px;
right: 15px;
top: 50%;
min-height: 350px;
border: 2px solid rgba(255,255,255,.62);
width: 1000px;
text-align: center;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
display: inline-block;
margin: 0 auto;
padding: 100px 20px 100px 20px;
}
.ttm-search-overlay.st-show .ttm-search-outer {
transform: translateY(-50%);
}
.ttm-search-overlay .ttm-search-outer .ttm-form-title {
display: block;
font-size: 45px;
line-height: 42px;
clear: both;
color: #fff;
font-family: "Saira",Arial,Helvetica,sans-serif;
}
.ttm-search-overlay .ttm-site-searchform {
position: absolute;
width: auto;
top: auto;
left: 50%;
width: 700px;
max-width: 100%;
margin-left: -350px;
height: 70px;
line-height: 70px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
margin-top: 40px;
}
.ttm-search-overlay .ttm-site-searchform input[type="search"] {
background: none;
border: 0;
color: #fff!important;
height: 70px;
padding: 0 70px 0 18px;
font-weight: 400;
font-weight: 400;
font-size: 15px;
letter-spacing: 1px;
width: 100%;
color: rgba(255,255,255,.21);
outline: none;
height: 60px;
border: 2px solid rgba(255,255,255,.95);
margin: 0;
border-radius: 0;
}
.ttm-search-overlay .ttm-site-searchform input::placeholder{ color: #fff; }
.ttm-search-overlay .ttm-site-searchform button {
padding: 0;
font-size: 21px;
position: absolute;
right: 0;
top: 0;
background: none;
width: 70px;
border: 0;
border-left: 2px solid rgba(255,255,255,.95);
height: 59px;
text-align: center;
display: block;
color: #fff;
margin-top: 7px;
}
.ttm-search-overlay.st-show {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
filter: alpha(opacity=98);
-moz-opacity: .98;
-khtml-opacity: .98;
opacity: .98;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzNGOTFDMjMwRDE4MTFFNjlERDZERjI3RjQ0QzRGRjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzNGOTFDMjQwRDE4MTFFNjlERDZERjI3RjQ0QzRGRjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3M0Y5MUMyMTBEMTgxMUU2OURENkRGMjdGNDRDNEZGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3M0Y5MUMyMjBEMTgxMUU2OURENkRGMjdGNDRDNEZGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt0AzY0AAADrSURBVHjapNXLDYMwDAZg1+2dE9dKHaETgMQSPXWADtQBemIJJDJBzx2gp1wZoI7koBTl4RhLPwSBPoHsiMM8zxcAeFLuFAuV1XXdujbGtHR6UR5Ih4VypkyUFpTF6MTWgvyWPeWoxQPUGT19hUW+p8YDFDzqFhg8o8FDdPDoFq7Fk2gMDnHI4Fk0BXt8SOBFNAen8D80N/dYaM4WF6GuToLOO+BGefP1VbJDUThSI+XDGSWjiDVzmmloFRxrlJXiWIFGG8pbWgRLRqqIowIV4ahEizjuQP0fJIrjHjSHO7ihfLVoBHdW8xNgAA9tb+1F4VHcAAAAAElFTkSuQmCC),pointer
}
/** Header-widget **/
.ttm-header-style-classicinfo .ttm-content-wrapper {
position: relative;
padding-top: 19px;
padding-bottom: 16px;
background-color: #f9fafa;
}
.ttm-header-style-classicinfo .ttm-info-widget { float: left; }
.ttm-header-style-classicinfo .header-widget, .ttm-header-style-infostack .header-widget {
display: table-cell;
position: relative;
vertical-align: middle;
height: 100%;
padding-right: 70px;
}
.ttm-header-style-classicinfo .header-widget .header-content, .ttm-header-style-classicinfo .header-widget .header-icon,
.ttm-header-style-infostack .header-widget .header-content, .ttm-header-style-infostack .header-widget .header-icon {
display: table-cell;
vertical-align: middle;
padding: 0;
text-align: left;
}
.ttm-header-style-classicinfo .header-widget .header-icon i, .ttm-header-style-infostack .header-widget .header-icon i {
font-size: 23px;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #f9fafa;
text-align: center;
float: none;
}
.ttm-header-style-classicinfo .header-widget .header-icon i {
background-color: #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(3,59,74,.1);
-moz-box-shadow: 0 0 10px 0 rgba(3,59,74,.1);
box-shadow: 0 0 10px 0 rgba(3,59,74,.1);
}
.ttm-header-style-classicinfo .header-widget .header-content, .ttm-header-style-infostack .header-widget .header-content {
padding-left: 18px;
}
.ttm-header-style-classicinfo .header-widget h3, .ttm-header-style-infostack .header-widget h3 {
font-size: 16px;
font-weight: 500;
line-height: 21px;
margin: 0;
}
.ttm-header-style-classicinfo .header-widget p, .ttm-header-style-infostack .header-widget p {
font-size: 13px;
font-weight: 400;
line-height: 23px;
margin: 0;
}
/* ===============================================
Footer
------------------------*/
.footer{
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
.footer .widget { margin: 60px 0 55px; }
.footer .widget .widget-title { margin-bottom: 25px; display: inline-block; font-weight: 500; }
.footer .widget ul>li { padding: 0 0 12px 0; }
.footer .ttm-textcolor-white { color: rgba(255,255,255,.6); }
.footer .widget .ttm-btn.ttm-btn-size-md{ padding: 14px 27px 14px 27px; }
/** FirstFooter **/
.first-footer {
padding: 40px 0 28px;
}
.first-footer .widget-area .widget {
margin: 0;
}
.first-footer .featured-icon-box .featured-title{ padding-left: 10px; }
.first-footer .featured-icon-box .featured-title h5{ font-weight: 500;}
.first-footer .featured-icon-box .featured-icon .ttm-icon { height: 50px; width: 50px; }
/** SecondFooter **/
.second-footer {
background-image: url(../images/footer-bg.jpg);
background-color: transparent;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
.widget ul{ margin: 0; padding: 0; list-style: none;}
.widget ul>li {
padding: 0 0 15px 0;
position: relative;
}
.widget .widget-title {
font-weight: 600;
font-size: 23px;
line-height: 28px;
margin-bottom: 25px;
}
/** ttm-recent-post-list **/
.footer .widget ul.ttm-recent-post-list>li {
padding-bottom: 16px;
padding-top: 5px;
}
ul.ttm-recent-post-list>li>a {
font-size: 15px;
line-height: 22px;
display: block;
font-weight: 400;
}
ul.ttm-recent-post-list>li img {
display: block;
width: 70px;
height: 70px;
float: left;
margin-right: 18px;
}
ul.ttm-recent-post-list>li .post-date {
display: block;
font-size: 12px;
}
ul.ttm-recent-post-list li:after {
content: " ";
display: table;
clear: both;
}
/** widget_nav_menu **/
.widget.widget_nav_menu a {
padding-left: 21px;
font-weight: 400;
font-size: 15px;
}
.widget.widget_nav_menu a:before {
line-height: 1em;
font-size: 14px;
content: "";
background-color: #01d6a3;
width: 11px;
height: 1px;
position: absolute;
left: 0;
top: 12px;
}
.widget.widget_nav_menu.menu-footer-services-menu ul li {
display: inline-block;
width: calc(50% - 2px);
float: none;
padding: 0 0 11px 0;
}
.widget.widget_nav_menu.menu-footer-services-menu ul li:nth-child(even) {
width: 44%;
margin-left: 5%;
}
/* ttm_subscribe_form */
.ttm_subscribe_form{ position: relative; }
.ttm_subscribe_form input[type="email"] {
background-color: rgba(255,255,255,.09);
border: none;
width: 100%;
height: 45px;
padding-left: 15px;
color: rgba(255,255,255,1);
font-size: 13px;
font-family: saira;
letter-spacing: 1px;
}
.ttm_subscribe_form input::placeholder {
color: #a8b9be;
}
.ttm_subscribe_form .btn[type="submit"] {
position: absolute;
top: 0;
right: 0;
font-size: 16px;
border-radius: 0;
height: 45px;
width: 50px;
}
/* social-icons */
.footer .social-icons li{ margin: 0 4px 0 0; }
.footer .social-icons li>a {
display: block;
text-align: center;
width: 33px;
height: 33px;
border-radius: 50%;
line-height: 32px;
border: 1px solid ;
background-color: transparent;
font-size: 14px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.footer .bottom-footer-text {
background-color: #013340;
}
/** copyright **/
.copyright {
line-height: 25px;
text-align: center;
}
.copyright {
padding-top: 20px;
padding-bottom: 19px;
font-size: 14px;
}
/** Footer-nav-menu **/
.footer-nav-menu {
list-style: none;
margin: 0;
padding: 0;
}
.footer-nav-menu li {
display: inline-block;
padding-left: 2px;
padding-right: 16px;
font-size: 14px;
padding-bottom: 0;
}
.footer-nav-menu li:last-child { padding-right: 0; }
.footer-nav-menu li:first-child { padding-left: 0; }
ul.footer-nav-menu li:not(:last-child):after {
position: absolute;
content: "|";
padding-left: 7px;
}
/* ===============================================
GoTop BUtton
------------------------*/
#totop{
font-weight: 900;
color: #fff;
display: none;
position: fixed;
right: 34px;
bottom: 34px;
z-index: 999;
height: 0;
width: 0;
font-size: 0;
text-align: center;
padding-top: 3px;
line-height: 34px;
border-radius: 3px;
}
#totop.top-visible {
height: 40px;
width: 40px;
font-size: 22px;
display: inline;
}
/* ===============================================
Page-Title-Row
------------------------*/
.ttm-page-title-row {
position: relative;
background-image: url(../images/ttm-pagetitle-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ttm-page-title-row {
display: block;
padding-top: 95px;
padding-bottom: 85px;
z-index: 11;
}
.title-box {
display: table;
width: 100%;
}
.title-box .page-title-heading, .breadcrumb-wrapper {
display: table-cell;
vertical-align: middle;
}
.page-title-heading h1 {
font-family: "Saira",Arial,Helvetica,sans-serif;
font-weight: 600;
text-transform: capitalize;
font-size: 47px;
line-height: 50px;
margin-bottom: 6px;
position: relative;
}
.page-title-heading h3{
font-family: "Saira",Arial,Helvetica,sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
.breadcrumb-wrapper { text-align: right; }
.breadcrumb-wrapper .container { padding-right: 0; }
.breadcrumb-wrapper .breadcrumb-wrapper-inner {
background-color: rgba(255,255,255,.03);
padding: 15px;
display: inline-block;
}
.breadcrumb-wrapper a , .breadcrumb-wrapper span {
font-family: "Ubuntu",Arial,Helvetica,sans-serif;
font-weight: 400;
text-transform: capitalize;
font-size: 13px;
line-height: 19px;
}
/* ===============================================
Inner-Pages
------------------------*/
/*------------------------------------------------------------------------------*/
/* bbpress
/*------------------------------------------------------------------------------*/
.bbpress-forums {
background: transparent;
clear: both;
margin-bottom: 20px;
overflow: hidden;
font-size: 14px;
}
.bbpress-forums ul.bbp-forums{
border: 1px solid #eaeaea;
clear: both;
}
.bbpress-forums div.bbp-search-form {
float: right;
}
.bbpress-forums #bbp-search-form #bbp_search {
display: inline-block;
width: 201px;
padding: 8px 8px;
float: left;
height: 38px;
}
#bbp_search_submit {
height: 38px;
margin: 0 0 20px 5px;
line-height: 35px;
display: inline-block;
padding: 0 30px;
letter-spacing: 1px;
}
div.bbp-breadcrumb {
float: left;
font-size: 13px;
margin-top: 5px;
margin-bottom: 15px;
}
.bbp-breadcrumb-sep {
padding: 0 5px;
}
.bbpress-forums div.bbp-breadcrumb p, .bbpress-forums div.bbp-topic-tags p {
margin-bottom: 10px;
}
.bbpress-forums li.bbp-header, .bbpress-forums li.bbp-footer {
background: #f3f3f3;
border-top: 1px solid #eee;
font-weight: bold;
padding: 15px 0;
text-align: center;
}
.bbpress-forums li.bbp-footer p {
margin: 0;
line-height: 1em;
}
.bbpress-forums ul {
background: none;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.bbpress-forums li {
font-size: 14px;
}
.bbpress-forums ul li.bbp-header {
border: 0;
padding: 15px;
font-size: 14px;
}
.bbpress-forums li.bbp-body ul {
border-top: 1px solid #e4e7e8;
padding: 20px 15px;
}
.bbpress-forums ul.odd {
background-color: #fbfbfb;
}
li.bbp-forum-info, li.bbp-topic-title {
float: left;
text-align: left;
width: 55%;
}
.bbp-forum-title {
font-size: 21px;
font-weight: 600;
}
.bbpress-forums .bbp-forum-info .bbp-forum-content, .bbpress-forums p.bbp-topic-meta {
font-size: inherit;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
float: left;
text-align: center;
width: 10%;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
text-align: center;
float: left;
width: 22%;
}
.bbpress-forums .bbp-forum-info .bbp-forum-content, .bbpress-forums p.bbp-topic-meta {
margin: 5px 0 5px;
word-wrap: break-word;
}
.bbpress-forums p.bbp-topic-meta img.avatar, .bbpress-forums div.bbp-template-notice img.avatar{
float: none;
margin-bottom: 0;
border: 1px solid #ddd;
width: 19px;
}
/* fourms-details */
.bbpress-forums ul.bbp-lead-topic, .bbpress-forums ul.bbp-topics,
.bbpress-forums ul.bbp-forums, .bbpress-forums ul.bbp-replies,
.bbpress-forums ul.bbp-search-results {
font-size: 12px;
overflow: hidden;
border: 1px solid #eee;
margin-bottom: 20px;
clear: both;
}
div.bbp-template-notice, div.indicator-hint {
border-width: 1px;
border-style: solid;
padding: 0 0.6em;
margin: 5px 0 15px;
border-radius: 3px;
background-color: #ffffe0;
border-color: #e6db55;
color: #000;
clear: both;
}
div.bbp-template-notice.info {
border: 1px solid #eaeaea;
background-color: #f7f7f7;
border-radius: 0;
}
div.bbp-template-notice p {
margin: 0.5em 0 6px 0 !important;
padding: 2px;
font-size: 13px;
line-height: 140%;
}
.bbp-pagination {
float: left;
width: 100%;
margin-bottom: 15px;
}
.bbp-pagination-count {
font-size: 13px;
float: left;
border: 1px solid transparent;
}
.bbp-pagination-links {
float: right;
list-style: none;
display: inline;
}
.bbpress-forums a.bbp-topic-permalink {
font-size: 18px;
}
.bbpress-forums div.bbp-forum-author, .bbpress-forums div.bbp-topic-author, .bbpress-forums div.bbp-reply-author {
float: left;
text-align: center;
width: 115px;
}
.bbpress-forums li.bbp-header .bbp-reply-content, .bbpress-forums li.bbp-footer .bbp-reply-content {
margin-left: 140px;
padding: 0;
text-align: left;
}
.bbpress-forums div.bbp-forum-header, .bbpress-forums div.bbp-topic-header, .bbpress-forums div.bbp-reply-header {
background-color: #f4f4f4;
}
.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
float: right;
margin-left: 10px;
color: #ccc;
}
div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry {
margin-bottom: 0;
overflow: hidden;
padding: 8px;
}
.bbpress-forums div.bbp-forum-content, .bbpress-forums div.bbp-topic-content, .bbpress-forums div.bbp-reply-content {
margin-left: 130px;
padding: 12px 12px 12px 0;
text-align: left;
}
.bbpress-forums div.bbp-topic-author a.bbp-author-name, .bbpress-forums div.bbp-reply-author a.bbp-author-name {
clear: left;
display: block;
}
.bbpress-forums div.bbp-forum-author .bbp-author-role, .bbpress-forums div.bbp-topic-author .bbp-author-role, .bbpress-forums div.bbp-reply-author .bbp-author-role {
font-size: 11px;
font-style: italic;
}
/*------------------------------------------------------------------------------*/
/* team-member-single
/*------------------------------------------------------------------------------*/
.ttm-team-member-single-content,
.ttm-team-member-single-list{
position: relative;
margin: 0;
}
.ttm-team-member-single-content .ttm-featured-wrapper{
margin-left: 60px;
}
.single .ttm-team-member-view-default .ttm-social-links-wrapper {
display: block;
clear: both;
position: absolute;
left: 19px;
top: 127px;
z-index: 1;
}
.single .ttm-social-links-wrapper ul li {
display: block;
margin-bottom: 10px;
}
.single .ttm-team-member-view-default .ttm-social-links-wrapper ul li a {
border: 1px solid transparent;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
display: block;
background-color: #033a49;
color: #fff;
font-size: 14px;
border-radius: 50%;
}
.ttm-team-member-single-content-area .ttm-team-member-content {
margin-top: 36px;
margin-bottom: 36px;
margin-left: -30px;
padding: 46px 25px 40px 60px;
}
.ttm-team-member-single-content:first-child:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
left: 0;
top: 47px;
bottom: 52px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: block;
-webkit-box-shadow: 0 0 15px 0 rgba(41,61,88,.1);
-moz-box-shadow: 0 0 15px 0 rgba(41,61,88,.1);
box-shadow: 0 0 15px 0 rgba(41,61,88,.1);
}
.ttm-team-member-content .ttm-team-member-single-title {
font-size: 25px;
line-height: 32px;
font-weight: 500;
margin-bottom: 0;
}
.ttm-team-member-single-position {
font-size: 15px;
color: #6e6e6e;
font-weight: 400;
margin-bottom: 10px;
}
.ttm-team-member-appointment-btn-wrapper {
position: absolute;
right: 15px;
top: 0;
}
.ttm-team-member-single-content-wrapper .ttm-team-data {
border-top: 1px solid #f2f2f2;
padding-top: 35px;
margin-top: 25px;
}
.ttm-team-member-single-content-wrapper ul {
margin: 0;
padding: 0;
}
.ttm-team-details-list li {
position: relative;
padding: 3px 0 6px 0;
font-size: 15px;
line-height: 24px;
display: block;
float: left;
width: 100%;
}
.ttm-team-list-title i {
position: absolute;
left: -4px;
text-align: center;
display: block;
text-indent: 0;
font-size: 16px;
top: 0;
}
.ttm-team-details-list .ttm-team-list-title, .ttm-team-details-list .ttm-team-list-value {
display: inline-block;
}
.ttm-team-details-list .ttm-team-list-title {
margin-right: 8px;
position: relative;
font-weight: 600;
font-size: 16px;
line-height: 20px;
padding-left: 26px;
}
.ttm-team-member-content {
padding-top: 40px;
}
.ttm-team-member-content h2 {
font-size: 30px;
line-height: 28px;
}
/*------------------------------------------------------------------------------*/
/* Contact_Us_1
/*------------------------------------------------------------------------------*/
ul.ttm_contact_widget_wrapper{ padding: 0; list-style: none;}
ul.ttm_contact_widget_wrapper li{
padding-left: 35px;
position: relative;
padding-top: 0;
padding-bottom: 17px;
line-height: 25px;
}
ul.ttm_contact_widget_wrapper li i{
position: absolute;
left: 0;
top: 5px;
font-size: 18px;
font-weight: 500;
}
/* socialbox */
.ttm-socialbox-links-wrapper .ttm-socialbox-i-wrapper {
margin-bottom: 30px;
}
.ttm-socialbox-i-wrapper a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
text-align: center;
transition: all 400ms;
-webkit-transition: all 400ms;
background-color: #ccc;
}
.ttm-socialbox-links-wrapper .ttm-socialbox-i-wrapper a.ttm-socialbox-icon-link-twitter {
background-color: #2cbfd9;
}
.ttm-socialbox-links-wrapper .ttm-socialbox-i-wrapper a.ttm-socialbox-icon-link-gplus {
background-color: #d3452b;
}
.ttm-socialbox-links-wrapper .ttm-socialbox-i-wrapper a.ttm-socialbox-icon-link-facebook {
background-color: #4483bc;
}
.ttm-socialbox-links-wrapper .ttm-socialbox-i-wrapper a .ttm-link {
color: #9dabaf;
position: absolute;
top: 0;
left: 46px;
text-transform: capitalize;
}
/* services-time */
ul.ttm-timelistbox-block {
padding: 0;
font-size: 14px;
margin-top: 0;
}
ul.ttm-timelistbox-block li {
font-size: 15px;
line-height: 23px;
list-style: none;
border-bottom: 1px solid rgba(0,0,0,.07);
padding: 14px 0;
}
ul.ttm-timelistbox-block li .service-time {
float: right;
}
/*------------------------------------------------------------------------------*/
/* Research Single(single style)
/*------------------------------------------------------------------------------*/
.ttm-pf-detailbox-list {
list-style: none;
overflow: hidden;
margin-top: 0;
background-color: #f9fafa;
padding: 16px 15px 20px 20px;
}
.ttm-pf-detailbox-list .ttm-pf-details-date {
position: relative;
display: block;
padding: 17px 0 20px 32px;
font-size: 1em;
margin-left: 23px;
}
.ttm-pf-details-date:not(:last-child):before {
height: 1px;
display: block;
width: 95%;
background: #eee;
content: '';
position: absolute;
left: 0;
bottom: 0;
}
.ttm-pf-detailbox-list .ttm-pf-details-date .ttm-pf-left-details {
font-weight: 500;
margin-right: 5px;
margin-left: 0;
font-family: "Saira",Arial,Helvetica,sans-serif;
}
.ttm-pf-detailbox-list .ttm-pf-details-date i {
position: absolute;
left: -20px;
top: 11px;
display: inline-block;
border-radius: 50%;
padding-left: 0;
font-size: 16px;
text-align: center;
height: 40px;
width: 40px;
line-height: 39px;
border: 1px solid #eee;
background-color: #fff;
z-index: 1;
}
.ttm-pf-details-date:not(:last-child):after {
content: '';
position: absolute;
left: 0;
top: 32px;
height: 100%;
border-right: 1px solid #e2e3e5;
}
.ttm-pf-single-content-area, .ttm-social-share-portfolio-wrapper{
margin-top: 30px;
}
.ttm-pf-single-content-wrapper-innerbox .ttm-social-share-title {
padding-top: 11px;
font-size: 18px;
float: left;
font-weight: 500;
padding-right: 10px;
position: relative;
margin-right: 10px;
font-family: "Saira",Arial,Helvetica,sans-serif;
}
.ttm-pf-single-content-wrapper-innerbox .ttm-social-share-title:before ,
.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title:before{
font-family: "FontAwesome";
font-style: normal;
font-weight: 400;
speak: none;
display: inline;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
font-size: 17px;
content: "\f1e0";
margin-right: 10px;
position: static;
padding-right: 0;
}
.ttm-nextprev-bottom-nav {
position: relative;
margin-bottom: 20px;
margin-top: 31px;
border-top: 1px solid #e4e4e4;
padding-top: 30px;
}
.ttm-nextprev-bottom-nav .nav-next, .ttm-nextprev-bottom-nav .nav-previous {
display: inline-block;
position: relative;
}
.ttm-nextprev-bottom-nav .nav-next a, .ttm-nextprev-bottom-nav .nav-previous a {
text-align: center;
top: 106px;
right: 48px;
color: #fff;
transition: all .2s ease-in-out;
display: inline-block;
border-style: solid;
font-size: 13px;
padding: 13px 34px;
border-radius: 0;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.ttm-nextprev-bottom-nav .nav-previous a:after, .ttm-nextprev-bottom-nav .nav-next a:after {
position: absolute;
font-size: 20px;
top: 15px;
}
.ttm-nextprev-bottom-nav .nav-previous a {
padding-right: 25px;
padding-left: 44px;
}
.ttm-nextprev-bottom-nav .nav-previous a:after {
content: '\f100';
font-family: "FontAwesome";
left: 25px;
}
.ttm-nextprev-bottom-nav .nav-next a{
padding-right: 50px;
padding-left: 32px;
}
.ttm-nextprev-bottom-nav .nav-next a:after{
content: '\f101';
font-family: "FontAwesome";
right: 25px;
}
.ttm-pf-single-related-wrapper{
padding-top: 60PX;
}
.ttm-pf-single-related-title {
font-size: 30px;
font-weight: 600;
margin-bottom: 30px;
}
.ttm-pf-single-content-wrapper-innerbox.ttm-pf-view-top-image .ttm-pf-single-detail-box .ttm-pf-detailbox,
.ttm-pf-single-content-wrapper-innerbox.ttm-pf-view-top-image .ttm-pf-single-content-area {
margin-top: 45px;
}
/*------------------------------------------------------------------------------*/
/* Classic_Blog
/*------------------------------------------------------------------------------*/
article.ttm-blog-classic {
margin-bottom: 40px;
padding-bottom: 0;
}
article.ttm-blog-classic, .post-featured-wrapper{
position: relative;
}
.ttm-blog-classic .ttm-box-post-date {
height: 62px;
width: 69px;
position: absolute;
top: 30px;
left: 30px;
font-weight: 500;
font-size: 31px;
line-height: 18px;
padding-top: 13px;
padding-bottom: 7px;
z-index: 1;
color: #fff;
text-align: center;
}
article.ttm-blog-classic .ttm-blog-classic-content {
padding: 24px 0 30px;
}
article.ttm-blog-classic .ttm-post-entry-header {
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 21px;
}
.ttm-blog-classic .ttm-entry-meta .ttm-meta-line {
padding-right: 12px;
}
.ttm-blog-classic .post-meta .ttm-meta-line i {
padding-right: 7px;
}
.ttm-blog-classic .entry-header .entry-title {
font-size: 30px;
line-height: 38px;
font-weight: 600;
margin-bottom: 5px;
}
.ttm-blog-classic .ttm-blogbox-desc-footer {
padding: 0;
margin-top: 43px;
margin-bottom: 0;
clear: both;
overflow: hidden;
}
.ttm-blog-classic .ttm-blogbox-footer-left ,
.ttm-blog-classic .ttm-social-share-wrapper .social-icons,
.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title{
float: left;
}
.ttm-blog-classic .ttm-social-share-wrapper { float: right; }
.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title{
font-size: 17px;
margin-top: 10px;
margin-right: 3px;
padding-right: 10px;
position: relative;
font-weight: 500;
}
/*------------------------------------------------------------------------------*/
/* Single_Blog
/*------------------------------------------------------------------------------*/
.single article.ttm-box-blog-classic {
margin-bottom: 70px;
border-bottom: none;
}
.single .ttm-blog-classic .ttm-entry-meta-wrapper {
margin-bottom: 15px;
margin-top: 0;
}
.single .ttm-blog-classic .ttm-post-featured-wrapper{ margin-bottom: 12px; }
.single article.ttm-blog-classic .ttm-blog-classic-content{
padding: 0;
}
.single article.ttm-blog-classic .entry-content ul{ list-style: disc; }
.single article.ttm-blog-classic .entry-content ul li { padding-bottom: 5px; }
.single article.ttm-blog-classic .entry-content ol:not(.comment-list){ list-style-type : decimal; }
article.ttm-blog-classic .ttm-blog-classic-content img.alignleft,
article.ttm-blog-classic .ttm-blog-classic-content img.alignright {
margin-bottom: 10px;
}
.single .ttm-btn{ text-transform: uppercase; padding: 11px 34px; font-weight: 600; }
.ttm-post-prev-next-buttons {
margin-top: 30px;
margin-bottom: 10px;
padding-top: 30px;
padding-bottom: 22px;
border-bottom: 1px solid #e4e4e4;
border-top: 1px solid #e4e4e4;
}
.ttm-post-prev-next-buttons .ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left { padding-left: 42px; padding-right: 24px; }
/*blog-comment*/
.comments-area {
margin-top: 50px;
margin-bottom: 0;
}
.comments-area h2{
font-size: 33px;
line-height: 40px;
margin-bottom: 15px;
}
.comments-area ol.comment-list {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 25px;
margin-bottom: 30px;
}
.comment-list li { position: relative; margin-top: 30px; }
.comment-list .children { margin-left: 35px; }
.comment-list, .comment-list .children {
list-style-type: none;
padding: 0;
}
.single-post .comments-area { margin-top: 50px; margin-bottom: 0; }
.single-post .comments-area .comments-title { font-size: 33px; font-weight: 600; }
.comment-body {
margin-left: 105px;
margin-top: 35px;
margin-bottom: 30px;
padding: 22px 20px;
position: relative;
background-color: #f8f9fa;
border: 1px solid #f8f9fa;
}
.comment-author {
float: left;
text-align: center;
width: 87px;
height: 87px;
display: block;
margin-right: 25px;
overflow: hidden;
margin-left: -125px;
margin-top: -20px;
}
.comment-author img { max-width: 100%; height: auto; }
.comment-reply-title {
font-weight: 600;
margin-bottom: 10px;
font-size: 33px;
margin-bottom: 20px;
}
.comment-meta {
font-size: 14px;
padding: 0;
position: relative;
}
.comment-meta, .comment-meta a { color: #9dabaf; font-size: 13px; }
.comment-meta .ttm-comment-owner h5, .ttm-comment-owner {
display: block;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #182333;
font-style: normal;
}
.single article.post .comment-body p { margin-top: 10px; }
.comment-list a.comment-reply-link {
border: none;
color: #fff;
font-size: 13px;
padding: 2px 30px 3px 17px;
position: relative;
margin-top: 5px;
display: inline-block;
}
.comment-list a.comment-reply-link:after {
position: absolute;
top: 6px;
font-family: 'themify';
content: "\e649";
font-weight: 400;
display: inline-block;
margin-right: .2em;
text-align: center;
opacity: 1;
line-height: 22px;
font-size: 10px;
margin-left: 8px;
}
.comments-area .comment-respond { padding-top: 10px; }
#respond .comment-reply-title { margin: 0 0 20px!important; }
.comment-form { margin-bottom: 20px; }
.comment-form .comment-notes { margin-bottom: 25px; font-style: italic; }
.comment-form p:not(.comment-notes) { margin-bottom: 20px; }
.comment-form textarea { height: 125px; }
.comment-form textarea, .comment-form input[type="text"],
.comment-form input[type="email"], .comment-form input[type="url"] {
background-color: transparent;
border: 1px solid #efefef;
border-radius: 0;
}
.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; }
/*------------------------------------------------------------------------------*/
/* Elements_page
/*------------------------------------------------------------------------------*/
.element-row{ padding: 80px 0 10px; position: relative;}
/** element-progressbar **/
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_blue { background-color: #0074cc; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_green { background-color: #5bb75b; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_pink { background-color: #f4524d; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_orange { background-color: #faa732; }
/** icon_element-bgcolor **/
.element-style .row .col-md-6 .featured-icon-box:not(:last-child){ padding: 0; margin-bottom: 40px; }
/*------------------------------------------------------------------------------*/
/* 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 {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
section.error-404 { padding: 150px 0; text-align: center; }
section.error-404 .ttm-big-icon { font-size: 150px; }
section.error-404 h1 { font-size: 95px; text-transform: uppercase; line-height: 100%; }
section.error-404 .page-content p { font-size: 18px; margin-bottom: 30px; }
/*------------------------------------------------------------------------------*/
/* Map
/*------------------------------------------------------------------------------*/
#map_canvas { margin: 0; padding: 0; height: 100%; }
.map-wrapper{
display: block;
height: 400px;
width: 100%;
}
@media only screen and (min-width: 1801px){
.ttm-fbar-position-right .ttm-fbar-box-w {
max-height: 710px;
top: 150px;
}
/* Bg-Layer */
.ttm-left-span .ttm-col-wrapper-bg-layer {
margin-left: -500px;
}
.ttm-right-span .ttm-col-wrapper-bg-layer ,
.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer{
margin-right: -500px;
}
}
@media only screen and (max-width: 1800px) and (min-width: 1601px){
/* Bg-Layer */
.ttm-left-span .ttm-col-wrapper-bg-layer {
margin-left: -400px;
}
.ttm-right-span .ttm-col-wrapper-bg-layer,
.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer {
margin-right: -400px;
}
}
@media only screen and (max-width: 1600px) and (min-width: 1401px){
/* Bg-Layer */
.ttm-left-span .ttm-col-wrapper-bg-layer {
margin-left: -300px;
}
.ttm-right-span .ttm-col-wrapper-bg-layer,
.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer {
margin-right: -300px;
}
}
@media only screen and (max-width: 1400px) and (min-width: 1171px){
/* Bg-Layer */
.ttm-left-span .ttm-col-wrapper-bg-layer {
margin-left: -200px;
}
.ttm-right-span .ttm-col-wrapper-bg-layer ,
.col-bg-img-one .ttm-right-span .ttm-col-wrapper-bg-layer{
margin-right: -200px;
}
}
@media only screen and (min-width: 1200px){
/*topbar*/
.ttm-top-info-con ul li:not(:last-child):after{
content: "";
height: 50px;
width: 1px;
background-color: rgba(0,0,0,0.06);
display: block;
position: absolute;
right: 0px;
top: 36px;
}
/* menu */
.menu, .ttm-header-icons, .ttm-header-icon { float: right; }
#site-header-menu #site-navigation .menu > ul > li > a {
display: block;
margin: 0px;
padding: 0px 18px 0px 18px;
text-decoration: none;
position: relative;
z-index: 1;
height: 102px;
line-height: 102px;
}
#site-header-menu #site-navigation .menu ul ul {
background-color: #fff;
text-align: left;
position: absolute;
visibility: hidden;
display: block;
width: 250px;
padding: 0px;
opacity: 0;
line-height: 14px;
margin: 0;
list-style: none;
left: 0;
box-shadow: 0 3px 25px 0px rgba(0,0,0,.07), 0 0 0 rgba(0,0,0,.10) inset;
background-clip: padding-box;
transition: all .2s ease;
z-index: 99;
}
#site-header-menu #site-navigation .menu > ul > li:nth-last-child(2) > ul{ right: 0; left: auto; }
#site-header-menu #site-navigation .menu ul > li:hover > ul { opacity: 1; display: block; visibility: visible; height: auto; }
#site-header-menu #site-navigation .menu > ul ul li a {
margin: 0;
display: block;
padding: 15px 20px;
position: relative;
font-family: "Ubuntu",Arial,Helvetica,sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 18px;
}
.ttm-stickable-header.fixed-header {
z-index: 111;
background-color: #fff;
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.06);
}
.fixed-header {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.ttm-stickable-header.fixed-header .site-branding,
.ttm-stickable-header.fixed-header .ttm-header-icons, .ttm-stickable-header.fixed-header .ttm-header-icon,
#site-header-menu .ttm-stickable-header.fixed-header #site-navigation > .menu > ul > li > a,
.fixed-header .ttm-header-text-area{
height: 70px;
line-height: 70px;
}
/* sep-img//sepline */
#site-header-menu #site-navigation li.ttm-sepline{
position:absolute !important;
top:0px !important;
left:0px;
right:auto;
text-align:center;
height:25px !important;
display:block;
}
#site-header-menu #site-navigation .sep-img{
display:inline-block;
position:absolute;
content:"";
top:0px;
margin:0 auto;
left:50%;
background-repeat:no-repeat;
background-position:0px -6px;
width:8px;
height:22px;
text-align:center;
margin-left:-5px;
}
#site-header-menu #site-navigation .sep-img{ background-color:#00d6a3 ;}
#site-header-menu .fixed-header #site-navigation .sep-img{top:-5px}
#site-header-menu #site-navigation .menu > ul > li:hover > a:before {opacity:1}
.ttm-header-style-infostack #site-header-menu #site-navigation .sep-img{
content:unset;
opacity:0;
visibility:hidden;
}
#site-header-menu #site-navigation .sep-img{
-webkit-mask:url(../images/menu-sprite.png) no-repeat 100% 100%;
mask:url(../images/menu-sprite.png) no-repeat 100% 100%;
-webkit-mask-size:cover;
mask-size:cover;
}
/* ttm-header-style-classicinfo */
.ttm-header-style-classicinfo .ttm-contact span.icon {
padding-right: 8px;
}
.ttm-header-style-classicinfo .ttm-contact {
position: relative;
padding-left: 20px;
float: right;
line-height: 48px;
bottom: -18px;
font-size: 16px;
color: #fff;
font-weight: 500;
font-family: "Saira",Arial,Helvetica,sans-serif;
}
.ttm-header-style-classicinfo .ttm-contact:after {
content: "";
width: 5000px;
height: 100%;
left: 100%;
top: 0px;
position: absolute;
}
/* ttm-header-style-infostack */
.ttm-header-style-infostack .ttm-topbar-wrapper {
padding: 0px 0px 61px;
}
.ttm-header-style-infostack .ttm-header-wrap {
top: 49px;
position: absolute;
z-index: 21;
width: 100%;
box-shadow: none;
}
.ttm-header-style-infostack .ttm-header-top-wrapper {
padding: 0 25px;
}
.ttm-header-style-infostack #site-header-menu #site-navigation .menu ul.dropdown > li > a,
.ttm-header-style-infostack .ttm-header-icons, .ttm-header-style-infostack .ttm-header-icon { height: 60px; line-height: 60px; }
.ttm-header-style-infostack #site-header-menu #site-navigation .menu {
float: none;
}
.ttm-header-style-infostack #site-header-menu #site-navigation .menu > ul > li > a{ padding: 0px 25px 0px 25px; }
.ttm-header-style-infostack #site-header-menu #site-navigation .menu > ul > li > a{ color: #fff; }
.ttm-header-style-infostack #site-header-menu #site-navigation .menu > ul > li:not(:first-child){ margin-left: -4px; }
.ttm-header-style-infostack .ttm-header-icons {
padding-right: 30px;
}
.ttm-header-style-infostack #site-header-menu #site-navigation .menu > ul > li.active > a:after,
.ttm-header-style-infostack #site-header-menu #site-navigation .menu > ul > li:hover > a:after{
width: 100%;
opacity: 1;
}
.ttm-header-style-infostack .ttm-header-icons .ttm-header-cart-link:before {
background-color: rgba(255,255,255,0.06);
}
.ttm-header-style-infostack .site-branding,
.ttm-header-style-infostack .ttm-content-wrapper{
height: 106px;
line-height: 106px;
}
.ttm-header-style-infostack .site-branding {
float: left;
text-align: left;
display: block;
position: relative;
z-index: 10;
}
.ttm-header-style-infostack .header-widget:last-child{ padding-right: 0; }
.ttm-header-style-infostack .header-widget .ttm-btn{
padding: 13px 26px 13px 26px;
font-weight: 600;
font-size: 12px;
}
.ttm-header-style-infostack .ttm-stickable-header.fixed-header{ background: transparent; box-shadow: none; }
/* ttm-header-style-overlay */
.ttm-header-style-overlay .ttm-stickable-header-w {
background-color: rgba(0,32,40,0.4) ;
position: absolute;
z-index: 21;
width: 100%;
box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.ttm-header-style-overlay .ttm-stickable-header-w:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
height: 1px;
width: 100%;
background-color: rgba(255,255,255,0.20);
}
.ttm-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown > li > a {
color: #fff;
}
/* ttm-header-floating-text */
.ttm-header-text-area {
float: right;
height: 98px;
line-height: 98px;
padding-left: 20px;
position: relative;
}
.ttm-header-floating-text {
position: absolute;
top: 0;
padding: 0 13px 0 12px;
color: #fff;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
width: 44px;
padding-top: 17px;
height: 129px;
overflow: hidden;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index: 1;
}
.ttm-header-floating-text h1, .ttm-header-floating-text h2, .ttm-header-floating-text h3, .ttm-header-floating-text h4, .ttm-header-floating-text h5 {
font-size: 14px;
line-height: 19px;
color: #fff;
white-space: pre;
transform: rotate(90deg);
letter-spacing: .5px;
font-weight: 400;
}
.ttm-header-floating-text .icon {
line-height: 39px;
margin-left: -1px;
vertical-align: bottom;
position: absolute;
bottom: 0;
}
.ttm-header-floating-text .icon i {
border: 1px solid #fff;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 14px;
padding-top: 4px;
text-align: center;
}
.ttm-header-text-area .header-info-widget {
vertical-align: middle;
display: inline-block;
text-align: left;
}
.ttm-header-text-area div.header-info-widget:nth-child(2) {
padding-left: 62px;
}
.ttm-header-text-area .header-info-widget h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 3px;
font-weight: 600;
}
.ttm-header-text-area .header-info-widget h3 {
font-size: 15px;
line-height: 19px;
margin-bottom: 0px;
font-weight: 400;
}
/*Footer*/
.second-footer>div>.row .widget-area:first-child .widget { margin-right: 10px; }
.second-footer>div>.row .widget-area:last-child .widget { margin-right: 0;}
.second-footer>div>.row .widget-area .widget:not(:first-child) { padding-top: 0; margin-top: -21px; }
}
@media (max-width: 1200px){
/* padding */
.res-1200-ptb-0{ padding: 0px !important; }
.res-1200-pt-0{ padding-top: 0px !important; }
.res-1200-pb-30{ padding-bottom: 30px !important; }
.res-1200-pl-30{ padding-left: 30px !important; }
.res-1200-pb-50{ padding-bottom: 50px !important; }
.res-1200-mt-0{ margin-top: 0 !important; }
.res-1200-mr-0{ margin-right: 0 !important; }
.res-1200-plr-0{ padding-left: 0px !important; padding-right: 0px !important; }
.res-1200-plr-15{ padding-left: 15px !important; padding-right: 15px !important; }
/* featured-icon-box */
.ttm-box-seperator .featured-icon-box {
padding: 41px 20px 31px;
}
}
@media all and (max-width: 1199px) {
/* Header */
header .container{ max-width: 100%; }
.ttm-menu-toggle {
position: relative;
height: 98px;
width: 28px;
float: left;
}
.ttm-menu-toggle label {
cursor: pointer;
position: absolute;
z-index: 99;
height: 100%;
width: 100%;
top: 40px;
left: 0;
margin : 0;
}
.ttm-menu-toggle .toggle-block {
position: absolute;
height: 2px;
width: 100%;
padding: 0;
background-color: #262626;
}
.ttm-menu-toggle .toggle-blocks-1 {
position: relative;
float: left;
}
.ttm-menu-toggle .toggle-blocks-2 {
position: relative;
float: left;
margin-top: 6px;
}
.ttm-menu-toggle .toggle-blocks-3 {
position: relative;
float: left;
margin-top: 6px;
}
.ttm-menu-toggle input[type=checkbox]:checked ~ .ttm-menu-toggle-block > .toggle-blocks-2 { opacity: 0; }
.ttm-menu-toggle input[type=checkbox]:checked ~ .ttm-menu-toggle-block > .toggle-blocks-1 {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
margin-top: 10px;
}
.ttm-menu-toggle input[type=checkbox]:checked ~ .ttm-menu-toggle-block > .toggle-blocks-3 {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-top: -10px;
}
.ttm-topbar-wrapper{ display: none; }
.ttm-search-overlay .ttm-search-outer{ width: auto; }
/* logo */
.site-branding {
float: none;
text-align: center;
}
.site-branding {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
/* menu */
#site-header-menu #site-navigation .menu, #site-header-menu #site-navigation .menu > ul ul, #site-header-menu #site-navigation .menu ul li > ul li a:before {
display: none;
}
#site-header-menu #site-navigation .menu.active, #site-header-menu #site-navigation .menu > ul ul.active {
display: block;
max-height: 10000px;
width: 100%;
}
#site-header-menu #site-navigation .menu {
clear: both;
min-width: inherit;
float: none;
}
#site-header-menu #site-navigation .menu > ul {
padding-right: 15px;
padding-left: 15px;
}
#site-header-menu #site-navigation .menu > ul {
position: absolute;
box-shadow: rgba(0,0,0,0.12) 3px 3px 15px;
z-index: 100;
width: 100%;
top: auto;
background-color: #fff;
border-top: 3px solid;
}
#site-header-menu #site-navigation .menu > ul li {
display: block;
position: relative;
border-bottom: 1px solid rgba(127,144,148,0.15);
}
#site-header-menu #site-navigation .menu > ul > li a {
display: block;
padding: 15px 0px;
text-decoration: none;
line-height: 18px;
height: auto;
line-height: 18px !important;
color: rgba(127,144,148,1);
}
#site-header-menu #site-navigation .menu > ul ul > li.active > a,
#site-header-menu #site-navigation .menu > ul ul > li:hover > a{
background-color: transparent;
color: #01d6a3;
}
#site-header-menu #site-navigation .menu ul > li.has-submenu > a:after {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
position: relative;
font-size: 20px;
font-weight: normal;
position: absolute;
right: 5px;
}
#site-header-menu #site-navigation .menu ul > li.has-submenu > a.active:after {
content: '\f106';
}
#site-header-menu #site-navigation .menu ul > li > ul li.has-submenu > a:after {
content: "\f107";
position: absolute;
background-color: transparent;
right: 12px;
top: 16px;
display: inline-block;
font-family: "FontAwesome";
font-size: 15px;
margin-left: 4px;
opacity: 0.8;
}
#site-header-menu #site-navigation .menu ul.dropdown > li > ul > li.has-submenu > a.active:after {
content: '\f106';
}
#site-header-menu #site-navigation .menu ul ul, #site-header-menu #site-navigation .menu ul ul ul {
display: inherit;
position: relative;
left: auto;
top: auto;
border: none;
}
#site-header-menu #site-navigation .menu ul li:hover > ul {
display: block;
}
#site-header-menu #site-navigation .menu ul li > ul {
padding-left: 15px;
}
#site-header-menu #site-navigation .menu, #site-header-menu #site-navigation .menu > ul ul {
overflow: hidden;
max-height: 0;
background-color: #fff;
}
.ttm-header-style-classicinfo .ttm-content-wrapper ,
.ttm-content-wrapper, .ttm-header-text-area{
display: none;
}
/* Header-style-infostack */
.ttm-header-style-infostack .ttm-stickable-header-w , .ttm-header-style-infostack .site-navigation{ background-color: #fff; }
.ttm-header-style-infostack .ttm-header-icons{ display: none; }
.break-1199-colum.bg-layer .row > [class*='col-'] > [class*='ttm-col-bgcolor-yes'],
.break-1199-colum.bg-layer .row > [class*='col-'] > [class*='ttm-col-bgimage-yes']{ padding-left: 15px; padding-right: 15px; }
.break-1199-colum .ttm-equal-height-image { display: block; width: 100%; }
/* ttm-bg-layer */
.break-1199-colum .ttm-col-bgimage-yes{ height: auto !important; }
.break-1199-colum .ttm_single_image-wrapper{ text-align: center; }
.ttm-row .container, .ttm-row .container-fluid, .ttm-page-title-row .container, footer .container, .element-row .container, .sidebar .container{ max-width: 100%; }
.ttm-row .container, .ttm-page-title-row .container, footer .container, .element-row .container, .sidebar .container{ padding: 0; }
.ttm-row .container > .row, .ttm-page-title-row .container > .row, footer .container .row, .element-row .container > .row , .sidebar .container > .row{ margin: 0; }
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
.ttm-row.break-991-colum.bg-layer > .container{ padding: 0 15px; }
}
@media (min-width: 992px){
/* sidebar-right*/
.sidebar.ttm-sidebar-right .content-area{ padding-right: 30px; }
.sidebar.ttm-sidebar-left .content-area, .sidebar .sidebar-right{ padding-left: 30px; }
.sidebar .sidebar-left{ margin-top: -30px; margin-right: 15px; }
.sidebar.ttm-sidebar-left .content-area{ margin-right: -30px; padding-right: 30px;}
.sidebar .sidebar-left.ttm-left-span .ttm-col-wrapper-bg-layer{ margin-right: -15px; }
}
@media only screen and (max-width: 1170px) and (min-width: 991px){
.ttm-center-video-icon {
left: 30%;
}
}
@media (max-width: 991px){
.break-991-colum .row .col-md-7,
.break-991-colum .row .col-md-5,
.break-991-colum .row .col-md-4,
.break-991-colum .row .col-md-3,
.break-991-colum .row .col-md-6,
.break-991-colum .row .col-md-9{
flex: 100% !important;
max-width: 100% !important;
float: none !important;
display: block !important;
}
.break-991-colum.bg-layer .container > .row > [class*='col-'] > [class*='ttm-col-bgcolor-yes'] {
padding-left: 15px;
padding-right: 15px;
}
.row-equal-height > [class*='col-'],
.ttm-equal-height-image, .featured-imagebox img,
.break-991-colum .ttm-equal-height-image { display: block; width: 100%; }
.ttm_single_image-wrapper , .ttm-reset-content-center-991 * { text-align: center!important;}
.ttm_single_image-wrapper .text-right{ text-align: left !important; }
.ttm-fbar-main-w{ display: none; }
/* ttm-bg-layer */
.break-991-colum .ttm-col-bgimage-yes, .break-991-colum.bg-layer-equal-height .ttm-col-bgcolor-yes{ height: auto !important; }
/* ttm-btn */
.ttm-btn.float-right{ float: none!important; }
/* title */
.row-title h2.title{ font-size: 34px; line-height: 40px; }
.section-title h2.title{ font-size: 32px; line-height: 38px;}
h1 { font-size: 40px; line-height: 45px; }
h2 { font-size: 30px; line-height: 35px; }
h3 { font-size: 25px; line-height: 30px; }
h4 { font-size: 20px; line-height: 25px; }
h5 { font-size: 16px; line-height: 24px; }
h6 { font-size: 14px; line-height: 18px; }
/* ttm-row */
body .page.ttm-sidebar-true .site-main,
.ttm-row { padding: 50px 0 !important; }
.ttm-row.about-section{ padding: 50px 0 30px !important; }
.ttm-row.client-section{ padding: 10px 0 !important; }
.ttm-row.fid-section{ padding: 50px 0 25px !important; }
.ttm-row.row-top-section,
.ttm-row.cta-section,
.ttm-row.broken-section,
.ttm-row.experiance-section {
padding: 0px 0px !important;
}
.ttm-row.clientbox-section{ padding: 10px 0 15px !important; }
.ttm-row.multi-section{ padding: 0 0 50px !important; }
.ttm-row.expertise-section, .ttm-row.overview-section{ padding: 50px 0 30px; }
section.error-404 { padding: 50px 0 80px;}
/* spacing */
.spacing-1{ margin-top: 0; margin-left: 0; padding: 50px 15px 40px; }
.spacing-2{ padding: 50px 15px 30px; margin: 0;}
.spacing-3{ margin-left: 0; margin-right: 0; padding: 50px 15px; }
.spacing-4{ padding-left: 30px; padding-right: 30px; }
.spacing-5{ padding-top: 50px; padding-bottom: 35px; }
.spacing-6{ margin-top: 0; margin-left: 0px; padding-top: 50px; padding-left: 0; padding-bottom: 50px;}
.spacing-7{ padding-left: 30px; padding-right: 30px; }
.spacing-8{ padding-left: 15px; padding-right: 15px; }
/* fid */
.ttm-fid-border .inside{ padding-left: 15px; }
/* testimonial */
.testimonials .testimonial-content{ margin: 0; padding: 0; }
.ttm-testimonial-box-view-style1 .testimonial-content { padding: 25px 25px 29px; margin-left: 180px; }
/* footer */
.footer .widget { margin: 30px 0 0; }
.first-footer .widget-area:not(:last-child) .widget{ margin-bottom: 20px; }
.footer .second-footer { padding: 15px 0 35px; }
/* team-single */
.ttm-team-member-single-content-area .ttm-team-member-content{ padding: 0 15px 45px; margin-left: 0;}
.ttm-team-member-content{ padding-top: 0; }
/* portfolio-single */
}
@media (min-width: 768px){
div.product.ttm-single-product-details div.images {
width: 48%;
float: left;
}
div.product.ttm-single-product-details div.summary {
width: 48%;
float: right;
}
.row-top-section .col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.featured-icon-box.style4:hover {
margin-top: -30px;
margin-bottom: -40px;
}
}
@media (max-width: 767px){
/* ttm-search-overlay */
.ttm-search-overlay .ttm-search-outer .ttm-form-title{ font-size: 26px; line-height: 40px; }
.ttm-search-overlay .ttm-search-outer{ border: none; }
.ttm-search-overlay .ttm-site-searchform{ margin-left: 0; left: 0; right: 0; }
/* .ttm-box-seperator */
.ttm-box-seperator .featured-icon-box {
padding: 20px 20px 5px;
}
.client-box.ttm-box-view-separator-logo .client-thumbnail:after{ display: none; }
.client-box .ttm-client-logo-tooltip{ padding-top: 30px; }
/* calendar */
.calendar thead th{ padding: 2px 0; font-size: 13px; }
.calendar table td{ height: 90px; font-size: 18px;}
.calendar .calendar-frame tbody td::after{ top: 25px; height: 40px; width: 40px; }
/* shop */
.banner-image, .ttm-product-image-box{ text-align: center; }
div.product ul.tabs li.active a:before{ content: unset; }
/* single-team */
.ttm-team-member-appointment-btn-wrapper{ position: unset; }
/* tab */
.ttm-tabs.ttm-tab-style-vertical .content-tab{ padding: 10px 20px; }
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li,
.ttm-tabs.ttm-tab-style-horizontal ul{ display: block; margin-right: 0; }
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a{ border-radius: 0; }
/* cart */
.ttm-cart-form, .checkout{ padding: 0; }
table.shop_table:not(.checkout-review-order-table) tr td{ display: block; text-align: right; }
table .cart_item .product-thumbnail,
.shop_table_responsive thead{ display: none; }
table.shop_table:not(.checkout-review-order-table) tbody tr{ display: block; }
table.shop_table_responsive tr.cart_item td:not(.product-remove)::before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
.coupon{ float: none; padding-bottom: .5em; }
td.actions button{ width: 100%; }
.coupon input, td.actions .coupon .button{ width: auto; }
.quantity{ display: inline-block; }
.cart-collaterals{ margin-top: 0px; }
.cart-collaterals .cart_totals{ width: 100%; float: none; }
}
@media (max-width: 591px){
/* footer */
.newsletter-form input[type="submit"] {
margin: 0 auto;
display: block;
margin-top: 15px;
text-align: center;
position: initial;
height: 45px;
}
.first-footer .ttm-footer-cta-wrapper{ padding-left: 0; padding-right: 0; }
.ttm-footer2-left{ text-align: center; }
.ttm-footer2-right{ text-align: center; }
}
@media (max-width: 575px){
.site-branding img{ max-height: 33px; }
.ttm-fid-border .row > [class*='col-']:not(:last-child) { border-bottom: 1px solid ; }
.ttm-facts-colum-sep .col-md-3{ padding: 10px 0 0; }
.ttm-fid-view-topicon{ padding: 0; }
/* calendar */
.calendar table td{ height: 60px; font-size: 15px;}
.calendar .calendar-frame tbody td::after{ content: unset; }
.calendar .calendar-frame tbody td.today{
background: #e3f2f9;
color: #555;
}
}
@media only screen and (max-width: 480px){
li.bbp-forum-info, li.bbp-topic-title {
width: 45%;
}
li.bbp-forum-topic-count, li.bbp-forum-reply-count, li.bbp-topic-voice-count, li.bbp-topic-reply-count {
width: 15%;
}
.bbpress-forums div.bbp-search-form {
float: none;
}
.bbpress-forums div.bbp-reply-author img.avatar {
position: absolute;
top: 15px;
left: 0;
width: 60px;
height: auto;
}
.bbpress-forums .bbp-body div.bbp-reply-author {
margin: -15px 10px 10px;
min-height: 100px;
padding-left: 80px;
position: relative;
text-align: left;
width: 100%;
}
@media (max-width: 325px){
.bbpress-forums li.bbp-header li.bbp-forum-info,
.bbpress-forums li.bbp-body li.bbp-forum-info,
.bbpress-forums li.bbp-header li.bbp-topic-title,
.bbpress-forums li.bbp-body li.bbp-topic-title {
width: 100%;
}
.bbpress-forums li.bbp-header li.bbp-forum-topic-count, .bbpress-forums li.bbp-header li.bbp-forum-reply-count,
.bbpress-forums li.bbp-body li.bbp-forum-topic-count, .bbpress-forums li.bbp-body li.bbp-forum-reply-count,
.bbpress-forums li.bbp-header li.bbp-topic-voice-count, .bbpress-forums li.bbp-header li.bbp-topic-reply-count,
.bbpress-forums li.bbp-body li.bbp-topic-voice-count, .bbpress-forums li.bbp-body li.bbp-topic-reply-count {
width: 20%;
}
.bbpress-forums li.bbp-header li.bbp-forum-freshness, .bbpress-forums li.bbp-body li.bbp-forum-freshness,
.bbpress-forums li.bbp-header li.bbp-topic-freshness, .bbpress-forums li.bbp-body li.bbp-topic-freshness {
width: 58%;
}
.bbpress-forums li.bbp-header li.bbp-forum-info, .bbpress-forums li.bbp-header li.bbp-topic-title {
text-align: center;
text-transform: uppercase;
}
}
