/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
   ========================================================================== */


/*========================================================================
                                     Dropdown menu
 ========================================================================== */ 
h5.mobile-text{
 margin:0px !important;
}
.zoo-gallery {
    margin-top: 40px;
    min-width: 100%;
}
.tm-logo-small img {
    max-width: 160px;
    width: 100%;
}
.zoo-gallery-wall.margin > * {
    margin-right: 16px;
    padding-right: 1px;
}
.uk-grid.uk-dropdown-grid .uk-width-1-1 {
    padding: 0;
}
.uk-grid.uk-dropdown-grid .uk-width-1-1 ul li a{
    padding:5px 10px;
    margin:0px;
   /* border-bottom:1px solid #fff;*/
    height:20px;
}
.uk-dropdown-navbar {
    background:#ec6b0f;
    margin-top:0;
    color:#fff;
   
} 
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #ec6b0f;
  color:#e2e2e2!important;
 }
  ul.uk-nav.uk-nav-navbar li:last-child a {
   border-bottom: none;
}
a.uk-navbar-toggle.uk-visible-small {
    margin-left: -10px;
}
.uk-nav-navbar > li > a {
    color: #fff;
} 
/*.uk-nav-navbar > li > a:hover {
    background: #d42f35;
}*/
 /* =====================================================================
                          Menu
   =====================================================================*/ 
*{
   text-decoration:none !important;
}
.yoo-zoo .product-uikit a:hover,
.uk-link:hover {
  color: #000 !important;
  text-decoration: none;
}
a{
 color:black;
}
.color-black{
color:black;

} 
.color-white{
 color:white;
}  
.color-orange{
 color:#ec6b0f;
} 
.home-slider section.tm-top-a.uk-grid {
    box-shadow: 0px 11px 18px -4px #ccc inset;
}  
span.home-large-text {
    font-weight: bold;
    letter-spacing: 2px;
}

span.home-small-text {
    letter-spacing: 2px;
}   
   ul.uk-navbar-nav {
    margin: 0 auto !important;
    width: 485px;
    display: block;
    height: 49px;
    float:right;
      }
 nav.tm-navbar.uk-navbar {
    width: calc( 100% - 200px);
    background-color: transparent;
    
}
.uk-navbar-nav > li > a{
    font-weight:600;
    font-size:16px;
    letter-spacing:0.2px;
    

}
.home-slider .uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
 height:50%;
}
.home-slider .uk-overlay-panel {
top:95px;
}
.uk-navbar-nav > li.uk-active > a,.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a{
    background:none !important;
  
    /*color: #2fc4d8;*/
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li.uk-open > a {
  background-color:transparent;
  color:#ec6b0f;
  outline: none;
  font-weight:bold;
}
.uk-navbar-nav > li.uk-active > a {
  background-color:transparent;
  color:#ec6b0f;
  font-weight:bold;
}
 .uk-navbar-nav > li:after {
  content: "|";
  position: absolute;
  top:10px;
  display: inline-block;
  color:#000;
}
.uk-navbar-nav > li:first-child:after {
 content: " ";
 background: none;
} 

 /* =====================================================================
                          Header
   =====================================================================*/ 
.tm-headerbar, .tm-navbar{
    margin-top: 25px;
    margin-bottom: 20px; 
}
.tm-headerbar {
    margin: 0;
    margin-top:6px;
}
.header-wrap {
    height: 100px;
}  
a.tm-logo {
    width: 126px;
    height: 110px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* ========================================================================
                           Social Styling
 ========================================================================== */
.social-icons li {
    float: left;
    margin-left: 7px;
    list-style: none;
}

ul.social-icons {
    display: inline-block;
    margin-bottom: 0px;
    text-align: center !important;
    padding: 5px;
}

.social-icons .icon{
display: block;
width: 32px;
height: 32px;
text-indent: -10003px;
font-size: 0;
}
.social-icons .icon:hover{background-position-y: -32px;}

.social-icons .icon-facebook {background: url('/images/socialmedia/facebook.png') 0px 0px no-repeat;}
.social-icons .icon-twitter{background: url('/images/socialmedia/google-plus.png') 0px 0px no-repeat;}
.social-icons .icon-linked-in{background: url('/images/socialmedia/linked-in.png') 0px 0px no-repeat;}
.social-icons .icon-google{background: url('/images/socialmedia/twitter.png') 0px 0px no-repeat;}

/* ========================================================================
                           Footer
 ========================================================================== */
footer.tm-footer {
    background: #eeeeee;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}
tm-footer .uk-panel + .uk-panel {
    margin-top: 0px;
}

.uk-margin-small-top {
    margin-top: 10px !important;
}
ul.social-icons {
    height: 32px;
    padding-top: 5px;
}
p.design {
    color:black;
}
p.design a{
    color:black;
    font-weight: 600;
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0px;
}

 /* ========================================================================
                              About Us
  ======================================================================== */
h1.uk-h1 {
    font-size: 34px;
}
.about-top{
    border-top: 7px solid #ec6b0f;
}
a.nc-button {
    background: #ec6b0f;
    color: white;
    text-transform: uppercase;
    padding: 10px 15px;
    text-align: center;
    border-radius: 22px;
}  
span.small-text {
    font-weight: bold;
    letter-spacing: 2px;
}
span.large-text {
letter-spacing: 2px;
}
.uk-grid.about-data > * {
padding: 0 !important;
margin: 0 !important;
}

.uk-grid.about-data {
margin: 0 !important;
}
h3.large-text {
    letter-spacing: 2px;
}

.about-contain {
    margin: 0 auto;
    margin-right:5px;
    height: 400px;
    display: flex;
    align-items: center;
}
.projects-slider .uk-overlay-background {
background: rgba(236, 107, 15, 0.6);
}
.home-page section.tm-main-top.uk-grid {
    box-shadow: 0px 11px 18px -4px #ccc inset;
}
.main-content-body-bg {
    border-top: 7px solid #ec6b0f;
}
main.tm-content {
    padding-top: 5px;
}
/* ========================================================================
                            Contact Us
   ======================================================================== */  
   
   .formResponsive .formHorizontal .formControls {
    margin: 0 !important;
}

/*.formResponsive .formHorizontal .formControlLabel {
    display: none;
}*/
.formResponsive .formHorizontal .formControlLabel{
  float: left;
  width: 110px;
  padding-top: 5px;
  text-align: left;
  font-weight: 600;
  color:#000;
}
.formResponsive :-ms-input-placeholder {
  color: black!important;
}
.formResponsive ::-moz-placeholder {
  color: black;
}
.formResponsive ::-webkit-input-placeholder {
  color: black;
}
.formResponsive :disabled:-ms-input-placeholder {
  color: black!important;
}
.formResponsive :disabled::-moz-placeholder {
  color: black;
}
.formResponsive :disabled::-webkit-input-placeholder {
  color: black;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] 
{
    width: 100%;
    width: calc( 100% - 10px) !important;
}
.formResponsive input[type="text"], .formResponsive input[type="password"] {
    height: 25px;
}
.formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append{
    display:inline-block;
    float:left;
    margin-bottom: 0px;
    background:white;
    color:black;
}

.rsform-submit-button{
    float:right !important;
    background:#ec6b0f !important;
    width:110px !important;
    height:42px;
    color: white !important;
    
}
.formResponsive .formHorizontal .rsform-block {
   margin-top:-10px  !important;
  }
.formBody.larges-text {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    float:left;
}
.rsform {
    margin-top: -10px;
}
span.titile-text {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* ========================================================================
                          Careers
    =======================================================================*/
.careers-form .formResponsive .formHorizontal .formControls {
    margin: 0 !important;
}
.careers-form input[type="file"]{
 background:transparent !important;
 margin-left:-20px;
 color:#1a3038 !important;
}
/*.formResponsive .formHorizontal .formControlLabel {
    display: none;
}*/
.careers-form .formResponsive .formHorizontal .formControlLabel{
  float: left;
  width: 174px;
  padding-top: 5px;
  text-align: left;
  font-weight: 600;
  color:#1a3038;
}
.careers-form .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] 
{
    width: 100%;
    width: calc( 100% - 10px) !important;
}
.careers-form .formResponsive input[type="text"], .formResponsive input[type="password"] {
    height: 25px;
}
.careers-form .formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append{
    display:inline-block;
    float:left;
    margin-bottom: 0px;
    background:white;
    color:black;
  
}

.careers-form .rsform-submit-button{
    float:right !important;
    background:#ec6b0f !important;
    width:110px !important;
    height:42px;
    color: white !important;
    
}

.formBody.larges-text {
    font-size: 25px;
    color: #555;
    font-weight: 600;
    float:left;
}
.careers-form .rsform {
    margin-top: 0px;
}
.formBody.education-text {
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #1a3038;
}
/* ========================================================================
                        On Going Project
    =======================================================================*/
 .uk-panel.uk-panel-box {
    background: #fff;
    border-bottom:1px solid #e2e2e2;
}
h3.spefic-text {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    
}
a.uk-button.uk-button-primary {
    background-color: #ec6b0f;
}
.uk-button-primary:hover, .uk-button-primary:focus{
 background-color: #ec6b0f;
}
h4.inner-text {
    font-weight: 600;
    letter-spacing: 1px;
}
h1.uk-text-left {
    font-size: 34px;
   
}
h3.uk-margin-remove {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
}
.uk-thumbnail {
 border:none;
}
h3.uk-margin-remove {
    text-align: center;
    font-size: 24px;
}
 h1 {
    font-size: 32px;
    font-weight: 500;
}
a.link-project {
    background: transparent;
    border: 1px solid #fff;
    padding: 5px 10px;
    color: white;
}
/* ========================================================================
                         Respnsive
   =======================================================================*/
@media (min-width: 768px) and (max-width:950px){
 .home-slider .uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
 height:60%;
}
.home-slider .uk-overlay-panel {
top:30px;
}
.uk-slidenav-position .uk-slidenav {
    display: block !important;
}


}
 @media (max-width: 767px) {
.uk-float-left.uk-vertical-align.uk-panel-blank.uk-vertical-align-middle.uk-width-1-1.uk-width-medium-4-10.uk-animation-slide-left.uk-animation-3 >div {
    float:none;
    padding:40px;
    margin-top: 15px;
}
 nav.tm-navbar.uk-navbar{
    width:100%;
    margin:0 !important;
    
  }
  .nc-social-panel{
  width:100%;
  float: none;
  text-align: center !important;
  margin:0 !important;
}
.nc-designby{
  width:100%;
  float: none;
  text-align: center !important;
  margin:0 !important;
 
}
.header-wrap {
    height:50px !important;
  }
 .careers-form input[type="file"]{
    margin-left:0px !important;
 }
 .about-contain {
   margin: 0 auto;
   /* margin-right:0px;*/
 }
 .home-slider .uk-overlay-panel {
    top:20px;
}
.uk-slidenav-position .uk-slidenav {
    display: block !important;
}
}