html,
body {
	overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6,
ul
 {
	margin: 0px;
	padding: 0px
}


img {
	border: 0
}



.whatsapp {
width: 42px;
height: 42px;
position: fixed;
background: url('../images/what20182.png');
right: 5px;
bottom: 5px;
background-size: 100%;
cursor: pointer;
z-index: 999;
}
 
.whatsapp2 {
width: 42px;
height: 42px;
position: fixed;
background: url('../images/what2018.png');
right: 50px;
bottom: 5px;
background-size: 100%;
cursor: pointer;
z-index: 999;
}
 
 
a,
a:hover,
a:focus {
	text-decoration: none
}

*:focus {
	outline: none !important
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif
}




.wrimagecard{	
	margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
	position: relative;
    font-size: 70px;
}
.wrimagecard-topimage_header{
padding: 20px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}
.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}
.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}








@font-face {
	font-family: 'GalanoGrotesque-Bold';
	src: url("../fonts/GalanoGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GalanoGrotesque-Bold.otf") format("opentype"), url("../fonts/GalanoGrotesque-Bold.woff") format("woff"), url("../fonts/GalanoGrotesque-Bold.ttf") format("truetype"), url("../fonts/GalanoGrotesque-Bold.svg#GalanoGrotesque-Bold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'GalanoGrotesque-Light';
	src: url("../fonts/GalanoGrotesque-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GalanoGrotesque-Light.otf") format("opentype"), url("../fonts/GalanoGrotesque-Light.woff") format("woff"), url("../fonts/GalanoGrotesque-Light.ttf") format("truetype"), url("../fonts/GalanoGrotesque-Light.svg#GalanoGrotesque-Light") format("svg");
	font-weight: normal;
	font-style: normal
}

header {
	position: relative;
	z-index: 3
}

header .logo {
	float: left;
	margin-top: 37px
}

header .lng {
	text-align: right;
	margin-top: 13px
}

header .lng a {
	color: #a7a7a7;
	font-size: 12px;
	border-right: 1px solid #a7a7a7;
	font-weight: 700;
	padding-right: 7px;
	margin-right: 2px;
	line-height: 11px;
	display: inline-block
}

header .lng a:last-child {
	border: 0;
	margin-right: 0
}

header .lng a:hover {
	color: #0472bd
}

header .btm {
	float: right;
	margin-top: 14px
}

header .btm .tel {
	float: left;
	margin-left: 15px
}

header .btm .tel.item1:hover .text .item1 {
	color: #282828
}

header .btm .tel.item1:hover .text .item2 {
	color: #0472bd
}

header .btm .tel.item1 .text .item1 {
	color: #0472bd
}

header .btm .tel.item2:hover .text .item1 {
	color: #282828
}

header .btm .tel.item2:hover .text .item2 {
	color: #50b512
}

header .btm .tel.item2 .text .item1 {
	color: #50b512
}

header .btm .tel .imaj {
	float: left;
	margin-right: 10px
}

header .btm .tel .text {
	float: left
}

header .btm .tel .text .item1 {
	font-size: 12px;
	line-height: 10px;
	display: block;
	font-weight: 700
}

header .btm .tel .text .item2 {
	display: block;
	font-size: 24px;
	line-height: 20px;
	color: #282828;
	font-family: 'GalanoGrotesque-Light'
}

header .btm .tel .text .item2 strong {
	font-family: 'GalanoGrotesque-Bold'
}

header .btm .social {
	float: left;
	margin-right: 5px;
	margin-left: 20px
}

header .btm .social a {
	width: 54px;
	height: 54px;
	display: inline-block;
	border: 1px solid #bebebe;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

header .btm .social a:hover {
	border-radius: 50%
}

header .btm .social a i {
	margin: 17px auto 0
}

header .btm .info {
	color: #fff;
	background-color: #ed1d23;
	text-align: center;
	height: 54px;
	width: 130px;
	float: left;
	line-height: 54px;
	font-size: 12px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-box-shadow: 0 0 0 0 #0077b9 inset;
	box-shadow: 0 0 0 0 #0077b9 inset
}

header .btm .info:hover {
	-webkit-box-shadow: 135px 0 0 0 #0077b9 inset;
	box-shadow: 135px 0 0 0 #0077b9 inset
}

header .menu {
	background: #0894e2;
	background: -webkit-linear-gradient(top, #0894e2 0%, #0077b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#0894e2), to(#0077b9));
	background: -o-linear-gradient(top, #0894e2 0%, #0077b9 100%);
	background: linear-gradient(to bottom, #0894e2 0%, #0077b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894e2', endColorstr='#0077b9', GradientType=0);
	display: inline-block;
	width: 100%;
	margin-top: 9px
}

header .menu .navbar {
	position: relative;
	min-height: auto;
	margin-bottom: 0;
	border: 0;
	float: left
}

header .menu .navbar .navbar-collapse {
	padding-right: 0;
	padding-left: 0
}

header .menu ul.navbar-nav li {
	margin-left: 10px
}

header .menu ul.navbar-nav li a {
	color: #f5f5f5;
	font-size: 14px;
	font-weight: 700;
	padding: 20px 10px
}

header .menu ul.navbar-nav li a:hover,
header .menu ul.navbar-nav li a:focus,
header .menu ul.navbar-nav li a:active {
	background-color: #0077b9;
	color: #f5f5f5;
	border: 0
}

header .menu ul.navbar-nav li.home {
	background-color: #0894e2;
	margin-left: 0
}

header .menu ul.navbar-nav li.home a {
	padding: 20px 15px
}

header .menu ul.navbar-nav li.dropdown .dropdown-menu {
	background-color: #0077b9;
	border: 0;
	border-radius: 0
}

header .menu ul.navbar-nav li.dropdown .dropdown-menu a {
	padding: 7px 10px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

header .menu ul.navbar-nav li.dropdown .dropdown-menu a:hover {
	padding-left: 15px
}

header .menu .search {
	background: #077fc2;
	background: -webkit-linear-gradient(top, #077fc2 0%, #0066a0 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#077fc2), to(#0066a0));
	background: -o-linear-gradient(top, #077fc2 0%, #0066a0 100%);
	background: linear-gradient(to bottom, #077fc2 0%, #0066a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#077fc2', endColorstr='#0066a0', GradientType=0);
	float: right;
	position: relative;
	height: 60px;
	width: 235px
}

header .menu .search input {
	font-size: 12px;
	color: #f5f5f5;
	font-style: italic;
	background-color: transparent;
	border: 0;
	padding-left: 50px;
	padding-right: 15px;
	height: 100%;
	width: 100%
}

header .menu .search input::-webkit-input-placeholder {
	color: #f5f5f5;
	opacity: 1
}

header .menu .search input:-ms-input-placeholder {
	color: #f5f5f5;
	opacity: 1
}

header .menu .search input::-ms-input-placeholder {
	color: #f5f5f5;
	opacity: 1
}

header .menu .search input::placeholder {
	color: #f5f5f5;
	opacity: 1
}

header .menu .search button {
	background-color: transparent;
	border: 0;
	position: absolute;
	left: 17px;
	top: 20px;
	padding: 0
}


.poster {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 225px;
	position: relative;
}

.poster .middler {
	background: rgba(4, 126, 191, .5);
	background: -moz-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4, 126, 191, .5)), color-stop(100%, rgba(4, 126, 191, .5)));
	background: -webkit-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: -o-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: -ms-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: linear-gradient(to right, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#047ebf', endColorstr='#047ebf', GradientType=1);
}

.poster h1 {
margin-top: 143px;
	background: rgba(0, 0, 0, .3);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, .3)), color-stop(100%, rgba(0, 0, 0, .3)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
	font-weight: 500;
	padding: 15px 30px;
	color: #fff;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 20px;
}

@media only screen and (max-width:767px) {
	.poster h1 {
		font-size: 14px;
		padding: 10px;
		margin-bottom: 10px;
		margin-top:50px;
	}
 }

@media only screen and (max-width:767px) {
	.poster {
		/*background-image: none !important;*/
		height: auto !important;
			
	}
	
	

}

.stage-in {
	padding: 30px 0;
}

@media only screen and (max-width:767px) {
	.stage-in {
		padding: 15px 0;
	}
}

.left-menu {
	background-color: #009fcf;
	color:#fff;
 }

.left-menu ul li{
	background-color: #009fcf;
	list-style: none;
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.left-menu {
		margin-bottom: 15px;
	}
}

.left-menu h3 {
	padding: 10px;
	background-color: #009fcf;
	color: #fff;
	border-bottom: 2px solid #fff;
	font-size: 15px;
}

.left-menu h3 a {
	position: relative;
	color:#fff;
}

.left-menu h3 a .fa {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	right: 15px;
	top: 10px;
	width: auto;
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.left-menu h3 {
		padding: 0;
	}
	.left-menu h3 a {
		padding: 10px;
	}
	.left-menu h3 a:hover {
		color: #eee;
		background-color: #000;
	}
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.left-menu ul {
		display: none;
	}
}

@media only screen and (min-width:993px) {
	.left-menu ul {
		display: block !important;
	}
}

.left-menu ul li a {
	display: block;
	font-size: 14px;
	color: #fff !important;
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #fff;
	position: relative;
}

.left-menu ul li a:before {
	background-color: #000;
}

.left-menu ul li a .fa {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	font-size: 18px;
	right: 15px;
	top: 12px;
}

.left-menu ul li.active a,
.left-menu ul li a:hover {
	color: #fff !important;
}

.left-menu ul li.active a {
	background-color: #b20000;
}

.content {
	background-color: #fff;
	/*padding: 15px;*/
}

@media only screen and (max-width:767px) {

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{padding-left:0px; padding-right: 0px;}

}

.content-in {
	font-size: 14px;
	line-height: 170%;
	color: #000;
}

.content-in h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.content-in a:hover {
	color: #047ebf;
}

.content-text {
	margin-bottom: 15px;
}

.bread-custom {
	padding: 10px 20px;
	background-color: #117ab9;
	margin-bottom: 30px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.bread-custom .breadcrumb {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.bread-custom .breadcrumb li {
	font-size: 14px;
	color: #fff;
}

.bread-custom .breadcrumb li a {
	font-size: 14px;
	color: #fff !important;
}

.bread-custom .breadcrumb li a:hover {
	color: #009fcf !important;
	text-decoration: underline !important;
}



.ortocan-sp {
	background-image: url("../images/spritesheet.png");
	background-repeat: no-repeat;
	display: block
}

.ortocan-sp-dataislem {
	width: 68px;
	height: 22px;
	background-position: -5px -5px
}

.ortocan-sp-destek {
	width: 36px;
	height: 35px;
	background-position: -83px -5px
}

.ortocan-sp-facebook {
	width: 9px;
	height: 17px;
	background-position: -129px -5px
}

.ortocan-sp-home {
	width: 24px;
	height: 20px;
	background-position: -148px -5px
}

.ortocan-sp-instagram {
	width: 17px;
	height: 17px;
	background-position: -182px -5px
}

.ortocan-sp-youtube {
    width: 25px;
    height: 18px;
    background-position: -148px -43px;
}

.ortocan-sp-kirik {
	width: 60px;
	height: 80px;
	background-position: -209px -5px
}

.ortocan-sp-mail {
	width: 40px;
	height: 40px;
	background-position: -279px -5px
}

.ortocan-sp-map {
	width: 40px;
	height: 40px;
	background-position: -329px -5px
}

.ortocan-sp-phone {
	width: 40px;
	height: 40px;
	background-position: -379px -5px
}

.ortocan-sp-search {
	width: 18px;
	height: 18px;
	background-position: -429px -5px
}

.ortocan-sp-spor {
	width: 60px;
	height: 80px;
	background-position: -457px -5px
}

.ortocan-sp-tetik {
	width: 60px;
	height: 80px;
	background-position: -527px -5px
}

.ortocan-sp-topuk {
	width: 60px;
	height: 80px;
	background-position: -597px -5px
}

.ortocan-sp-twitter {
	width: 21px;
	height: 17px;
	background-position: -667px -5px
}

.ortocan-sp-wp {
	width: 36px;
	height: 35px;
	background-position: -698px -5px
}

.ortocan-sp-left {
	width: 30px;
	height: 27px;
	background-position: -754px -5px
}

.ortocan-sp-right {
	width: 29px;
	height: 27px;
	background-position: -794px -5px
}

.ortocan-sp-right-arrow {
	width: 20px;
	height: 10px;
	background-position: -833px -5px
}

.slider {
	top: -34px;
	position: relative;
	margin-bottom: -117px
}

.slider .slider_slc .item {
	position: relative;
	overflow: hidden
}

.slider .slider_slc .item img {
	max-width: 100%
}

.slider .slider_slc .item .text {
	position: absolute;
	top: 105px;
	left: 0;
	right: 0;
	color: #fff
}

.slider .slider_slc .item .text .title {
	display: block;
	font-family: 'GalanoGrotesque-Bold';
	font-size: 41px;
	line-height: 33px
}

.slider .slider_slc .item .text .title span {
	display: block;
	font-size: 66px;
	line-height: 54px
}

.slider .slider_slc .item .text p {
	display: block;
	font-size: 12px;
	width: 30%;
	line-height: 14px;
	margin-top: 32px
}

.slider .slider_slc .item .text a {
	display: block;
	color: #fff;
	font-size: 12px;
	height: 55px;
	width: 140px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 50px;
	margin-top: 18px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-box-shadow: 0 0 0 0 #ed1d23 inset;
	box-shadow: 0 0 0 0 #ed1d23 inset
}

.slider .slider_slc .item .text a:hover {
	-webkit-box-shadow: 145px 0 0 0 #ed1d23 inset;
	box-shadow: 145px 0 0 0 #ed1d23 inset
}

.slider .slider_slc .slick-dots {
	position: absolute;
	z-index: 9999;
	bottom: 116px;
	left: 580px;
	width: auto;
	padding: 0;
	margin: 0
}

.slider .slider_slc .slick-dots li {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 12px 0 0;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	background-color: #0059a4
}

.slider .slider_slc .slick-dots li.slick-active button,
.slider .slider_slc .slick-dots li:hover button {
	background-color: #fff
}

.slider .slider_slc .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 6px;
	height: 6px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	border-radius: 50%;
	margin: 10px auto 0
}

.slider .slider_slc .slick-dots li button:hover,
.slider .slider_slc .slick-dots li button:focus {
	outline: none
}

.slider .slider_slc .slick-prev {
	left: 310px
}

.slider .slider_slc .slick-next {
	right: 310px
}

.home_three .item {
	display: block;
	position: relative;
	height: 145px
}

.home_three .item:hover .link {
	padding-right: 45px !important
}

.home_three .item.item1 {
	background: #0894e2;
	background: -webkit-linear-gradient(top, #0894e2 0%, #0077b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#0894e2), to(#0077b9));
	background: -o-linear-gradient(top, #0894e2 0%, #0077b9 100%);
	background: linear-gradient(to bottom, #0894e2 0%, #0077b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894e2', endColorstr='#0077b9', GradientType=0)
}

.home_three .item.item2 {
	background: #538ce9;
	background: -webkit-linear-gradient(top, #538ce9 0%, #0046b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#538ce9), to(#0046b9));
	background: -o-linear-gradient(top, #538ce9 0%, #0046b9 100%);
	background: linear-gradient(to bottom, #538ce9 0%, #0046b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#538ce9', endColorstr='#0046b9', GradientType=0)
}

.home_three .item.item2 .imaj {
	left: 12px
}

.home_three .item.item2 .text {
	padding-left: 190px;
	padding-top: 14px
}

.home_three .item.item3 {
	background: #e37380;
	background: -webkit-linear-gradient(top, #e37380 0%, #b90000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#e37380), to(#b90000));
	background: -o-linear-gradient(top, #e37380 0%, #b90000 100%);
	background: linear-gradient(to bottom, #e37380 0%, #b90000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e37380', endColorstr='#b90000', GradientType=0)
}

.home_three .item .imaj {
	position: absolute;
	left: 15px;
	bottom: -30px
}

.home_three .item .text {
	display: block;
	padding-left: 167px;
	padding-top: 14px
}

.home_three .item .text .title {
	display: block;
	font-size: 30px;
	line-height: 30px;
	color: #f5f5f5;
	font-family: 'GalanoGrotesque-Light'
}

.home_three .item .text .title strong {
	display: block;
	font-family: 'GalanoGrotesque-Bold'
}

.home_three .item .text .link {
	display: inline-block;
	font-size: 12px;
	color: #f5f5f5;
	margin-top: 19px;
	position: relative;
	background-image: url("../images/right-arrow.png");
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 30px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.home_two {
	margin-top: 90px
}

.home_two .hd_title {
	border-bottom: 1px solid #0072b9;
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 20px
}

.home_two .hd_title:before {
	content: "";
	height: 4px;
	width: 55px;
	background-color: #0072b9;
	bottom: 0;
	left: 0;
	position: absolute
}

.home_two .hd_title strong {
	font-size: 30px;
	font-family: 'GalanoGrotesque-Bold';
	float: left;
	color: #282828
}

.home_two .hd_title a {
	float: right;
	font-size: 12px;
	color: #282828;
	border-bottom: 1px solid #ccc;
	line-height: 10px;
	margin-top: 31px
}

.home_two .curious .item {
	display: inline-block;
	width: 100%;
	margin-top: 20px
}

.home_two .curious .item:hover .imaj {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.home_two .curious .item .imaj {
	float: left;
	width: 85px;
	padding-left: 10px
}

.home_two .curious .item .text {
	float: left;
	width: 177px
}

.home_two .curious .item .text .title {
	display: block;
	font-family: 'GalanoGrotesque-Bold';
	font-size: 23px;
	color: #282828;
	line-height: 23px;
	margin-bottom: 18px;
	margin-top: 2px
}

.home_two .curious .item .text .desc {
	display: block;
	font-size: 12px;
	color: #5e6264;
	line-height: 18px
}

.home_two .before_after .before_after_slc {
	margin-bottom: 0;
	margin-top: 20px;
	position: relative
}

.home_two .before_after .before_after_slc .item {
	position: relative;
	overflow: hidden
}

.home_two .before_after .before_after_slc .item img {
	height: 315px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.home_two .before_after .text {
	position: absolute;
	bottom: 24px;
	left: 0;
	right: 0;
	width: 460px;
	margin: 0 auto
}

.home_two .before_after .text:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 25px;
	margin: 0 auto;
	height: 5px;
	width: 120px;
	z-index: 1;
	background: #027fc3;
	background: -webkit-linear-gradient(left, #027fc3 0%, #d34850 100%);
	background: -webkit-gradient(linear, left top, right top, from(#027fc3), to(#d34850));
	background: -o-linear-gradient(left, #027fc3 0%, #d34850 100%);
	background: linear-gradient(to right, #027fc3 0%, #d34850 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027fc3', endColorstr='#d34850', GradientType=1)
}

.home_two .before_after .text .item {
	width: 173px;
	height: 53px;
	line-height: 45px;
	font-size: 24px;
	color: #fff;
	font-family: 'GalanoGrotesque-Light';
	text-align: center;
	border-radius: 22px;
	float: left;
	z-index: 2;
	position: relative
}

.home_two .before_after .text .item.item1 {
	margin-right: 114px;
	background: #0894e1;
	background: -webkit-linear-gradient(top, #0894e1 0%, #0077b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#0894e1), to(#0077b9));
	background: -o-linear-gradient(top, #0894e1 0%, #0077b9 100%);
	background: linear-gradient(to bottom, #0894e1 0%, #0077b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894e1', endColorstr='#0077b9', GradientType=0)
}

.home_two .before_after .text .item.item2 {
	background: #e2737f;
	background: -webkit-linear-gradient(top, #e2737f 0%, #b90100 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#e2737f), to(#b90100));
	background: -o-linear-gradient(top, #e2737f 0%, #b90100 100%);
	background: linear-gradient(to bottom, #e2737f 0%, #b90100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2737f', endColorstr='#b90100', GradientType=0)
}

.team {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #033762), color-stop(100%, #0c67b4));
	background: -webkit-linear-gradient(73deg, #0c67b4 0%, #033762 100%);
	background: -o-linear-gradient(73deg, #0c67b4 0%, #033762 100%);
	background: linear-gradient(17deg, #0c67b4 0%, #033762 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033762', endColorstr='#0c67b4', GradientType=0);
	height: 590px;
	margin-top: 50px
}

.team .title {
	position: relative;
	color: #fff;
	font-size: 30px;
	font-family: 'GalanoGrotesque-Bold';
	text-align: center;
	margin: 60px 0 30px
}

.team .title:before {
	content: attr(data-title);
	position: absolute;
	top: -48px;
	left: 0;
	right: 0;
	line-height: 86px;
	font-size: 86px;
	z-index: 1;
	opacity: .03
}

.team .team_slc .item {
	position: relative;
	overflow: hidden
}

.team .team_slc .item:hover .text {
	bottom: 35px
}

.team .team_slc .item img {
	max-width: 100%;
	height: auto;
	display: block;
	max-height: 380px
}

.team .team_slc .item .text {
	background-color: #fdfcfc;
	position: absolute;
	font-size: 20px;
	color: #282828;
	bottom: 20px;
	left: 20px;
	line-height: 24px;
	padding-left: 18px;
	padding-top: 6px;
	width: 190px;
	height: 80px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.team .team_slc .item .text:before {
	content: '';
	position: absolute;
	background-color: #e91d24;
	height: 5px;
	width: 55px;
	bottom: 15px;
	left: 20px
}

.team .team_slc .item .text span {
	font-family: 'GalanoGrotesque-Light';
	display: block
}

.team .team_slc .item .text strong {
	font-family: 'GalanoGrotesque-Bold';
	display: block
}

.team .team_slc .slick-slide {
	margin: 0 15px
}

.team .team_slc .slick-list {
	margin: 0 -15px
}

.team .team_slc .slick-prev {
	left: -65px
}

.team .team_slc .slick-next {
	right: -65px
}

.slick-next::before,
.slick-prev::before {
	display: none
}

.slick-prev {
	z-index: 9;
	opacity: 1;
	width: 30px;
	height: 27px;
	background-image: url("../images/left.png")
}

.slick-next {
	z-index: 9;
	opacity: 1;
	width: 29px;
	height: 27px;
	background-image: url("../images/right.png")
}

footer {
	background-color: #2a2e31;
	padding-bottom: 15px;
	padding-top: 17px
}

footer .f_title {
	font-size: 30px;
	color: #fff;
	font-family: 'GalanoGrotesque-Bold';
	margin-bottom: 25px
}

footer .f_menu li {
	list-style: none;
	margin-bottom: 10px
}

footer .f_menu li a {
	font-size: 14px;
	font-weight: 700;
	color: #999da1;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

footer .f_menu li a:hover {
	padding-left: 15px
}

footer address .item {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px
}

footer address .item i {
	float: left;
	width: 48px
}

footer address .item p {
	font-size: 12px;
	color: #999da1;
	float: left;
	width: 305px;
	padding-top: 12px;
	margin: 0
}

footer address .item p a {
	color: #999da1
}

footer .social {
	float: left
}

footer .social a {
	width: 54px;
	height: 54px;
	display: inline-block;
	border: 1px solid #bebebe;
	margin-right: 6px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

footer .social a:hover {
	border-radius: 50%
}

footer .social a i {
	margin: 17px auto 0
}

.copy {
	background-color: #202224;
	padding: 15px 0
}

.copy p {
	margin: 0;
	font-size: 12px;
	color: #999da1
}

.copy .dataislem {
	float: right
}

@media (min-width: 1551px) and (max-width: 1720px) {
	.slider .slider_slc .slick-prev {
		left: 135px
	}
	.slider .slider_slc .slick-next {
		right: 135px
	}
	.slider .slider_slc .slick-dots {
		bottom: 95px;
		left: 430px
	}
}

@media (min-width: 1366px) and (max-width: 1550px) {
	.slider .slider_slc .slick-prev {
		left: 0px
	}
	.slider .slider_slc .slick-next {
		right: 30px
	}
	.slider .slider_slc .slick-dots {
		bottom: 74px;
		left: 370px
	}
}

@media (min-width: 1280px) and (max-width: 1365px) {
	.slider .slider_slc .slick-prev {
		left: 15px
	}
	.slider .slider_slc .slick-next {
		right: 15px
	}
	.slider .slider_slc .slick-dots {
		bottom: 70px;
		left: 330px
	}
}

@media (min-width: 1200px) and (max-width: 1279px) {
	.slider .slider_slc .item .text {
		left: 50px
	}
	.slider .slider_slc .slick-prev {
		left: 10px
	}
	.slider .slider_slc .slick-next {
		right: 10px
	}
	.slider .slider_slc .slick-dots {
		bottom: 65px;
		left: 325px
	}
	.team .team_slc .slick-prev {
		left: -28px
	}
	.team .team_slc .slick-next {
		right: -27px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.slider .slider_slc .item img {
		max-width: none;
		width: 100%;
		height: 520px;
		object-fit: cover
	}
	.slider .slider_slc .item .text {
		top: 70px;
		left: 50px
	}
	.slider .slider_slc .slick-prev {
		left: 10px
	}
	.slider .slider_slc .slick-next {
		right: 10px
	}
	.slider .slider_slc .slick-dots {
		bottom: 70px;
		left: 188px
	}
	.team .team_slc .slick-prev {
		left: -58px
	}
	.team .team_slc .slick-next {
		right: -57px
	}
	header .btm .social a {
		width: 35px;
		height: 35px
	}
	header .btm .social a i {
		margin: 9px auto 0
	}
	header .btm .info {
		height: 35px;
		width: 90px;
		line-height: 35px
	}
	header .btm .tel .text .item2 {
		font-size: 20px;
		line-height: 20px
	}
	header .menu .search {
		width: 180px
	}
	header .menu ul.navbar-nav li {
		margin-left: 0
	}
	header .menu ul.navbar-nav li a {
		font-size: 13px;
		padding: 20px 5px
	}
	.home_three .item {
		height: 120px
	}
	.home_three .item .text .link {
		margin-top: 9px
	}
	.home_three .item.item2 .imaj {
		left: 5px
	}
	.home_three .item.item2 .imaj img {
		max-width: 140px
	}
	.home_three .item.item2 .text {
		padding-left: 150px
	}
	.home_three .item .text {
		padding-left: 120px
	}
	.home_three .item .imaj {
		left: 5px;
		bottom: -15px
	}
	.home_three .item .imaj img {
		max-width: 100px
	}
	.home_two .curious .item .imaj {
		width: 65px;
		padding-left: 0;
		margin: 0 auto;
		float: none
	}
	.home_two .curious .item .text {
		float: left;
		width: 100%;
		text-align: center
	}
	.home_three .item .text .title {
		font-size: 24px
	}
	.home_two .before_after .text {
		width: 370px
	}
	.home_two .before_after .text .item {
		width: 150px
	}
	.home_two .before_after .text .item.item1 {
		margin-right: 70px
	}
	footer address .item i {
		width: 41px
	}
	footer address .item p {
		width: 238px;
		padding-top: 5px;
		padding-left: 10px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slider .slider_slc .item .text .title {
		font-size: 33px
	}
	.slider .slider_slc .item .text .title span {
		font-size: 50px;
		line-height: 44px
	}
	.slider .slider_slc .item .text p {
		width: 40%
	}
	.slider .slider_slc .item img {
		max-width: none;
		width: 100%;
		height: 520px;
		object-fit: cover
	}
	.slider .slider_slc .item .text {
		top: 70px;
		left: 50px
	}
	.slider .slider_slc .slick-prev {
		left: 10px
	}
	.slider .slider_slc .slick-next {
		right: 10px
	}
	.slider .slider_slc .slick-dots {
		bottom: 70px;
		left: 188px
	}
	.team .team_slc .slick-prev {
		left: -58px
	}
	.team .team_slc .slick-next {
		right: -57px
	}
	.team .team_slc .slick-slide {
		margin: 0 5px
	}
	.team .team_slc .slick-list {
		margin: 0 -5px
	}
	.team .team_slc .item .text {
		font-size: 18px;
		color: #282828;
		line-height: 18px;
		padding-left: 6px;
		padding-top: 6px;
		width: 173px;
		height: auto;
		padding-bottom: 20px
	}
	.team .team_slc .item .text:before {
		bottom: 12px;
		left: 7px
	}
	header .btm .social a {
		width: 33px;
		height: 33px
	}
	header .btm .social a i {
		margin: 9px auto 0
	}
	header .btm .info {
		height: 33px;
		width: 80px;
		line-height: 33px
	}
	header .btm .tel .imaj {
		margin-right: 3px
	}
	header .btm .tel .text .item2 {
		font-size: 16px;
		line-height: 24px
	}
	header .menu .search {
		width: 180px
	}
	header .menu ul.navbar-nav li {
		margin-left: 0
	}
	header .menu ul.navbar-nav li a {
		font-size: 13px;
		padding: 20px 4px
	}
	header .menu ul.navbar-nav li.home a {
		padding: 20px 8px
	}
	.home_three .item {
		height: 90px
	}
	.home_three .item .text .link {
		margin-top: 9px
	}
	.home_three .item.item2 .imaj {
		left: 5px
	}
	.home_three .item.item2 .imaj img {
		max-width: 90px
	}
	.home_three .item.item2 .text {
		padding-left: 95px;
		padding-top: 4px
	}
	.home_three .item .text {
		padding-left: 85px;
		padding-top: 4px
	}
	.home_three .item .imaj {
		left: 5px;
		bottom: -15px
	}
	.home_three .item .imaj img {
		max-width: 70px
	}
	.home_two .curious .item .text .title {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 5px;
		margin-top: 0px
	}
	.home_two .curious .item .text .desc {
		font-size: 11px;
		line-height: 14px
	}
	.home_two .curious .item .imaj {
		width: 65px;
		padding-left: 0;
		margin: 0 auto;
		float: none
	}
	.home_two .curious .item .text {
		float: left;
		width: 100%;
		text-align: center
	}
	.home_three .item .text .title {
		font-size: 20px;
		line-height: 24px
	}
	.home_two .before_after .text {
		width: 300px
	}
	.home_two .before_after .text .item {
		width: 125px;
		font-size: 20px
	}
	.home_two .before_after .text .item.item1 {
		margin-right: 50px
	}
	footer .f_title {
		font-size: 20px;
		margin-bottom: 20px
	}
	footer address .item i {
		width: 41px
	}
	footer address .item p {
		width: 175px;
		padding-top: 5px;
		padding-left: 5px
	}
	footer .social a {
		width: 35px;
		height: 35px
	}
	footer .social a i {
		margin: 8px auto 0
	}
}

@media (min-width: 768px) {
	.menu .dropdown:hover>.dropdown-menu {
		display: block;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}
}

@media (max-width: 768px) {
	header {
		z-index: 10
	}
	header .logo {
		float: none
	}
	header .logo img {
		margin: 15px auto 0
	}
	header .lng {
		text-align: center
	}
	header .lng a {
		padding-right: 5px
	}
	header .btm .social {
		float: left;
		margin-right: 0;
		margin-left: 0;
		width: 60%;
		text-align: left
	}
	header .btm .info {
		height: 33px;
		width: 35%;
		line-height: 33px;
		float: right
	}
	header .btm .tel {
		margin-left: 0;
		width: 50%;
		margin-bottom: 12px
	}
	header .tel.item2 {
		float: right
	}
	header .tel.item1 {
		float: left
	}
	header .btm .tel .imaj {
		margin-right: 2px
	}
	header .btm .tel .text .item2 {
		font-size: 14px;
		line-height: 22px
	}
	header .btm .social a {
		width: 33px;
		height: 33px
	}
	header .btm .social a i {
		margin: 9px auto 0
	}
	header .btm .info {
		height: 33px;
		width: 80px;
		line-height: 33px
	}
	.navbar-toggle {
		background: #077fc2;
		background: -webkit-linear-gradient(top, #077fc2 0%, #0066a0 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#077fc2), to(#0066a0));
		background: -o-linear-gradient(top, #077fc2 0%, #0066a0 100%);
		background: linear-gradient(to bottom, #077fc2 0%, #0066a0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#077fc2', endColorstr='#0066a0', GradientType=0);
		position: relative;
		float: left;
		padding: 9px 15px;
		border: 0;
		border-radius: 0;
		height: 60px;
		margin: 0
	}
	.navbar-toggle .icon-bar {
		background-color: #fff
	}
	header .menu .navbar-collapse {
		padding-top: 29px;
		padding-left: 12px;
		position: fixed;
		top: 0;
		right: -70%;
		width: 70%;
		height: 100% !important;
		display: block;
		z-index: 999999;
		-webkit-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		background: #2b2a29
	}
	header .menu .navbar .navbar-collapse.in {
		right: 0
	}
	header .menu .navbar-nav {
		margin: 0
	}
	header .menu .search {
		width: 190px
	}
	header .menu ul.navbar-nav li {
		margin-left: 0
	}
	header .menu ul.navbar-nav li a {
		padding: 10px
	}
	.nav .open>a,
	.nav .open>a:hover,
	.nav .open>a:focus {
		background-color: transparent
	}
	.slider {
		margin-bottom: -50px
	}
	.slider .slider_slc .item .text {
		top: 70px;
		left: 0;
		text-align: center;
		padding: 0 25px
	}
	.slider .slider_slc .item .text .title {
		font-size: 30px
	}
	.slider .slider_slc .item .text .title span {
		font-size: 44px;
		line-height: 44px
	}
	.slider .slider_slc .item .text p {
		width: 100%
	}
	.slider .slider_slc .item img {
		max-width: none;
		width: 100%;
		height: 420px;
		object-fit: cover
	}
	.slider .slider_slc .slick-prev {
		left: 10px
	}
	.slider .slider_slc .slick-next {
		right: 10px
	}
	.slider .slider_slc .slick-dots {
		bottom: 20px;
		left: 0;
		right: 0
	}
	.slider .slider_slc .item .text a {
		height: 30px;
		line-height: 28px;
		margin: 15px auto 0
	}
	.team .team_slc .slick-prev {
		left: -36px
	}
	.team .team_slc .slick-next {
		right: -35px
	}
	.team .team_slc .slick-slide {
		margin: 0 5px
	}
	.team .team_slc .slick-list {
		margin: 0 -5px
	}
	.team .team_slc .item .text {
		font-size: 18px;
		color: #282828;
		line-height: 18px;
		padding-left: 6px;
		padding-top: 6px;
		width: 173px;
		height: auto;
		padding-bottom: 20px
	}
	.team .team_slc .item .text:before {
		bottom: 12px;
		left: 7px
	}
	.team .title::before {
		top: -9px;
		line-height: 42px;
		font-size: 42px
	}
	.home_three .item {
		height: 90px;
		margin-bottom: 30px
	}
	.home_three .item .text .link {
		margin-top: 9px
	}
	.home_three .item.item2 .imaj {
		left: 20px
	}
	.home_three .item.item2 .imaj img {
		max-width: 100px
	}
	.home_three .item.item2 .text {
		padding-left: 130px;
		padding-top: 4px
	}
	.home_three .item .text {
		padding-left: 130px;
		padding-top: 4px
	}
	.home_three .item .imaj {
		left: 25px;
		bottom: -15px
	}
	.home_three .item .imaj img {
		max-width: 80px
	}
	.home_two .hd_title strong {
		font-size: 24px
	}
	.home_two .hd_title a {
		margin-top: 20px
	}
	.home_two .curious .item .text .title {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 5px;
		margin-top: 0px
	}
	.home_two .curious .item .text .desc {
		font-size: 11px;
		line-height: 14px
	}
	.home_two .curious .item .imaj {
		width: 65px;
		padding-left: 0;
		margin: 0 auto;
		float: none
	}
	.home_two .curious .item .text {
		float: left;
		width: 100%;
		text-align: center
	}
	.home_three .item .text .title {
		font-size: 20px;
		line-height: 24px
	}
	.home_two .before_after .before_after_slc .item img {
		height: 190px
	}
	.home_two .before_after .text {
		width: 280px
	}
	.home_two .before_after .text .item {
		width: 115px;
		font-size: 18px;
		height: 40px;
		line-height: 40px
	}
	.home_two .before_after .text::before {
		top: 18px;
		height: 5px;
		width: 65px
	}
	.home_two .before_after .text .item.item1 {
		margin-right: 50px
	}
	footer {
		text-align: center
	}
	footer .f_title {
		font-size: 20px;
		margin-bottom: 20px
	}
	footer address .item i {
		width: 41px;
		float: none;
		margin: 0 auto
	}
	footer address .item p {
		width: 100%;
		padding-top: 5px;
		padding-left: 5px
	}
	footer .social {
		width: 100%
	}
	footer .social a {
		width: 35px;
		height: 35px
	}
	footer .social a i {
		margin: 8px auto 0
	}
	.copy {
		padding: 20px 0
	}
	.copy p {
		text-align: center;
		margin-bottom: 15px
	}
	.copy .dataislem {
		width: 100%
	}
	.copy .dataislem i {
		margin: 0 auto
	}
}


/*# sourceMappingURL=style.css.map */