/***********************************************
* Theme Name : Lifetrackr
* Theme Version : V1.0
* Front-end : Mustafa Cakmak
* Contact : mustafaxcakmak@gmail.com
* Author Site Adress : http://teknofiber.net/
***********************************************/

body{font-size:100%;background-color: #fafafa;}
*{font-family: 'Lato', sans-serif;}
h1{font-size:38px}
h2{font-size:34px;font-style:normal;font-weight:300}
h3{font-size:30px}
h4{font-size:26px}
h5{font-size:22px}
h6{font-size:18px}
.mustafa-top{background-color:#444;width:100%;position:fixed;z-index:999;padding:0.3%}
.mustafa-top a{color:#919191}
/*********************************************************************************************************/
/*---------------------------------------------------HEADER----------------------------------------------*/
/*********************************************************************************************************/
.header{background:url('../img/header-bg.png');background-size:cover;position:relative}
.iphone{float:left;position:Absolute;bottom:0px}/* Header Left Section */
.logo{margin:3em 0px;}
.head-right{float:right;margin-bottom:190px;margin-top:3.75em;}/* Header Right Section */
.head-right h2{color:#fff;font-size:32px;line-height:38px}/* Header Right Section */
.app-stores img{margin-bottom:5px;margin-right:5px}

@media screen and (max-width:599px){
.iphone{display:none}
.head-right p{color:#fff}
}

/*********************************************************************************************************/
/*****************************************************TOOLS***********************************************/
/*********************************************************************************************************/
.tools{padding:100px 0px;background-color:#fafafa}
.title{text-align:center;color:#1b1b1b;margin:0px}
.description{text-align:center;color:#9da8ad}
.tool{margin-top:90px}
.tool img{margin-bottom:15px}
.tool h6,.tool p{text-align:center;margin:15px 0px}
.tool p{color:#707b82;font-size:14px;line-height:20px}
.tool h6{color:#202d33}

/*********************************************************************************************************/
/*---------------------------------------------------SERVICES--------------------------------------------*/
/*********************************************************************************************************/
.services-top{background:url('../img/small-bg.png');background-size:cover;height:488px;position:relative}
.phones{position:relative;top:90px}
.services{background-color:#fafafa;padding:320px 0px 100px 0px}
.services .row{margin-bottom:25px}
.ServicesImg{padding:0px}
.ServicesDesc p{color:#999;font-size:14px;line-height:18px;font-weight:bold;margin:5px 0px}
.ServicesDesc span{font-weight:bold;font-size:16px}

@media screen and (max-width:510px){
.services-top{display: none}
.services{padding:0px 0px 100px 0px}
}
@media screen and (max-width:599px){
.ServicesLeft .ServicesImg{display: none}
.ServicesDesc{border-bottom: 1px #ddd solid}
.services .row:nth-child(2n){margin:0px}
.services .row:nth-child(3n){margin:0px}
}

/*********************************************************************************************************/
/*---------------------------------------------------OUR TEAM--------------------------------------------*/
/*********************************************************************************************************/
.team{padding: 75px 0px}
.worker{width: 48%;float: left;border-radius: 150px;margin-right: 3%}
.worker-desc{width: 49%;float: left}
.name{color:#202d33;font-size: 18px}
.rank{color:#707b82;margin-bottom: 10px}

@media screen and (max-width:599px){
.workers .columns{margin: 25px 0px}
}


/*********************************************************************************************************/
/*----------------------------------------------------FOOTER---------------------------------------------*/
/*********************************************************************************************************/
.footer{padding: 50px 0px;border-top: 1px solid #d7d7d7}
.footer-menu ul{margin: 2px;padding: 0px}
.footer-menu ul li{float: left;list-style: none;margin-left: 25px}
.footer-menu ul li a{text-decoration: none;color: #989898}

@media screen and (max-width:599px){
.footer-logo{display: none}
}