/**

  * Name: Tectxon

  * Version: 2.0

  * Author: ThemetechMount

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

*/



@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i,900');



/**



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



  6. TooltipTop



  7. TopBar



  8. Header

     - SiteBrand(logo)

     - SiteNavigation(Menu)

     - ttm-rt-contact(HeaderIcons - Search, Cart)

     - ttm-search-overlay



  9. Footer

     - FirstFooter

     - SecondFooter

     - ttm-recent-post-list

     - menu-footer-services

     - mailchimp-inputbox

     - Footer-nav-menu



  10. GoTop BUtton

  

  11. Page-Title-Row



  12. Error-Page

  

  13. Map



**/



 

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

    General

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



/** Variables **/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

    display: block;

}

 list-style: none;

}

a:focus { 

    text-decoration: none; 

}

a:focus, a:hover { 

    color: #ff5e14; 

    text-decoration: none; 

}

a, button, input { 

    outline: medium none; 

    color: #ff5e14; 

}

ol, ul{ 

    padding: 0; 

    margin: 0;

    list-style: none;

}

strong{ 

  font-weight: 700;

}

iframe{

  width: 100%;

  border: none;

  display: block;

}

p { 

    margin: 0 0 15px; 

}



*::-moz-selection { 

    background: #ff5e14; 

    color: #fff; 

    text-shadow: none; 

}

::-moz-selection { 

    background: #ff5e14; 

    color: #fff;

    text-shadow: none; 

}

::selection { 

    background: #ff5e14; 

    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: #5d6576;

    padding: 10px 20px;

    font-weight: 400;

    background-color: rgba(0,0,0,.03);

    text-transform: inherit;

    border: 1px solid #e5e5e5;

    font-size: 16px;

    outline: none;

    line-height: inherit;

}

button, input[type="submit"], 

input[type="button"], 

input[type="reset"] {

    display: inline-block;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;

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

}



menu, ol, ul {

    margin: 16px 0;

    padding: 0 0 0 25px;

}



body {/* font-family: "Open Sans",Tahoma,Geneva,sans-serif;*/

/*font-family: 'Oswald', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

    font-size: 15px;

    line-height: 28px;

    color: #5d6576;

    background-color: #f3f7f9;

    letter-spacing: 0px;



}

h1, h2, h3, h4, h5, h6{  margin-bottom: 15px; font-weight: 400; color: #020d26;}

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

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

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

h4 { font-size: 25px; margin-bottom: 20px; }

h5 { font-size: 18px; line-height: 20px; font-weight: 400;}

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





/** Transition **/



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

.featured-icon i , .owl-item, img, span, .featured-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; 

}

a, .ttm-btn, i.ttm-btn, a.nav-link , .social-icons li>a,

.ttm-header-style-infostack .ttm-custombutton a,

.ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link 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; 

}



.ttm-btn span, .nav-link span, .cart-info a i, .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 11px 0 rgba(6,22,58,.14);

    -moz-box-shadow: 0 0 11px 0 rgba(6,22,58,.14);

    box-shadow: 0 0 11px 0 rgba(6,22,58,.14);

}

.box-shadow2{

    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,.6);

    -moz-box-shadow:0px 1px 10px rgba(0,0,0,.6);

    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);

}



/** Extra-outer **/

body .page {

/*    overflow: hidden;*/

    position: relative;

    z-index: 10;

}

body .site-main {

   /* padding-top: 82px;*/

    background-color: #fff;

    position: relative;

    z-index: 9; margin-top: 20px;

}

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

  padding-top: 65px;

  padding-bottom: 40px;

  background-color: transparent;

}

.alignleft {

    float: left;

    margin: .375em 1.75em 1.75em 0;

}

.about-info h4{ font-size: 24px; font-weight: normal; }



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

    Spacing

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



/** Padding **/

.padding-1{ padding-top: 78px; padding-right: 50px; padding-bottom: 48px; }

.padding-2{ padding-top: 77px; padding-right: 210px; padding-bottom: 62px; }

.padding-3{ padding-top: 100px; padding-right: 127px; padding-left: 80px; padding-bottom: 142px; }

.padding-4{ padding-top: 90%; padding-left: 30px; }

.padding-5{ padding-top: 114px; padding-left: 15px; padding-right: 15px;}

.padding-6{ margin-top: 50px; padding-top: 80px ; padding-right: 30px; padding-bottom: 34px;}

.padding-7{ padding-top: 130px; padding-bottom: 45px; padding-left: 70px;}

.padding-8{ padding-top: 67px; padding-right: 70px; padding-bottom: 50px; padding-left: 70px;}

.padding-9{ padding-top: 78px; padding-bottom: 28px; padding-left: 60px; padding-right: 15px; }

.padding-10 { margin-top: -68px; margin-left: -100px; padding-top: 70px; padding-right: 70px; padding-bottom: 100px; padding-left: 100px; }

.padding-11 { padding-top: 105px ; padding-right: 120px ; padding-bottom: 50px ; padding-left: 265px ; }

.padding-12{ padding-top: 105px; padding-right: 120px; padding-bottom: 50px; padding-left: 265px; }

.padding-13{ padding-top: 78px; padding-right: 230px; padding-bottom: 48px; }

.padding-14{ padding-top: 97px; padding-right: 245px; padding-bottom: 100px; }

.padding-15{ margin-top: 65px; padding-top: 76px; padding-left: 40px;}

.padding-16{ padding: 54px 60px 45px 42px;}





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



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

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



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

.pt-4{ padding-top: 4px !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-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-87{ padding-top: 87px !important; }

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

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

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

.pt-107{padding-top: 107px !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-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-74{ padding-bottom: 74px !important; }

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

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

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

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

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

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





/** Margin **/

.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-42{ margin-top: 42px !important;}

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

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

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

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

.mt-86{margin-top: 86px !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_25{ margin-top: -25px!important; }

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

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

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

.mt_54{ margin-top: -54px !important; }

.mt_55{ margin-top: -55px !important; }

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

.mt_65{ margin-top: -65px !important; }

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

.mt_72{ margin-top: -72px !important; }

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

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

.mt_91{ margin-top: -91px !important; }

.mt_92{ margin-top: -92px !important; }

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

.mt_103 { margin-top: -103px !important;}

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

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

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

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

.mt_170{ margin-top: -170px !important; }

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

.mt_194{ margin-top: -194px !important; }

.mt_274{ margin-top: -274px !important; }

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

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

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

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

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

.ml_64{ margin-left: -64px !important; }

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

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

.ml_110{ margin-left: -110px !important; }

.ml_113{ margin-left: -113px !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-5{ margin-right: 5px !important; }

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

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

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

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

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

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

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

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

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

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

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

.mb-15{ margin-bottom: 15px !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-60 { margin-bottom: 60px !important; }

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

.mb-55 { margin-bottom: 55px !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

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



/** 2.DarkGrey-color **/

.ttm-header-style-infostack .ttm-top-info-con .title-box h5,

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

.widget-footer .second-footer .widget .widget-title,

.content-post .content-post-desc h5 a:not(:hover) ,

.ttm-team-details-list .ttm-team-list-value a:not(:hover),

.post .post-desc h5 a,

.ttm-pf-detailbox-list .ttm-pf-details-date .ttm-pf-left-details,

.ttm-fid-contents h4,

h2.title strong,

.section-title h3.title,

.section-title h2.title,

.row-title p.style2,

.featured-item .content-post h2.title-post a,

.ttm-btn.ttm-btn-color-black.ttm-btn-style-border,

.ttm-icon.ttm-icon-color-black.ttm-icon-style-border{

  color: #020d26;

}



/** DarkGrey-bg-color **/

.ttm-bgcolor-darkgrey, .ttm-topbar-wrapper.ttm-bgcolor-darkgrey,

.ttm-bgcolor-darkgrey > .ttm-bg-layer,

.pricing-head,

.pricing-title,

.featured-imagebox-team.style1 .featured-content .category,

button, input[type="submit"], input[type="button"], input[type="reset"],

.mailchimp-inputbox button[type="submit"]:hover,

.ttm-btn.ttm-btn-color-black.ttm-btn-style-border:hover ,

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

.featured-box.style5:hover .featured-icon i,

.accordion .toggle .toggle-title,

.ttm-tabs.element-tab-style-horizontal ul.tabs li a,

a.checkout-button,

.coupon button,

.ttm-bgcolor-darkgrey > .ttm-bg-layer > .ttm-bg-layer-inner,

.ttm-cart-form button,

.place-order button{

    background-color: #0a3044;

}

.tp-caption.tp-dark-shape.tp-shapewrapper{ background-color: rgba(2, 13, 38, 0.46); }



/** DarkGrey-border-color **/

.featured-box.style5:hover,

.ttm-btn.ttm-btn-color-black.ttm-btn-style-border,

.ttm-icon.ttm-icon-color-black.ttm-icon-style-border{

  border-color: #020d26;

}





/** 3.White-color **/

.ttm-textcolor-white a, .ttm-topbar-wrapper.ttm-textcolor-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-textcolor-white .ttm-fid-icon-wrapper i,

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

    color: rgba(255,255,255,1);

}

.ttm-textcolor-white .text-opecity ,

.ttm-textcolor-white.text-opecity,

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

.ttm-bgcolor-darkgrey .timeline .timeline-body p,

.ttm-bgcolor-skincolor .timeline .timeline-body p,

.ttm-bgcolor-skincolor .featured-box.left-icon p, 

.ttm-bgcolor-darkgrey .featured-box.left-icon p,

.ttm-bgcolor-darkgrey .featured-box.style2.text-center p,

.ttm-bgcolor-skincolor .featured-box.style2.text-center p{

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

}

.ttm-bgcolor-skincolor > p,

.ttm-bgcolor-darkgrey > p,

.ttm-bgcolor-skincolor .section-title p,

.ttm-bgcolor-darkgrey .section-title p{

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

}

.ttm-bgcolor-skincolor .contactform.style2 textarea::-webkit-input-placeholder,

.ttm-bgcolor-skincolor .contactform.style2 input::-webkit-input-placeholder,

.ttm-bgcolor-darkgrey .contactform.style2 textarea::-webkit-input-placeholder,

.ttm-bgcolor-darkgrey .contactform.style2 input::-webkit-input-placeholder {

    color: #ec671a;

    opacity: .9;

}

.heilight-white-text,

.ttm-textcolor-white,

.ttm-textcolor-white a,

a.tp-caption.simple-text-button,

.tp-caption.video-icon, .video-icon,

a.tp-caption.tm-simple-link ,

.ttm-textcolor-white h1, .ttm-textcolor-white h2, .ttm-textcolor-white h3, 

.ttm-textcolor-white h4, .ttm-textcolor-white h5, .ttm-textcolor-white h6,

footer .ttm-textcolor-white a,

.image-overlay-content span,

.image-overlay-content .ttm-bgcolor-skincolor span,

.image-overlay-content .ttm-bgcolor-darkgrey span,

.featured-box.style10 .featured-content .featured-desc h3,

.ttm-bgcolor-skincolor .ttm-fid-contents h3, 

.ttm-bgcolor-darkgrey .ttm-fid-contents h3,

.ttm-page-title-row .breadcrumb-wrapper,

.ttm-bgcolor-skincolor .section-title h2.title,

.ttm-bgcolor-darkgrey .section-title h2.title,

.ttm-bgcolor-skincolor .section-title h2.title strong,

.ttm-bgcolor-darkgrey > .social-icons li>a,

.ttm-bgcolor-darkgrey .section-title h5,

.ttm-bgcolor-darkgrey > h2.title,

.ttm-bgcolor-darkgrey > h2.title strong,

.ttm-bgcolor-darkgrey .section-title h2.title strong,

.ttm-bgcolor-darkgrey p,

.ttm-bgcolor-skincolor .section-title h5,

.ttm-bgcolor-skincolor > h2.title,

.ttm-bgcolor-skincolor p,

.ttm-bgcolor-skincolor > .featured-title h5, .ttm-bgcolor-darkgrey > .featured-title h5,

.ttm-bgcolor-skincolor > .featured-box .featured-icon i,

.ttm-bgcolor-skincolor .featured-box.icon-color-white .featured-icon i,

.ttm-bgcolor-darkgrey .featured-box.icon-color-white .featured-icon i,

.ttm-bgcolor-grey .featured-box.icon-color-white .featured-icon i,

.ttm-bgcolor-darkgrey .col-title h2.title,

.ttm-bgcolor-darkgrey .col-title p,

.ttm-bgcolor-skincolor .col-title h2.title,

.ttm-bgcolor-skincolor .col-title p,

.ttm-bgcolor-skincolor .featured-box .featured-icon.icon-white i,

.ttm-bgcolor-darkgrey .featured-box .featured-icon.icon-white i,

.ttm-bgcolor-skincolor .ttm-btn.btn-inline.ttm-btn-color-skincolor:hover,

.ttm-btn.btn-inline.ttm-btn-color-white,

.ttm-btn.btn-inline.ttm-btn-color-white i,

.ttm-bgcolor-skincolor .widget .widget-title,

.ttm-bgcolor-skincolor .widget i,

.ttm-bgcolor-darkgrey .widget i ,

.ttm-bgcolor-skincolor .featured-title h5,

.ttm-bgcolor-darkgrey .featured-title h5,

.ttm-bgcolor-skincolor .featured-desc p,

.ttm-bgcolor-darkgrey .featured-desc p,

.mailchimp-inputbox button[type="submit"],

.ttm-btn.btn-inline.style2,

.ttm-bgcolor-skincolor.featured-icon i,

.ttm-bgcolor-darkgrey.featured-icon i,

.ttm-tabs ul.tabs li.active a,

.ttm-tabs ul.tabs li a:hover,

.ttm-tabs.element-tab-style-horizontal ul.tabs li a:hover,

.ttm-bgcolor-darkgrey .timeline .timeline-body .title,

.ttm-bgcolor-skincolor .timeline .timeline-body .title,

.ttm-bgcolor-skincolor .ttm-fid-contents h4, 

.featured-iconbox a i,

.featured-box .featured-icon.icon-shape-square i,

.featured-box .ttm-bgcolor-skincolor.featured-icon.icon-shape-square i,

.featured-box .ttm-bgcolor-darkgrey.featured-icon.icon-shape-square i,

.featured-item.featured-portfolio-item .ttm-box-view-overlay.ttm-portfolio-box-view-overlay .content-post a,

.featured-item.featured-portfolio-item .ttm-box-view-overlay.ttm-portfolio-box-view-overlay .content-post a:hover,

.ttm-bgcolor-skincolor .ttm-fid-icon-wrapper i, 

.ttm-bgcolor-darkgrey .ttm-fid-icon-wrapper i, 

.ttm-tabs.style2 ul.tabs li.active a,

.pricing-head, .pricing-title, .price-value,

.content-post.content-team-post .ttm-social-links-wrapper ul li a:hover,

.accordion .ttm-style-classic .toggle.active .toggle-title a,

.accordion .ttm-style-classic .toggle .toggle-title:after,

.accordion .toggle.ttm-style-classic.active:not(.ttm-toggle-title-bgcolor-grey) .toggle-title a, 

.accordion .toggle.ttm-style-classic.active:not(.ttm-toggle-title-bgcolor-grey) .toggle-title:after, 

.widget.widget-nav-menu ul li.active a,

.widget.widget-nav-menu ul li:hover a,

.social-icons.circle li>a:hover,

.ttm-team-member-single-content .ttm-social-links-wrapper ul li a:hover,

.sidebar .widget .tagcloud a:hover,

.ttm-pagination .page-numbers.current,

.ttm-pagination .page-numbers:hover,

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

.ttm-bgcolor-darkgrey .ttm-header-icons .ttm-header-search-link a,

ul.products li.product .ttm-shop-icon a:hover ,

.sidebar-right .product-list-widget .price ins .product-Price-amount,

.accordion .toggle.toggle-style-border.toggle-square .toggle-title:after,

.accordion .toggle.toggle-style-border.toggle-square .toggle-title:before,

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

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

.ttm-bgcolor-darkgrey .ttm-btn.btn-inline.ttm-btn-color-skincolor:hover,

button, input[type="submit"], input[type="button"], input[type="reset"],

.mailchimp-inputbox button[type="submit"]:hover,

.ttm-btn.ttm-btn-color-black.ttm-btn-style-border:hover ,

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

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

.featured-box.style5:hover .featured-icon i,

a.checkout-button,

.ttm-icon_element-bgcolor-skincolor i,

.coupon button,

.featured-box.style11:hover .ttm-box-image .process-num span,

.featured-box.left-icon.style1:hover .ttm-di_links a,

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white i,

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white,

.ttm-fid.style1 .ttm-fid-icon-wrapper i,

.featured-imagebox-team.style1 .featured-content .category,

.ttm-cart-form button,

.place-order button {

    color: #fff;

}



/** White-bg-color **/

.ttm-bgcolor-white,

.ttm-bgcolor-white > .ttm-bg-layer,

.ttm-header-style-infostack .ttm-header-wrap,

.ttm-header-style-classic .ttm-header-wrap,

.featured-iconbox a:hover i,

.featured-box.style11,

.featured-box.style11 .ttm-box-image:before ,

.featured-box.left-icon.style1 .ttm-di_links,

.ttm-btn.ttm-btn-style-border.ttm-bgcolor-white,

.ttm-bgcolor-darkgrey .ttm-custombutton.ttm-btn-bgcolor-skincolor:hover{

    background-color: #fff;

}



/** White-border-color **/

.ttm-bgcolor-skincolor .heading-seperator span:after,

.ttm-bgcolor-skincolor .heading-seperator:after{

    border-bottom-color: #fff !important;

}

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white{

  border-color: #fff;

}

.ttm-bgcolor-skincolor .separator .sep-line{

    border-color: rgba(255, 255, 255, .24);

}

.ttm-bgcolor-darkgrey .contactform.style2 .text-input, .ttm-bgcolor-darkgrey .contactform.style2 .text-area,

.ttm-bgcolor-skincolor .contactform.style2 .text-input, .ttm-bgcolor-skincolor .contactform.style2 .text-area {

    border-bottom-color: rgba(255,255,255,.18) ;

}

.ttm-video-btn .ttm-btn-play, .ttm-btn-play:after, .ttm-btn-play:before{ border-color: #ff5e18; }



/** 4.Grey-color **/

.ttm-textcolor-dark a, .ttm-textcolor-dark h1, .ttm-textcolor-dark h2, .ttm-textcolor-dark h3, .ttm-textcolor-dark h4, 

.ttm-textcolor-dark h5, .ttm-textcolor-dark h6 {

    color: rgba(6,22,58,.8);

} 

/** Grey-bg-color **/

.ttm-bgcolor-grey,

.ttm-bgcolor-grey > .ttm-bg-layer,

.featured-box.style2:after,

.ttm-search-overlay .ttm-site-searchform input[type="search"],

.featured-item.ttm-team-view-topimage .content-post.content-team-post,

article.post blockquote,

.comment-body {

    background-color: #f3f7f9;

}

.featured-box.style2{ border-color: #ccc !important; background: #fff !important; }

.ttm-bgcolor-darkgrey .featured-box.style2:not(:hover){ border-color: transparent; }





/* Extra-color*/

.ttm-header-style-classic .ttm-header-icons .ttm-header-search-link a, 

.ttm-header-style-classic .ttm-header-cart-link a ,

.ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link a, 

.ttm-header-style-infostack .ttm-header-icons .ttm-header-cart-link a ,

.ttm-header-style-infostack .ttm-custombutton a{

      color: rgba(2,13,38,1);

}

a.ttm-btn.ttm-btn-color-skincolor.btn-inline:hover{

  color: #313131;

}

.ttm-bgcolor-darkgrey .ttm-custombutton:hover a{

    color: #202020;

}

.ttm-bgcolor-white .ttm-btn.btn-inline.ttm-btn-color-white,

.ttm-bgcolor-white .ttm-btn.btn-inline.ttm-btn-color-white i,

.ttm-bgcolor-grey .ttm-btn.btn-inline.ttm-btn-color-white,

.ttm-bgcolor-grey .ttm-btn.btn-inline.ttm-btn-color-white i,

.ttm-bgcolor-white .ttm-btn.ttm-btn-color-white.ttm-btn-style-border,

.ttm-bgcolor-grey .ttm-btn.ttm-btn-color-white.ttm-btn-style-border{ 

    color: inherit;

}

.ttm-bgcolor-white .ttm-btn.ttm-btn-color-white.ttm-btn-style-border,

.ttm-bgcolor-grey .ttm-btn.ttm-btn-color-white.ttm-btn-style-border{

    border-color: inherit;

}



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

    Pre-loader

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

#preloader  {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 50px;

    height: 50px;

    margin: -30px 0 0 -30px;

 }

#status {

    position: fixed;

    z-index: 999999;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: block;

    background: #fff;

    background-image: url(../images/pre-loader-1.gif);

    background-repeat: no-repeat;

    background-position: center;

}





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

    SocialIcon

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

.social-icons ul{ margin: 0; padding: 0; }

.social-icons {

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 15px;

    padding-top: 0;

    padding-bottom: 0;

}

.social-icons li {

    display: inline-block;

    padding-left: 2px;

    border: none;

}

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

.social-icons.circle li>a {

    display: block;

    width: 37px;

    height: 37px;

    line-height: 37px;

    border-radius: 50%;

    font-size: 16px;

    text-align: center;

    border: 1px solid #ededed;

    color: #7f7f7f;

}

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

.ttm-bgcolor-grey .social-icons.circle li>a{

  background-color: #fff;

}



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

    TooltipTop

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



.tooltip-top{ position: relative; }

.tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before {

    position: absolute;

    visibility: hidden;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(Opacity=0);

    opacity: 0;

    -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);

    -moz-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(.71,1.7,.77,1.24);

    transition: opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    pointer-events: none;

}

.tooltip:before, [data-tooltip]:before {

    z-index: 1001;

    border: 6px solid transparent;

    background: 0 0;

    content: "";

}

.tooltip-top:before, .tooltip:before, [data-tooltip]:before {

    margin-left: -6px;

    margin-bottom: -12px;

    border-top-color: #000;

    border-top-color: hsla(0,0%,20%,.9);

}

.tooltip-top:after, .tooltip-top:before, .tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before {

    bottom: 100%;

    left: 50%;

}

.tooltip-top:focus:after, .tooltip-top:focus:before, .tooltip-top:hover:after, .tooltip-top:hover:before, .tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, [data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before {

    -webkit-transform: translateY(-12px);

    -moz-transform: translateY(-12px);

    transform: translateY(-12px);

}

.tooltip-top:after, .tooltip:after, [data-tooltip]:after {

    margin-left: -80px;

}

.tooltip:after, [data-tooltip]:after {

    z-index: 1000;

    padding: 8px;

    width: 160px;

    background-color: #000;

    background-color: hsla(0,0%,20%,.9);

    color: #fff;

    content: attr(data-tooltip);

    font-size: 14px;

    line-height: 1.2;

    text-align: center;

    border-radius: 5px;

}

.tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, [data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before {

    visibility: visible;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(Opacity=100);

    opacity: 1;

}





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

    TopBar

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

.ttm-topbar-wrapper{

    line-height: 30px;

}

.ttm-topbar-wrapper .top-contact.text-left {

    position: relative;

    float: left;

}

.top-contact li:last-child {

    padding-right: 0;

}

.top-contact li{

    position: relative;

    z-index: 1; display: inline; padding:0 10px;

}

.top-contact {

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 14px;

    display: inline-block;

    position: relative;

    line-height:30px;

}

.ttm-topbar-wrapper .ttm-social-links-wrapper{ margin: 0; }

.ttm-topbar-wrapper .social-icons li>a {

    display: block;

   /* width: 20px;

    height: 26px;

    line-height: 26px;

    border-radius: 26px;

    font-size: 15px;*/

    background-color: transparent;

}

.ttm-topbar-content .topbar-right .list-inline {

    display: inline-block;

   /* line-height: 35px;*/

}

.top-contact.ttm-highlight {

    margin-left: 8px;

    position: relative;

}

.top-contact.ttm-highlight li:first-child {

    padding-left: 25px;

}

.top-contact.ttm-highlight:after {

    position: absolute;

    content: "";

    content: "";

    left: 0;

    top: 0;

    width: 5000px;

    height: 100%;

}

.top-contact strong {

    font-weight: 600;

}

.top-contact span.tel-no {

    font-size: 15px;

    font-weight: 500;

}

.top-contact i {

    margin-right: 9px;

    display: inline-block;

}

.ttm-top-info-con ul li {

    position: relative;

    display: inline-block;

    float: left;

    text-align: left;

    margin: 0;

}

.ttm-header-style-infostack .ttm-top-info-con > ul { padding: 0; margin: 0; }

.ttm-header-style-infostack .ttm-top-info-con {

    float: right;

    position: relative;

    z-index: 3;

    text-align: right;

}

.ttm-header-style-infostack .ttm-top-info-con ul li {

    vertical-align: middle;

    display: table-cell;

    text-align: left;

    position: relative;

}

.ttm-header-style-infostack .ttm-top-info-con>ul:not(.social-icons)>li {

    padding: 0 32px;

}

.ttm-header-style-infostack .ttm-top-info-con>ul:not(.social-icons)>li:last-child {

    padding-right: 0;

}

.ttm-top-info-con ul li .icon-box{

    display: table-cell;

    vertical-align: top;

}

.ttm-top-info-con ul li .title-box{

    display: table-cell;

    vertical-align: middle;

}

ul li .icon-box.icon-style-border{

    position: relative;

}

ul li .icon-box.icon-style-border i{

    border: 1px solid;

    position: relative;

    display: inline-block;

    height: 43px;

    width: 43px;

    line-height: 43px;

    border-radius: 50%;

    text-align: center;

}

.icon-box i{

    font-size: 16px;

}

.ttm-top-info-con ul li .title-box{

    padding-left: 14px;

}

.ttm-header-style-infostack .ttm-top-info-con .title-box h5 {

    font-size: 17px;

    line-height: 19px;

    font-weight: 600;

    margin-bottom: 2px;

}

.ttm-header-style-infostack .ttm-top-info-con .title-box p {

    font-size: 15px;

    line-height: 20px;

    font-weight: 500;

    color: #5d6576;

    margin-bottom: 8px;

    font-weight: normal;

    font-family: Open sans;

}





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

    Header

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



/** SiteBrand(logo) **/

.site-branding{

    float: left;

    height: 105px;

    line-height: 105px;

}

.ttm-header-top-wrapper{

    position: relative;

}

.site-branding img {

    max-height: 105px;

}



/** SiteNavigation(Menu) **/

.site-navigation {

    position: relative;

}

.ttm-header-style-infostack #site-header-menu .container{ padding: 0; }

#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 li:hover > ul { display: block; }

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

    font-weight: 500;

    font-size: 14px;

    line-height: 27px;

    position: relative; text-transform: uppercase;

}

#site-header-menu #site-navigation .menu ul > li.has-submenu > a:after  {

    content: "\f107";

    display: inline-block;

    font-family: "FontAwesome";

    position: relative;

    font-size: 11px;

    margin-left: 4px;

    margin-top: 3px;

    opacity: 0.3;

}

#site-header-menu #site-navigation .menu ul.dropdown > li > ul > li.has-submenu > a:after{

    font-family: "FontAwesome";

    content: "\f105";

    float: right;

    font-size: 12px;

    margin-left: 3px;

    margin-top: 3px;

    opacity: 0.3;

}

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

    font-family: "FontAwesome";

    display: inline;

    text-align: center;

    font-size: 24px;

    line-height: 0;

    content: "-";

    opacity: 0;

    margin-right: 5px;

    left: 0px;

    -webkit-transition: .3s all;

    -o-transition: .3s all;

    transition: .3s all;

}

#site-header-menu #site-navigation .menu ul li > ul li:hover > a:before{ opacity: 1; }

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

    padding: 1px 3px 2px;

    border-radius: 2px;

    font-size: 10px;

    line-height: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

  }



/** 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-style-infostack .ttm-rt-contact .ttm-header-icons,

.ttm-header-icon{

    float: left;

    position: relative;

}

.ttm-header-icon{  float: right; }

.ttm-header-icons .ttm-header-cart-link a, .ttm-header-icons .ttm-header-search-link a {

    position: relative;

    border: none;

    border-radius: 50%;

    font-size: 15px;

    height: 36px;

    width: 36px;

    line-height: 32px;

    display: inline-block;

    text-align: center;

}

.ttm-header-icons {

    float: right;

}

.ttm-header-icon {

    margin-left: 17px;

    line-height: 105.5px;

    height: 105.5px;

}

.ttm-header-icons .ttm-header-cart-link a {

    border: 1px solid #ebebeb;

    border-radius: 50%;

    width: 35px;

    line-height: 35px;

    display: inline-block;

    height: 35px;

}

.ttm-header-icons .ttm-header-cart-link a, 

.ttm-header-style-classic .ttm-header-icons .ttm-header-search-link a {

    height: 31px;

    width: 31px;

    line-height: 33px;

    background-color: #ebebeb;

    padding-left: 0px;

    font-size: 13px;

    border: none;

}

.ttm-header-icons .ttm-header-cart-link span.number-cart {

    position: absolute;

    bottom: 20px;

    left: 21px;

    width: 18px;

    height: 18px;

    text-align: center;

    line-height: 18px;

    font-size: 9px;

    display: block;

    color: #fff;

    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;

}





/**  ttm-search-overlay **/

.ttm-search-overlay {

    position: absolute;

    top: 100%;

    right: 0px;

    width: 400px;

    background: #fff;

    border-top: 3px solid;

    opacity: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all ease .3s;

    -ms-transition: all ease .3s;

    transition: all ease .3s;

    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);

    -ms-box-shadow: 0 3px 5px rgba(0,0,0,.1);

    box-shadow: 0 3px 5px rgba(0,0,0,.1);

    z-index: 2;

}

.ttm-header-style-overlay .ttm-search-overlay .w-search-form-row:before,

.ttm-header-style-classic .ttm-search-overlay .w-search-form-row:before{ right: 7px; }

.ttm-search-overlay .w-search-form-h {

    display: table;

    height: 100%;

    width: 100%;

}

.ttm-search-overlay .w-search-form-row {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    width: 100%;

    position: relative;

    padding: 20px;

}

.ttm-search-overlay .w-search-form-row:before {

    position: absolute;

    right: 17px;

    top: -8px;

    width: 47px;

    height: 47px;

    text-align: center;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 8px solid;

    content: " ";

}

.ttm-search-overlay .ttm-site-searchform input[type="search"] {

    font-size: 14px;

    text-align: left;

    height: 50px;

    border: none;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    box-shadow: none!important;

    color: #333;

    width: 85%;

    line-height: 1.3em;

    float: left;

}

.ttm-search-overlay .ttm-site-searchform button {

    font-size: 21px;

    width: 15%;

    padding: 0;

    border: 0;

    border-radius: 0;

    height: 50px;

    text-align: center;

    display: block;

    line-height: 50px;

    color: #fff;

    float: left;

}

.ttm-header-search-link .ttm-tectxon-icon-search:before {

    font-weight: 600;

}

.ttm-tectxon-icon-search:before {

    content: '\e825';

    font-family: "themify";

}

.ttm-search-overlay.st-show {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}









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

    Footer

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

.footer .widget {

    margin: 40px 0 0;

    text-align: center;

}

.footer .widget.style2{ text-align: left; }



/** FirstFooter **/

.footer .first-footer {

    padding: 25px 0 55px;

}

.widget-footer .first-footer .widget p{ margin: 0 0 12px; color: #fff !important; 
font-family: 'Roboto', sans-serif;
  line-height: 20px !important;  font-size: 14px;}

.widget-footer .first-footer .widget .widget-title {

    font-size: 20px;

    line-height: 30px;

    font-weight: 500; text-transform: uppercase; margin-bottom: 5px !important;
    font-family: 'Oswald', sans-serif !important;
}

.widget-footer .first-footer .widget i{

    font-size: 45px;

    display: block;

    margin-bottom: 12px;

}

.widget-footer .first-footer .widget-area:not(:last-child):after{

    content: "";

    position: absolute;

    height: 100%;

    width: 1px;

    right: 0px;

    top: 50%;

    transform: translateX(0%) translateY(-50%);

    -moz-transform: translateX(0%) translateY(-50%);

    -ms-transform: translateX(0%) translateY(-50%);

    -o-transform: translateX(0%) translateY(-50%);

    transform: translateX(0%) translateY(-50%);

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

    display: inline-block;

}



/** SecondFooter **/

.footer .second-footer{

    padding: 35px 0 50px;

    background-image: url(../img/bg2.png);

    background-color: #06496c;

    background-position: center center;

    background-size: auto;

    background-repeat:repeat;

    background-attachment: scroll;

}

.widget-footer .second-footer .widget .widget-title {

    font-size: 23px;

    line-height: 28px;

    font-weight: 600;

}

.second-footer .widget.style2 .widget-title {

    margin-bottom: 35px;

}

.second-footer .widget.style2 .widget-title:after{

    content: '';

    width: 28px;

    height: 2px;

    margin-top: 5px;

    display: block;

}

.second-footer .widget-area:first-child .social-icons li>a {

    font-size: 19px;

    text-align: left;

    padding: 0 5px;

    color: rgba(6,22,58,1);

}

.second-footer .widget-area:first-child .social-icons li:last-child>a{ padding-left: 0; }

.footer-logo img{

    height: 150px;

    width: auto; border-radius: 5px 5px 0 0 !important;

}

.widget ul.widget-contact{

  border-top: 1px solid rgba(122,122,122,.1);

  padding-top: 25px;

}

.widget ul.widget-contact li{

    list-style: none;

    padding-left: 30px;

    position: relative;

    padding-top: 0;

    padding-bottom: 17px;

    line-height: 20px;

}

.widget a {

    font-weight: 600;

}

.widget ul, ul.footer-nav-menu{ margin: 0; padding: 0; }

.widget ul>li {

    padding: 0 0 5px 0;

}

.widget-contact li i {

    position: absolute;

    left: 0;

    top: 4px;

}

.footer .ttm-textcolor-dark  a:not(:hover) {

    color: rgba(6,22,58,1);

}



/** ttm-recent-post-list **/

ul.ttm-recent-post-list>li>a {

    font-size: 15px;

    line-height: 21px;

    display: block;

}

ul.ttm-recent-post-list>li img {

    display: block;

    width: 85px;

    height: 80px;

    float: left;

    margin-right: 18px;

}

ul.ttm-recent-post-list>li {

    margin: 0 0 20px 0;

    padding: 0;

    text-align: left;

}

ul.ttm-recent-post-list>li>a {

    font-size: 15px;

    line-height: 21px;

    display: block;

}

ul.ttm-recent-post-list>li .post-date {

    display: block;

    font-size: 13px;

}

ul.widget-post.ttm-recent-post-list li:not(:last-child){

    border-bottom: 1px solid rgba(122,122,122,.1);

    padding-bottom: 20px;

    display: block;

}



/** menu-footer-services **/

.widget ul#menu-footer-services li a{

    padding-left: 19px;

}

.widget ul#menu-footer-services li a:before {

    content: "";

    background-color: #8c8c8c;

    width: 10px;

    height: 1px;

    position: absolute;

    left: 1px;

    top: 13px;

}

.widget ul#menu-footer-services li a:after {

    content: "";

    background-color: #8c8c8c;

    width: 1px;

    height: 57px;

    position: absolute;

    left: 1px;

    top: 4px;

}

.widget ul#menu-footer-services li:nth-last-child(2) a:after, .widget ul#menu-footer-services li:nth-last-child(1) a:after {

    height: 22px;

    top: 0;

}

.widget ul#menu-footer-services li:last-child a:after {

    height: 23px;

}

.widget ul#menu-footer-services li:nth-last-child(4) a:after, .widget ul#menu-footer-services li:nth-last-child(3) a:after {

      height: 55px;

  }

/*.widget ul#menu-footer-services li:nth-child(even) {

    width: 40%;

    margin-left: 5%;

}*/

.widget ul#menu-footer-services li {

    display: inline-block;

   /* width: calc(100% - 2px);*/

    width:100%;

    float: none;

    padding: 0 0 8px 0;

    position: relative;

    text-align: left;

}



/** mailchimp-inputbox **/

.mailchimp-inputbox, .widget_newsletterwidget .newsletter-widget {

    height: 45px;

    width: 100%;

    position: relative;

    z-index: 1;

    margin-top: 10px;

    margin-bottom: 8px;

}

.mailchimp-inputbox i {

    position: absolute;

    left: 12px;

    top: 18px;

    opacity: .9;

    font-size: 14px;

    z-index: 1;

}

.mailchimp-inputbox button[type="submit"] {

    width: 70px;

}

.second-footer .mailchimp-inputbox input[type="email"] {

    background-color: #fff;

    border: 1px solid #e4e4e4;

    color: #5d6576;

    font-size: 13px!important;

    padding-left: 35px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    padding-right: 80px;

}

.form-btn {

    position: absolute;

    top: 0;

    height: 49px;

    width: 152px;

    border: 0;

    outline: none;

    border-radius: 0;

    z-index: 21;

    padding: 0;

    right: 0;

    font-weight: 600;

}



/** Footer-nav-menu **/

.footer-nav-menu li {

    display: inline-block;

    padding-right: 20px;

    font-size: 14px;

}

.footer-nav-menu li:last-child{ padding-right: 0; }

ul.footer-nav-menu li:after {

    position: absolute;

    content: "|";

    padding-left: 10px;

}

ul.footer-nav-menu li:last-child:after{

    content: unset;

}

.copyright{

    text-align: center;

    /*padding-top: 22px;

    padding-bottom: 22px;*/

    font-size: 15px;

    /*line-height: 30px*/

}

 .ttm-footer2-left{ text-align: left; }

 .ttm-footer2-right{ text-align: right; }







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

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

    border-radius: 50%;

}

#totop.top-visible {

    height: 45px;

    width: 45px;

    font-size: 22px;

    display: inline;

}





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

    Page-Title-Row

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



.ttm-page-title-row { 

    background-image: url(../img/about-bg1.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}


.ttm-page-title-row1 { 

    background-image: url(../img/about-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.ttm-page-title-row2 { 

    background-image: url(../img/asset-integrity-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.ttm-page-title-row3 { 

    background-image: url(../img/inspections-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top;

}


.ttm-page-title-row4 { 

    background-image: url(../img/mechanical-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.ttm-page-title-row4 { 

    background-image: url(../img/mechanical-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.ttm-page-title-row5 { 

    background-image: url(../img/non-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}


.ttm-page-title-row6 { 

    background-image: url(../img/staffing-supply-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.ttm-page-title-row7 { 

    background-image: url(../img/training-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top !important;

}


.ttm-page-title-row8 { 

    background-image: url(../img/careers-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top !important;

}


.ttm-page-title-row9 { 

    background-image: url(../img/enquiry.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top !important;

}

.ttm-page-title-row10 { 

    background-image: url(../img/cnt-bg.jpg) !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center !important;

}


.ttm-page-title-row { 

    display: block;

    padding-top: 130px; 

    padding-bottom: 130px;

}

.title-box .page-title-heading h1 {

    font-family: 'Oswald', sans-serif !important;
   

    /*font-weight: 600;
*/
    font-size: 40px;

    line-height: 40px;

    color: #fff;

    padding-left: 25px;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.title-box .page-title-heading{ position: relative; }

.title-box .page-title-heading .title:before {

    display: block;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 6px;

}

.breadcrumb-wrapper a {

    font-family: "Open Sans",Arial,Helvetica,sans-serif; 

    font-weight: 400;

    text-transform: capitalize;

    font-size: 15px;

    line-height: 20px;

    color: #ffffff;

}





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

    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;

    font-weight: 600;

    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{ height: 450px; }





/*.home-link{ background: url(../img/logo.png); height: 105px; max-height: 105px; }*/



#rev_slider_4_1_wrapper{ height: 500px !important; }







.carousel-inner > .item > a > img,

.carousel-inner > .item > img,

.img-responsive,

.thumbnail a > img,

.thumbnail > img {

    display: block;

    max-width: 100%;

    height: auto; width:100%;

}





.carousel {

    position: relative;

}

.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.carousel-inner > .item {

    position: relative;

    display: none;

    -webkit-transition: 0.6s ease-in-out left;

    -o-transition: 0.6s ease-in-out left;

    transition: 0.6s ease-in-out left;

}

.carousel-inner > .item > a > img,

.carousel-inner > .item > img {

    line-height: 1;

}

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-inner > .item {

        -webkit-transition: -webkit-transform 0.6s ease-in-out;

        -o-transition: -o-transform 0.6s ease-in-out;

        transition: -webkit-transform 0.6s ease-in-out;

        transition: transform 0.6s ease-in-out;

        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-perspective: 1000px;

        perspective: 1000px;

    }

    .carousel-inner > .item.active.right,

    .carousel-inner > .item.next {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        left: 0;

    }

    .carousel-inner > .item.active.left,

    .carousel-inner > .item.prev {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        left: 0;

    }

    .carousel-inner > .item.active,

    .carousel-inner > .item.next.left,

    .carousel-inner > .item.prev.right {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        left: 0;

    }

}

.carousel-inner > .active,

.carousel-inner > .next,

.carousel-inner > .prev {

    display: block;

}

.carousel-inner > .active {

    left: 0;

}

.carousel-inner > .next,

.carousel-inner > .prev {

    position: absolute;

    top: 0;

    width: 100%;

}

.carousel-inner > .next {

    left: 100%;

}

.carousel-inner > .prev {

    left: -100%;

}

.carousel-inner > .next.left,

.carousel-inner > .prev.right {

    left: 0;

}

.carousel-inner > .active.left {

    left: -100%;

}

.carousel-inner > .active.right {

    left: 100%;

}

.carousel-control {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 15%;

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

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

    filter: alpha(opacity=50);

    /*opacity: 0.5;*/

}

.carousel-control.left {

    /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

    background-repeat: repeat-x;*/

}

.carousel-control.right {

    right: 0;

    left: auto;

   /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

    background-repeat: repeat-x;*/

}

.carousel-control:focus,

.carousel-control:hover {

    color: #fff;

    text-decoration: none;

    outline: 0;

    filter: alpha(opacity=90);

    opacity: 0.9;

}

.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next,

.carousel-control .icon-prev {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    margin-top: -10px;

}

.carousel-control .glyphicon-chevron-left,

.carousel-control .icon-prev {

    left: 50%;

    margin-left: -10px;

}

.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next {

    right: 50%;

    margin-right: -10px;

}

.carousel-control .icon-next,

.carousel-control .icon-prev {

    width: 20px;

    height: 20px;

    font-family: serif;

    line-height: 1;

}

.carousel-control .icon-prev:before {

    content: "\2039";

}

.carousel-control .icon-next:before {

    content: "\203a";

}

.carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 50%;

    z-index: 15;

    width: 60%;

    padding-left: 0;

    margin-left: -30%;

    text-align: center;

    list-style: none;

}

.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #000\9;

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

    border: 1px solid #fff;

    border-radius: 10px;

}

.carousel-indicators .active {

    width: 12px;

    height: 12px;

    margin: 0;

    background-color: #fff;

}

.carousel-caption {

    position: absolute;

    /*right: 15%;*/

    top: 29%;

    left: 10% !important;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center; width: 800px !important;

   /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/

}

.carousel-caption .btn {

    text-shadow: none;

}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next,

    .carousel-control .icon-prev {

        width: 30px;

        height: 30px;

        margin-top: -10px;

        font-size: 30px;

    }

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .icon-prev {

        margin-left: -10px;

    }

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next {

        margin-right: -10px;

    }

    .carousel-caption {

        right: 20%;

        left: 0%;

        padding-bottom: 30px;

    }

    .carousel-indicators {

        bottom: 20px;

    }

}





.carousel-control .fa{ position: relative; top: 200px !important; font-size: 35px !important; }



.carousel-caption h3{ font-size: 45px !important; font-weight: 400;

 color: #fff !important;

 

 font-family: 'Oswald', sans-serif !important;  

  line-height: 50px; }

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



 p{
 font-family: 'Roboto', sans-serif; text-align: justify;
 /*font-family: 'Oswald', sans-serif;*/}



 .category a{ font-size: 22px !important; color: #fff !important; }

 .welcomee p{ text-align: justify !important;    font-family: 'Roboto', sans-serif; 
color: #0e0e0e;
    font-size: 15px;
    line-height: 1.9em;
  /*  margin-top: 20px;
    margin-bottom: 30px;*/
    text-align: justify;

}



.ttm-footer2-right p{ margin-bottom: 0px !important; }







.sitemap ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.sitemap {

  width: 100%;

  /*margin: 50px auto*/;

}

.sitemap a {

  color: #000;

  text-decoration: none;

  display: inline-block;

  text-transform: uppercase;

  margin: 0 5px;

  border-radius: 7px;

  text-align: center;

  position: relative;

}



.first > li > a {

  background: #b4b5b4;

  width: 150px; padding: 10px; margin-bottom: 20px !important;

/*  height: 70px;

  line-height: 70px;*/

  display: block;

  margin: auto;

}

.first > li > a:after {

  content: "";

  position: absolute;

  left: 50%;

  width: 1px;

  height: 10px;

  background: #9e9f9e;

  top: 100%;

}



.second {

  padding-top: 20px;

}

.second > li {

  display: inline-block;

  vertical-align: top;

}

.second a {

  background: #cbcccb;

  font-size: 12px;

  width: 90px;

 /* height: 50px;

  line-height: 50px;*/

  z-index: 10;

}

.second a:before {

  content: "";

  position: absolute;

  border: 1px solid #9e9f9e;

  border-left: none;

  border-bottom: none;

  height: 9px;

  top: -10px;

  left: -76px;

  width: 139px;

}

.second li:first-child a:before {

  border-top: none;

}



.third {

  margin-left: 16px;

  padding-top: 20px;

}

.third  li a{ width: 150px; }

.third a {

  background: #e4e4e3;

  width: 100px;

 /* height: 40px;

  line-height: 40px;

  margin-bottom: 10px;*/

  z-index: 5;

  font-size: 10px;

}

.third a:before {

  border: 1px solid #9e9f9e;

  border-right: none;

  border-top: none;

  height: 55px;

  top: -35px;

  left: -8px;

  width: 7px;

}





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



#menu-footer-services{ margin-left: 15px !important; }

.footer a{ color: #fff !important;font-family: 'Oswald', sans-serif; font-weight: normal;  }

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

li{font-family: 'Oswald', sans-serif;}



a{font-family: 'Oswald', sans-serif;}

p{ color: #000 !important; }

.featured-imagebox-team.style1 .featured-content .category{ background:#1b97b1 !important;  }







.line_title {

  margin: 0 auto;

  width: 20px;

  fill: #fff;

  background-size: cover;

  display: block;

  position: relative;

  /*margin-top: 15px;

  margin-bottom: 15px;*/

}



.line_title svg {

  width: 100%;

  height: 20px;

}



.line_title:before, .line_title:after {

  content: '';

  position: absolute;

  width: 40px;

  height: 5px;

  background: #ec671a;

  display: block;

  top: 5px;

  -webkit-animation: line_animation  1s infinite ease;

  animation: line_animation  1s infinite ease;

}



.line_title:after {

  left: 15px;

}



.line_title:before {

  right: 15px;

}



@-webkit-keyframes line_animation {

  0% {

    width: 40px;

  }

  50% {

    width: 30px;

  }

  100% {

    width: 40px;

  }

}



@keyframes line_animation {

  0% {

    width: 40px;

  }

  50% {

    width: 30px;

  }

  100% {

    width: 40px;

  }

}







.site-maps{ background: #086d82; padding: 15px 20px; margin-top: -40px; position: relative; 

  border-radius: 5px; margin-bottom: 20px; }



#menu-footer-menu{text-align: center; margin: 0 auto;}











/* === BASE HEADING === */ 



/*h1 {

  position: relative;

  padding: 0;

  margin: 0;

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

  font-weight: 300;

  font-size: 40px;

  color: #080808;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

}



h1 span {

  display: block;

  font-size: 0.5em;

  line-height: 1.3;

}

h1 em {

  font-style: normal;

  font-weight: 600;

}

*/

/* === HEADING STYLE #1 === */

.one h1 {

  text-align: center;

  text-transform: uppercase;

  padding-bottom: 5px;

}

.one h1:before {

  width: 28px;

  height: 5px;

  display: block;

  content: "";

  position: absolute;

  bottom: 3px;

  left: 50%;

  margin-left: -14px;

  background-color: #b80000;

}

.one h1:after {

  width: 100px;

  height: 1px;

  display: block;

  content: "";

  position: relative;

  margin-top: 25px;

  left: 50%;

  margin-left: -50px;

  background-color: #b80000;

}



/* === HEADING STYLE #2 === */

.two h1 {

  text-transform: capitalize;

}

.two h1:before {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 60px;

  height: 2px;

  content: "";

  background-color: #c50000;

}



.two h1 span {

  font-size: 13px;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 4px;

  line-height: 3em;

  padding-left: 0.25em;

  color: rgba(0, 0, 0, 0.4);

  padding-bottom: 10px;

}

.alt-two h1 {

  text-align:center;

}

.alt-two h1:before {

  left:50%; margin-left:-30px;

}



/* === HEADING STYLE #3 === */

.three h1 {

  font-size: 28px;

  font-weight: 500;

  letter-spacing: 0;

  line-height: 1.5em;

  padding-bottom: 15px;

  position: relative;

}

.three h1:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 5px;

  width: 55px;

  background-color: #111;

}

.three h1:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 2px;

  height: 1px;

  width: 95%;

  max-width: 255px;

  background-color: #333;

}



/* === HEADING STYLE #4 === */

.four h1 {

  text-align: center;

  padding-bottom: 0.7em;

}

.four h1 span {

  font-weight: 300;

  word-spacing: 3px;

  line-height: 2em;

  padding-bottom: 0.35em;

  color: rgba(0, 0, 0, 0.5);

}

.four h1:before {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 60px;

  height: 1px;

  content: "";

  left: 50%;

  margin-left: -30px;

  background-color: #777;

}



/* === HEADING STYLE #5 === */

.five h1 {

  text-align: center;

  font-size: 22px;

  font-weight: 700; color:#202020;

  text-transform: uppercase;

  word-spacing: 1px; letter-spacing:2px;

}

.five h1 span {

  margin-top: 40px;

  text-transform: none;

  font-size:.75em;

  font-weight: normal;

  font-style: italic; font-family: "Playfair Display","Bookman",serif;

  color:#999; letter-spacing:-0.005em; word-spacing:1px;

  letter-spacing:none;

}

.five h1:before {

  position: absolute;

  left: 0;

  bottom: 38px;

  width: 60px;

  height: 4px;

  content: "";

  left: 50%;

  margin-left: -30px;

  background-color: #dfdfdf;

}



/* STYLE 6

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

.six h1 {

  text-align: center;

  color:#222; font-size:30px; font-weight:400;

  text-transform: uppercase;

  word-spacing: 1px; letter-spacing:2px; color:#c50000;

}

.six h1 span {

  line-height:2em; padding-bottom:15px;

  text-transform: none;

  font-size:.7em;

  font-weight: normal;

  font-style: italic; font-family: "Playfair Display","Bookman",serif;

  color:#999; letter-spacing:-0.005em; word-spacing:1px;

  letter-spacing:none;

}

.six h1:after, .six h1:before {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 45px;

  height: 4px;

  content: "";

  right: 45px; 

  margin:auto;

  background-color: #ccc;

}

.six h1:before { 

background-color:#d78b8b;

  left:45px; width:90px;

}



/* Style 7

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

.seven h1 {

text-align: center;

    font-size:32px; font-weight:300; color:#000; letter-spacing:1px;
    font-family: 'Oswald', sans-serif !important;
   

    display: grid;

    grid-template-columns: 1fr max-content 1fr;

    grid-template-rows: 27px 0;

    grid-gap: 20px; text-transform: capitalize;

    align-items: center; width: 30%; margin: 0 auto; margin-bottom: 10px;

}



.seven h1:after,.seven h1:before {

    content: " ";

    display: block;

    border-bottom: 2px solid #f06818;

    border-top: 2px solid #f06818;

    height: 5px;

/*  background-color:#f8f8f8;*/

}



/* Style 8

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

.eight h1 {

  text-align:center;

 

  text-transform:uppercase;

  font-size:26px; letter-spacing:1px;

  

  display: grid;

  grid-template-columns: 1fr auto 1fr;

  grid-template-rows: 16px 0;

  grid-gap: 22px;

}



.eight h1:after,.eight h1:before {

  content: " ";

  display: block;

  border-bottom: 2px solid #ccc;

  background-color:#f8f8f8;

}





/* Style 9

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

.nine h1 {

  text-align:center; font-size:50px; text-transform:uppercase; color:#222; letter-spacing:1px;

  font-family:"Playfair Display", serif; font-weight:400;

}

.nine h1 span {

  margin-top: 5px;

    font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;

    text-transform: uppercase; font-family:"Raleway", sans-serif; font-weight:500;



    display: grid;

    grid-template-columns: 1fr max-content 1fr;

    grid-template-rows: 27px 0;

    grid-gap: 20px;

    align-items: center;

}



.nine h1 span:after,.nine h1 span:before {

    content: " ";

    display: block;

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #ccc;

    height: 5px;

  background-color:#f8f8f8;

}





.ten h1 {

  font-size:34px; font-weight:500; text-transform:uppercase;

}

.ten h1:before {

    background-color: #c50000;

    border-radius: 0.25rem;

    content: '';

    display: block;

    height: 0.25rem;

    width: 42px;

    margin-bottom: 1.25rem;

}





.eleven h1 {

  font-size:30px;text-align:center; line-height:1.5em; padding-bottom:45px; font-family:"Playfair Display", serif; text-transform:uppercase;letter-spacing: 2px; color:#111;

}





.eleven h1:before {

  position: absolute;

  left: 0;

  bottom: 20px;

  width: 60%;

  left:50%; margin-left:-30%;

  height: 1px;

  content: "";

  background-color: #777; z-index: 4;

}

.eleven h1:after {

  position:absolute;

  width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;

  content: '\00a7'; font-size:30px; line-height:40px; color:#c50000;

  font-weight:400; z-index: 5;

  display:block;

  background-color:#f8f8f8;

}





.twelve h1 {

  font-size:26px; font-weight:700;  letter-spacing:1px; text-transform:uppercase; width:160px; text-align:center; margin:auto; white-space:nowrap; padding-bottom:13px;

}

.twelve h1:before {

    background-color: #c50000;

    content: '';

    display: block;

    height: 3px;

    width: 75px;

    margin-bottom: 5px;

}

.twelve h1:after {

    background-color: #c50000;

    content: '';

    display: block;

  position:absolute; right:0; bottom:0;

    height: 3px;

    width: 75px;

    margin-bottom: 0.25em;

}







.thirteen h1 {

  position:relative; font-size:20px; font-weight:700;  letter-spacing:0px; text-transform:uppercase; width:150px; text-align:center; margin:auto; white-space:nowrap; border:2px solid #222;padding:5px 11px 3px 11px;

}

.thirteen h1:before, .thirteen h1:after {

    background-color: #c50000;

    position:absolute; 

    content: '';

    height: 7px;



    width: 7px; border-radius:50%;

    bottom: 12px;

}

.thirteen h1:before {

   left:-20px;

}

.thirteen h1:after {

   right:-20px;

}

/* ------- Helper Styles -------------*/

/**,

*:before,

*:after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

body {

  background: #eee;

}

div {

  position: relative;

  background: #f8f8f8;

  width: 90%;

  max-width: 500px;

  padding: 2em;

  margin: 1.5em auto;

  border: 3px solid rgba(0, 0, 0, 0.08);

}



h1:before,

h1:after {

  background-color: #c50000;

}*/





.border {

    height: 100%;

    width: 100%;

    background: linear-gradient(90deg, #0a3044 50%, transparent 50%), 

                linear-gradient(90deg, #0a3044 50%, transparent 50%), 

                linear-gradient(0deg, #0a3044 50%, transparent 50%), 

                linear-gradient(0deg, #0a3044 50%, transparent 50%);

    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;

    background-size: 7px 1px, 7px 1px, 1px 7px, 1px 7px;

    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;

    border-radius: 5px;

    padding: 10px;

    animation: dash 5s linear infinite;

}



@keyframes dash {

    to {

        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;

    }

}





.tel-no{font-family: 'Roboto', sans-serif;}
.services .featured-imagebox-team.style1 .featured-content .category {
    background: #ff5e14 !important;
}
.services .featured-imagebox-team.style1 .featured-content .category:after {
    position: absolute;
    content: '';
    border-left: 3px solid #c1460d!important;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.services .featured-imagebox-team.style1 .featured-content .category:hover {
    background: #1b97b1 !important;
}
.featured-imagebox-team.style1 .featured-content .category:hover {
    background: #ff5e14  !important;
}
/*.services .featured-imagebox-team.style1 .featured-content .category:after:hover {
    position: absolute;
    content: '';
    border-left: 3px solid #1b97b1!important;
    height: 100%;
    left: 0;
    display: none;
    top: 0;
}
*/