@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext');

[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {font-family: 'Source Sans Pro', sans-serif!important;}

*, *::after, *::before {
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	outline:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
a, img { outline:none; text-decoration:none; }
a { cursor:pointer; color:#c32228; -webkit-transition: all .1s ease; transition: all .1s ease; }
a:hover { color: #c32228; }
strong { font-weight:800;}
input { -webkit-border-radius: 0; border-radius: 0; }

body {
    font-family: 'Source Sans Pro', sans-serif;
	width:100%;
	margin:0;
	background:#fff;
	padding:0;
	font-size:14px;
	overflow-x:hidden;
	overflow-y:scroll;
	color:#333e48;
}

.clear { clear:both }
.clear.margin { height:20px; }

.ui-tooltip { width: auto; text-align: center; background:#eee!important; box-shadow: none !important; padding: 0; border:1px solid #eee!important;}
.ui-tooltip-content { position: relative; padding:.26rem; font-weight: 600; }
.ui-tooltip-content::after, 
.ui-tooltip-content::before {}
@media (max-width:480px){
    .ui-tooltip { display: none!important;}
}

/* Loading */
#loading { 
	width:100%;
	height:100%; 
	display:block; 
	overflow:hidden; 
	margin:0; 
	padding:0; 
	top:0;
	left:0;
	position:fixed; 
	z-index:999999999;
	max-height:100%;
    min-height:100%; 
	background:#fff;
}
#loading .loader {
	margin: 20% auto 0 auto;
	position: relative;
	text-indent: -9999em;
	border-top: .3em solid #c32228;
	border-right: .3em solid #c32228;
	border-bottom: .3em solid #c32228;
	border-left: .3em solid #c32228;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
#loading .loader,
#loading .loader:after {
	width: 3em;
	height: 3em;
}
#loading .loader-text { display: block; overflow: hidden; text-align:center; font-weight:400; font-size:1rem; margin: 10px 0 0 0; color:#222; }
@-webkit-keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

a.siteup { 
	position:fixed; 
	bottom:30px; 
	right:-60px; 
	display:block; 
	width:60px; 
	height:60px; 
    line-height: 60px;
    font-size: 1rem;
    color: #fff;
	overflow:hidden; 
	background:#1d1d1b;
	-webkit-transition:.3s;
	transition:.3s;
	z-index:999;
    border-radius: 50%;
    text-align: center;
}
a.siteup.sticky { right:30px; }

a.contact { 
	position:fixed; 
	bottom:30px; 
	left:30px; 
	display:block; 
	width:60px; 
	height:60px;
    line-height: 60px;
    text-align: center;
    font-size: 1.5rem;
	overflow:hidden; 
	background:#c32228;
    color: #fff;
	z-index:999;
    border-radius: 50%;
    transform:scale(0);
    -webkit-transition:.3s;
	transition:.3s;
}
a.contact.sticky {transform:scale(1); }

a.whatsapp { 
	position:fixed; 
	bottom:70px; 
	left:10px; 
	display:none!important; 
	width:50px; 
	height:50px; 
	overflow:hidden; 
	background:#45c455 url(../svg/whatsapp.svg) center center no-repeat;
	background-size:30px;
	-webkit-transition:.3s;
	transition:.3s;
	z-index:999;
    border-radius: 50%;
    transform:scale(0);
    border: 1px solid #fff;
}
a.whatsapp.sticky {transform:scale(1); }
@media (max-width:980px){
    a.whatsapp,a.whatsapp.sticky { display: block!important;}
}
@media (max-width:480px){
    a.siteup { bottom:10px; right:-50px; width:50px; height:50px; line-height: 50px; background-size:22px;}
    a.siteup.sticky { right:10px; }
    a.contact { bottom:10px; left:10px; width:50px; height:50px; line-height: 50px; background-size:25px; }
}

/* Table */
table { width: 100%; border-collapse: collapse; text-align: left; font-size: .7rem; }
table th { padding: 5px 5px; color: #91d041; }
table td { padding: 5px 5px; }
table td input { margin: 0; padding: 0; }
table + tr {  border-bottom: 1px solid #444; }
table tr:nth-child(even) { background: #333; }
table tr:last-child { border-bottom: 0; }

.input,.textarea {
  background-color:#4F4F4F;
  padding:8px;
  width:100%;
  font-family:arial;
  font-size:.6rem;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-appearance: none;
  border:0;
  outline:0;
  -webkit-transition:0.3s ease all;
	   -moz-transition:0.3s ease all;
	    -ms-transition:0.3s ease all;
	     -o-transition:0.3s ease all;
	        transition:0.3s ease all;
}

select {
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
  background-color:#4F4F4F;
  background-repeat:no-repeat;
  background-position: right 10px top 12px;
  background-size: 12px 12px;
  padding:8px;
  width:100%;
  font-family:arial;
  font-size:.6rem;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-appearance: none;
  border:0;
  outline:0;
  -webkit-transition:0.3s ease all;
	   -moz-transition:0.3s ease all;
	    -ms-transition:0.3s ease all;
	     -o-transition:0.3s ease all;
	        transition:0.3s ease all;
}
select:focus, 
select:active { border:0; outline:0; }
select:hover { background-color:#535353; }


/* CONTAINER */
#container { width:100%; margin:0; padding:0; }

.container { display: table; width:100%; margin:0; padding:0;}
.container .wrapper { width:1280px; margin:0 auto; padding:0;}
@media (max-width:480px) {
    .container .wrapper { width:95%;}
}

/* UPPER */
.upper { display:block; width:100%; height:50px; background-color: #333; -webkit-transition:.1s; transition:.1s; position: fixed; top: 0; z-index: 10;}
.upper.sticky { top: -50px; }
@media (max-width:480px) {
    .upper { position: static;}
	.upper .wrapper{ width: 100%;}
}

/* member */
.member { display:block; height: 50px; margin: 0; padding: 0; float:left; }
.member ul { margin: 0; padding: 0; }
.member li { display:block; float:left; position: relative;  }
.member li a { display:block; text-align: center; font-size: 1.2rem; padding:0; height:50px; line-height:45px; color:#A6A5A5;  }
.member li a i { padding: 0 10px; float: left; color: #c32228; }
.member li:hover a { color: #fff; }
.member li.home { margin: 0 10px 0 0; }
.member li.home a { background-color:#c32228; padding: 0 12px; color: #c32228;}
.member li.home a i { color: #fff;}

@media (max-width:480px) {
    .member li { width: 60px; text-align: center;  }
	.member li a { display:block; text-align: center; font-size: 1.2rem;  }
    .member li a i { padding: 0; font-size: 1.5rem; text-align: center; float: none; }
	.member li.email { display: none; }
}


.social-feed { display:block; overflow: hidden; float: right;}
.social-feed a { 
	display:inline-block;
	width:50px; 
	height:50px;
	text-align:center;
	margin:0;
	overflow:hidden;
	position:relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.social-feed a:hover { background-color:#c32228; border:2px solid #c32228; color:#fff; }
.social-feed a.social_facebook { content: ""; background-image: url("../svg/social_facebook.svg"); }
.social-feed a.social_twitter { content: ""; background-image: url("../svg/social_twitter.svg"); }
.social-feed a.social_instagram { content: ""; background-image: url("../svg/social_instagram.svg"); }
.social-feed a.social_youtube { content: ""; background-image: url("../svg/social_youtube.svg"); }
@media (max-width:480px) {
	.social-feed { display:block; overflow: hidden; float: left;}
}


/* hotline */
.hotline { display:block; height:50px; overflow:hidden; float:right; font-size:1.2rem; border-left: 1px solid #111;}
.hotline a span { display:block; overflow:hidden; padding:0; height:50px; line-height:50px; color:#fff; float:left;  }
.hotline a span.icon { width: 55px; line-height: 50px; text-align: center; color: #fff; background:#c32228;  }
.hotline a span.phone { background:none; font-weight:300; padding: 0 15px;   }
.hotline a span.phone strong { font-weight:700;  }
@media (max-width:480px) {
    .hotline { width: 17%; display:block; height:50px; overflow:hidden; float:right; font-size:1.8rem; background:#24af34; border:0;}
    .hotline a span { display:block; overflow:hidden; padding:0; height:50px; line-height:50px; color:#333; float:left;  }
    .hotline a span.icon { width: 100%; line-height: 50px; text-align: center; color: #fff; background:#24af34; }
    .hotline a span.phone { display: none;   }
}

/* HEADER */
header { 
	display:block;
	width:100%;
	height:100px;
	margin:0;
	padding:0; 
    background:#fff;
	-webkit-transition:.1s;
	transition:.1s;
    border-bottom: 1px solid #dedede;
    position: fixed; 
    top: 50px;
    z-index: 9;
} 	
header.sticky { top: 0; } 	
header .header { width:1280px; margin:0 auto; position:relative;}
@media (max-width:480px) {
    header { position:relative; height:80px; top: 0; overflow: hidden;} 	
    header.sticky { position: fixed; top: 0; } 	
	header .header { width:100%; }
}
/* Logo */
a.logo { 
	width:225px;
	height:99px; 
	display:block;
	overflow:hidden; 
	float:left; 
	-webkit-transition:.3s;
	transition:.3s;
	cursor:pointer;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("../images/logo.png");
    background-size: 90%;
    background-color: #fff;
    border-right: 1px solid #dedede;
}
@media (max-width:480px) {
    a.logo { width:200px; height:80px; background-position: center center; }    
}

/* Search */
.search { height: 50px; margin: 25px 0 0 25px; padding: 0; border-radius: 2px; background: #f7f7f7; float: left; border: 1px solid #dedede;}
.search.mobile { display: none;}
.search input { font-size: 1rem; background: transparent; height: 45px; width: 75%; margin: 0; padding: 0 15px; color: #111; border: none; float: left; }
.search button { width: 60px; float: right; height: 50px; line-height: 48px; border: none; background: transparent; color: #c32228; font-size: 1.4rem; cursor: pointer; }


@media (max-width:768px) {
    .search { display: none; float: none; width: 100%; margin: 0; padding: 0; border-radius: 0; border: none; border-bottom: 1px solid #dedede; background: #fff;}
    .search.mobile { display: block;}
}

/* Main Menu */
.toggleMenu {
	color: #fff;
	z-index:10000;
	text-align:center;
	overflow:hidden;
    width:50px;
	height:50px;
	line-height:50px;
	background-color:#c32228;
	-webkit-transition: .5s; 
	transition: .5s;
	opacity:1;
	display: block;
    font-family: "dripicons-v2"!important;
	float: right;
    margin: 25px 0 0 20px;
    font-size: 2rem;
    
}
.toggleMenu:before { content: "\e020"; }
.toggleMenu.toogle_hover:before { content: "\39"; }
@media (max-width:480px) {
 .toggleMenu {  margin: 15px 10px 0 15px; }
}

nav { float:right; margin:0 0 0 0; padding:0; display:block;}
.nav { margin:0; padding:0; list-style:none; position:relative; z-index:250;}
.nav:before, .nav:after { content:""; display: table;}
.nav:after { clear: both; }

.nav ul { list-style: none; }
.nav li { display:block;  margin:0; position: relative;  }
.nav > li {  float: left;  }
.nav > li > a { 
	display: block; 
	color:#111; 
	font-size:16px;
	height:90px;
	line-height:90px;
	padding:0 15px; 
	text-align:center;
	font-weight:700; 
	transition:.1s;
	-webkit-transition:.1s;
	border-bottom: 7px solid #fff;
}
.nav > li:hover > a { color: #111; border-bottom: 7px solid #c32228;  }

.nav li ul { position: absolute; width:200px; display:none; margin:0; padding:0; }
.nav li.hover > ul { display:block; top:100%; left: 0;   }
.nav li li.hover ul { display:block; top:0; left: 100%;}

.nav li ul li { border:none; margin:0; display:block; }
.nav li ul li a { 
	display: block; 
	font-size:13px;
    font-weight: 700;
	color:#111; 
	height:auto;
	padding:15px;
	text-align:left;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.nav li ul li:last-child a { border-bottom: 0; }
.nav li ul li:hover a { color:#fff; background: #215ca8; }
.nav li ul li ul li a { 
	display: block; 
	font-size:13px;
    font-weight: 700;
	color:#2793BF; 
	height:auto;
	padding:15px;
	text-align:left;
    background: #3867a5;
    overflow: hidden;
    border-bottom: 1px solid #2a4f80;
}
.nav li ul li ul li a:hover { color:#ccc; background: #1a5097; }


@media (max-width:1024px) {
    nav { display:block; overflow:hidden; margin:0; padding:0; }
    .nav { 
        width:250px; 
        height:100%;
        min-height:100%;
        margin:0; 
        padding:0;
        position:fixed; 
        display:none;
        overflow:hidden; 
        z-index:9999999;
        top:0; 
        left:0; 
        background:#fff;
        overflow-y:auto;
        border-right: 1px solid #dedede;
    }
    .nav > li { width:100%; display:block; padding:0; margin:0; position:relative; border-bottom: 1px solid #eee; }
    .nav > li > a.parent:after { font-family: "dripicons-v2"; content:"\54"; float:right; position:absolute; font-size:16px; color:#c32228; right:20px; }
    .nav > li a { 
        display: block; 
        color:#444; 
        font-size:1.1rem;
        height:50px;
        padding:0 20px; 
        line-height:50px; 
        text-align:left;
        font-weight:800; 
        transition:.3s;
        -webkit-transition:.3s;
        border-bottom: 0;
    }
    .nav li:hover > a { background:#444; color:#c32228;  }
    .nav li a:hover { color:#fff; }
    .nav li ul { list-style: none; width: 100%;  position: static;  margin:0; padding:0; }
    .nav li ul li { border:none; margin:0; padding:0; position:relative;}
    .nav li ul li a { color:#fff; padding:0 20px; line-height:40px; font-weight: 500; height:auto; font-size:1rem; background:#444; border-bottom: 0;}
    .nav li ul li li a { background: #941D35; font-weight: 300; }
    .nav li ul li a:hover,
    .nav li ul li:hover > a { background: #941D35; color:#fff; }
    .nav li.hover > ul, 
    .nav li li.hover ul { position:static; }
}

/* SLIDER */
#slider {  display:block; overflow:hidden; width:100%; position: relative;  }

.banner { width:100%; margin:100px 0 0 0; padding:0; overflow: hidden;  position: relative; z-index: 1; font-weight:600;}
.banner .owl-item { margin:0; padding:0; float:left; }
.banner .owl-item img { width: 100%; vertical-align: bottom; }
.banner .owl-prev { left: 40px !important; background-color: rgba(0, 0, 0, 0.33)!important; }
.banner .owl-next { right: 40px !important; background-color: rgba(0, 0, 0, 0.33)!important; }

.banner-mobile { display: none !important;}
.banner-mobile .owl-item { margin:0; padding:0; float:left; }
.banner-mobile .owl-item img { width: 100%; vertical-align: bottom; }
@media (max-width:768px) {
    .banner { display: none!important;}
    .banner-mobile { display: block!important; width:100%; margin:0; padding:0;  position: relative; z-index: 1; font-weight:600;}
    .banner-mobile .owl-prev,
    .banner-mobile .owl-next{ display: none!important;}
}

.caption { width:100%; height: 100%; padding:12% 10%; margin:0; text-align: center; z-index:7; position:absolute; top:0; left:0; overflow:hidden; background-color: rgba(0,0,0,0.50);}
.caption .title { 
	width:100%;
	display:block;
	overflow:hidden;
	color:#fff;
	opacity:0;
    font-size: 4rem;
	font-weight:100; 
	padding:0;
	animation: title .2s .4s linear forwards;
	position:relative;
    transform: scale(0);
}
.caption .desc { 
	display:block;
	width:600px;
	opacity:0;
	margin:0 auto;
	font-size:1.2rem;
	color:#fff;
	font-weight:300;
	overflow:hidden;
	animation: desc .2s .5s linear forwards;
	position:relative;
}
.caption .link { 
	display:block;
	width:200px;
	margin:30px auto;
	opacity:0;
	overflow:hidden;
	animation: link .2s .6s linear forwards;
	position:relative;
}
.caption .link a { 
	width:200px; 
	height:60px; 
	display:block; 
	line-height:60px;  
	font-size:1.3rem;
	background: #fff;
	color:#111;
	font-weight:600;
	text-align:center;
}
.caption .link a:hover { background:#fff; color:#555;  }

@media (max-width:480px) {
.caption { width:100%; height: 100%; padding:25px 25px 0 25px; text-align: center; top:0; left:0; background-color: rgba(0,0,0,0.50);}
.caption .title { width:100%; font-size: 3rem; }
.caption .desc { width:100%; font-size:1rem;}
.caption .link { width:150px; margin:30px auto; }
.caption .link a { width:150px; height:50px; display:block; line-height:50px; font-size:1rem; }
}

@keyframes title {
	from   { opacity: 0; transform: scale(0);}
	to  { opacity: 1; transform: scale(1); }
}
@keyframes desc {
	from   { opacity: 0; top:0; }
	to { opacity: 1; top:4%; }
}
@keyframes link {
	from   { opacity: 0; top:0; }
	to { opacity: 1; top:5%; }
}

/* ICON BUTTON */
.icon-categories { display: flex; flex-wrap: nowrap; justify-content:center; position: relative; z-index: 8; width: 1280px; margin:-150px auto 0 auto; }
.icon-categories .row {  
    width: 25%; 
	height: 90px;
    color: #fff; 
    font-size:1.4rem; 
    font-weight: 500;  
    padding: 0;
	margin: 0 2px; 
    display: block; 
    text-align: center; 
    transition: .1s;
	position: relative;
	transition: .1s;
}
.icon-categories .row span { position: absolute; transition: .1s;  background-color: rgba(0, 155, 181, .5); padding: 25px 0; z-index: 2; display: block; width: 100%; height: 20vh; text-align: center;  }
.icon-categories .row i {transition: .1s;  position: absolute; z-index: 1; display: block; bottom: 0; width: 100%; height: 0; background-color: #c32228; opacity: 0;  }
.icon-categories .row:hover > i { opacity: 1; height: 25vh;}
.icon-categories .row:hover > span {  padding: 35px 0;}
.icon-categories .row i img { width: 50%; vertical-align: middle; padding: 25px;}

.icon-categories .row:hover { opacity: 1;  }


@media (max-width:480px) {
    .icon-categories { flex-wrap: wrap; width: 100%; margin:0; border-top: 1px solid #111;}
    .icon-categories .row {  width: 100%; border-right: 1px solid #111; border-bottom:1px solid #111; font-size: 1.4rem; }
    .icon-categories .row:nth-child(2n+0) {border-right: 0;  }
    .icon-categories .row:nth-child(even) { background-color: #c32228; }
}

a.readmore { 
	display:block; 
	width:200px; 
	height:55px; 
	line-height:55px; 
	margin:25px auto;
	padding:0 20px; 
	background:#c32228;
	color:#fff;  
	font-weight:700;
	font-size:1rem;
	position:relative;
	text-align:center;
}
a.readmore:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #c32228;
	border-width: 25px;
	margin-left: -25px;
}
a.readmore.dark {background:#111; }
a.readmore.dark:after {border-top-color: #111;}


/* ABOUT */
.about { width:100%; margin:0;  padding:40px 0 0 0; display:block; overflow:hidden; background: #fff; color: #111; }
.about .title { display:block; width: 75%; margin: 0 auto; font-size:1.1rem; text-align: center;}
.about .title h1 { display:block; font-size:4rem; font-weight:100; margin:0; padding:0;  }
.about .title h1 span { font-weight: 600; }
.about .title h2 { display:block; font-size:1.2rem; font-weight:300; margin: 10px 0 0 0; padding:0; color:#666;  }

@media (max-width:480px) {
    .about { width:100%; margin:0;  padding:25px 10px; }
    .about .wrapper { width: 95%;  }
    .about .title { width: 100%; }
    .about .title h1 { font-size:2.6rem; line-height: 100%; }
    .about .title h2 { padding:0; }
    .about a.readmore { width: 100%; }
}

/* BLOCKS */
.blocks { width:100%; margin:0;  padding:50px 0; display:block; overflow:hidden; background:url(../images/bg.html) top center no-repeat; background-size: cover; color: #111; }
.block { display: flex; flex-wrap: wrap; justify-content: space-between; }
.block .col { width: 31%; display: block; margin: 2% 0; position: relative; background-color: #fff; overflow: hidden; border-radius: 3px; box-shadow: 0 0 15px #ccc; }
.block .col img { width: 100%; vertical-align: bottom;  transition: .2s; }
.block .col:hover img {}
.block .col .title { display: block;width: 100%;overflow: hidden;color: #fff;z-index: 3;padding:25px 0;}
.block .col .title span { display: block; overflow: hidden; margin: 0; text-align: center; }
.block .col .title span.line {background-color: #c32228; width: 50%; height: 10px; border-radius: 10px; margin: 10px auto; display: block; font-size: 2rem; text-align: center; } 
.block .col .title span.text { color: #111; width: 80%; margin: 0 auto; font-weight: 700; font-size: 1.4rem; }
@media (max-width:480px) {
    .blocks .wrapper { width: 90%;}
    .block { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .block .col { width: 100%; margin:0 0 15px 0; border-bottom:1px solid #fff; }
}


/* Headline */
.headline { width:1000px; margin: 35px auto; display:block; text-align:center;}
.headline h1,
.headline h2,
.headline h3,
.headline h4{ margin:0; padding:0; line-height: 115%;  }

.headline h1 { font-size:2.4rem; color:#111; font-weight:700; }
.headline h2 { font-size:1.2rem; width:75%; margin:10px auto; font-weight:300; color:#111; }
.headline h3 { font-size:2.4rem; color:#111; font-weight:700; }
.headline h4 { font-size:1.2rem; margin:10px auto; font-weight:300; color:#111; }

.headline.mx-left  { width: 100%; text-align: left; border-top: 0px solid #dedede; margin:0; padding: 15px 0 0 0;}	
.headline.mx-left i { float: left; margin: 0 10px 0 0;}
@media (max-width: 1024px) {
	.headline { width:100%; margin:15px auto 50px auto; display:block; text-align:center;}
	.headline h3 { font-size:2rem; color:#111; font-weight:700; }
	.headline h4 { font-size:1rem; width:75%; margin:10px auto; font-weight:300; color:#111; }
	.headline h5 { font-size:1.4rem; color:#111; font-weight:700; }
	.headline h6 { font-size:1rem; margin:10px auto; font-weight:300; color:#111; }
	.headline.mx-left  { width: 100%; text-align: center; padding: 15px 0 0 0;}	
}

/* CONTENT */
.content { width:100%; margin:109px 0 0 0;  padding:40px 0; display:block; overflow:hidden; background: #fff; color: #111; font-size: 1.1rem; }

/* Galeri */
.galeri{display:block;overflow:hidden;margin:35px 0}
.galeri a{width:23.5%;float:left;margin:0 2% 2% 0;display:block;border:1px solid #eee}
.galeri a:nth-child(4n+0){float:right;margin:0 0 2% 0}
.galeri a img{width:100%; height: 175px; vertical-align:bottom}
@media (max-width:1024px){
	.galeri{display:flex; flex-wrap: wrap; justify-content: space-between; overflow:hidden;margin:25px 0}
	.galeri a{width:49%;float:left;margin:0 0 2% 0;}
}


.carousel{width:100%;display:block;margin:0;padding:0;font-weight:600;}
.carousel .owl-item{margin:0;padding:0;display:block;float:left;transition:.2s;}
.carousel .owl-item img{width:100%;vertical-align:bottom;}
.carousel .owl-next,.carousel .owl-prev{background-color:transparent!important;color:#333!important}
.carousel .owl-next{right:-50px!important}
.carousel .owl-prev{left:-50px!important}
.carousel .owl-controls { z-index: 0!important;}

.info {width:100%;display:block;margin:0;padding:25px 0;font-weight:600; overflow: hidden; border-top: 1px solid #dedede;}
.info .wrapper { width:1280px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.news { width: 45%;}
.videos {width: 45%;}

.news-carousel{ margin:50px 0; padding: 0; list-style: none;}
.news-carousel .owl-item{padding:0 0; }
.news-carousel .owl-item img{ width: 100%; border:3px solid #dedede; border-radius: 10px;}
.news-carousel .owl-item iframe{border:3px solid #dedede; border-radius: 10px;}
.news-carousel .owl-controls{top:35% !important;}
.news-carousel p { font-size: 1.2rem!important; font-weight: 600; }

.gallery {width:100%;display:block;margin:0;padding:25px 0;font-weight:600; overflow: hidden; background:linear-gradient(#eee, #fff); border-top: 1px solid #dedede;}
.gallery .wrapper { width:1300px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.galeri-carousel{ margin:25px 0 50px 0; padding: 0; list-style: none;}
.galeri-carousel .owl-item{padding:0 10px ;}
.galeri-carousel .owl-item img{border:3px solid #dedede; border-radius: 10px;}
.galeri-carousel .owl-controls{top:45% !important;}

@media (max-width:1024px){
	.info {width:100%;display:block;margin:0;padding:25px 0;font-weight:600; overflow: hidden; border-top: 1px solid #dedede;}
	.info .wrapper { width:90%; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.news { width: 100%;}
	.videos {width: 100%;}
	
	.news-carousel{ margin:50px 0; padding: 0; list-style: none;}
	.news-carousel .owl-item{padding:0 0; }
	.news-carousel .owl-item img{ width: 100%; border:3px solid #dedede; border-radius: 10px;}
	.news-carousel .owl-item iframe{border:3px solid #dedede; border-radius: 10px;}
	.news-carousel .owl-controls{top:35% !important;}
	.news-carousel p { font-size: 1.2rem!important; font-weight: 600; }
	
	.gallery {width:100%;display:block;margin:0;padding:25px 0;font-weight:600; overflow: hidden; border-top: 1px solid #dedede;}
	.gallery .wrapper { width:95%; display: flex; flex-wrap: wrap; justify-content: space-between;}
	
	.galeri-carousel{ margin:25px 0 50px 0; padding: 0; list-style: none;}
	.galeri-carousel .owl-item{padding:0 10px ;}
	.galeri-carousel .owl-item img{border:3px solid #dedede; border-radius: 10px;}
	.galeri-carousel .owl-controls{top:45% !important;}
}


/* SOCIAL */
.social { width:100%; display:block; margin: 25px 0 0 0;  overflow: hidden;}
.social .title {display:block;font-weight: 600; font-size: 1.8rem; padding:0 0 25px 0; margin:0;  }
.social a { 
	display:inline-block;
	width:45px; 
	height:45px;
	text-align:center;
	margin:0 10px 0 0;
	overflow:hidden;
	position:relative;
	border:1px solid #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
	background-color: #111;
	border-radius: 10%;
}
.social a:hover { background-color:#c32228; border:1px solid #c32228; color:#fff; }
.social a.social_facebook { content: ""; background-image: url("../svg/social_facebook.svg"); }
.social a.social_twitter { content: ""; background-image: url("../svg/social_twitter.svg"); }
.social a.social_instagram { content: ""; background-image: url("../svg/social_instagram.svg"); }
.social a.social_youtube { content: ""; background-image: url("../svg/social_youtube.svg"); }


.googlemap { width:100%; height: 300px; display:block; overflow: hidden; padding:0; margin:0; color:#fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#map_container { 
	width:100%; 
	height:100%; 
	position: relative;
	z-index:0;
	filter: gray;
	opacity:.9;
	-webkit-filter: grayscale(10%);
	-webkit-transition:.5s;
	transition:.5s;
}
#map_container iframe { position: absolute; width: 100%; height: 100%; }

/* FOOTER */
footer { width:100%; display:table; padding:0; margin:0; color:#fff; position:relative; border-top: 1px solid #2D3236; background: #111; }
.columns { 
	font-weight:200; 
	padding:100px 0; 
	width:1280px;
	margin:0 auto;
	position:relative;
	z-index:2;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
    font-size:1.2rem;
}
.columns .cols { display:block; width: 20%; }
.columns .cols.first {  width: 45%; }
.columns .cols .title { display:block; overflow:hidden; font-weight:600; padding:0; font-size:1.5rem; margin:0 0 25px 0; color: #fff; }
.columns .cols .link { color:#dedede; margin:10px 0; font-weight:300; display:block; font-size:1rem;   }
.columns .cols .link:hover { color:#c32228;  }
.columns .cols p { margin: 0; padding:5px 0;}
.columns .cols p a { color: #eee; display: inline-block; padding:0; line-height: 25px; font-size: 1rem; font-weight: 400; } 
.columns .cols p a:before { 
    font-family: "dripicons-v2";
    width: 25px;
    height: 25px;
    line-height: 24px;
    margin: 0 10px 0 0; 
    text-align: center;
    float: left;
    display: inline-block; 
    overflow: hidden;
    background: #c32228;
    border-radius: 50%;
}
.columns .cols p a.phone:before { content: "\e030"; }
.columns .cols p a.cell:before { content: "\25"; }
.columns .cols p a.email:before { content: "\e015";  }
.columns .cols p a.maps:before { content: "\e012"; }
@media (max-width:480px) {
    .columns { padding:0; width:100%; flex-wrap:wrap; font-size:1.2rem; }
    .columns .cols { width: 100%; text-align: center; padding: 25px; }
    .columns .cols:nth-child(even) {background: #2D2D2D; }
    .columns .cols.first {  width: 100%; }   
    .columns .cols .title { font-size: 1.8rem; font-weight:600; }
    .columns .cols .link { margin:5px 0; font-size:1.2rem;   }
}

.subscribe { display:block; overflow:hidden; width: 80%; }
.subscribe p { display: block; margin: 25px 0 0 0!important; }
.subscribe img { opacity: .5; width: 200px; }
.subscribe form {
	height: 50px;
	width:100%;
	display: block;
	margin:0;
	overflow: hidden;
	background:#666;
	border:1px solid #222;
    border-radius: 5px;
}
.subscribe form input[type="text"] {
	width: 70%;
	float: left;
	border: none;
	background: none;
	height: 45px;
	font-size: 1rem;
	padding: 0 20px;
	color: #fff;
    font-weight: 400;
}
.subscribe form button {
	float: right;
	border: none;
	height: 53px;
	padding: 0 15px;
	font-size: 1.6rem;
	color: #fff;
	position: relative;
	cursor: pointer;
    background: #c32228;
}
.subscribe form button:before { font-family: "dripicons-v2"; content: "\6a"; }
@media (max-width:480px) {
    .subscribe { width: 100%; }
}

/* BOTTOM */
.bottom { width:100%; display:block; overflow: hidden; padding:20px 0; margin:0; color:#333; background: #eee; }
.copyright { display:block; font-weight:400; margin:0; float: left; }
.copyright p { color:#777; margin:0; padding:0; }
.copyright p span { color:#777; }
.copyright p strong { color:#c32228; font-weight: 800; }

.webtasarim { display:block; font-weight:400; margin:0; float: right; }
.webtasarim p { color:#777; margin:0; padding:0; }
.webtasarim p a { color:#39b54a; font-weight: 800; }
.webtasarim p a strong { color:#333; font-weight: 800; }

@media (max-width:690px){
    .copyright { float: none; text-align: center; padding: 0 30%; }
    .webtasarim { float: none; text-align: center; margin: 20px 0 0 0; }
}

/* LIGHTBOX */
.lightbox { 
	cursor: pointer; 
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	background:rgba(255,255,255,1.00);
	-webkit-filter: none !important; 
	z-index: 999999999999 !important; 
}
.lightbox img { display: block; position: absolute; }
.lightbox-loading { 
	background: url(../images/loading.gif) center center no-repeat; 
	width: 80px; 
	height: 80px; 
	margin: -20px 0 0 -16px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
}
.lightbox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 9998; }
.lightbox-caption p { 
	margin: 0 auto; 
	max-width: 70%; 
	display: inline-block;  
	*display: inline;
 	*zoom: 1;
	padding: 10px; 
	color: #fff; 
	font-size: 12px; 
	line-height: 18px; 
}
.lightbox-button { 
	position: absolute; 
	z-index: 9999; 
	background: no-repeat center center; 
	width: 60px; 
	height: 60px; 
	opacity:0.9; 
	-webkit-transition: all 0.3s; 
	-moz-transition:    all 0.3s; 
	-ms-transition:     all 0.3s; 
	transition: 		all 0.3s; 
	  background-size:35px;
}
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
.lightbox-close { right: 30px; top: 20px; background-image: url('../svg/close.svg'); }
.lightbox-nav { top: 47%; width:100%; margin-top: -16px; }
.lightbox-nav-next { right: 30px; width: 60px; height: 60px; background-image: url('../svg/next.svg'); background-size:80px; }
.lightbox-nav-prev { left: 30px; width: 60px; height: 60px; background-image: url('../svg/prev.svg'); background-size:80px; }



/* Contact Form */
.contact_info { display:block; overflow: hidden; margin:25px 0 40px 0;font-weight:600; padding:0; font-size: 1.2rem; text-align: center; }
.contact_info .row { display: block; width: 30%; margin:0 5% 0 0; float: left; padding:25px; line-height: 120%; color: #555; border: 1px solid #dedede;}
.contact_info .row:last-child { float: right; margin: 0; }
.contact_info .row .icon { font-family:"ElegantIcons";  display: block; width: 100%; text-align: center; margin:0 0 10px  0; font-size: 3rem; color: #444; }

@media (max-width: 1024px) {
	.contact_info { display:block; overflow: hidden; margin:25px 0; font-size: 1.2rem;  }
	.contact_info .row { width: 100%; margin:0; float: left; padding:25px;}
}

.contact_form { width:100%; margin:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.form_row { width:49%; display:block; overflow:hidden; color:#111; margin:0 0 10px 0; padding:0;}
.form_row input,
.form_row textarea {
	width:100%; 
	font-size:1rem;
	display:block;
	padding:0 20px;
	margin: 10px 0;
	height:50px;
	line-height:50px; 
	background-color:#fff; 
	color:#444; 
	border:1px solid #dedede;
	-webkit-transition:.2s;
	transition:.2s;
}
.form_row input.code { width: 50%;}
.form_row textarea { height:180px; }
.form_row input:focus,
.form_row textarea:focus { border:1px solid #D80027; background:#f7f7f7; }
.form_row .security { display:block; padding:0 10px 0 0; text-align:center; float: left; margin:0; font-size:1.6rem; font-weight:700; color:#e40230;}
.form_row input[type="submit"] {
	width:100%; 
	height:55px; 
    float: right;
	font-size:1.3rem;
	line-height:45px;
	font-weight:700;
	text-align:center;
	overflow: hidden;
	margin:20px 0 0 0; 
	display:block;
	border:none; 
	background-color:#1a1a1a; 
	color:#fff; 
	cursor:pointer;
	transition: all .1s linear; 
	-moz-transition: all .1s linear; 
	-webkit-transition: all .1s linear; 
    border-radius: 5px;
}
.form_row input[type="submit"]:hover { color:#fff; background-color:#333;}
@media (max-width: 1024px) {
	.contact_form { width:100%; margin:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.form_row { width:108%; display:block; overflow:hidden; color:#111; margin:0; padding:0;}
	.form_row input,
	.form_row textarea { margin: 0 0 10px 0;}
}