body ,footer{font-family: Montserrat, sans-serif;background-color: #F8F8F8;}
/*****************************************************************************
                                 MENU
*****************************************************************************/
.navbar-right .dropdown-menu{right:auto;}
.navbar{margin-bottom:0px !important;}
.navbar-nav.navbar-right li{margin-right:10px !important;}
.highlight{color:#bf3030 !important;border-bottom: 3px solid #bf3030;}
.icons{margin-right:2px;}
.logo-header{width: 285px;height: 84px;}
@media screen and (max-width:991px){.logo-header{width: 236px;height: 70px;}}
.navbar-brand { position: relative; z-index: 2;background-color: #F0F0F0; }
.navbar-nav.navbar-right{font-size: 19px; width: auto;margin-top: 27px;margin-right: -35px;}
.navbar-nav.navbar-right a{color: #7d6d6d;}
.navbar-nav.navbar-right a:hover{color: #7d6d6d;border-bottom: 3px solid #bf3030;color:#bf3030;}
.navbar .navbar-collapse { position: relative; }
.navbar-default .navbar-toggle{margin-top: 24px;}
.navbar.navbar-default{background-color: #F0F0F0;}
.navbar .nav-collapse {position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

@media (min-width: 771px) and (max-width: 991px) {.navbar-nav.navbar-right{width: 700px;}}
@media screen and (max-width: 767px) {
    .navbar-nav.navbar-right a:hover{color: #7d6d6d;border-bottom: 0px !important;color:#bf3030;}
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
    .navbar-nav.navbar-right{width:200px;}
}


/*****************************************************************************
                                 SLIDER
*****************************************************************************/
.fade-carousel {
    position: relative;
    height: 86.5vh;
}
.fade-carousel .carousel-inner .item {
    height: 86.5vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #C4C4C4;
    border-color: #C4C4C4;
    opacity: .7;
    width: 14px;
    height: 13px;
}
.fade-carousel .carousel-indicators > li.active {
    width: 15px;
    height: 14px;
    opacity: 1;
    background-color: #EF4B15;
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.hero h3 {
    line-height: 51px;
    font-size: 30px;
    z-index: 1;
    width: 555px;
    border-color: #000000;
    background-color: #EF4B15;
    opacity: 0.7;
    color: #eee;
    border-radius: 12px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s; 
    -ms-transition: 2s all ease-in-out .1s; 
    -o-transition: 2s all ease-in-out .1s; 
    transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s; 
    -ms-transition: 2s all ease-in-out .1s; 
    -o-transition: 2s all ease-in-out .1s; 
    transition: 2s all ease-in-out .1s;    
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #080d15;
    opacity: .7;
}
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

.fade-carousel .slides .slide {
    height: 100vh;
    opacity:0.7;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}
.banner_fluid {
    padding-left:0;
    padding-right:0;
}

.carousel-control {
    position: absolute;
    top: 50%; /* pushes the icon in the middle of the height */
    z-index: 5;
    display: inline-block;

}

.slider_circle{
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    line-height: 70px;
    border-radius: 50%;
    color: inherit;
    background: #1b1b1b;
    border: 0;
    opacity: 0.5;
    text-shadow: none;
    z-index: 5;
    color: #fff;}

.icon-next{
    width: 18px !important;
    height: 30px !important;
    margin-top: -26px !important;
    font-size: 46px !important;}

.icon-prev{
    width: 18px !important;
    height: 30px !important;
    margin-top: -26px !important;
    font-size: 46px !important;}


@media (min-width:100px) and (max-width:600px)
{
    .hero h3{line-height: 20px !important;font-size: 14px;width: 217px;}
    .slider_circle{width: 38px;height: 37px;}
    .icon-next{font-size: 39px !important;}
    .icon-prev{font-size: 39px !important;}
}
@media (min-width:600px) and (max-width:991px)
{
    .hero h3{line-height: 36px;font-size: 25px;width:481px;}    
}
/*****************************************************************************
                               About us index
*****************************************************************************/
.about-us {
  padding: 55px 0;
  background-color: #faf9f9;

}
.about-us img{max-width: 100%;}
.about-us .area-top {
  color: #2d2d2d;
}
.about-us .area-top h2 {
  line-height: 1.2;
  margin: -2px 0;
}

.about-us .area-top .text-place {
  font-size: 13px;
  line-height: 1.4;
  color: #757575;
}

.about-us .area-bottom {
  vertical-align: middle;
  padding-top: 25px;
}
.about-us .area-top h5{font-size: 15px;line-height: 26px;}

.about-us .area-bottom .join-now {
color: #fff;
font-size: 15px;
padding: 15px 50px;
background-color: #EF4B15;
}
@media (max-width: 991px) {
  .about-us .area-img {
    margin-bottom: 30px;
  }
  .about-us .area-img img {
    width: 100%;
  }
}
  .about-us .area-top h2 {
    font-size: 25px;
  }
  .about-us .area-bottom {
    padding-top: 30px;
  }




/*****************************************************************************
                               Project index
*****************************************************************************/

.project {padding: 55px 0;background-color: #F4F4F4;}
.box{ height:200px; border:1px solid #000; border-radius:2px; float:left; margin:20px 30px;  }
.box img{width:100%; height:200px;}
.box .overlay{width:100%; height:200px; background:#fff; margin: -200px 0px 0px 0px; opacity:0.3; }
.box a{padding:5px 7px; border:1px solid #000; text-decoration:none; font-family:sans-serif; font-size:14px; margin:-140px 0px 0px 15px; display:inline-block; opacity:0; transition:all 0.5s ease-in-out;    cursor: pointer;/* z-index: 10000; */position: absolute;}
.box .overlay:hover{opacity:0.1; transition:all 0.5s ease-in-out; width:100%; margin-left:50px; float:right; }
.box:hover{box-shadow:0px 0px 10px #6A6A6A; border:1px solid #00DFDF;transition:all 0.5s ease-in-out;}
.box:hover a{opacity:1; background:#FFFFFF; color:#000000; margin:-40px 0px 0px 15px;  border-radius:1px; }
.box a:hover{border:1px solid #00DFDF;transition:all 0.5s ease-in-out;   }
.view_all{color: #fff;font-size: 15px;padding: 15px 50px;background-color: #EF4B15;}
.view_all:hover{color: #fff;text-decoration: none;opacity:0.7;transition:all 0.5s ease-in-out;}


/*****************************************************************************
                                 ABOUTUS
*****************************************************************************/
.about_us .thumbnail{padding:0 !important;}

.about_us {
    margin-top: 30px;
    font-family: Montserrat, sans-serif;
}

.about_us .about_us_content h2 {
    color: #2d2d2d;
    margin-bottom:16px;
    font-size:45px;
}
.about_us .about_us_content p {
    color: #473d3d;
    font-size: 15px !important;
    line-height: 25px;
}
.img-detail-image{width:50% !important;float:left !important;margin-right:40px;}

.heading-regular{margin-top: 0px !important;}
/*****************************************************************************
                                 PROJECTS
*****************************************************************************/
.select-box{height: 44px;margin-top: 45px;width: 270px;text-align: center;position: absolute;left: 50%;top: 50%;}
.select-box2{height: 44px;margin-top: 45px;width: 270px;text-align: center;position: absolute;top: 50%;}
@media (max-width:991px){.select-box{position: absolute;left: 11%;top: 108%;}}
.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.business-header {
    margin-top:100px;
    height: 250px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.tagline{color:#eee;}


    .square-flip{
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
        -webkit-transform: perspective(1000px);
        -moz-transform: perspective(1000px);
        -ms-transform: perspective(1000px);
        transform: perspective(1000px);
        -webkit-transform-style: preserve-3d; 
        -moz-transform-style: preserve-3d; 
        -ms-transform-style: preserve-3d; 
        transform-style: preserve-3d; 
        position:relative;
        float:left;
        margin:20px;

    }
    .square-flip{
        width:300px;
        height:300px;
    }
    .square,.square2{
        width:100%;
        height:100%;
    }
    .square{

        background-size: cover;
        background-position:center center;

        -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        overflow: hidden;

        position:absolute;
        top:0;


        -webkit-backface-visibility: hidden; 
        backface-visibility: hidden;
    }
    .square-flip .square{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        transform-style: preserve-3d;
        z-index:1;
    }
    .square-flip:hover .square{
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
    }


    .square2{

        background-size: cover;
        background-position:center center;

        -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        overflow: hidden;

        position:absolute;
        top:0;

        -webkit-backface-visibility: hidden; 
        backface-visibility: hidden;
    }
    .square-flip .square2{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        transform-style: preserve-3d;
        z-index:1;
    }
    .square-flip:hover .square2{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        transform-style: preserve-3d;
    }

    /*Square content*/
    .square-container{
        padding:40px;
        text-align:center;
        position:relative;
        top:50%;

        -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


        -webkit-transform: translateY(-50%) translateX(0px)  scale(1);
        -ms-transform: translateY(-50%) translateX(0px)  scale(1);
        transform: translateY(-50%) translateX(0px)  scale(1);
        transform-style: preserve-3d;
        z-index:2;
    }
    .square-flip:hover .square-container{

        -webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);
        -ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
        transform: translateY(-50%) translateX(-650px)  scale(.88);
        transform-style: preserve-3d;

    }

    .square-container2{
        padding:40px;
        text-align:center;
        position:relative;
        top:50%;

        -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


        -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
        -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
        transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);

        transform-style: preserve-3d;
        z-index:2;
    }
    .square-flip:hover .square-container2{

        -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
        -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
        transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
        transform-style: preserve-3d;
    }



    /*Style text*/
    .square-flip h2 {
        color:white;
        font-family: "Open Sans";
        font-weight:700;
        font-size:22px;
    }
    .square-flip h4 {
        color:white;
        font-family: "Open Sans";
        font-weight:400;
        font-size:18px;
    }
    .square-flip h3{
        color:white;
        font-family: "Open Sans";
        font-weight:500;
        font-size:16px;
        line-height:26px;
    }
    /*Elements*/
    .flip-overlay{
        display:block;
        background:rgba(0,0,0,0.5);
        width:100%;
        height:100%;
        position:absolute;
        top:0;
    }
    .align-center{
        margin:0 auto;
    }
    .kallyas-button{
        display:block;
        width:160px;
        padding:18px 30px;
        font-family:"Open Sans";
        font-weight:600;
        color:#fff;
        background:#FF2024;
        margin:0 auto;
        border-radius:2px;
        text-decoration:none;
        background: #ffa067;
        background: -moz-linear-gradient(-45deg,  #ffa067 0%, #ff2959 49%, #ff2024 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  #ffa067 0%,#ff2959 49%,#ff2024 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  #ffa067 0%,#ff2959 49%,#ff2024 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#ff2024',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }



    /*ADD SHADOWS OPTIONAL*/
    .square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow{
        -ms-transition: 0.60s;
        transition: 0.60s;
        -webkit-transition: 0.60s;
    }
.textshadow{font-family: verdana !important;}
    .square-flip .square .boxshadow{
        -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
        -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
        box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    }
    .square-flip .square .textshadow{
        -webkit-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
        -moz-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
        text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    }
    .square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow{
        -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
        -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
        box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    }


    .square-flip .square2 .boxshadow{
        -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
        -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
        box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    }
    .square-flip .square2 .textshadow{
        -webkit-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
        -moz-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
        text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    }
    .square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow{
        -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
        -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
        box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    }



    .clearfix{clear:both;}
    .centerflipcards p{
        font-family:"Open Sans";
        font-size:13px;
        margin-top:10px;
        font-weight:700;
    }
.flip{margin-top: 111px;}
.content-section-projects{
padding: 50px 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;}

/*****************************************************************************
                                 FOOTER
*****************************************************************************/
.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
        padding: 20px 50px;
        margin-top: 50px;
        height: 100px;}

@media(min-width:1366px) and (max-width:1920px){
    .section_class{ min-height: 804px !important;}
}
@media (min-width:100px) and (max-width:500px)
{ .footer-distributed{height:200px;}}


@media (min-width:100px) and (max-width:991px)
{ .footer-distributed{height:200px;}.select-box2{left:50% !important;}}
.footer-distributed .footer-left p{
	color:  #8f9296;
	font-size: 14px;
	margin: 0;
        text-align: center;
}
.footer-distributed p.footer-links{
	font-size:18px;
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
        text-align: center;
}
.footer-distributed p.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
@media (max-width: 600px) {
    .footer-distributed .footer-left,.footer-distributed .footer-right{text-align: center;}
    .footer-distributed .footer-left p.footer-links{line-height: 1.8;}
}

.label_contact{font-weight:normal;text-align: left;}
.control-label{text-align:none;}
/*****************************************************************************
                               LOADER  
*****************************************************************************/
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/load1.gif) center no-repeat #fff;
}
/***************registration message*************/
#msg_succ,#msg_err{
    font-size: 12px;
    line-height: 20px;
    color: #DEDEDE;
    z-index: 5;
    padding: 20px;
    padding-left: 90px;
    margin-top: 15px;
    margin-left: 310px;
    font-weight: bold;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;}
#msg_succ a,#msg_err a{
    color: #333;
    text-decoration: underline;}
#msg_err{
    background: #CF4F52 url('../images/err.png') 15px 50% no-repeat;
    margin-left: 0px;
    border: 2px solid #85282A; }
#msg_err.fixed,#msg_succ.fixed{
    width:150px;
    position:fixed;
    top:0px;  
    z-index: 100;}
#msg_succ{
    background: #6DA164 url('../images/succ.png') 15px 50% no-repeat;
    margin-left: 0px;
    border: 2px solid #445F46; }
.valid{border: 2px solid red !important;}
/****************************************************************************/

#map_canvas{
    background: url('../images/loading.gif') center center no-repeat;
    width: 320px;
    height: 230px;
    border: 2px solid #CCCCCC;
}



/*.image_projects{
width: 255px;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 297px;
}*/
.image_projects{
width: 255px;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 255px;
}

/*img.absolute {
  left: 50%;
  top: 25%;
  margin-left: -200px;
  position: absolute;
width: 370px;
height: 450px;
}*/

img.absolute {
    left: 100%;
    margin-left: -200px;
    position: absolute;
    height: 100%;
    max-width: 100%;}


.text_style_projects{
text-align: center;    
font-size: 15px;
font-family: source-sans-pro, sans-serif;
font-weight: 400;
font-style: italic;
line-height: 18px;}

#bottom-set {
/*    margin-top: -51px; */
    text-align: center;}

#contact_us_bottom {
    padding-right: 141px;
}

@media only screen and (max-width: 2000px) and (min-width: 600px)  {

    .cnt_1 {
        margin-left: -20px;
    }
    .cnt_2 {
        margin-left: -24px;
    }
    .cnt_3 {
        margin-left: -3px;
        width: 123px;
    }
    .cnt_4 {
        margin-left: -20px;
    }


}