@import 'fonts1.html';
@import 'global.css';

h1, h2, h3, h4, h5, h6{
	font-family: CircularStd;
}
/*
body {
    font-family: 'Myriad Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/

main { background: #f2f2f2;}
.placement-banner{ background: #bb2226;}
.pl-banner-content{ max-width: 615px; padding: 200px 0 135px 0}
.pl-banner-content h1{ font-size: 30px; color: #f1851c; font-weight: bold; margin-bottom: 5px;}
.pl-banner-content h2{ font-size: 50px; line-height: 50px; color: #fff; font-weight: bold; }
.pl-sub-heading{ margin: 10px 0 20px 0;}
.pl-sub-heading h4{ font-size: 24px; color: #fff; font-weight: bold; font-family: 'CircularStd';}
.pl-sub-heading p{ font-size: 16px; color: #fff; font-weight: 300; font-family: 'Gotham';}
.pl-banner-content .shape{ position: absolute; bottom: 0; right: 100%; top: 0;}
.placement-sec{ background: #1b1f52; padding: 100px 0 0;}
.placement-sec::before{ content: ''; background: #161a4d; position: absolute; top: 0; bottom: 0; right: 0; width: 40%;}
.main-heading{ max-width: 500px; margin-bottom: 20px;}
.main-heading h2{ font-size: 45px; line-height: 48px; color: #bb2226; font-weight: bold}
.main-heading h1{ font-size: 36px; line-height: 36px; color: #111; font-weight: bold}
.main-heading h2 span{ font-size: 30px; color: #111; display: block; line-height: 34px; }
.main-heading span{ font-size: 30px; color: #111; display: block; line-height: 34px;font-family: CircularStdBook;}
.placement-inn .pl-banner-content h3{ color: #fff; font-size: 24px;}
/**/

header{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#007db9e8',GradientType=0 );
}
.placement-banner::before {
    content: '';
    background: rgba(41,41,41,.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* ===============================================
    12.featured-imagebox ( contents with image)
------------------------*/
.featured-imagebox-post {
    overflow: visible;
}
.featured-imagebox {
    margin: 0 0 25px;
}
.featured-imagebox,
.featured-imagebox .featured-thumbnail {
    position: relative;
    overflow: hidden;
}
.featured-imagebox-post.style3 .featured-thumbnail img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.featured-imagebox:hover .featured-thumbnail img {
    -webkit-transform: scale(1.07) rotate(0.5deg);
    -ms-transform: scale(1.07) rotate(0.5deg);
    -moz-transform: scale(1.07) rotate(0.5deg);
    transform: scale(1.07) rotate(0.5deg);
}
.featured-imagebox-post.style3 .featured-content-post {
    position: relative;
    padding: 30px;
    margin-top: -47px;
    margin-right: 30px;
    background-color: #fff;
}
.ttm-bgcolor-skincolor,
.ttm-bgcolor-skincolor>.ttm-bg-layer,
.ttm-bgcolor-skincolor>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:before,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:before,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before,
.ttm-bgcolor-grey .tooltip:after,
.ttm-bgcolor-grey [data-tooltip]:after,
.ttm-bgcolor-darkgrey .tooltip:after,
.ttm-bgcolor-darkgrey [data-tooltip]:after,
.ttm-textcolor-skincolor .tooltip:after,
.ttm-textcolor-skincolor [data-tooltip]:after,
.slick_slider.slick-dots-style1 .slick-dots li.slick-active button,
.slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
.slick_slider.slick-dots-style3 .slick-dots li.slick-active button,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.slick_slider.slick-arrows-style4 .slick-arrow:hover,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.header_cart .cart_count,
.heading-seperator span:before,
.header_search_content button.close-search,
.footer .social-icons li>a:hover,
.footer .widget .widget-title:before,
#site-header-menu .site-navigation .menu li span.label-new,
.ttm-bgcolor-skincolor .ttm-stickable-header.fixed-header,
.featured-icon-box.icon-align-top-content.style2:before,
.featured-icon-box.icon-align-top-content.style2:hover a.di_link,
.featured-imagebox-portfolio.style1 .ttm-media-link a,
.progress-bar-inner .progress-bar.progress-bar-color-bar_skincolor:before,
.testimonials.ttm-testimonial-box-view-style2 .testimonial-content blockquote::before,
.testimonials.ttm-testimonial-box-view-style3 .testimonial-content .quote-icon::after,
.ttm-tabs.ttm-tab-style-01 ul.tabs li a:after,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a:before,
.featured-imagebox-post.style3 .featured-content-post .cat_block-wrapper,
.featured-imagebox-post.style3 .featured-title:before,
.social-icons.circle li>a:hover,
.featured-icon-box.icon-align-top-content.style3:before,
.toggle.ttm-toggle_style_border .toggle-title a.active,
.ttm-toggle-title-bgcolor-skincolor,
.ttm-pricing-plan.pricing-recommended-plan .ttm-p_table-body:before,
.ttm-pricing-plan.pricing-recommended-plan .ttm-p_table-head,
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active,
.ttm-tabs.ttm-tab-style-03 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-03 ul.tabs li:hover a,
.ttm-bgcolor-white .ttm-tabs.ttm-tab-style-02 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li:hover a,
.testimonials.ttm-testimonial-box-view-style4 .testimonial-avatar:before,
.widget.widget-nav-menu ul li:hover a:before,
.widget.widget-nav-menu ul li.active a:before,
.featured-imagebox-portfolio.style2 .ttm-media-link a,
.featured-imagebox-portfolio.style3 .ttm-media-link a.ttm_link,
.featured-imagebox-portfolio.style4 .ttm-box-view-overlay.ttm-portfolio-box-view-overlay:before,
.featured-imagebox-portfolio.style5 .ttm-box-view-overlay.ttm-portfolio-box-view-overlay:before,
article.ttm-blog-classic .ttm-box-post-date .ttm-entry-date,
.ttm-blog-classic .entry-header .entry-title:before,
.ttm-blog-classic .ttm-blog-classic-content:before,
.widget .tagcloud a:hover,
.featured-imagebox-post.style4 .ttm-box-post-date,
.featured-imagebox-post.style4 .post-header:before,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_skincolor,
.featured-imagebox-services.style4:hover .more-button,
.featured-imagebox-services.style5 .featured-header .featured-title:before,
.featured-imagebox-team.style2 .media-block .social-icons li a,
.featured-imagebox-team.style2 .media-block a.media-btn:hover,
.featured-imagebox-team.style3 .featured-content:after,
.featured-imagebox-team.style3 .featured-content:before,
.featured-imagebox-team.style3 .media-block .social-icons li a:hover,
.featured-imagebox-team.style4 .media-block a.media-btn,
.featured-imagebox-team.style4 .media-block .social-icons li a:hover,
.pagination-block .page-numbers:hover,
.pagination-block .page-numbers.current,
#totop.top-visible {
    background-color: var(--pale-yellow);
}
.featured-imagebox-post.style3 .featured-content-post .cat_block-wrapper {
    position: absolute;
    top: -15px;
    padding: 4px 20px;
    display: inline-block;
    left: 30px;
    font-size: 12px;
	text-transform: uppercase;
}
.featured-imagebox-post.style3 .featured-content-post .cat_block-wrapper a {
    color: #fff;
}
.featured-imagebox-post.style3 .featured-title {
    position: relative;
}
.featured-imagebox-post.style3 .featured-title:before {
    content: '';
    position: absolute;
    height: 100%;
    left: -30px;
    top: 0;
    width: 4px;
}
.featured-imagebox-post.style3 .featured-title h5 {
    margin-bottom: 15px;
}
.featured-imagebox-post .featured-content .featured-title h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0;
    color: #111;
}
.featured-imagebox .featured-content .featured-title h5 {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    /*display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
.featured-imagebox-post .featured-content .featured-desc a {
    font-size: 14px;
    color: var(--pale-yellow);
    font-weight: bold;
	text-decoration: underline !important;
}
/**/

@media only screen and (max-width: 1199px){
	.pl-banner-content{ padding: 120px 0 120px 0;}
	.pl-banner-content h2{ font-size: 52px;}
	.pl-banner-content h1{ font-size: 30px; margin-bottom: 0}
	.main-heading h2{ font-size: 40px; line-height: 40px;}
	.main-heading h1{ font-size: 36px; line-height: 36px;}
	.main-heading span{ font-size: 24px;}
	.main-heading h2 span{ font-size: 24px;}
	.main-heading h1 span{ font-size: 24px;}
	.p-90{ padding: 70px 0;}
	.main-sub-heading h3{ font-size: 30px; line-height: 30px;}
	.main-sub-heading span{ font-size: 20px; line-height: 24px;}
}
@media only screen and (max-width: 991px){
	.pl-banner-content h3{ font-size: 24px;}
	.pl-banner-content{ padding: 120px 0 50px 0;}
}
@media only screen and (max-width: 767px){
	.pl-banner-content h2{ font-size: 40px; line-height: 40px;}
	.placement-banner .col-md-6:first-child{ height: 300px;}
	.pl-banner-content{ padding: 30px 15px; text-align: center}
	.main-heading h2{ font-size: 40px; line-height: 36px;}
	.main-heading h2{ font-size: 38px; line-height: 36px;}
	.main-heading span{ font-size: 22px;}
	.main-heading h2 span{ font-size: 22px;}
	.pl-banner-content{ padding-top: 150px;}
	.placement-index.pl-banner-content{ padding-top: 40px;}
}
@media only screen and (max-width: 575px){
	.p-90{ padding: 50px 0;}
	.placement-sec{ padding-top: 70px;}
}
@media only screen and (max-width: 479px){
	.placement-banner .col-md-6:first-child{ height: 320px;}
	.pl-banner-content h1{ line-height: 20px; margin-bottom: 5px;}
	.pl-banner-content h1{ line-height: 28px; font-size: 26px;}
	.placement-banner{ background-position: 70%}
	.pl-banner-content h2{ font-size: 32px; line-height: 32px; letter-spacing: -1px}
	.placement-inn .pl-banner-content h3{ font-size: 20px; margin-bottom: 10px;}
	.main-heading h1{ font-size: 36px; line-height: 36px;}
}