/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Montserrat+Subrayada);
@import url(https://fonts.googleapis.com/css?family=Raleway);

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
body {font-family: "Raleway",sans-serif;color: #666;background-color: #fff;font-size: 16px;line-height: 1.6em;font-weight: 400;}
html, body {width:100%; padding:0; margin:0;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

h1 {font-size: 38px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
h6 {font-size: 20px;}

h1,h2,h3,h4,h5,h6 {font-weight: 600;color: #333;}

p {margin: 0 0 20px;}

a {
   color: #666;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

a:hover,
a:focus {color: #0ED4A8;text-decoration: none;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="search"], textarea, .form-control, select {
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: normal;
    height: 60px;
    line-height: 1.2;
    margin: 10px 0;
    outline: medium none;
    padding: 15px 10px;
    transition: border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
    width: 100%;
	background-color: transparent;
}

.center{text-align: center; margin: 0 auto;}
.f-right{float: right;}
.f-left{float: left;}
.t-right{text-align: right;}
.t-left{text-align: left;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.no-gutter > [class*=col-] {padding: 0;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------Header+Nav--------------------------------- */
/* ---------------------------------------------------------------------------- */
nav.navbar-default{background: #fff;border: none;}
nav.navbar-default li a{border-radius: 30px;padding: 15px 24px;font-weight: bold;}
nav.navbar-default li a:hover{background: #41BE9F !important;color: #fff !important;}
.navbar-static-top .nav {padding: 25px 0;}
.navbar-brand {padding: 10px;}
.navbar-brand img {max-height: 100px;}
.navbar-brand  h3{margin:0;color: #41BE9F;font-size: 40px;}
.navbar-toggle{margin-top: 15px;background: #41BE9F;}
.navbar-toggle:hover,.navbar-toggle:focus{background: #10B4EA !important;}
.navbar-toggle span.icon-bar{background: #fff !important;}
@media (max-width: 767px) { 
    .navbar-brand img {
        margin-top: 5px;
        margin-left: 5px;
    }
}

header {margin-top:20px;width: 100%;background: #333;}

/* Carousel Styles */
.carousel-inner img {width: 100%;max-height: 640px;}

.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {left: 30px;}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {right: 30px;}
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

.carousel-indicators .active {background-color: #0ED4A8;}
.carousel-indicators {bottom: 40px;}

.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;margin-left:0;padding-left: 0;}

/* Carousel Header Styles */
.header-text {position: absolute;top: 33%;left: 1.8%;right: auto;width: 96.66666666666666%;padding: 25px 25px 30px;}
.header-text h2 {font-size: 60px;color: #fff;text-transform: uppercase;font-family: "Montserrat Subrayada",sans-serif;display:inline-block;color:#fff;}
.header-text h3 {color: #0ED4A8;}

@media (max-width: 767px) { 
    .header-text {top: 20%;padding: 20px ;}
	.header-text h2 {font-size: 30px;}
	.header-text h3 {font-size: 15px;}
}
@media (max-width: 467px) { 
    .header-text {top: 16%;padding: 20px ;}
	.header-text h2 {font-size: 20px;}
	.header-text h3 {font-size: 12px;}
}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Content-------------------------------- */
/* ---------------------------------------------------------------------------- */
#page-content{}
.index-page {}

/* ----------------- */
/* ---HomePage--- */
.box-content {}
.box-content .heading{font-family: "Montserrat Subrayada",sans-serif;margin-bottom: 30px;}
.box-content .heading h2 {text-transform: uppercase; font-size: 42px;font-weight: 700;line-height: 1.2;margin-bottom: 30px}
.box-content .heading span {font-family: "Montserrat",sans-serif;font-size: 30px;line-height: 1.3;}
.box-content .heading .info{font-family: "Raleway",sans-serif;}
.box-content .heading .info a{font-weight: bold;font-size: 25px;}

.box-content .bg-0{background: #f5f5f5;}
.box-content .bg-1{background: #10B4EA;color: #fff;}
.box-content .bg-2{background: #27CAF6;color: #fff;}
.box-content .bg-3{background: #0FD8B0;color: #fff;}
.box-content .bg-1 .heading h2, .box-content .bg-2 .heading h2, .box-content .bg-3 .heading h2{color: #fff;}


.box-content.box-1 .box-text,
.box-content.box-2 .box-text,
.box-content.box-3 .box-text,
.box-content.box-4 .box-text,
.box-content.box-5 .box-text,
.box-form,
.box-post{padding: 60px;}

.box-post img{margin-bottom: 20px;}

.box-post ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}

.box-post .excerpt {border-bottom: 1px dashed #aaa;border-top: 1px dashed #aaa;margin: 20px 0;}
.box-post .excerpt p{color: #888;margin: 15px 0;}
.box-post .dropcap {font-size: 70px;line-height: 70px;font-weight: 500;float: left;margin-right: 20px;}

.box-content.box-1 {}
.box-content.box-1 .box-image{}
.fix-right {float: right;}
@media only screen and (max-width: 767px) {.fix-right {float: none;}}

.box-content.box-2 {}
.box-content.box-2 .box-image{}

.box-content.box-3{}
.box-content.box-3 .box-image{}

.portfolio-box {display: block;position: relative;margin: 0 auto;}
.portfolio-box .portfolio-box-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff;opacity: 0;background: rgba(14, 212, 168,.9);-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {padding: 0 15px;font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {text-transform: uppercase;font-size: 14px;font-weight: 600;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 18px;}
.portfolio-box:hover .portfolio-box-caption {opacity: 1;}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.box-content.box-4{}
.box-content.box-4 .box-image{}

.box-content.box-5{}
.box-content.box-5 .box-image{}
.box-content.box-5 .form-control{margin: 0;color: #fff !important;border:none;border-bottom: 1px solid #fff; outline: medium none;box-shadow: none;}
.box-content.box-5 .form-control::-webkit-input-placeholder { color: #fff; }
.box-content.box-5 a{text-decoration: underline;}
.box-content.box-5 i.fa{font-size: 25px; margin-right: 15px;}
.box-content.box-5 form{margin: 90px 0 0;}
.box-content.box-5 p,
.box-content.box-5 .social-link{margin-bottom: 30px;}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Footer---------------------------------- */
/* ---------------------------------------------------------------------------- */
footer {}
footer a{color: #fff; text-decoration: underline;}
footer h5{color: #fff;}

footer .quick-link li{border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #999999;font-size: 11px;margin-bottom: 0;padding: 15px 0 16px;text-transform: uppercase;list-style: none;}
footer .quick-link li:last-child{border: none;}
footer .quick-link li a:before {content: "";font-family: "FontAwesome";left: 0;line-height: 1;margin-top: -5px;position: absolute;top: 50%;}
footer .quick-link li a {font-weight:bold;text-transform:uppercase;color:rgba(153,153,153,1.0);display:inline-block;position:relative;padding-left:14px;letter-spacing:1px}
footer .quick-link li a {color: #fff;display: inline-block;font-size: 11px;font-weight: bold;letter-spacing: 1px;padding-left: 14px;position: relative;text-decoration: none;text-transform: uppercase;vertical-align: top;}
footer .quick-link li a:hover{color: #0ED4A8;}

footer .footer-heading{font-family: "Montserrat Subrayada",sans-serif;margin-bottom: 30px;}
footer .footer-heading h2 {text-transform: uppercase; font-size: 50px;font-weight: 700;line-height: 1.4;margin: 0 0 30px;color: #fff;}
footer .box-text{padding: 50px 30px;color: #fff;}
footer .wrap-footer {background-color: #747474;}

footer i.fa{font-size: 25px; margin-right: 15px;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------BackTop-------------------------------- */
/* ---------------------------------------------------------------------------- */
#backTop{
    width:35px;
    height:35px;
    padding:10px;
    border-radius:4px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
#backTop.white{
     background:url(../images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8); 
    border:1px solid #ccc;
}
#backTop.red{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(218,37,29,0.8); 
    border:1px solid #fff;
}
#backTop.green{
     background:url(../images/uparr-48-w.png) no-repeat center center rgba(14, 212, 168,0.9); 
    border:1px solid #fff;
	border-radius:50%;
}
#backTop.orange{
    background:url(../images/uparr-48-w.png) no-repeat center center rgba(255, 127, 0, 0.8); 
    border:1px solid #fff;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
#contact_form {padding:25px;}

#ff textarea {height:210px;}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Button---------------------------------- */
/* ---------------------------------------------------------------------------- */
.btn {
	border-radius: 2px;
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;	
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;
}
a.btn:focus{outline: 0;}

.btn-1 {color: #333;background-color: #fff;min-width: 170px;line-height: 26px;padding: 15px 40px;border-radius: 30px;margin: 30px 0;}
.btn-1:hover {color: #000;background-color: #fff;}

.btn-2 {background: #0ED4A8;margin:20px 0;padding: 18px 30px;font-size: 20px;text-transform: uppercase; font-weight: bold;}
.btn-2:hover {color: #fff;background: #C54100;}

.btn-letter {background: #fff;padding: 16px 30px;font-size: 20px;text-transform: uppercase;color: #555;border-radius: 30px;}
.btn-letter:hover {color: #fff;background: #10B4EA;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------Google Map--------------------------------- */
/* ---------------------------------------------------------------------------- */
.google-map {
  width: 100%;
  height: 100%;
  position: relative;
  /* Fix for IE */
}
.google-map-container {
  width: 100%;
  height: 400px;
  min-height: 100px;
}
.google-map-container .marker-desc {
  display: none;
}
.google-map-container img {
  max-width: none !important;
}
.google-map .gmnoprint span {
  display: inline-block;
}