@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:#e31f24; -webkit-transition: all .1s ease; transition: all .1s ease; }
a:hover { color: #e31f24; }
strong { font-weight:600;}
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: .2em solid #ea373e;
	border-right: .2em solid #ccc;
	border-bottom: .2em solid #ea373e;
	border-left: .2em solid #ccc;
	-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;
    border-radius: 50%;
}
#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.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; }
}

/* 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; }

/* Radio Button */
.radio { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; padding: 0; }
.radio input { position: absolute; opacity: 0; cursor: pointer; }
.radio .check { position: absolute; top: 0; left: 0; height: 1rem; width: 1rem; background-color: #fff; border-radius: 50%; }
.radio:hover input ~ .check { background-color: #ccc; }
.radio input:checked ~ .check { background-color: #a5d041; }
.radio .check:after { content: ""; position: absolute; display: none; }
.radio input:checked ~ .check:after { display: block; }
.radio .check:after { top: 15.3%;  left: 15.4%; width: .69rem; height: .7rem; border-radius: 50%; background: #111; }

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

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

/* UPPER */
.upper { display:block; width:100%; height:50px; overflow: hidden; margin: 0; background-color: #ea373e; border-bottom: 1px solid #dedede; -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%;}
}

/* topnav */
.topnav { display:block; height: 50px; margin: 0; padding: 0; float:left; }
.topnav ul { margin: 0; padding: 0; }
.topnav li { display:block; float:left; position: relative;  }
.topnav li a { display:block; text-align: center; height:50px; line-height:45px; color:#fff; background-color:#D52930;  }
.topnav li a i { padding: 0 10px; font-size: 1.4rem; float: left; color: #fff; }
.topnav li:hover a { background-color:#C7232A;  }
.topnav li.home { margin: 0 0 0 0; }
.topnav li.home a { background-color:#111; padding: 0 10px; color: #fff;}
.topnav li.home a i { color: #fff;}

.topnav li.email a { padding: 0 15px; }


@media (max-width:480px) {
    .topnav { width: 80%; display: flex; flex-wrap: nowrap;  }
    .topnav li { width: 100%; float: none; }
    .topnav li a { padding:10px 0; line-height: 45px; text-align: left; color: #fff;  }
    .topnav li a i { padding: 0 10px; font-size: 1.7rem; line-height: 45px; }
    .topnav li.home { display: none;}
    .topnav li.email a { background-color:#ea373e; color: #fff; font-weight: 500; }
    .topnav li.email a i { color: #fff; }
}

/* hotline */
.hotline { display:block; height:50px; overflow:hidden; float:right; font-size:1.2rem; background: #111; padding-left: 15px;}
.hotline a span { display:block; overflow:hidden; padding:0; height:50px; line-height:45px; color:#fff; float:left;  }
.hotline a span.icon { width: 55px; line-height: 45px; text-align: center; color: #e31f24; color: #fff; }
.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: 20%; display:block; height:50px; overflow:hidden; float:right; font-size:1.7rem; background:#111; border:0; padding: 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: 48px; text-align: center; color: #fff; }
    .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:1250px; 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:90%; margin:0 auto; position:relative;}
}

/* Logo */
a.logo { 
    width:400px;
    height:99px; 
    display:block;
    overflow:hidden; 
    float:left; 
    -webkit-transition:.3s;
    transition:.3s;
    cursor:pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/logo.png");
    background-size: 100%;
    background-color: #fff;
}
@media (max-width:480px) {
    a.logo { width:230px; height:80px; }    
}

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

nav { float:right; margin:25px 0 0 0; padding:0; display:inline-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 > li { display:inline-block; padding:0; margin:0; float:left; position:relative; }
.nav li a { 
	display:block; 
	height:50px; 
	line-height:50px;
	font-size:1rem;
	overflow:hidden; 
	margin:0;
	font-weight:600;
	padding:0 10px; 
	color:#111;
}    
.nav > li:last-child > a { background: #111; color: #fff; margin-left: 15px; padding: 0 20px; border-radius: 2px; }
.nav > li > a.parent:after { font-family: "dripicons-v2"; content:"\54"; margin: 0 0 0 5px; color: #ea373e; float: right; display: inline-block;  } 

.nav li:hover > a { color: #888; opacity: 1; }

.nav li ul { position: absolute; list-style: none; width:200px; display:none;  margin:0; padding:5px 0 0 0; transition:.3s; }

.nav li.hover > ul { display:block; }
.nav li li.hover ul { display:block;  top:0; padding: 0; }
.nav li li li.hover ul { display:block; top:0; padding: 0; }

.nav li li { border:none; margin:0; padding:0; position:relative; }
.nav li li a { 
	display: block; 
	background: #ea373e; 
	height:auto;
	color:#fff; 
	padding:0 15px;
	text-align:left;
	line-height:40px;
	font-weight:300;
    border-bottom: 1px solid #D52C33;
}
.nav li li:last-child a { border-bottom: 0; }
.nav li li li a { 
	display: block; 
	background: #ea373e; 
	font-size:.8rem;
	height:auto;
	color:#fff; 
	padding:0 15px;
	text-align:left;
	line-height:40px;
	font-weight:300;
}
.nav li ul li a:hover,
.nav li ul li:hover > a {background: #676767; color:#fff; }
@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:#e31f24; 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:last-child > a { margin-left: 0; padding: 0 20px; border-radius: 0; }
    .nav li:hover > a { background:#444; color:#e31f24;  }
    .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: 0px !important; background-color: #111!important; }
.banner .owl-next { right: 0px !important; background-color: #111!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%; text-align: center; padding:11% 0; margin:0; z-index:7; position:absolute; top:0; left:0; overflow:hidden; background-color: rgba(0,0,0,0.40);}
.caption .title { 
	width:100%;
	display:block;
	overflow:hidden;
	color:#fff;
	opacity:0;
    font-size: 6rem;
	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.5rem;
	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:50px 25px; text-align: left; 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:1.2rem;}
.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%; }
}


/* ABOUT */
.about { width:100%; margin:0;  padding:75px 0; display:block; overflow:hidden; background: #111; color: #fff; border-top: 1px solid #888; }
.about .wrapper { width: 1250px; text-align: center;  }
.about .title { display:block; width: 100%;}
.about .title h1 { display:block; font-size:3.5rem; font-weight:100; margin:0; padding:0;  }
.about .title h1 span { font-weight: 600; }
.about .title h2 { display:block; font-size:1.1rem; font-weight:500; margin: 20px 0 0 0; padding:0; color:#ccc;  }
.about .title p { display:block; font-size:1.1rem; font-weight:300; margin: 10px 0 0 0; padding:0; color:#ccc;  }

.about a.more { display: block; width: 200px; font-size: 1.5rem; overflow: hidden; font-weight: 700; height: 55px; line-height: 50px; background: #ea373e; color: #fff; text-align: center; margin: 25px auto;  transition: .3s; }

@media (max-width:480px) {
    .about { width:100%; margin:0;  padding:50px 10px; }
    .about .wrapper { width: 90%;  }
    
    .about .title { width: 100%; text-align: left; display: block; float: none;}
    .about .title h1 { font-size:4rem; line-height: 4rem; }
    .about .title h1 span { }
    .about .title h2 { padding:0; }
    
    
    .about a.more {margin: 25px 0; }

}


/* PROJECTS */
.projects { width:100%; margin:0;  padding:0 0 75px 0; display:block; overflow:hidden; background: #eee; color: #111; border-top: 1px solid #dedede;}
.projects.other { background: #444; color: #fff;}
.projects .wrapper { width:1250px; margin: 0 auto}
.projects .title { display:block; width: 100%; margin: 75px auto; text-align: center; }
.projects .title h3 { display:block; font-size:3rem; font-weight:100; margin:0; padding:0;  }
.projects .title h3 span { font-weight: 600; }

.projects a.more { display: block; width: 230px; font-size: 1.1rem; overflow: hidden; font-weight: 700; height: 55px; line-height: 54px; background: #ea373e; color: #fff; text-align: center; margin: 25px auto;  transition: .3s; }

@media (max-width:480px) {
    .projects { width:100%; margin:0; padding:0; display:block; overflow:hidden; background: #fff; color: #111; }
    .projects .wrapper { width:90%; margin: 0 auto}
    .projects .title { width: 90%;  text-align: left; margin: 50px auto; }
    .projects a.more { width: 100%; margin: 25px auto 40px auto; }
}


/* Blocks */
ul.blocks { width:100%; margin:0; padding:0; overflow: hidden;  position: relative; z-index: 1; font-weight:600;}
ul.blocks li { display:block; float:left; padding:0; width: 30%; margin:0 5% 5% 0; border:1px solid #eee; transition:.3s linear; position:relative; overflow:hidden;  }
ul.blocks li:nth-child(3n+0) { float: right; margin: 0 0 5% 0;}
ul.blocks li a { width:100%; height: 100%; display: block; position: relative; }
ul.blocks li a img { width:100%; vertical-align:bottom; position: relative; z-index: 0; }
.view { display: block; overflow:hidden; width: 100%; height: 100%; padding:14% 10%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.50); }
.view h4 { display: block; color: #fff; font-size: 2rem; margin: 0 0 10px 0; padding: 0; }
.view h5 { display: block; color: #fff; font-size: 1.1rem; font-weight: 100; margin: 0; padding: 0; }
.view span { display: block; width: 120px; height: 45px; line-height: 45px; background: #ea373e; color: #fff; text-align: center; margin: 25px 0 0 0; opacity: 0; transition: .3s; }
ul.blocks li:hover .view span { opacity: 1; }
ul.blocks li:hover .view { background-color: rgba(0,0,0,0.80);}
@media (max-width:480px) {
    ul.blocks li { display:block; float:left; padding:0; width: 100%;}
}

/* CAROUSEL */
.carousel { width:100%; margin:0;  padding:75px 0; display:block!important; overflow:hidden; background: #fff; color: #111; }
.carousel .wrapper { width: 1260px;}
.carousel .title { display:block; width: 100%; margin:0 auto 50px auto; text-align: center; }
.carousel .title h6 { display:block; font-size:3rem; font-weight:100; margin:0; padding:0;  }
.carousel .title h6 span { font-weight: 600; }
@media (max-width:480px) {
    .carousel { width:100%; margin:0; padding:50px 0; display:block; overflow:hidden; background: #fff; color: #111; }
    .carousel .wrapper { width: 95%;}
    
}


ul.references { width:100%; margin:0; padding:0;  position: relative; z-index: 1; font-weight:600;}
ul.references .owl-item { margin:0; padding:0 10px; float:left; overflow: hidden; }
ul.references .owl-item li { display:block; padding:0; margin:0; border:1px solid #eee; transition:.3s linear; position:relative; overflow:hidden;  }
ul.references .owl-item li img { width:100%; vertical-align:bottom; text-align:center;}
@media (max-width:480px) {
    ul.references .owl-item { margin:0; padding:0; float: left; }
    ul.references .owl-item li { display:block; padding:0; margin:0; border:1px solid #eee; transition:.3s linear; position:relative; overflow:hidden;  }
}

/* FOOTER */
footer { width:100%; display:table; padding:0; margin:0; color:#fff; position:relative; border-top: 1px solid #ea373e; background: #ea373e; }
.columns { 
	font-weight:200; 
	padding:75px 0; 
	width:1250px;
	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: 40%; }
.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:#fff; margin:5px 0; font-weight:300; display:block; font-size:1rem;   }
.columns .cols .link:hover { color:#111;  }
.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; 
     font-size: .8rem;
    text-align: center;
    float: left;
    display: inline-block; 
    overflow: hidden;
    background: #111;
}
.columns .cols p a.phone:before { content: "\e030"; }
.columns .cols p a.fax:before { content: "\e038"; }
.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%; padding: 25px; }
    .columns .cols:nth-child(even) {background: #D52D34; }
    .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: 300px; }
.subscribe form {
	height: 50px;
	width:100%;
	display: block;
	margin:0;
	overflow: hidden;
	background:#fff;
	border:1px solid #222;
    border-radius: 1px;
}
.subscribe form input[type="text"] {
	width: 70%;
	float: left;
	border: none;
	background: none;
	height: 45px;
	font-size: 1rem;
	padding: 0 20px;
	color: #111;
    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: #111;
}
.subscribe form button:before { font-family: "dripicons-v2"; content: "\6a"; }
@media (max-width:480px) {
    .subscribe { width: 100%; }
}

/* SOCIAL */
.social { width:100%; display:block; overflow: hidden; text-align: left; padding:25px 0; margin:0; color:#fff;}
.social .title {display:block;font-weight: 600; font-size: 1.5rem; padding:0 0 25px 0; margin: 0 15px 0 0;  }
.social a { 
	display:inline-block;
	width:60px; 
	height:60px;
	text-align:center;
	margin:0 10px 0 0;
	overflow:hidden;
	position:relative;
	border:2px solid #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
}
.social a:hover { background-color:#111; border:2px solid #111; 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"); }

/* CONTACT */
#map_container { 
	width:100%; 
	height:400px; 
	filter: gray;
	opacity:.5;
	-webkit-filter: grayscale(100%);
	-webkit-backface-visibility: hidden;
	-webkit-transition:.5s;
	transition:.5s;
	border-bottom:1px solid #333;
	display:block;
	overflow:hidden;
}

/* BOTTOM */
.bottom { width:100%; display:block; overflow: hidden; padding:0; margin:0; color:#fff; background: #111; }
.bottom .wrapper { padding: 25px 0 45px 0; }
.copyright { display:block; font-weight:400; margin:0; float: left; }
.copyright p { color:#fff; margin:0; padding:0; }
.copyright p span { color:#fff; }
.copyright p strong { color:#e2294f; font-weight: 800; }

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

@media (max-width:690px){
    .copyright { float: none; padding: 0 0; }
    .webtasarim { float: none; 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('../images/svg/close.svg'); }
.lightbox-nav { top: 47%; width:100%; margin-top: -16px; }
.lightbox-nav-next { right: 30px; width: 60px; height: 60px; background-image: url('../images/svg/next.svg'); background-size:80px; }
.lightbox-nav-prev { left: 30px; width: 60px; height: 60px; background-image: url('../images/svg/prev.svg'); background-size:80px; }