/**

  * Name: Delmont

  * Version: 1.0

  * Author: ThemetechMount

  * Author URI: http://www.themetechmount.com

*/



@import url('https://fonts.googleapis.com/css2?family=Open Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Open Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Damion&display=swap');

/**



  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: #ff0000; 

    text-decoration: none; 

}

a, button, input { 

    outline: medium none; 

    color: #ff0000; 

}

ol, ul{ 

    padding: 0; 

    margin: 0;

}



iframe{

  width: 100%;

  border: none;

  display: block;

}

p { 

    margin: 0 0 15px; 

}



*::-moz-selection { 

    background: #ff0000; 

    color: #fff; 

    text-shadow: none; 

}

::-moz-selection { 

    background: #ff0000; 

    color: #fff;

    text-shadow: none; 

}

::selection { 

    background: #ff0000; 

    color: #fff; 

    text-shadow: none; 

}



textarea, input[type="text"], 

input[type="password"], 

input[type="datetime"], 

input[type="datetime-local"], 

input[type="date"], 

input[type="month"], 

input[type="time"], 

input[type="week"], 

input[type="number"], 

input[type="email"], 

input[type="url"], 

input[type="search"], 

input[type="tel"], 

input[type="color"], 

.uneditable-input, 

select{

    font-family: inherit;

    -webkit-transition: border linear .2s,box-shadow linear .2s;

    -moz-transition: border linear .2s,box-shadow linear .2s;

    -o-transition: border linear .2s,box-shadow linear .2s;

    transition: border linear .2s,box-shadow linear .2s;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 0;

    vertical-align: middle;

    width: 100%;

    color: #242424;

    padding: 9px 15px;

    font-weight: 400;

    background-color:#fff;

    text-transform: inherit;

    border: 1px solid #f2f2f2;

    font-size: 15px;

    outline: none;

    line-height: inherit;

    letter-spacing: 1px;

}

button, input[type="submit"], 

input[type="button"], 

input[type="reset"] {

    display: inline-block;

    text-decoration: none;

    font-size: 13px;

    line-height: 21px;

    font-weight: 500;

    padding: 11px 40px 11px;

    border: 2px solid transparent;

    border-radius: 0;

    color: #fff;

    -webkit-transition: all 0.25s ease;

    transition: all 0.25s ease;

    cursor: pointer;

    outline: none!important;

    -webkit-font-smoothing: antialiased;

}



textarea:focus, 

input[type="text"]:focus, 

input[type="password"]:focus, 

input[type="datetime"]:focus, 

input[type="datetime-local"]:focus, 

input[type="date"]:focus, 

input[type="month"]:focus, 

input[type="time"]:focus, 

input[type="week"]:focus, 

input[type="number"]:focus, 

input[type="email"]:focus, 

input[type="url"]:focus, 

input[type="search"]:focus, 

input[type="tel"]:focus, 

input[type="color"]:focus {

    border: 1px solid #ff0000;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



textarea:-moz-placeholder,

textarea::-moz-placeholder,

input:-moz-placeholder,

input::-moz-placeholder,

input:-ms-input-placeholder ,

input::-ms-input-placeholder,

textarea::-webkit-input-placeholder,

input::-webkit-input-placeholde  {   

  color: #fff;

}



menu, ol, ul {

    margin: 16px 0;

    padding: 0 0 0 25px;

}



body {

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 27px;

    color: #676767;

    background-color: #f3f7f9;

    letter-spacing: 0.2px;



}

h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', serif; margin-bottom: 15px; font-weight: 400; color: #242424;}

h1 { font-size: 45px; line-height: 50px; }

h2 { font-size: 35px; line-height: 40px; }

h3 { font-size: 30px; line-height: 35px; }

h4 { font-size: 23px; line-height: 30px; }

h5 { font-size: 20px; line-height: 25px; }

h6 { font-size: 16px; line-height: 18px; }



.top-0{top: 0;}

.top-90{top: 90px;}



.bottom-0{bottom: 0;}



.right-0{right: 0px;}

.right-90{right: 90px;}

.right-6{right: 6px!important;}

.right-2{right: 2px!important;}

.right-20{right: 20px!important;}

.right-95{right: 95px;}



.left-0{left: 0;}

.left-120{left:120px;}

.left-197{left:197px;}









/** Transition **/



.featured-icon-box .featured-icon, .featured-content, .featured-imagebox-team .featured-content h5, .featured-imagebox-team .featured-content .ttm-team-position, 

.ttm-btn, button, .team-member.style-3 .team-social-icon ul li, .featured-icon-box.style-2:hover .featured-icon, 

.owl-item, img, span, .featured-icon-box, .portfolio-filter button, .team-hover, .team-social, .price-table, .price-table:hover .price-value, 

.featured-icon, .product-item:hover, .product-overlay, .product-btn, .team-member.style-4:before, .team-member.style-4 .team-description, 

.dropdown-item, .about-2:before, .testimonial-content, .testimonial .testimonial-content::after, .testimonial .testimonial-content::before,

.team-member, .team-social, .team-description, .post, .portfolio-item a.popup, .team-title,

 .post .post-desc , #totop{

    -webkit-transition: all 0.5s ease-in-out 0s; 

    -moz-transition: all 0.5s ease-in-out 0s; 

    -ms-transition: all 0.5s ease-in-out 0s; 

    -o-transition: all 0.5s ease-in-out 0s; 

    transition: all 0.5s ease-in-out 0s; 

}

.featured-imagebox-team.style1 .ttm-box-view-overlay:before {

    -webkit-transition: all 1s ease-in-out 0s; 

    -moz-transition: all 1s ease-in-out 0s; 

    -ms-transition: all 1s ease-in-out 0s; 

    -o-transition: all 1s ease-in-out 0s; 

    transition: all 1s ease-in-out 0s; 

}

a, .site-branding a, #site-header-menu #site-navigation .menu ul li > a,

.ttm-header-icon, .header-btn, a.ttm-btn, i.ttm-btn, a.nav-link , .ttm-header-style-infostack .ttm-custombutton a,

.ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link a, .social-icons li>a ,

 .accordion .toggle-title a{

    -webkit-transition: all 0.3s ease-in-out 0s; 

    -moz-transition: all 0.3s ease-in-out 0s; 

    -ms-transition: all 0.3s ease-in-out 0s; 

    -o-transition: all 0.3s ease-in-out 0s; 

    transition: all 0.3s ease-in-out 0s; 

}

a.tp-caption:hover{

    -webkit-transition: all 0.3s ease-in-out 0s !important; 

    -moz-transition: all 0.3s ease-in-out 0s !important; 

    -ms-transition: all 0.3s ease-in-out 0s !important; 

    -o-transition: all 0.3s ease-in-out 0s !important; 

    transition: all 0.3s ease-in-out 0s !important; 

}

#site-header-menu #site-navigation span.sep-img,

.site-branding img, .ttm-btn span, .nav-link span, .cart-info a i, 

.twentytwenty-wrapper img, .accordion .toggle-title span,

.ttm-header-icon.ttm-header-cart-link .navbar-form span , 

ul.products li.product .ttm-shop-icon a i{

    -webkit-transition: all 0s ease-in-out 0s; 

    -moz-transition: all 0s ease-in-out 0s; 

    -ms-transition: all 0s ease-in-out 0s;

    -o-transition: all 0s ease-in-out 0s; 

    transition: all 0s ease-in-out 0s; 

}



/**  Shadow **/

.box-shadow{

    -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);

}

.box-shadow2{

    -webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);

    -moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);

    box-shadow: 0 0 25px 0 rgba(41,61,88,.06);

}





/** Extra-outer **/

body .page {

    overflow: hidden;

    position: relative;

    z-index: 10;

}

body .site-main {

    background-color: #fff;

    position: relative;

    z-index: 9;

}

body .page.sidebar-true .site-main{ 

  padding: 0;

  background-color: #fff;

}



a { color: #242424;}



.alignleft {

    float: left;

    margin: .375em 1.75em 1.75em 0;

}

.alignright {

    float: right;

    margin: .375em 0 1.75em 1.75em;

}

.width-30{ width: 30%; }

.width-36{ width: 36%; }

.width-64{ width: 64%; }

.width-100{ width: 100%; }

.width-50{ width: 50%; }

.width-150{ width: 150px; }



.z-index-0{z-index: 0;}

.z-index-1{z-index: 1;}

.z-index-2{z-index: 2;}

.z-index_1{z-index: -1;}

.z-index_2{z-index: -2;}



.fs-20 {font-size: 20px!important;line-height: 30px!important;}

.fs-22 {font-size: 22px!important;line-height: 32px!important;}

.fs-26 {font-size: 26px!important;line-height: 36px!important;}

.fs-37 {font-size: 37px!important;line-height: 40px!important;}





.video_icon{

  right:-48px;

  margin-bottom: -90px;

  margin-right: 0px;

}



.tm-sltext-sep:after, .tm-element-heading-wrapper.tm-seperator-style1 b:after {

    display: block;

    height: 33%;

    content: '';

    position: absolute;

    right: -10px;

    width: 165px;

    bottom: 0;

   -webkit-mask-box-image: url(../images/heading-seprator.svg);

    mask: url(../images/heading-seprator.svg) no-repeat 100% 100%;

    z-index: -1;

}



.grey-shadow:before {

    position: absolute;

    content: "";

    top: 0px;

    left: 0px;

    width:34.7%;

    height: 50%;

    -webkit-transition: all 0.45s ease-in-out;

    -moz-transition: all 0.45s ease-in-out;

    -ms-transition: all 0.45s ease-in-out;

    transition: all 0.45s ease-in-out;

    background-color: #f1f1f1;

}

.dark-shadow:before {

    position: absolute;

    content: "";

    top: 0px;

    left: 0px;

    width:35%;

    height: 100%;

    -webkit-transition: all 0.45s ease-in-out;

    -moz-transition: all 0.45s ease-in-out;

    -ms-transition: all 0.45s ease-in-out;

    transition: all 0.45s ease-in-out;

    opacity: 1;

    visibility: visible;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color:rgba(36,36,36,0.75) !important;

}



.ttm_single_image-wrapper .col-bgimage-02{

    width: 150px;

    height: 121px;

}



/* ===============================================

    Spacing

------------------------*/

/** Padding **/

.spacing-1{ margin-top: 60px; margin-left: -130px; padding-top: 65px; padding-bottom: 2px; padding-left: 60px; }

.spacing-2{ margin-top: -60px; padding-top: 70px; padding-right: 145px; padding-bottom: 60px; }

.spacing-3{ margin-left: -115px; margin-right: -15px; padding-top: 80px; padding-bottom: 80px; padding-left: 50px; }

.spacing-4{ padding-top: 50px; padding-left: 70px; padding-bottom: 58px; padding-right: 70px; }

.spacing-5{ padding-top: 80px;padding-right: 130px;padding-bottom: 67px;}

.spacing-6{  margin-top: 60px; margin-left: -100px;padding-top: 90px;padding-left: 50px;}

.spacing-7{ padding-top: 50px; padding-right: 30px; padding-bottom: 60px; padding-left: 50px; }

.spacing-8{ padding-top: 40px; padding-right: 35px; padding-bottom: 40px; padding-left: 35px; }

.spacing-9{ padding-top: 80px; padding-bottom: 60px; padding-right: 30px; margin-top: -80px }

.spacing-10{ padding-top: 60px; padding-left: 35px; padding-bottom: 45px; }

.spacing-11{  padding-top: 60px;padding-right: 70px;padding-bottom: 60px;padding-left: 80px;}

.spacing-12{top: 90px;padding-top: 33px;padding-bottom: 13px;padding-left: 25px;}



.plr-100{padding-left: 100px; padding-right: 100px;}

.plr-150{padding-left: 150px; padding-right: 150px;}

.plr-200{padding-left: 200px; padding-right: 200px;}

.ptb-80{padding-top: 80px; padding-bottom: 80px;}

.ptb-100{padding-top: 100px; padding-bottom: 100px;}

.ptb-150{padding-top: 150px; padding-bottom: 150px;}



.p-10{padding: 10px!important;}

.p-20{padding: 20px!important;}

.p-30{padding: 30px!important;}

.p-40{padding: 40px!important;}

.p-50{padding: 50px!important;}

.p-60{padding: 60px!important;}

.p-70{padding: 70px!important;}

.p-80{padding: 80px!important;}

.p-90{padding: 90px!important;}

.p-100{padding: 100px!important;}

.p-110{padding: 110px!important;}

.p-120{padding: 120px!important;}

.p-130{padding: 130px!important;}

.p-140{padding: 140px!important;}

.p-1500{padding: 150px!important;}

.p-160{padding: 160px!important;}







.pr-5{ padding-right: 5px !important}

.pr-10{ padding-right: 10px !important; }

.pr-15{ padding-right: 15px !important; }

.pr-20{ padding-right: 20px !important; }

.pr-25{ padding-right: 25px !important; }

.pr-30{ padding-right: 30px !important; }

.pr-35{ padding-right: 35px !important; }

.pr-40{ padding-right: 40px !important; }

.pr-45{ padding-right: 45px !important; }

.pr-50{ padding-right: 50px !important; }

.pr-55{ padding-right: 55px !important; }

.pr-60 { padding-right: 60px !important; }

.pr-100{ padding-right: 100px !important;}

.pr-110{ padding-right: 110px !important; }

.pr-120{ padding-right: 120px !important; }

.pr-130{ padding-right: 130px !important; }

.pr-140{ padding-right: 140px !important; }

.pr-150{ padding-right: 150px !important; }



.pl-0{ padding-left: 0px !important; }

.pl-5 { padding-left: 5px !important; }

.pl-10{ padding-left: 10px !important; }

.pl-15{ padding-left: 15px !important; }

.pl-20{ padding-left: 20px !important; }

.pl-25{ padding-left: 25px !important; }

.pl-30{ padding-left: 30px !important; }

.pl-35{ padding-left: 35px !important; }

.pl-40{ padding-left: 40px !important; }

.pl-45{ padding-left: 45px !important; }

.pl-50{ padding-left: 50px !important; }

.pl-55{ padding-left: 55px !important; }

.pl-60{ padding-left: 60px !important; }

.pl-65{ padding-left: 65px !important; }

.pl-70{ padding-left: 70px !important; }

.pl-75{ padding-left: 75px !important; }

.pl-80{ padding-left: 80px !important; }

.pl-85{ padding-left: 85px !important; }

.pl-90{ padding-left: 90px !important; }

.pl-95{ padding-left: 95px !important; }

.pl-100{ padding-left: 100px !important; }

.pl-110{ padding-left: 110px !important; }

.pl-120{ padding-left: 120px !important; }

.pl-130{ padding-left: 130px !important; }

.pl-140{ padding-left: 140px !important; }

.pl-150{ padding-left: 150px !important; }



.pt-2{ padding-top: 2px !important; }

.pt-5{ padding-top: 5px !important;}

.pt-10{ padding-top: 10px !important; }

.pt-15 { padding-top: 15px !important; }

.pt-20 { padding-top: 20px !important; }

.pt-25 { padding-top: 25px !important; }

.pt-30{ padding-top: 30px !important; }

.pt-35{ padding-top: 30px !important; }

.pt-40{ padding-top: 40px !important; }

.pt-45{ padding-top: 45px !important; }

.pt-50{ padding-top: 50px !important; }

.pt-55{ padding-top: 55px !important; }

.pt-60 { padding-top: 60px !important; }

.pt-65{ padding-top: 65px !important; }

.pt-70 { padding-top: 70px !important; }

.pt-75 { padding-top: 75px !important; }

.pt-80{padding-top: 80px !important;}

.pt-85{ padding-top: 85px !important; }

.pt-90{padding-top: 90px !important;}

.pt-95{padding-top: 95px !important;}

.pt-100{padding-top: 100px !important;}

.pt-105{padding-top: 105px !important;}

.pt-110{padding-top: 110px !important;}

.pt-150{padding-top: 150px !important;}

.pt-200{padding-top: 200px !important;}

.pt-250{padding-top: 250px !important;}



.pb-5{ padding-bottom: 5px !important; }

.pb-10{ padding-bottom: 10px !important; }

.pb-15{ padding-bottom: 15px !important; }

.pb-20{ padding-bottom: 20px !important; }

.pb-25{ padding-bottom: 25px !important; }

.pb-30{ padding-bottom: 30px !important; }

.pb-35{ padding-bottom: 35px !important; }

.pb-40{ padding-bottom: 40px !important; }

.pb-45{ padding-bottom: 45px !important; }

.pb-50{ padding-bottom: 50px !important; }

.pb-55{ padding-bottom: 55px !important; }

.pb-60{ padding-bottom: 60px !important; }

.pb-70{ padding-bottom: 70px !important; }

.pb-80{ padding-bottom: 80px !important; }

.pb-90{ padding-bottom: 90px !important; }

.pb-100{padding-bottom: 100px !important;}

.pb-110{padding-bottom: 110px !important;}

.pb-120{padding-bottom: 120px !important;}

.pb-130{padding-bottom: 130px !important;}

.pb-140{padding-bottom: 140px !important;}

.pb-150{padding-bottom: 150px !important;}

.pb-160{padding-bottom: 160px !important;}

.pb-170{padding-bottom: 170px !important;}

.pb-180{padding-bottom: 180px !important;}

.pb-190{padding-bottom: 190px !important;}

.pb-200{padding-bottom: 200px !important;}

.pb-280{ padding-bottom: 280px !important; }





/** Margin **/



.m-10{margin: 10px!important;}

.m-20{margin: 20px!important;}

.m-30{margin: 30px!important;}

.m-40{margin: 40px!important;}

.m-50{margin: 50px!important;}

.m-60{margin: 60px!important;}

.m-70{margin: 70px!important;}

.m-80{margin: 80px!important;}

.m-90{margin: 90px!important;}

.m-100{margin: 100px!important;}

.m-110{margin: 110px!important;}

.m-120{margin: 120px!important;}

.m-130{margin: 130px!important;}

.m-140{margin: 140px!important;}

.m-1500{margin: 150px!important;}

.m-160{margin: 160px!important;}











.mt-5{ margin-top: 5px!important; }

.mt-10 { margin-top: 10px !important; }

.mt-15{ margin-top: 15px !important;}

.mt-20{ margin-top: 20px !important;}

.mt-25{ margin-top: 25px !important;}

.mt-30{ margin-top: 30px !important;}

.mt-35{ margin-top: 35px !important;}

.mt-40{ margin-top: 40px !important;}

.mt-45{ margin-top: 45px !important;}

.mt-50{ margin-top: 50px !important;}

.mt-60{ margin-top: 60px !important;}

.mt-80{margin-top: 80px !important;}

.mt-100{margin-top: 100px !important;}

.mt-110{margin-top: 110px !important;}

.mt-120{margin-top: 120px !important;}

.mt-130{margin-top: 130px !important;}

.mt-140{margin-top: 140px !important;}

.mt-150{margin-top: 150px !important;}

.mt-164{ margin-top: 164px !important;}



.mt_5{ margin-top: -5px!important; }

.mt_10{ margin-top: -10px!important; }

.mt_15{ margin-top: -15px!important; }

.mt_20{ margin-top: -20px!important; }

.mt_25{ margin-top: -25px!important; }

.mt_30{ margin-top: -30px!important; }

.mt_40{ margin-top: -40px!important; }

.mt_45{ margin-top: -45px!important; }

.mt_50{ margin-top: -50px !important; }

.mt_60{ margin-top: -60px !important; }

.mt_70{ margin-top: -70px !important; }

.mt_75{ margin-top: -75px !important; }

.mt_80{ margin-top: -80px !important; }

.mt_85{ margin-top: -85px !important; }

.mt_90{ margin-top: -90px !important; }

.mt_100 { margin-top: -100px !important;}

.mt_110{ margin-top: -110px !important; }

.mt_120{ margin-top: -120px !important; }

.mt_130{ margin-top: -130px !important; }

.mt_140{ margin-top: -140px !important; }

.mt_150{ margin-top: -150px !important; }

.mt_165{ margin-top: -165px !important; }

.mt_175{ margin-top: -175px !important; }

.mt_180{ margin-top: -180px !important; }

.mt_190{ margin-top: -190px !important; }

.mt_200{ margin-top: -200px !important; }

.mt_300{ margin-top: -300px !important; }



.ml-0{ margin-left: 0px !important }

.ml-15 { margin-left: 15px!important; }

.ml-20 { margin-left: 20px!important; }

.ml-25 { margin-left: 25px!important; }

.ml-30 { margin-left: 30px!important; }

.ml-287{ margin-left: 287px !important; }

.mr-15 { margin-right: 15px!important; }

.ml_10{ margin-left: -10px !important; }

.ml_15{ margin-left: -15px !important; }

.ml_20{ margin-left: -20px !important; }

.ml_25{ margin-left: -25px !important; }

.ml_30{ margin-left: -30px !important; }

.ml_35{ margin-left: -35px !important; }

.ml_40{ margin-left: -40px !important; }

.ml_45{ margin-left: -45px !important; }

.ml_50{ margin-left: -50px !important; }

.ml_55{ margin-left: -55px !important; }

.ml_60{ margin-left: -60px !important; }

.ml_80{ margin-left: -80px !important; }

.ml_100{ margin-left: -100px !important; }

.ml_115{ margin-left: -115px !important; }

.ml_120{ margin-left: -120px !important; }

.ml_167{ margin-left: -167px !important;}

.ml_170{ margin-left: -170px !important; }



.mr-0{ margin-right: 0px !important; }



.mr-170 { margin-right: 170px!important; }









.mr_10{ margin-right: -10px ;}

.mr_15{ margin-right: -15px ;}

.mr_20{ margin-right: -20px ;}

.mr_25{ margin-right: -25px ;}

.mr_30{ margin-right: -30px ;}

.mr_35{ margin-right: -35px ;}

.mr_40{ margin-right: -40px ;}

.mr_45{ margin-right: -45px ;}

.mr_50{ margin-right: -50px ;}

.mr_55{ margin-right: -55px ;}

.mr_60{ margin-right: -60px ;}

.mr_65{ margin-right: -65px ;}

.mr_70{ margin-right: -70px ;}

.mr_80{ margin-right: -80px ;}

.mr_85{ margin-right: -85px ;}

.mr_90{ margin-right: -90px ;}

.mr_95{ margin-right: -95px ;}

.mr_100{ margin-right: -100px ;}

.mr_140 { margin-right: -140px!important; }

.mr_150 { margin-right: -150px!important; }

.mr_240{ margin-right: -240px ;}

.mlr-15{ margin-left: 15px !important; margin-right: 15px !important; }

.mlr-30{ margin-left: 30px !important; margin-right: 30px !important; }



.mb_1{ margin-bottom: -1px !important; }

.mb_5{ margin-bottom: -5px !important; }

.mb_10{ margin-bottom: -10px !important; }

.mb-4{ margin-bottom: 4px !important; }

.mb-5{ margin-bottom: 5px !important; }

.mb-10{ margin-bottom: 10px !important; }

.mb-15{ margin-bottom: 15px !important; }

.mb-25{ margin-bottom: 25px !important;}

.mb-20{ margin-bottom: 20px !important; }

.mb-30{ margin-bottom: 30px !important; }

.mb-35{ margin-bottom: 35px !important; }

.mb-40{ margin-bottom: 40px !important; }

.mb-45{ margin-bottom: 45px !important; }

.mb-50 { margin-bottom: 50px !important; }

.mb-55 { margin-bottom: 55px !important; }

.mb-60 { margin-bottom: 60px !important; }

.mb-65 { margin-bottom: 65px !important; }

.mb-70 { margin-bottom: 70px !important; }

.mb-75 { margin-bottom: 75px !important; }

.mb-80 { margin-bottom: 80px !important; }

.mb-85 { margin-bottom: 85px !important; }

.mb-90 { margin-bottom: 90px !important; }

.mb-95 { margin-bottom: 95px !important; }

.mb-100 { margin-bottom: 100px !important; }

.mb_10{ margin-bottom: -10px !important; }

.mb_25{ margin-bottom: -25px !important; }

.mb_30{ margin-bottom: -30px !important; }

.mb_45{ margin-bottom: -45px !important; }

.mb_50{ margin-bottom: -50px !important; }

.mb_60{ margin-bottom: -60px !important; }

.mb_80{ margin-bottom: -80px !important; }

.mb_100{ margin-bottom: -100px !important }

.mb_184{ margin-bottom: -184px ! important;}

.mb_224{ margin-bottom: -224px ! important;}

.mtb_40{margin-top: -40px; margin-bottom: -40px;}

.mtb_70{margin-top: -70px; margin-bottom: -70px;}

.mtb-80{margin-top: 80px; margin-bottom: 80px;}

.mtb-100{margin-top: 100px; margin-bottom: 100px;}

.mtb-150{margin-top: 150px; margin-bottom: 150px;}





/* ===============================================

    Color

------------------------*/

/** 1.Skin-color **/

.ttm-textcolor-skincolor,

.ttm-btn-color-skincolor ,

.ttm-icon_element-color-skincolor,

a:hover, .ttm-textcolor-white a:hover,

.ttm-btn.ttm-btn-color-white:hover,

.top-contact li i, 

.ttm-topbar-wrapper .social-icons li>a:hover,

.ttm-fbar-box .search_field i,

.breadcrumb-wrapper span:last-child,

.ttm-header-style-classicinfo .header-widget .header-icon i, 

.ttm-header-style-infostack .header-widget .header-icon i,

#site-header-menu #site-navigation .menu > ul > li:hover > a,

#site-header-menu #site-navigation .menu > ul > li.active > a,

#site-header-menu #site-navigation .menu > ul,

.ttm-header-style-overlay #site-header-menu .fixed-header #site-navigation .menu ul.dropdown > li.active > a,

.ttm-header-style-overlay #site-header-menu .fixed-header #site-navigation .menu ul.dropdown > li:hover > a,

.ttm-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown > li.active > a,

.ttm-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown > li:hover > a,

.ttm-header-text-area .header-info-widget h2,

.row-title h2.title strong,.section-title h3,

.ttm-list-icon-color-skincolor i,

.ttm-fid-icon-wrapper i,

.featured-icon-box.style4 a.di_link,

.featured-imagebox-team .ttm-media-link a:hover,

.featured-imagebox-team .ttm-team-box-view-overlay .ttm-team-position,

.featured-imagebox-team:hover .ttm-team-box-view-overlay .ttm-team-position,

.featured-imagebox-team:hover .ttm-team-box-view-overlay .featured-title h5 a:hover,

.featured-imagebox-team .ttm-social-links-wrapper ul li a:hover,

.featured-imagebox-post .post-meta .ttm-meta-line i,

.ttm-team-list-title i,

.ttm-portfolio-box-view-overlay .category a,

.ttm-portfolio-box-view-overlay .featured-content .featured-title h5 a:hover,

.ttm-portfolio-box-view-overlay .featured-iconbox.ttm-media-link a:hover,

.tribe-events-vanue i,

.social-icons.circle li>a,

.ttm-bgcolor-darkgrey .ttm-testimonial-box-view-style2 .testimonial-content:before,

ul.ttm-timelistbox-block li .service-time strong,

.ttm-blog-classic .post-meta .ttm-meta-line i,

.widget.widget-latest-tweets p.tweet-text:before ,

.comment-meta:hover, .comment-meta a:hover,

section.error-404 .ttm-big-icon,

.ttm-form-coupon-info::before,

.products .price .product-Price-amount,

.products .star-ratings ul li,

div.product .summary .star-rating,

.section-title h3,.testimonials .testimonial-caption h5,

.bottom-footer-text .copyright  span a {

    color: #ff0000;

}



/** 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,.section-title h3:before,

.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,

.calendar header,.ttm-header-icons .ttm-header-search-link a,

.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,.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a,

.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 ,.single .ttm-team-member-view-default .ttm-social-links-wrapper ul li a:hover,

.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 , .testimonial-slide.owl-theme .owl-dots .owl-dot.active span,

.testimonial-content .quote-icon::after,.featured-imagebox-team.style1:hover .featured-content,

.featured-imagebox-case:before,.featured-imagebox-team.style1:hover .ttm-box-view-overlay .ttm-icon,

.tm-sltext-sep:after, .tm-element-heading-wrapper.tm-seperator-style1 b:after {

    background-color: #800000;

}



.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: #ff0000; 

}



.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover {

    border-color: #ff0000;

}

.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: #ff0000;

}

.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: #800000;

    opacity: 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: #ff0000;

}



/** 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,

.section-title h2.title,

.ttm-fbar-box-w .submit_field button:hover,

.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-color-white: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,

.featured-icon-box.style3.iconalign-before-heading h5,

.ttm-social-share-wrapper,

.ttm-highlight-fid.style1 .ttm-fid-contents .ttm-fid-title{

  color: #242424;

}



/** 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-icon_element-background-darkgrey,

.ttm-bgcolor-darkgrey .ttm-stickable-header.fixed-header,



.wrap-form input[type="submit"]:hover ,

.twentytwenty-handle,

.calendar thead th,.accordion .ttm-style-classic .toggle-title,

.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,

.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: #242424; 

}

ttm-header-style-overlay .ttm-stickable-header.fixed-header,{

  background-color: #fff;

}



.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: #242424;

}



.ttm-tabs.ttm-tab-style-vertical ul.tabs li.active a{

  background-color: rgba( 36,36,36 , 0.90);

}

.ttm-tabs.ttm-tab-style-vertical ul.tabs li.active a{

  border-color: rgba( 36,36,36 , 0.90);

}







/** 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-icon_element-color-white,

.ttm-btn-style-fill.ttm-btn-color-skincolor,

.ttm-btn-style-fill.ttm-btn-color-skincolor: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,

.ttm-bgcolor-skincolor .featured-desc,

.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 .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,

.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,.ttm-header-icons .ttm-header-search-link a,

.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-video-icon a:hover.ttm-icon.ttm-icon_element-color-white,

.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,.featured-imagebox-team.style3:hover .featured-content h5 a,

.featured-imagebox-team.style3 .ttm-team-position,

div.product button.cart_button,.featured-imagebox-team.style1:hover .featured-content h5 a,

.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 .featured-desc,

.ttm-bgcolor-skincolor .inside h3,

.ttm-bgcolor-darkgrey .inside h3,

.ttm-bgcolor-skincolor .testimonials .testimonial-caption h5{

  color: rgba(255,255,255,.75);

}

.ttm-btn-style-border.ttm-btn-color-white:hover{

  border-color: #fff;

}

.ttm-bgcolor-darkgrey .section-title h3,.ttm-bgcolor-skincolor .section-title h3,

.ttm-bgcolor-skincolor .testimonial-content blockquote,

.ttm-bgcolor-darkgrey .testimonial-content blockquote{

  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);

}

.featured-icon-box.ttm-bgcolor-skincolor .featured-desc,



.testimonials .testimonial-caption label{color: rgba(255,255,255,.75);}



/** 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.25);

}



/** 4.Grey-color **/

.ttm-bgcolor-grey, .sidebar .ttm-bgcolor-grey>.ttm-bg-layer , .ttm-bgcolor-grey > .ttm-bg-layer{ background-color: #f1f1f1; }

.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);

}

.ttm-bgcolor-grey.with-opacity{background-color: #f1f1f159;}



.ttm-tabs.ttm-tab-style-horizontal ul.tabs li.active a{

  border-color: #f0f0f0;

  background-color: #f8f8f8;

  color: #666;

}





/* ===============================================

    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.html);

    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:  #242424;

}

.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: #242424;

    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

------------------------*/







/*  ===============================================

    Header

------------------------*/



/** SiteBrand(logo) **/

.site-branding{

    float: left;

    height: 99px;

    line-height: 98px;

}

.ttm-header-top-wrapper{

    position: relative;

}

.site-branding img {

    max-height: 70px;

}



/** 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: 'Open Sans', serif;

    font-weight: 600;

    text-transform: capitalize;

    font-size: 19px; 

    line-height: 19px;

    letter-spacing: 1px; m

}

#site-header-menu #site-navigation .menu > ul li ul li a{

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 14px;

    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: 20px; }

.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: 0px;

    height: 45px;

    width: 45px;

    line-height: 45px;

    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: #242424;

    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:'Open 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-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: 400;

    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-image: url(../images/footer-bg.jpg);

    background-color: transparent;

    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: 400; }

.footer .widget ul>li { padding: 0 0 12px 0; }

.footer .widget .ttm-btn.ttm-btn-size-md{ padding: 14px 27px 14px 27px; }

.footer p,.footer .ttm-textcolor-white {color: rgba(255, 255, 255, 0.60);}

/** FirstFooter **/

.first-footer {padding-top: 40px;}

.first-footer .container {border-bottom: 1px solid rgba(255,255,255,.04)!important;padding-bottom: 20px;}

.first-footer .widget-area .widget {

    margin: 0;

}



.first-footer .section-title h2.title{color: rgba(255, 255, 255, 1) !important;}

.first-footer .ttm-btn{padding: 15px 50px 15px 25px;}

.first-footer .ttm-btn i{font-size: 17px;right: 25px;}



.widget ul{ margin: 0; padding: 0; list-style: none;}

.widget ul>li {

    padding: 0 0 15px 0;

    position: relative;

}

.widget .widget-title {

    font-weight: 400;

    font-size: 22px;

    line-height: 28px;

    margin-bottom: 25px;

}



/** SecondFooter **/

.second-footer .footer-logo img{max-width: 180px;}

.second-footer .textwidget .sep_line.border-bottom{border-bottom: 1px solid rgba(255,255,255,.04)!important;}

.second-footer .call_detail h3{

  font-size: 26px;

  color: #ff0000;

}

.second-footer .call_detail h4{

  font-size: 18px;

  font-weight: 400;

}









/** 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: 13px;

}

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: #800000;

    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 */

.newsletter-box{

  padding: 30px 20px 35px 20px;

  border: 1px solid transparent;

  position: relative;

  z-index: 1;

  background-color: rgba(0, 0, 0,0.40);

}







.ttm_subscribe_form{ position: relative; }

.ttm_subscribe_form input[type="email"] {

    height: 52px;

    border: 1px solid transparent;

    border-radius: 0;

    padding-left: 15px;

    padding-right: 20px;

    font-size: 15px;

    text-align: left;

    background-color: rgba(255,255, 255,0.10);

    margin-top: 10px;

    color: #fff;

    margin-bottom: 10px;

}

.ttm_subscribe_form input::placeholder {

  color: #a8b9be;

}

.ttm_subscribe_form .btn[type="submit"] {

    font-size: 16px;

    border-radius: 0;

    height: 45px;

    width: 100%;

}



/* social-icons */

.footer .social-icons li{ margin: 0 6px 0 0; }

.footer .social-icons li>a {

    display: block;

    text-align: center;

    width: 40px;

    height: 40px;

    border-radius: 0;

    line-height:40px;

    border: none ;

    background-color: rgba(255, 255, 255,0.10);

    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: #171717;

}



/** 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-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.ttm-page-title-row { 

    display: block;

    padding-top: 200px; 

    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: 'Open Sans', serif;

    font-weight: 400;

    text-transform: capitalize;

    font-size: 47px;

    line-height: 50px;

    margin-bottom: 6px;

    position: relative;

}

.page-title-heading h3{

    font-family:'Open Sans', serif;

    font-weight: 400;

    text-transform: capitalize;

    font-size: 15px;

    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: 'Poppins', sans-serif;

    font-weight: 400;

    text-transform: capitalize;

    font-size: 14px;

    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: 400;

}

.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: #242424;

    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 40px;

}

.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: 400;

    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: 400;

    font-size: 16px;

    line-height: 20px;

    padding-left: 26px;

    font-family: 'Open Sans', serif;

}

.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: 400;

}



/* 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;

}

ul.ttm-timelistbox-block li strong{

  font-weight: 500;

  font-family: "Poppins", sans-serif;

}



/*------------------------------------------------------------------------------*/

/*  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: 400;

    margin-right: 5px;

    margin-left: 0;

    font-family: 'Open 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: 400;

    padding-right: 10px;

    position: relative;

    margin-right: 10px;

    font-family: 'Open 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: 17px;

    padding: 13px 34px;

    border-radius: 0;

    font-weight: 400;

    text-transform:capitalize;

    letter-spacing: 1px;

    font-family: 'Open Sans', serif;

}

.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:400;

    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: 400;

    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-box-post-date .entry-month{

  font-size: 12px;

  font-weight: 400;

  display: inline-block;

  text-transform: capitalize;

  

}



article.ttm-blog-classic .ttm-box-post-date .entry-month span{padding-left: 3px;}





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: 31px;

    line-height: 38px;

    font-weight:400;

    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: 400;

}





/*------------------------------------------------------------------------------*/

/*  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: capitalize; padding: 11px 34px; font-weight: 400; }

.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: 30px;

    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: 400; }

.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: 400;

    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: 400;

    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-style-fill **/

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-yellow  { background-color: #F7BE68; }

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-purple  { background-color: #B97EBB; }

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-red  { background-color: #F4524D; }

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-dark_grey  { background-color: #50485B; }

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-light_green  { background-color: #75D69C; }

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-aqua{ color: #39c8df; }

.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-grey { background-color: #EBEBEB;}



/** icon_element-style-border **/

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-mulled_wine { border-color: #50485b; color: #50485b; }

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-blue { border-color: #5472d2; color: #5472d2; }

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white { border-color: #fff; color: #fff; }

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-yellow { border-color: #ffb300; color: #ffb300; }

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-orange { border-color: #ff4c00; color: #ff4c00; }

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-red { border-color: #ff0a26; color: #ff0a26; }

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-green { border-color: #6dab3c; color: #6dab3c; }



/** 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%;

}

#mybutton {
  display: none;
  color: #ffffff;
  background-color: #ff0000;
  width: 8em;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
}