@media (max-width: 575px) {
	.soner-wrapper{
		/* position: absolute; */
		/* top:550px;
		left:0px; */
		width:100%;
		/* z-index:10; */
		display: none;
	}
	.soner-wrapper .page-section:first-child:before{
		display:unset!important;
	}
	.ozelliklerimiz-4-kutu-section>.container>.row>.col-md-3{
		padding:5px !important;
	}
	.calistigimiz-firmalar-section{
		padding-top:130px !important;
	}
}
@media (min-width: 576px) {
	
	.soner-wrapper{
		position: absolute;
		top:550px;
		left:0px;
		width:100%;
		z-index:10;
	}
	.soner-wrapper .page-section:first-child:before{
		display:none!important;
	}
	
}



.my-box{
	min-height: 220px;
	background: #dfe7f2;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #d2d2dd;
}
.box1{
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.box2{
	border-top-left-radius: 15px;
}
.box3{
	border-top-right-radius:15px;
}
.box4{
	border-bottom-left-radius: 15px;
	border-top-right-radius:15px;
}
.mysection1{
}

.mysection2{
	padding-bottom:70px;
	/* background-color:#e3e3e8 !important; */
	/* svg rengini değişmiyor */
}



.footer{
    padding-bottom:100px;
    background-size:100% 100%;
}

.footer-inner>.row>div>a{
	width:100%;
	color:#b59ecf;
	text-decoration: none;
	text-decoration-style: none;
	display: block;
	float: left;
	padding: 1px;
}
.footer-inner>.row>div>a:hover{
	color:#fff
}
.footer-inner>.row>div>h4{
	color:#fff;
	font-weight:700;
	margin-bottom:15px;
}




.soner-wrapper{

}

.ozelliklerimiz-4-kutu-section{
    padding:50px;
}

.calistigimiz-firmalar-section{
    padding-top:170px;
    padding-bottom:70px;
}

.neden-yerinde-teknoloji-section{
    padding-top:150px;
    padding-bottom:150px;
}

.ozelliklerimiz-6-kutu-section{
    padding-top: 100px;
    padding-bottom: 130px;
}

.nasil-calisiyoruz-section{
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.iletisim-section{
    padding-top: 100px !important;
    padding-bottom: 100px !important;

}




.timeline > div > a .desc-holder .desc:hover{
	color:#fff !important;
}
.timeline > div > a .desc-holder:hover .desc{
	color:#fff !important;
}
.timeline>div{
	width:20%;
	display: block;
	float: left;
	padding:0px;
}

.timeline1>div{
	width:20% !important;
	text-align: center;
	display:block;
	float:left;
	padding:10px;
	cursor:pointer;
	color: #b59ecf;
	font-size:14px;
}
.timeline1>div:hover{
	color: #fff;
	font-weight:700;
}

.timeline2>div{
	width:20% !important;
	text-align: center;
	display:block;
	float:left;
	padding:10px;
	cursor:pointer;
	color: #b59ecf;
	font-size:14px;
}
.timeline2>div:hover{
	color: #fff;
	font-weight:700;
}

.section-title-wrapper:before, .section-title-wrapper:after{
	display: none !important;
}
.section-title-inner:before{
	display: none !important;
}




.page-section{
	background-color:#f4f7fc;
}

.page-section__darkest{
	background-color:#283347 !important;
	background-image: none !important;
}
.footer{
	background-color:#283347 !important;
	/* background-image: none !important; */
}

.header {
	/* background-color:#283347 !important; */
	background-image: none !important;
}

.top-wrapper.top-wrapper__bg2{
	/* background-image: none !important; */
	background-color:#283347 !important;

	
}


.affix-top{
	background-color:none !important;
}
.affix{

	background-color:#283347 !important;
}

.input-group-addon .fa{
	color:#436280;
}

.input-group-addon{
	background: #dfe7f2;
}

.dropdown-toggle__caret{
	border:2px solid #586c91 !important
}

.dropdown-toggle__caret .caret{
	border-top-color: #dfe7f2;
}

.form-search__nav{
	border:2px solid #586c91 !important
}

.form-search__nav>input{
	background:#202b3f!important;
}

.footer-social-links > li > a{
	border:2px solid #586c91 !important

}
.footer-social-links > li > a:hover{
	background:#202b3f!important;

}

.timeline1>div{
	color: #8fa4c3 ;
}
.timeline2>div{
	color: #8fa4c3 ;
}

.timeline:after{
	background-image: -webkit-linear-gradient(left, #8fa4c3 0%, #8fa4cf 100%);
    background-image: -o-linear-gradient(left, #8fa4c3 0%, #8fa4cf 100%);
    background-image: linear-gradient(to right, #8fa4c3 0%, #8fa4cf 100%);
    background-repeat: repeat-x;
}

.hgroup > h1, .hgroup > h2{
	color:#436280;
}

h1, h2, h3, h4, h5, h6{
	color:#436280;

}
ul li:before{
	color:#436280;

}

.widget>ul>li>ul>li{
	background-color: #ecf1f8;
}
.widget>ul>li>ul>li>a:hover{
	color:#000!important;
}


.widget>ul>li>a:hover{
	color:#000!important;
}

.footer-inner>.row>div>a{
	color:#8fa4c3;
}

.btn-primary{
	background-color: #586c91db;
}


.btn-primary:hover{
	background-color: #586c91;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #586c91;
  border-color: rgba(8, 8, 8, 0);
}

.feature-icon__simple.icon-color1{
	color:#586c91bf;

}

.mytable>thead>tr>th{
	background-color:#dbe3ee !important;
}

.mytable > tbody > tr:nth-of-type(even){
	background-color: #dfe7f2;
}
.mytable>tbody>tr:nth-of-type(odd){
	background-color: #f4f7fc;

}
.loader{
	background: #586c91 !important;
    background: -moz-linear-gradient(left, #586c91 10%, rgba(255, 255, 255, 0) 42%)!important;
    background: -webkit-linear-gradient(left, #586c91 10%, rgba(255, 255, 255, 0) 42%)!important;
    background: -o-linear-gradient(left, #586c91 10%, rgba(255, 255, 255, 0) 42%)!important;
    background: -ms-linear-gradient(left, #586c91 10%, rgba(255, 255, 255, 0) 42%)!important;
    background: linear-gradient(to right, #586c91 10%, rgba(255, 255, 255, 0) 42%)!important;
}
.loader:before {

	background: #586c91 !important;
}


@media (max-width: 991px) {
	.fhmm .navbar-collapse .navbar-nav li a{
		background: #263043;
	}
	.fhmm .navbar-collapse .navbar-nav li + li{
		background: #263043;

	}
	.fhmm .navbar-collapse .navbar-nav{
		background: #263043;

	}

}

.fhmm .navbar-toggle{
	border:2px solid #586c91 !important;

}

.timeline > div > a .desc-holder:before{
	background: #8fa4c3;
    border: 2px solid #8fa4cf;
}

.timeline > div > a .desc-holder:after{
	color:#8fa4cf;
}


.tparrows.default.round{
	border:2px solid #586c91 !important;

}


.tp-bullets{
	display: none;
}