@font-face {
    font-family: ubuntu-r;
    src: url("../fonts/Ubuntu-R.ttf");
}
@font-face {
    font-family: ubuntu-b;
    src: url("../fonts/Ubuntu-B.ttf");
}
body{
    font-family: "ubuntu-r";
    color: #6f6f6f;
}
h1,h2,h3,h4,h5,h6{
    color: #191919;
    font-family: "ubuntu-b";
}
a,a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.card-file {
    padding: 10px;
    position: relative;
    border-color: rgba(72, 94, 144, 0.16);
    transition: all 0.2s ease-in-out;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(72, 94, 144, 0.16);
    border-radius: 0.25rem;
}
.dropdown-file {
    position: absolute;
    top: 8px;
    right: 4px;
}
.dropdown-file .dropdown-link {
    color: rgba(131, 146, 165, 0.5);
}
.dropdown-file .dropdown-link svg {
    width: 18px;
    height: 18px;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}

@media (min-width: 992px) {
.card-file-thumb {
    height: 120px;
    font-size: 48px;
}
}

@media (min-width: 576px) {
.card-file-thumb {
    height: 100px;
    font-size: 40px;
}
}
.card-file .card-body {
    padding: 15px 0 0;
}
.card-file h6 {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.25;
    color: #001737;
}
.link-02 {
    color: #1b2e4b;
}
.card-file h6 a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
}
.far {
  font-weight: 100;
    font-size: 78px;
}
.card-file p {
    margin-bottom: 0;
    color: #475362;
}
.card-file span {
    font-size: 12px;
    color: #8392a5;
}

.card-file-thumb {
    background-color: #f5f6fa;
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

.tx-danger {
    color: #dc3545;
}


.top_line{
    background:#eee;
    height: 45px;
    border-bottom: 1px solid #ededed;
    width: 100%;
}
.header{width: 100%;position: relative;
z-index: 15;}
.stuckMenu{background: #fff; z-index:10;}
.slider_section{}
.futures_section{}
.about_section{}
.footer{
    background: #373737;
    width: 100%;
    min-height: 100px;
    margin-top: 20px;
}
.recent_works_section{}
.bottom_line{
    background: #272727;
    width: 100%;
    height: 40px;
}
.bottom_line p{margin-top: 10px;}
/*************/
.header.stuckMenu.isStuck{ box-shadow: 0 2px 4px rgba(00,00,00,0.3);}
.header.stuckMenu.isStuck .logo{     width: auto;
    height: 67px;
    margin-top: 0px;}
.header.stuckMenu.isStuck .menu_header{margin-top: 15px;}
.header.stuckMenu.isStuck .navbar{margin-bottom:5px; min-height: 30px;}
/************************************************/
.search_form{margin-top: 5px;}
.search_form .btn_search{ border:none; background:none;}
.search_form input.form-control{border-radius: 0;border-color: #e5e5e5;}
.search_form .input-group-addon{border-radius: 0;background:none;border-left: none;}
.top_socail_list{
margin-top: 12px;
}
.top_socail_list li{margin: 0;}
.top_socail_list li a{    color: #ffffff;
    padding: 5px 7px;
    font-size: 16px;}
.top_socail_list li a i{}
.top_socail_list li a:hover i{}
.top_socail_list li a:hover i.fa-facebook{color:#3d5998;}
.top_socail_list li a:hover i.fa-twitter{color:#04aeec;}
.top_socail_list li a:hover i.fa-google-plus{color:#e14a37;}
.top_socail_list li a:hover i.fa-linkedin{color:#047cb0;}
.contact_top_list{
margin-top: 10px;
}
.contact_top_list li{margin-right: 10px; color:#fff;}
.contact_top_list li a{color:#7f7f7f; margin-right: 3px;margin-left: 3px;}
.contact_top_list li a:hover{color:#3c698e;}
.contact_top_list li span{margin: 3px;}
.contact_top_list li i{ margin-right: 5px;    font-size: 19px;}
/*******************************************************/
.logo{
    margin-top: 5%;
}
.menu_header{
background: none !important;
    border: none !important;
    margin-top: 4%;
    position: relative;
    left: 5%;
    z-index:25;
}
.menu_header .navbar-nav>li>a {
    color: #000000;
    text-transform:uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -ms-transition: all 350ms linear;
    -o-transition: all 350ms linear;
    transition: all 350ms linear;
}
.menu_header .navbar-nav> li a:hover,.menu_header .navbar-nav>.active>a:hover{
    background: #7db624;;
    color: #fff;
}
.menu_header .navbar-nav>.active>a{
    background: #7db624;;
    color: #fff;
}
/*************************/
.carousel .item {
    width: 100%;
    max-height: 600px;
}
.carousel .item img {
    width: 100%;
}
/*add some makeup*/
.carousel .carousel-control {
    background: #fff;;
    border: none;
    top: 50%;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
    opacity: 1;
    box-shadow: 0 0 5px rgba(200,200,200,0.6);
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
     font-size: 24px;
     color: #7db624;;
     top: 54%;
 }
.right.carousel-control{ right: 5%;}
.left.carousel-control{left: 5%;}
.carousel-caption{
background: rgba(00,00,00,0.5);
    padding: 5px;
    bottom: 15%;
    box-shadow: 0 0 5px rgba(00,00,00,0.6);
}
.carousel-caption h1{color: #fff;}
.carousel-indicators li{background: #fff;}
.carousel-indicators .active {background: #7db624;;border-color: #7db624;}


.counter-number {
       margin: 40px 0 40px 0;
    text-align: center;
    background-image: url(../images/sayma.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-position: 37% 0px;
       padding: 80px;
    background-attachment: fixed;
}

.counter-number .wrapper {
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 38px 0 34px 0;
    background: #1f4643db;
}


.counter-number .wrapper .number  {
   font-weight: 700;
    font-size: 40px;
    color: #ffffff;
}


.counter-number .wrapper .number .timer {
   font-weight: 700;
    font-size: 40px;
    color: #ffffff;
}

 .counter-number .wrapper p {
      margin-top: 15px;
    color: #fff;
    font-size: 18px;
}

.proje-baslik{    
    text-align: center;
    background: #f55;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;}

.proje-baslik1{    text-align: center;
    font-size: 15px;
    font-weight: 100;
    padding-top: 13px;}

/****************************************************************************/
.futures_section{padding-bottom: 0px;}
.futures_section header{
min-height: 40px;
}
.futures_section header h3{
    padding-top: 5px;
    text-align: center;}
.futures_section p{
   text-align: center;
    min-height: 125px;
    color: #6f6f6f;
    padding-left: 12px;
    padding-right: 12px;
}
.futures_section a{}
.futures_section a i{ padding:2px 6px 2px 6px; border-radius:50%;}
.futures_section a:hover i{ background: #3d5998; color: #fff;}

.anasayfa-icon{
    text-align: center;
    display: block;
    margin: 0 auto;}

.teknik-destek-alani{    /* margin: 10px; */
     /* margin: 10px; */
    float: left;
    /* border: 10px solid #f5f5f5; */
    padding-top: 42px;
    padding-bottom: 42px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 15px solid #fff;
    cursor: default;
    background: #f5f5f5;}


/******************************************/
.recent_works_section{}
.recent_works_section header{
}
.recent_works_section header h2{ margin-left: 10px}
.recent_works_section hr{ margin-left: 10px; width: 20%;border: 1px solid #477296;}
.recent_slider{}
.recent_slider h5{
margin-left: 3px;
}
.recent_slider span{
    margin-left: 3px;
    color: #ababab;
}
.recent_slider img{
padding: 3px;
    border:1px solid #efefef;
    border-bottom: 1px solid #cfcfcf;
}
.slick-next{background: #3d5998; ;}
.sli-prev,
.sli-next{
    position: absolute;
    top:-50px;
    right:0;
    font-family: FontAwesome;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    color: #111;
}
.sli-prev:hover,
.sli-next:hover{outline: none;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.sli-prev{right: 35px;}
.sli-prev:before{
    content: '\f104';
}
.sli-next:before{
    content: '\f105';
}
/*****************************************************************/
.about_section{}
.news_blog{  margin-bottom: 15px;}
.news_blog .nav{}
.news_blog .nav li{
    border-radius: 0;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.news_blog .nav li a:hover{
background: #fff;
}
.news_blog .tab-pane{padding: 10px;}
.news_blog .tab-pane.active{border: 1px solid #e5e5e5;}
.news_blog  .nav-tabs{border-bottom: none;}
.news_blog .nav li a{
    border-bottom:1px solid #e5e5e5;
    color: #7d7d7d;
    border-radius: 0 !important;
}
.news_blog .nav li.active{ border-bottom: none;}
.news_blog .blog_item,.news_blog .news_item{
padding-bottom: 15px;
}
.news_blog .blog_item img,.news_blog .news_item img{
float: left;
    width: 30%;
    height: auto;
    padding: 3px;
    border:1px solid #efefef;
    border-bottom: 1px solid #cfcfcf;
    margin: 5px;
}
.news_blog .blog_item article,.news_blog .news_item article{ border-bottom: 2px dotted #d9d9d9; padding-bottom: 5px;}
.news_blog .blog_item article h4,.news_blog .news_item article h4{ margin: 5px;}
.news_blog .blog_item article h4 a,.news_blog .news_item article h4 a{color: #191919}
.news_blog .blog_item article span,.news_blog .news_item article span{color: #ababab; font-size: 11px;}
.news_blog .blog_item article p,.news_blog .news_item article p{color: #6f6f6f; font-size: 13px;}
.news_blog .blog_item article a.more,.news_blog .news_item article a.more{ text-align: right; float:right;position: relative; }
.news_blog .blog_item article a i,.news_blog .news_item article a i{ padding: 5px; background:transparent;}
.news_blog .blog_item article:hover a i,.news_blog .news_item article:hover a i{ background:#477296; border-radius: 50%; color: #fff;}
.news_blog .news_item{}
/*********************************************/
.short_info {}
.short_info header{ text-align: left;}
.short_info header h4{}
hr.red_hr{ border: 1px solid #ff5555; width: 50%; position: relative; left:-25%; }
.short_info .panel-group {
}
.short_info .panel-title a{color: #191919; padding:5px ; display: block;}
.short_info .panel-title a i{float: right;}
.short_info .panel-title a i:after{
    font-family: FontAwesome;
    content: "\f067";
    font-size: 14px;
    float: right;
    position: relative;
    right: 0;
}
.short_info .panel-title a i.i:after{
    content: "\f068";
}
.short_info .panel-title a i.ii:after{
    content: "\f067";
}
.short_info .panel-group .panel{
    border-radius: 0;
    border:1px solid #e5e5e5;
}
.short_info .panel-body {
    border-top: 0 !important;
}
.short_info .panel-default>.panel-heading{
background: none;
    border: none;
}
/******************************/
.footer header h4{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 33px;
}
.footer header hr{
    margin-top: 8px;
    border: 1px solid #ff5555; width: 25%; position: relative; left:-37%;
}
.recent_footer_list{}
.recent_footer_list li{margin-bottom: 25px; min-height: 50px;}
.recent_footer_list li a img{
width: 50px;
    height: 50px;
    float: left;
    margin-right:8px;
    background: #cecece;
    box-shadow:0 0 0 3px #4b4b4b;
}
.recent_footer_list li:hover a img{
    box-shadow:0 0 0 3px #ff5555;
}
.recent_footer_list li div{}
.recent_footer_list li div h5{margin-bottom: 3px;}
.recent_footer_list li div h5 a{color: #fff;}
.recent_footer_list li div span{color: #888888; font-size: 10px;}
.form_footer{}
.form_footer .form-control{
border-radius: 0;
    background: #414141;
    border-color: #4b4b4b;
}
.form_footer .form-control:focus{
    box-shadow: 0 0 5px rgba(255,85,85,0.8) inset;
    border-color: #ff5555;
    color: #fff;
}
.form_footer textarea.form-control{min-height: 70px;}
.form_footer .submit{ border-radius: 0; float: right; margin-bottom: 20px;text-transform: uppercase;}
.flickr_badge_image {margin:0px;display:inline;}
.flickr_badge_image img {border: 2px solid #4b4b4b !important; padding:1px; margin:2px;}
#flickr_badge_wrapper {text-align:left}
.flickr{}
.flickr li{float: left; margin:3px;}
.flickr li a{}
.flickr li a img{ width: 60px; height: 60px; background:#cecece; box-shadow: 0 0 0 3px  #4b4b4b;}
.flickr li:hover a img{ width: 60px; height: 60px; background:#4b4b4b; box-shadow: 0 0 0 3px  #cecece;}
/*************************************/
.about_box{ width: 98%; margin: 10px auto;
margin-top: -60px;
}
.about_box header{}
.about_box header hr{
    margin-top: 8px;
    border: 1px solid #477296; width: 25%; position: relative; left: -12px;
}
.about_box header h4{ }
.about_box div.info{
    background: #9b9b9b;
    color: #fff;
    padding: 5px;
    padding-bottom: 10px;
    height: 125px
}
.about_box div.info:after{
    position: relative;
    top: 20px;
    left: -5px;
    border-right:16px solid #565656;
    border-bottom:16px solid transparent;
    content:"";
    display:block;
    height:0;
    width:0;
}
.about_box div.info p{
    width: 98%;
    margin: auto;
    text-align: left;
}
.about_box div.info_avater{padding-left: 25px; }
.about_box div.info_avater img{ position: relative;top: 3px;
width: 40px;height: 40px; margin:3px 10px 0 -3px;border-radius: 50%;background: #c8c8c8; border: 2px solid #fff;float: left;
box-shadow: 0 2px 3px rgba(00,00,00,0.3);
}
.about_box div.info_avater h5{ padding-top:3px;margin-bottom:0px;}
.about_box div.info_avater span{font-size: 10px; }
#scrollup{
    position: absolute; bottom: 5%; right: 2%;
    font-size: 30px;
}
#twitter-widget-0{margin-top: -15px;}
/***************************/
.top_socail_list li a,.contact_top_list li a,.flickr li img,.form_footer .form-control,.recent_footer_list li a img,
.news_blog .blog_item article a i,.news_blog .news_item article a i,.futures_section a i,.logo,.menu_header{
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
}
/*********************************/
.google-map {
    border: 5px solid #f0f0f0;
background: #E5E3DF;
height: 500px;
margin: 20px;
width:100%;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.google-map:hover{
  border-radius: 0;
}
.page-top {

    background: #373737 url("../images/bg_top.jpg") 0 0 no-repeat;
    border-bottom: 5px solid #CCC;
     border-top: 5px solid #384045;
    margin-bottom: 35px;
    min-height: 50px;
    padding: 10px 0;
    position: relative;
    text-align: left;
}
.page-top ul.breadcrumb {
    background: none;
    margin: -3px 0 0;
    padding: 0;
}
.page-top ul.breadcrumb > li {
    text-shadow: none;
}
.page-top h2 {
    border-bottom: 5px solid #FE5454;
    color: #FFF;
    display: inline-block;
    font-weight: 200;
    font-size: 25px;
    margin: 0 0 -25px;
    min-height: 30px;
    line-height: 35px;
    padding: 0 0 3px;
    position: relative;
    box-sizing: border-box;
}
.page-top h2:before{
  font-family: FontAwesome;
    content: "\f064";
    font-size: 16px;
    margin: 0 5px;
    color: #ccc;
}
.page-top h2:after{}
.contact_form{
padding-top: 20px;
    padding-left: 15px;
}
.contact_form label{color: #000;}
.contact_form .form-control{
border: none;
    border-bottom: solid 3px #ededed;
    box-shadow: none;
  -webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
.contact_form .form-control:active,.contact_form .form-control:focus{
    outline: 1px solid #F4594F;
}
.contact_form  .btn{
border-radius: 0;
    padding: 7px 20px;
    float: right;
}
.contact_form .req:after{
       font-family: FontAwesome;
        content: "\f069";
    color: #FF5555;
    font-size: 8px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.contact_form .form-control::-webkit-input-placeholder {
    color:    #ccc;
}
.contact_form .form-control:-moz-placeholder {
   color:    #ccc;
}
.contact_form .form-control::-moz-placeholder {
   color:    #ccc;
}
.contact_form .form-control:-ms-input-placeholder {
   color:    #ccc;
}
.hr{
  height: 1px;
    border: none;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(254,254,254,0) 1%, rgba(241,241,241,0) 15%, rgba(204,204,204,1) 53%, rgba(243,243,243,0) 89%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(254,254,254,0)), color-stop(15%,rgba(241,241,241,0)), color-stop(53%,rgba(204,204,204,1)), color-stop(89%,rgba(243,243,243,0)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(254,254,254,0) 1%,rgba(241,241,241,0) 15%,rgba(204,204,204,1) 53%,rgba(243,243,243,0) 89%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(254,254,254,0) 1%,rgba(241,241,241,0) 15%,rgba(204,204,204,1) 53%,rgba(243,243,243,0) 89%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(254,254,254,0) 1%,rgba(241,241,241,0) 15%,rgba(204,204,204,1) 53%,rgba(243,243,243,0) 89%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(254,254,254,0) 1%,rgba(241,241,241,0) 15%,rgba(204,204,204,1) 53%,rgba(243,243,243,0) 89%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.contact_element{
text-align: center;
}
.contact_element i{
background: #ccc;
width: 100px;
    height: 100px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 8%;
    border-radius: 100%;
    font-size: 3em;
    color: #fff;
    margin: 10px;
    -webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
.contact_element p{
padding: 5px;
margin: 5px;
    line-height: 27px;
}
.contact_element p span{
display: block;
    color: #6f6f6f;
}
.contact_element:hover i{
    box-shadow: 0 0 0 5px #fff, 0 0 0 10px #ccc;
}
.reasonhed h3{
padding-left: 15px;
border-left: 4px solid #3C698E;
}
.reasonhed{position: relative;}
.reasonhed h3:after{
    height: 2px;
    content: "   ";
    background: #3C698E;
    width: 90px;
    position: absolute;
    border: 1px solid #3C698E;
   margin-left: 15px;
    top: 15px;
}
.reason{}
.reason h3{
padding-left: 15px;
border-left: 4px solid #3C698E;
}
.reason .hed{position: relative;}
.reason h3:after{
    height: 2px;
    content: "   ";
    background: #3C698E;
    width: 90px;
    position: absolute;
    border: 1px solid #3C698E;
   margin-left: 15px;
    top: 15px;
}
.reason_list:before{
width: 20px;
    height: 20px;
    background: #ccc;
    content: " ";
    position: relative;
}
.reason_list{
    padding: 0px;
    margin: 0 0 20px 0;!important;
    list-style: inside;
}
.reason_img{
font-size: 14vw;
    margin: 5px;
    margin-left: 5%;
    margin-right: 5%;
    color: rgba(60,105,142,0.9);
    margin-top: 0;
    top: -0px;
    position: relative;
}
.div_vision{margin-bottom: 25px;}
.div_vision h2{}
.s-hr{
width: 80%;
    height: 2px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,252,252,0) 1%, rgba(255,207,207,0) 15%, rgba(254,84,84,1) 53%, rgba(255,215,215,0) 89%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,252,252,0)), color-stop(15%,rgba(255,207,207,0)), color-stop(53%,rgba(254,84,84,1)), color-stop(89%,rgba(255,215,215,0)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,252,252,0) 1%,rgba(255,207,207,0) 15%,rgba(254,84,84,1) 53%,rgba(255,215,215,0) 89%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,252,252,0) 1%,rgba(255,207,207,0) 15%,rgba(254,84,84,1) 53%,rgba(255,215,215,0) 89%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,252,252,0) 1%,rgba(255,207,207,0) 15%,rgba(254,84,84,1) 53%,rgba(255,215,215,0) 89%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,252,252,0) 1%,rgba(255,207,207,0) 15%,rgba(254,84,84,1) 53%,rgba(255,215,215,0) 89%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.div_vision p{
line-height: 28px;
}
.result-list{}
.result-list li{
    border-bottom: 3px solid #ededed;
    padding-bottom:10px;
    margin-top: 10px;
}
.result-list li img{
    width: 120px;
    height: 120px;
    background: #ddd;
    float: left;
    margin: 5px 15px 5px 5px;
   border: 5px solid #fff;
    box-shadow: 0 2px  3px #ccc;
}
.result-list li header{}
.result-list li header h4{margin-bottom: 0; display: inline-block;}
.result-list li header h4 a{color:#191919;}
.result-list li:hover header h4 a{color:#FE5454; border-bottom: 1px solid #FE5454;}
.result-list li header i{font-size: 12px;margin: 5px;}
.result-list li header span{
    color : #8fb3e3;
    font-size: 12px;
float: right;
    margin-right: 5%;
}
.result-list li  p{}
.more-result{
    float: right;
    margin-right: 15px;
    padding: 5px 5px;
 -webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
.more-result:hover{
background:#3C698E;
    color: #fff;
}
 .sidebar-widget {
    margin-top:30px;
    margin-bottom:30px;
    overflow:hidden;
    width:100%;
}
.sidebar-title {
    float:left;
    width:100%;
    margin-bottom:20px;
    border-left:5px solid #ccc;
}
.sidebar-title > h4 {
    float:left;
    padding-left:15px;
    color:#2D2D2D;
    font-size:20px;
    font-weight:400;
    line-height:26px;
    position:relative;
}
.sidebar-title > h4:after {
    height:1px;
    width:50%;
    content:"";
    background:#CCCCCC;
    position:absolute;
    right:-55%;
    top:55%;
}
.sidebar-title > h4 span{
	font-weight:300;
	color:#2D2D2D;
}
.sidetitle{position: relative;}
.sidetitle h4{
padding-left: 15px;
border-left: 4px solid #3C698E;
}

.sidetitle h4:after{
    height: 2px;
    content: "   ";
    background: #3C698E;
    width: 90px;
    position: absolute;
    border: 1px solid #3C698E;
   margin-left: 15px;
    top: 15px;
}
.sidebar-list {
    width:100%;
    list-style: none;
    padding: 5px;
}
.sidebar-list > li {
    margin-bottom:10px;
    width:100%;
}
.sidebar-list li a {
    width:100%;
    padding:5px 10px;
    color:#959595;
    line-height:10px;
    display: block;
     border-bottom: 1px solid transparent;
   -webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
}
.sidebar-list li a:hover{
    text-decoration: none;
    color: #2469ba;
    border-bottom: 1px solid #2469ba;
}
.sidebar-list li a:before{
    font-family: FontAwesome;
    content: "\f101";
    margin-right: 5px;
    color: #2469ba;
}
.products_list{}
.products_list li{ padding-bottom: 15px;margin-bottom: 10px; }
.products_list .bg_img{
width: 96%;
background: #f0f0f0;
    border: 5px solid #fff;
    height: 175px;
    box-shadow: 1px 1px 2px #999;
    position: relative;
    margin: 10px auto;
    box-sizing: border-box;
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.products_list .bg_img .pro_img{
width: 100%;
    height: 175px;
    background: #eee;
    border: 5px solid #fff;
      box-shadow: 0 1px 2px #666;
    -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.products_list h6 {
margin-top:20px;
    font-size: 20px;
    margin-left: 10px;
}
.products_list h6 a{}
.products_list p{margin-left: 10px;}
.products_list a.cat-more{color:#333;float: right;margin-right: 15px;padding: 5px 12px;}
.products_list a.cat-more:hover{ text-decoration: underline; color: #047cb0;}
.rounded-list {
    counter-reset: section;
    list-style: none;
    *list-style: decimal;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    margin: 0 ;
    padding: 0;
    margin-bottom: 30px;
}
.rounded-list ol {
    margin: 0 0 0 1em;
    counter-reset: subsection;
}
.rounded-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #eee;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}
.rounded-list a:hover{
    background: #ddd;
}
.rounded-list a:hover:before,.rounded-list a.active:before{
    background:#FE5454;
    color: #fff;
    text-shadow:  0 1px 0 #811313;
}
.rounded-list a:before{
    counter-increment: section;
    content:  counter(section) ;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2.5em;
    width: 2.5em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}
.rounded-list ol  a:before{
     counter-increment: subsection;
    content: counter(subsection) ;
}
.cate_box{
width:100%;
	min-height:200px;
	background:#FFF;
	margin:20px auto;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 5px;
    box-shadow: 0 0 0 1px #eee inset;
    background: #f9f9ff;
        -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.cate_box:hover{
      box-shadow: 0 0 0 1px #87CEEB  inset;
}
.cate_box img{
  width: 100%;
    height: 120px;
    background: #ccc;
    margin-bottom: 5px;
}
.cate_box h4 {
  margin-top: 5px;
}
.cate_box h4 a{
  color: #000;
}
.cate_box h4 a:hover{
  color: #fe5454;
}
.cate_box  a.lockinside{
  color: #000;
    float: right;
   text-align: right;
    display: block;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}
.cate_box  a.lockinside:hover{
    color: #fe5454;
}
/*.cate_box:before, .cate_box:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 70%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
      box-shadow: 0  0 20px #000;
    height: 90%;
    top: 7%;
}
.cate_box:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
*/
.big-img{
    width: 98%;
    min-height:500px;
    margin-bottom: 25px;
    
    box-sizing: border-box;
    padding: 3px;
}
.big-img:hover{border: 1px solid #87ceeb;}
.product_info h3{
margin-top: 5px;
}
.product_info span{
font-size: 12px;
    color: #bbb;
}
.product_info span i{
  margin-right: 5px;
}
.product_info p{
margin-top: 15px;
    line-height: 24px;
}
 ul.items{
list-style:upper-alpha inside;
    margin-left: 0;
}
 ul.items li{
margin-bottom: 5px;
}
.product_info h5{
margin-top: 25px;
}
 ul.items_img{
margin-bottom: 25px;
}
 ul.items_img li {
margin-bottom: 10px;
}
 ul.items_img li a{}
 ul.items_img li a:hover img{border: 1px solid #87ceeb;}
 ul.items_img li a img{
width: 100%;
    height: 125px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 3px;
}
.item-table td ,.item-table th{
    text-align: center;
    padding: 5px ;
    border: 1px solid #eee;
}
.refer_box{
background: #f6f6f6;
    margin-bottom: 30px;
    height: 500px;
    padding: 15px;
}
.refer_box header{
border-top:1px solid #c2c2c2 ;
border-bottom:1px solid #c2c2c2 ;
}
.refer_box header h3{margin-top: 5px;}
.refer_box header h3 a{color: #000;}
.refer_box header h5{ color: #9b9b9b;}
.refer_img{
width: 200px;
    height: 200px;
    box-sizing: border-box;
    padding: 5px;
    background:#fff;
    border-radius: 100%;
    margin: 15px auto;
}
.refer_box p{text-align: justify;}
.notfound{
position: relative;
    margin: auto;
    text-align: center;
    margin-bottom: 15px;
    max-height: 275px;
    overflow:hidden;
}
.notfound span{
    font-size: 6vw;
    display: block;
}
.notfound span.upnum{
      margin-top: -45px;
    color: #ccc;
}
.notfound span.centernum{
     font-size: 12vw;
    font-weight: bold;
    margin: 0;
        color: #3C698E;
      background: #f2f2f2;
    padding: 0;
    line-height: 10vw;
}
.notfound span.downnum{
color: #ccc;
    margin-bottom: 0;
}
 .h-notfound{
    font-size:8vw;
    margin-top: 12%;
    margin-left: 0;
}


/***************************/
.modal-content{border-radius: 0;}
.modal-content .form-horizontal .form-control{
border-radius:0;
}
/********************************************    milestone  */

.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

/* The line */
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #afdcf8;
    left: 20%;
    margin-left: -10px;
}

.cbp_tmtimeline > li {
    position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 25%;
    background: #3594cb;
    color: #fff;
    padding: 2em;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
    background: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
    margin-top: -25px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #3594cb;
    border-width: 10px;
    top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #6cbfee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
    width: 40px;
    height: 40px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #46a4da;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #afdcf8;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 0 0 0 -25px;
}

.cbp_tmicon:before {
    content: "\f133";
}



/* Example Media Queries */
@media screen and (max-width: 65.375em) {

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .cbp_tmtimeline > li .cbp_tmtime span {
        text-align: left;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}

.STEELSTRUCTURE{
margin-top: 30px;
}
.left-hr{
    height: 1px;
    border:0;
    background: -moz-linear-gradient(left,  rgba(206,206,206,0.65) 0%, rgba(97,97,97,0) 53%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,206,206,0.65)), color-stop(53%,rgba(97,97,97,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left,  rgba(206,206,206,0.65) 0%,rgba(97,97,97,0) 53%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left,  rgba(206,206,206,0.65) 0%,rgba(97,97,97,0) 53%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left,  rgba(206,206,206,0.65) 0%,rgba(97,97,97,0) 53%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(206,206,206,0.65) 0%,rgba(97,97,97,0) 53%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cecece', endColorstr='#00000000',GradientType=1 );
}
.dump-list li:before{
      font-family: 'FontAwesome';
    color: #ccc;
position: relative;
    content: "\f0da";
    margin-right: 5px;
}
.dump-list li{
margin-top: 7px;
}
.tap-list{}
.tap-list li{
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;}
.tap-list li h4 a{

color: #222;
}
.tap-list li.active{
background: #2c539e;
background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#2c539e));
background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%);
background: -o-linear-gradient(top,  #2c539e 0%,#2c539e 100%);
background: -ms-linear-gradient(top,  #2c539e 0%,#2c539e 100%);
background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 );

}
.tap-list li.active h4 a{
color: #fff;
}
.escelator-box h5:before{
font-family: 'FontAwesome';
    content: '\f0a3';
    font-size: 12px;
    color:#811313;
    margin-right: 5px;
}
.escelator-box h5{}
#map_canvas{
width: 100%;
    height: 400px;
    margin:-35px 0  30px 0;
}
.fuji-box{}
.hitashi-box{}

.header-company{min-height: 150px}
.company-titles{ text-align: center; margin-top: 15px; margin-bottom: 0;}
.company-titles h4{display: inline-block;font-size: 2em;font-weight:900; margin-bottom: 0; color: #3594cb}
.company-titles h5{display: inline-block;font-size: 2em;font-weight:100; margin-bottom: 0;}
.header-company p{color: #777;line-height: 26px;margin: auto 9% auto auto;width: 90%;}
.header-company p.blue-sec{margin: auto 9% auto auto;width: 90%;color: #222;}
.header-company hr{margin-top: 5px;}
.pro-cert:hover img{
border-color: #222;
    box-shadow: 0 0 5px #ccc;
}
.association h5{
    padding-bottom: 10px;
border-bottom: 1px solid #ddd;
height: 40px;
}
.association img{ box-shadow: 0 0 3px #aeaeae;padding: 5px;background: #f1f1f1; border-radius: 0 !important;max-height: 350px;}
.association img:hover{}
.consultancy_p{
line-height: 26px;
    font-size: 16px;
    font-weight: 100;
}
.installation p{
    margin-top: 30px;
line-height: 28px;
    font-size: 16px;
    font-weight: 100;
}
.installation .img-responsive{
max-height:300px;
}


.header-company ul   {  margin: 0;
    padding: 0;
  
    list-style-type: none;
    font-family: 'Open Sans';}

.header-company ul li{    padding-bottom: 1px;
    margin-bottom: 1px;
    position: relative;
    font-size: 13px;}

.header-company ul li a{    padding-right: 23px;
    display: block;
    overflow: auto;
    color: #a39f9e;
    text-decoration: none;
    padding: 6px;
    border-bottom: 1px solid #b7c8cf;
    background: #373737;
    color: white;
    font-size: 17px;
    font-family: "ubuntu-r";}

.header-company ul li a:hover{    background: #747472;}







.maintenance ,.Seminar ,.training ,.rnd ,.prod ,.documentary,.consultancy{
    margin-top: 25px;
}
.maintenance p ,.Seminar p,.training p ,.rnd p ,.prod p ,.documentary p,.consultancy p{
   margin-top: 30px;
line-height: 28px;
    font-size: 16px;
    font-weight: 100;
}
.maintenance .img-responsive ,.Seminar .img-responsive ,.training .img-responsive ,.rnd .img-responsive ,.prod .img-responsive ,.documentary .img-responsive ,.consultancy .img-responsive {
    max-height:300px;
    margin-top: 15px;
}
.quality,.quality p{
text-transform:lowercase;
    line-height: 28px;
    font-size: 16px;
}
.list-q{
list-style-type: circle !important;
}
.Cabin-designs .cate_box img{
  width: 100%;
    min-height: 120px;
    height: auto;
    max-height: 250px;
    background: #ccc;
    margin-bottom: 5px;
}
/*.car-operating .cate_box*/
.cabinceiling .cate_box ,.CarInterior .cate_box , .hall-entrances  .cate_box ,.hall-lanterns .cate_box{
min-height: 275px;
}
.recent_slider .img-responsive{
max-height: 250px;
}
.panoramic .img-responsive{
max-height: 250px;
}
.panoramic li{
text-align: center;
}
.panoramicceiling .img-responsive{
max-height: 350px;
}
.logo-footr img {
    margin-top:10%;
    margin-bottom:10%;
}
.list-contact-footer{
    margin-left: 0px;
    color: #f0f0f0;
    font-size: 15px;
}
.list-contact-footer li{
margin-bottom: 5px;}
.list-contact-footer li i{
margin-right: 5px;
}
.list-about {
    list-style-type: circle;
    list-style-position: inside
}
.standard p{
line-height: 26px;
}

.hr-title{
margin-top: 8px;
border: 1px solid #ff5555;
width: 25%;
position: relative;
left: -37%;
}
.optional-list{}
.optional-list li{
text-align: center;
    margin-bottom: 5px;
    padding: 5px 0;
}
.optional-list li img{}
.optional-list li h6{}
.optionalbox{}
.optionalbox h4:before{
 font-family: 'FontAwesome';
    content: "\f101";
    color: #811313;
    margin-right: 5px;

}
#svg path {
  fill: #1FBEDE;
  -webkit-transition: All 200ms ease-in-out;
  -moz-transition: All 200ms ease-in-out;
  -o-transition: All 200ms ease-in-out;
  -ms-transition: All 200ms ease-in-out;
  transition: All 200ms ease-in-out;
}
 #svg:hover path {
  fill: #ffffff;
}
.travelator td , .travelator th{
text-align: center;
}
.fixheight{
min-height: 300px;
}

.elev:before{
position: absolute;
    content: " ";
    width: 5px ;
    height: 100%;
    min-height: 500px;
    background: transparent;
    border-left: dotted 2px #ddd;
}
.elevs:before{
position: absolute;
    content: " ";
    width:1px ;
    height: 100%;
    min-height: 300px;
    background: transparent;
    border-left: dotted 2px #ddd;
margin-right: 5px;
    left: -5px;
}
.luxury-list strong{
margin-left: 25%;
}
.qlity-list h5{
margin-left:10px;
    text-align: left;
}
.Service li:before{
    font-family: 'FontAwesome';
content: "\f069";
    margin-right: 5px;
    font-size: 12px;
}


      .bgcolor {
        background-color: none;
      }      
      
      .lightblue {
       background-color: none;
      }
      
   .form-horizontal .control-label {
      width: 70px;
      }
      
   .form-horizontal .controls {
     margin-left: 90px;
       }