/**
  * Name: Delmont
  * Version: 1.0
  * Author: ThemetechMount
  * Author URI: http://www.themetechmount.com
*/


@import url('https://fonts.googleapis.com/css?family=Saira:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i');
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
body {
	font-size: 75%;
	background: #fff;
	font-family: sans-serif;
	color: #5a5a5a;
}
body {
    font-family: "Ubuntu",Tahoma,Geneva,sans-serif;
	font-size: 15px;
    line-height: 25px;
    margin: 0;
}
img {
	border: none;
	max-width:100%;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Saira",Arial,Helvetica,sans-serif;
	color: #033b4a;
	font-weight: bold;
	line-height: 100%;
	padding: 0 0;
}
h1 {
	font-size: 28px;
	line-height: 32px
}
h2 {
	font-size: 24px;
	line-height: 30px
}
h3 {
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-size: 16px;
	line-height: 22px;
}
h5 {
	font-size: 15px;
	line-height: 20px
}
h6 {
	font-size: 13px;
	line-height: 18px
}
pre{
	white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap; 
}
strong{ color: #01d6a3; font-weight: 600;}
a:hover, a:focus{ text-decoration: none; }

@media only screen and (min-width: 1420px){
    .container {
       max-width: 1410px !important;
    }
}


/* icon */
.ttm-icon {
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
    border: 2px solid transparent;
    position: relative;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    box-sizing: content-box;
    position: relative;
}
.ttm-icon.ttm-icon_element-size-md {
    height: 75px;
    width: 75px;
    line-height: 75px;
}
.ttm-icon.ttm-icon_element-size-md {
    font-size: 34px;
    border-radius :50%;
}
.ttm-icon_element-background-skincolor{ background-color: #01d6a3; color: #fff;}

/*==========================================================================
       section
    ==========================================================================*/
.pt-75{ padding-top: 75px; }
.mt-200{ margin-top: 200px; }
.mb-35{ margin-bottom: 35px; }
.ttm_content_wrapper h2{
    text-align: left;
    font-size: 90px;
    line-height: 87px;
    color: #00d6a3;
    margin: 0;
}
.ttm_content_wrapper h5{
    text-align: left;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 10px ;
    padding-left: 4px;
}
.ttm-bgcolor-darkgrey p{ color: rgba(255,255,255,.75); }
.ttm-bgcolor-darkgrey .ttm_content_wrapper h5{ color: #fff; }


.ttm-list.ttm-list-style-icon{ padding: 0; }
.ttm-list.ttm-list-style-icon li {
    list-style: none;
    color: #fff;
    position: relative;
    padding-bottom: 7px;
    font-family: "Saira",Arial,Helvetica,sans-serif;
}
.ttm-list.ttm-list-style-icon li i {
    position: absolute;
    left: 0px;
    top: 5px;
    color: #01d6a3;
}
.ttm-list.ttm-list-style-icon .ttm-list-li-content {
    display: inline-block;
    padding-left: 30px;
    font-weight: 500;
}
/*==========================================================================
       row bg image
    ==========================================================================*/
.row-bg1{
    background-image: url(../images/row-bg-one.jpg);
}

.ttm-bg-layer, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer {
    opacity: .97;
}
.ttm-bgcolor-darkgrey > .ttm-bg-layer{
    background-color: #033b4a;
}
/*==========================================================================
       helper-class
    ==========================================================================*/

.page{ overflow: hidden; }
.ttm-row{ padding: 100px 0px 80px;  position: relative; }
.banner-img{ position: relative; z-index: 999; padding-bottom: 0px; }
.ttm-bgcolor-grey{ background-color: #f9fafa; }
.bg2{ background-image: url(../images/bg2.jpg); }
.buttons{ margin-top: 50px; }
.buttons a{ margin: 0 10px; }


/* button */
.ttm-btn {
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    padding: 11px 32px 11px 31px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 9;
    text-transform: capitalize;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ttm-btn.ttm-btn-size-md {
    font-size: 16px;
    padding: 11px 32px 11px 31px;
    border : 1px solid transparent;
}

.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-fill{ background-color: #01d6a3; color: #fff;}
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-fill:hover{ color: #fff; background-color: #033b4a; }
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-fill:hover{ color: #033b4a; background-color: #fff; }

.ttm-btn.ttm-btn-style-border {
    background-color: transparent;
    border: 1px solid transparent;
}
.ttm-btn.ttm-btn-color-white.ttm-btn-style-border{ 
    color: #fff;
    border-color: #fff;
    background: transparent; 
}
.ttm-btn.ttm-btn-color-white.ttm-btn-style-border:hover {
    color: #020d26;
    border-color: #FFF;
    background-color: #FFF;
}


/*==========================================================================
       Section-Title  
    ==========================================================================*/
.section-title{ 
    position: relative; 
    margin-bottom: 18px;
}
.section-title h5{
    font-family: "Saira",Arial,Helvetica,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 1.5px;
    color: #9dabaf;
    margin-top: 5px;
    margin-bottom: 5px;
}
.section-title h2.title{
    font-family: "Saira",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 42px;
    color: #033b4a;
    margin-bottom: 5px;
}
.row-title h2.title {
    font-size: 40px;
    line-height: 49px;
}
.row-title h5{
    margin-bottom: 10px;
}
.section-title.with-desc { margin-bottom: 45px; }
.section-title.with-desc .title-desc{ margin-top: 6px; display: inline-block; }


.fea-box{ 
    text-align: center;
    margin: 20px 0;
    background-color: #fff;
    padding: 3.1rem 8% 2.2rem;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.05);
    box-shadow: 0 0 35px rgba(0,0,0,.05);
    transition-duration: .3s; 
    min-height: 224px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(41,61,88,0.10);
    -moz-box-shadow: 0px 0px 15px 0px rgba(41,61,88,0.10);
    box-shadow: 0px 0px 15px 0px rgba(41,61,88,0.10);
}
.fea-box h3{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}


/*==========================================================================
       footer
    ==========================================================================*/
footer{ 
    padding-top: 90px !important;
    padding-bottom: 90px !important;
    position: relative;
    background-image: url(../images/footer-bg.jpg);
    background-size: cover;
    background-position: center;
}
footer .footer-logo img{ max-height: 45px; }
footer .footer-content h2{ 
    text-align: center;
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    color: rgba(255,255,255,1);
}
footer .footer-content p{ color: #fff;}


/* ===============================================
    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;
    background-color: #01d6a3;
}
#totop.top-visible {
    height: 45px;
    width: 45px;
    font-size: 22px;
    display: inline;
}
/*** Color Switcher Style
==================================================================== ***/
.prt_floting_customsett {
    position: fixed;
    top: 50%;
    right: 0;
    padding: 3px 0 10px;
    margin: -89px 0 0;
    background-color: #fff;
    box-shadow: 0 6px 12px rgb(0 0 0 / 25%);
    z-index: 99999;
}
.tmtheme_fbar_icons {
    display: block;
    position: relative;
    width: 55px;
    height: 45px;
    line-height: 52px;
    text-align: center;
}
.tmtheme_fbar_icons i {
    display: inline-block;
    vertical-align: middle;
    transition: .3s;
    font-size: 21px;
    color: #232323;
}
.tmtheme_fbar_icons > span {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    background-color: #fff;
    box-shadow: 0 6px 12px rgb(0 0 0 / 25%);
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
    color: #232323;
    transform: translateX(-5px);
    transition: 0.5s ease;
    padding: 0 20px;
}
.tmtheme_fbar_icons > span >span {
    padding-left: 5px;
}
.tmtheme_fbar_icons > span:after {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -10px;
    right: -15px;
    width: 15px;
    background-color: #fff;
    height: 55px;
}
.tmtheme_fbar_icons:hover > span {
   opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.tm-desctext {
    position: absolute;
    top: 30px;
    background-color: #fff;
    max-width: 400px;
    right: 30px;
    padding: 30px 50px 23px 30px;
    text-align: left;
}
.tm-desctext:before {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffb120;
}
.tm-iocnbox-btn {
    font-size: 18px;
    line-height: 26px;
    margin-top: 15px;
}