.index4header > .container{
width: 100%;
background: #020001;
padding: 0;
}

.stick  .top-inner{
display:none;
}

div#btt {
background: #00b89f;
border: 1px solid #0ca691;
border-radius: 100%;
color: #fff;
}

.tt-copy, .tt-copy-right p {
    font-size: 12px;
    line-height: 1;
    padding: 15px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
color:#fff;
}
.tt-copy-right p {
    padding: 0;
}

.tt-service-rmbutton{
background: #5f2f2f;
color: #fff !important;
padding: 0px 10px;
font-size: 13px;
border-radius: 3px;
float: right;
}

.footer_logo img{
width: 250px;
border: solid 3px #00b89f;
border-radius: 5px;
vertical-align: middle;
}

.tt-footer {
    background: linear-gradient(rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.9)),url(https://mtc.upa.mybluehostin.me/wp-content/uploads/2018/08/pexels-photo-28723711.jpeg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.tt-header .main-nav > ul > li > ul > li > a {
    padding: 10px 10px 10px 20px !important;
    text-transform: uppercase;
    font-size: 13px;
    font-family: poppins;
    letter-spacing: 1px;
}

.maa > a > span{
background: #5f2f2f;
color: #fff;
padding: 4px 10px;
border-radius: 3px;
}

.tt-header .top-inner {
    float: none;
    padding: 5px 0;
}
.tt-header .toggle-block {
    float: none;
background: #fff;
text-align: center;
}
.tt-header .logo {
    width: 100%;
    text-align: center;
height:auto;
}

.tt-header .logo img {
    max-height: unset;
    max-width: 700px;
    width:100%;
}
.tt-header .main-nav > ul > li > a {
    padding: 15px 12px 15px;
}

.tt-working {
    font-size: 14px;
}
.tt-working-cell:last-child {
    text-align: left;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #dbdbdb;
}

.widget_nav_menu li,.tt-footer .widget .tt-working-cell{
border:0 !important;
padding: 10px 0;
color: #fff;
}

.tt-footer .widget ul li a {
    color: #fff;
}

.tt-footer .widget .tt-widget-title {
    color: #fff;
    font-size: 20px;
}
 



.tt-title {
    margin-bottom: 20px;
}
.tt-subtitle {
    margin-bottom: 20px;
}
.text_block.wpb_text_column p,.content-area .wpb_text_column p,.content-area .wpb_text_column ul,.content-area .wpb_text_column ol{
    margin-bottom: 20px;
}

.single-services .main-wrapper {
    padding-top: 10px;
}

.index4header .main-nav > ul > li > a {
    font-family: 'poppins', sans-serif;
}
.tt-header .main-nav > ul > li > a {
    font-family: 'poppins';
    font-weight: 600;
    letter-spacing: 1px;
}

.index4header .c-btn, .index4header .c-btn:focus {
    background: #13304f;
    font-family: 'poppins', sans-serif;
    letter-spacing: 1px;
    border-radius: 3px;
}

 

.tt-heading-cell {
    height: 200px;
    padding: 50px 0;
}
.simple-text h1, .h1 {
    font-size: 45px;
}

.index4header .top-info a,.tt-location-tel {
    font-style: normal;
}

.slotholder::before {
    opacity: 0.3;
}

.tt-title,.tt-service-link,.tt-team-name,.tt-featured .simple-text a {
    color: #5f2f2f;
}

.tt-team-name:hover {
    color: #00b89f;
}
 
.tt-title span {
    color: #505050;
}
.c-btn, .c-btn:focus {
    background: #5f2f2f;
}

.c-btn::before {
    background-color: #00b89f;
}

.c-btn.white::before {
    background-color: #eee;
}

.tt-subtitle {
    color: #00b89f;
}
.tt-service:hover {
    background: #00b89f;
}

.tt-banner {
    background: #00b89f;
}

.custom-hover::before {
    background: #5f2f2f;
}

.swiper-pagination .swiper-pagination-bullet-active,.active-color.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #00b89f;

}

.tt-location-icon {
    color: #00b89f;
    border: 1px solid #00b89f;
}

.tt-testimonial-info::before {
background: url(https://mtc.upa.mybluehostin.me/wp-content/uploads/2018/08/double-quote-serif-left-2562.png) no-repeat;
background-size: contain;
}

.tt-footer-inner a{
color:#00b89f;
}

.tt-widget-title {
    color: #5f2f2f;
}

.tt-widget-title span {
    color: #00b89f;
}

.tt-foooter-title::after {
    background: transparent;
}


 .sdts a{
	animation:blinkingText 1.5s infinite;
}
@keyframes blinkingText{
	0%{		color: #444;	}
	25%{	color: #ff0000;	}
	50%{	color: #444;	}
	75%{	color: #ff0000;	}
	100%{	color: #444;	}
}


@media screen and (max-width:767px){
.index4header .top-line{
display:none;
}
.tt-header .cmn-toggle-switch {
    float: none;
    margin: 10px auto;
}
#content-wrapper {
    margin-top:0;
}
.tt-header .logo {
    height: auto;
}
.tt-header.positionRelative {
    position: static;
}
.tt-header.stick.fadeInDown.animated.positionRelative {
    position: static;
}
.stick  .top-inner{
display:block;
}
body {
    text-align: inherit;
}
}