/*
 
*/



/* ==================================================================

 

 * Table of Contents:

 *

 * 1.0 - General

 * 2.0 - Loader

 * 3.0 - Menu

 * 4.0 - Home

 * 5.0 - About

 * 6.0 - Design

 * 7.0 - Projects

 * 8.0 - Services

 * 9.0 - Contact

 * 10.0- Responsive



================================================================== */



@import 'http://fonts.googleapis.com/css?family=Lato:100,400,900,300';

@import 'https://fonts.googleapis.com/css?family=Inconsolata:400,700';



/* ==================================================================

                                GENERAL

================================================================== */



body,

html {

    width: 100%;

    font-family: 'Open Sans', sans-serif;

}



ul, 

ol {

    

    list-style-type: none;

    padding: 0;



}



a:active,

a:hover,

a:focus {

   

    outline: 0 none;

    text-decoration: none;



}



a:link {



    color: #474444;

    text-decoration: none;



}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

h1 {

     

    color: #474444;

    font-size: 30px;
 

    letter-spacing:2px;

    margin-bottom: 10px;

    line-height: 1;

    margin-top: 25px;



}



h2 {



    letter-spacing: 2px;

    font-size: 25px;

}



p {



    font-size: 16px;

    letter-spacing: 0.4px;

    font-family: unset;

}



p,i {



    color: #474444;



}
/*New CSS*/
#loading {background-color: #FFF !important;}
 .navbar{margin-bottom: 0px !important;}
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
}  
.navbar-default {background-color: #d8d8d8 !important;border-color: transparent !important;}
.navbar-default .navbar-nav>li>a {
    color: #000 !important;
}
.navbar-nav{margin-left: 28% !important;}
.navbar-header{display: none;}
@media (max-width: 767px) {
.navbar-header{display: block;}
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  

@media screen and (min-device-width: 320px) and (max-device-width: 574px) { 
    .n_div{display:block;}
    div#right6 {display: block;}
    .n_footer{display:block;}
    .n_head{display: block;position:unset !important;left:unset;right:unset}
    #right-part{margin-top:0px !important;}
    .item img{height:250px !important}
    .n_client img{height:auto;}
}

/* Additional Css*/
#services {background:#e9e9e9;padding:40px 20px;}
.services-list img{width:100px;}
.services-list {background:#fff;padding: 20px;
    text-align: center;margin-top:30px;border: 1px solid #333}
   .menu-left {display:none !important;}

.n_menu ul li{list-style-type:none;display:inline-block;padding: 5px 20px 5px 20px;float:center !important;}

div#right6 {

    display: none;

}

.n_div{z-index:99;margin-bottom: 0px;padding: 10px 0px;}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    font-family: sans-serif;
}
.navbar { 
    min-height: auto;
}
.col-md-7.n_menu {

    text-align: right;

}

.n_menu ul li a:hover{color:#db2c1d; text-align: center;}

.n_menu ul li a:visited{color:transparent;}

.n_menu ul{
    text-align: center;
    margin-top: 10px;
}

.n_social {

    text-align: right;

}

/*#ns_list a{padding-left: 0px;}
.b_menu a{padding-left: 0px;}
#b_list .b_menu li{padding: 5px 13px !important;width: 100%;text-align: left;}*/
.n_footer ul li{display:inline-block;padding-left: 15px;}

.n_footer{margin-top: 50px;}

#main-container{overflow-x:hidden !important;}

.n_social ul li a i:hover{color:#db2c1d;}

.n_font{font-size:25px;}

.n_head{background: #d8d8d8;/*height: 155px;*/position: fixed;z-index: 999;left: 0;right: 0;}
#right-part{margin-top: 137px;position: relative;}

.n_foot{background: #d8d8d8;padding: 20px 0px 0px;}

hr{border:none;}

.n_slider{width:100%;height:auto;margin:0px auto;}

.n_margin{margin-top:50px;}

.n_margin h3{ text-align: center;    font-size: 22px; }

.n_margin p{text-align: justify;}
.section-margin1 p{/*text-transform: uppercase;*/}

a{color:#474444;}

a:hover{color:#db2c1d;}

.section-about ul li{padding-left:7px;}

.section-about ul li a {margin-right: 0px;line-height: 30px;}

.n_bottom{padding-bottom:10px;}

.n_client img{height:380px;}

.logo1{text-align: center !important;}
.b_menu li{display: unset !important; float: left;}
ul.b_menu {
    clear: both;
    position: absolute;
    width: 100px !important;
    background: #FFF;
    display:none;
    top:30px !important;

}

#b_list:hover .b_menu{
    display: block;
}
/*.dropdown-menu{left: unset !important;}*/

iframe{
    width:100%;

}



/* Additional CSS End */

.section,

.menu-wrapp {

    

    display: table;

    position:relative;

    height: 100vh;

    width: 100%;

    z-index: 5; 

    table-layout: fixed;



}

.navbar-toggle{background-color: #333 !important;}

.center {

    

    display: table-cell;

    vertical-align: middle;



}



.ms-section {



    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

    position: relative;



}



.ms-section.ms-table {

   

    width: 100%;

    table-layout: fixed;



}



body > .skiptranslate {



    display: none;



}



.owl-carousel .owl-wrapper-outer {



    height: 100% !important;



}



#main-container {

    

    width: 100%;

    height: 100vh;

    overflow: auto;



}



.display-none {



    display: none;



}



.overlay-right {



    background-color: rgba(255, 255, 255, 0.75) !important; 

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 0;



}



.vegas-slide-inner {



    background-size: none !important;

    opacity: 0.45 !important;

  

}



.border {

    /*background: #f69934;*/background: #db2c1d;

    height: 2px;

    width: 82px;



}



.updown-navigation {

    

    bottom: 20px;

    position: fixed;

    right: 60px;

    z-index: 992;

    background: #f69934;

 

}



/* ==================================================================

                                LOADER

================================================================== */



.loader-background {

   

    background: rgba(255,255,255,1);

    bottom: 0;

    height: 100%;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;



}



.loader-center {

   

    position: relative;

    top: 50%;

   -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

       -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

           transform: translateY(-50%);



}



.loader-frame {



    width: 100px;

    height: 100px;

    margin: 0 auto; 

    vertical-align: middle;

    background-image: url("../img/pcpl_loading.gif");  

    background-repeat: no-repeat;

    background-position: center center;

   -webkit-background-size: cover;

      -moz-background-size: cover;

       -ms-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

}



.loader-name {



    color: #3D3838;

    font-size: 80px;

    font-weight: 800;

    text-align: center;

    line-height: 118px;

 

}



.pace {



   -webkit-pointer-events: none;

           pointer-events: none;

   -webkit-user-select: none;

      -moz-user-select: none;

           user-select: none;



}



.pace-inactive {



    display: none;



}



.pace .pace-progress {



    background: #474444;

    position: fixed;

    z-index: 2000;

    top: 0;

    right: 100%;

    width: 100%;

    height: 2px;



}





/* ==================================================================

                                MENU

================================================================== */



.menu-left {

    display: none;

    position: fixed;

    z-index: 99;

    width: 280px;

    background: rgba(255,255,255,0.75);

   

}



.menu-top {



    position: relative;

    margin-top:60px;

    margin-left:0px;

    overflow: hidden;



}



.menu-name {



    font-size: 45px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: 2px;

    color: #474444;



}



.menu-sub {



    color: #f69934;

    font-size: 18px;

    font-weight: 300;

    letter-spacing: 2px;



}



.menu-left  ul  {



    position: absolute;

    top: 50%;

    transform: translateY(-50%);



}



.copyright {



    z-index: 99;

    bottom: 40px;

    left: 40px;

    position: fixed;

    color: #474444;

    font-weight: 400;

    letter-spacing: 1px;

    line-height: 18px;

   

}



.menu-left  ul li {



    margin: 28px 0 28px 40px;



}



.menu-left ul li a {



    font-family: 'inconsolata';

    color: #474444;

    text-align: center; 

    letter-spacing: 1.5px;  

    font-size: 16px;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.menu-left ul li a:hover {



    /*color: #f69934;*/color: #db2c1d;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.menu-left ul .active a {



    /*color: #f69934;*/    color: #db2c1d;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.social {



    color: #474444;

    bottom: 60px;

    left: 40px;

    position: fixed;

    z-index: 99;

    padding-bottom: 10px; 



}



.social ul li {

    margin-right: 20px;   

    display: inline-block;

}



.social ul li i {



    color: #474444;

    font-size: 20px;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.social ul li i:hover {



    /*color: #f69934;*/color: #db2c1d;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



/* ==================================================================

                                 HOME

================================================================== */



.home-name .bigtext-line0 span::before {



    background: #f69934;

    content: "";

    height: 18px;

    line-height: 0;

    position: absolute;

    margin-top: -40px;

    width: 82px;



}



.home-name {



    color: #3D3838;

    font-size: 115px;

    font-weight: 800;

    letter-spacing: 10px;

    text-align: right;

    line-height: 0.8;

    margin: 0 auto 40px;



}



.home-sub-a {



    color: #3D3838;

    font-weight: 100;

    letter-spacing: 7px;

    line-height: 0.8;

    text-align: right;

}



.home-sub-b {



    color: #FFC000;

    font-size: 23px;

    font-weight: 300;

    letter-spacing: 5px;

    margin-top: 35px;

    margin-right: 8px;

    text-align: right;



}



.home-item {

   

    height: 100%;

    overflow: hidden;

    position: relative;

    width: 100%;



}



.home-item .home-overlay {

  

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-overlay {

   

    background:rgba(255,255,255,0.45);

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 2;



}



.home-item:hover .home-overlay {



      background:rgba(255,255,255,0.25)



}



.home-img {



    height: 100%;

    width: 100%;

    background-position: fixed;

    background-position: center center;

    background-repeat: no-repeat;

   -webkit-background-size: cover;

      -moz-background-size: cover;

       -ms-background-size: cover;

        -o-background-size: cover;

           background-size: cover;



}



.home-link {

  

    top: 50%;

    position: absolute;

    text-align: right;

    width: 100%;

    z-index: 5;  background: white none repeat scroll 0 0;

    display: table;

    height: 160px;

    opacity: 0.7;

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-link span {



    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    font-weight: 900;

    letter-spacing: 4px;

    line-height: 10;

    position: relative;

    width: 100%;

    padding-right: 20px;

    text-transform: uppercase;

    opacity: 1;

    color: #3d3838;

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-link span::before {



    content: "";

    height: 6px;

    opacity: 1;

    position: absolute;

    top: -14px;

    width: 25px;

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-link a {



    display: table-cell;

    vertical-align: middle;

    width: 100%;



}



.home-item:hover .home-link {

/*

    opacity: 1;*/

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-item:hover span {

/*

    background: rgba(255,255,255,1);*/

    color: #3D3838;/*

    opacity: 1;*/

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-item:hover span::before {

/*

    opacity: 1;*/

    /*background: #f69934;*/background: #db2c1d;

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-item  .home-overlay {

  

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.home-item .home-img {

  

   -webkit-transition: all 350ms linear;

      -moz-transition: all 350ms linear;

       -ms-transition: all 350ms linear;

        -o-transition: all 350ms linear;

           transition: all 350ms linear;



}



.home-item:hover .home-img {

  

  -webkit-transform: scale(1.075);

     -moz-transform: scale(1.075);

      -ms-transform: scale(1.075);

       -o-transform: scale(1.075);

          transform: scale(1.075);



}



#home-carousel {



    cursor:url(../img/grab.png) 8 8, move;



}



.grabbing { 



    cursor:url(../img/grabbing.png) 8 8, move !important;



}



#home-carousel {

   

    height: 100vh;

    overflow: hidden;

    width: 100%;



}



.home-navigation {

    

    bottom: 40px;

    position: absolute;

    right: 60px;

    z-index: 992;

    background: #f69934;

 

}



/* ==================================================================

                                ABOUT

================================================================== */



.about-sub {

 

    color: #474444;

    font-family: unset;

    font-size: 20px;

    font-weight: 400;

    letter-spacing: 5px;



}



.section-about p {

   

    margin-bottom: 25px;

    margin-top: 25px;



}



.section-about ul li {



    display: inline-block;



}



.section-about ul li a {



    color: #3d3838; 

    cursor: pointer;

    color: #3d3838;

    font-family: "inconsolata";

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1.5px;

    margin-right: 20px;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.section-about ul li a:hover {



    /*color: #f69934;*/color: #db2c1d;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.team-background {



    height: 100%;

    opacity: 0.15;

    position: absolute;

    width: 100%;

    background-position: center center;

    background-repeat: no-repeat;

   -webkit-background-size: cover;

      -moz-background-size: cover;

       -ms-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

  

}



.team-image {



    background-position: center center;

    background-repeat: no-repeat;

    border: 4px solid #f69934;

    height: 150px;

    margin: 0 auto;

    position: relative;

    top: 70px;

    width: 150px;

    z-index: 999999;

   -webkit-background-size: cover;

      -moz-background-size: cover;

       -ms-background-size: cover;

        -o-background-size: cover;

           background-size: cover;



}



.team-name {



    background: white;

    font-size: 18px;

    font-weight: 600;

    height: 35px;

    line-height: 35px;

    margin: 0 auto;

    position: relative;

    text-align: center;

    top: 120px;

  

}



.team-profession {



    background: white none repeat scroll 0 0;

    font-size: 18px;

    font-weight: 600;

    height: 35px;

    line-height: 35px;

    margin: 0 auto;

    position: relative;

    text-align: center;

    top: 150px;

  

}



.team-social {



    position: relative;

    text-align: center;

    top: 190px;



}



.team-social ul li {



    margin-right: 10px; 

    margin-left: 10px; 

    display: inline-block;



}



.team-social ul li i:hover {



    color: #EBD9A0;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.team-social ul li i {



    color: #474444;

    font-size: 20px;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.about-popup-options {



    background: white;

    height: 520px;

    margin: 0 auto;

    position: relative;

    width: 350px;

    border: 2px solid #f69934;



}



hr {



    /*border-color: #f69934 !important;*/border-color: #db2c1d !important;

    border-width: 3px 0 0 !important;

}



/* ==================================================================

                                DESIGN

================================================================== */



.section-design p {



    margin-bottom: 35px;



}



#design-carousel .design-item {

     

    display: block;

   -webkit-transition: all 500ms linear;

      -moz-transition: all 500ms linear;

       -ms-transition: all 500ms linear;

        -o-transition: all 500ms linear;

           transition: all 500ms linear;

    

}



.design-img {



    height: 100%;

    width: 100%;

    background-position: center center;

    background-repeat: no-repeat;

   -webkit-background-size: cover;

      -moz-background-size: cover;

       -ms-background-size: cover;

        -o-background-size: cover;

           background-size: cover;

 

}



.design-height {

   

    height: 160px;



}



.design-overlay {

   

    background:rgba(255,255,255,0.45);

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 2;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.design-item:hover .design-overlay {

 

    background: rgba(255,255,255,0);

   -webkit-transition: all 300ms linear;

      -moz-transition: all 300ms linear;

       -ms-transition: all 300ms linear;

        -o-transition: all 300ms linear;

           transition: all 300ms linear;



}



.navigation ul {



    font-size: 0;

    margin: 0;

  

}



.navigation ul li {



    font-size: 14px;

    /*background: #f69934;*/background: #db2c1d;

    display: inline-block;

    height: 40px;

    line-height: 40px;

    text-align: center;

    width: 40px;

    cursor: pointer;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.navigation ul li a {



    color: #3d3838;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.navigation ul li:hover {



    background: #FFF4D3;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



/* ==================================================================

                               PROJECTS

================================================================== */



.section-projects p {

    

    margin-bottom: 35px;



}



.section-projects .projects-list a {



    color: #474444;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.75px;

    font-family: unset;

    cursor: pointer;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.section-projects span {



    font-weight: 500;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;

  

}



.section-projects .list-a ul li {



    margin:15px 0 15px 15px;



}



.section-projects .list-a ul li a:hover span {



    /*color: #f69934;*/color: #db2c1d;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.projects-list {



    /*border-left: 6px solid #f69934;*/border-left: 6px solid #db2c1d;



}



.section-projects .p-h1 h1 {

    

    font-size: 50px;

 

}



.section-projects .list-b li {



    margin-bottom: 10px;

    padding-left: 15px;

    font-family: "inconsolata";



}



.section-projects .list-b li span {



    font-weight: 600;



}



.mfp-fade.mfp-bg {



    opacity: 0;

   -webkit-transition: all 0.35s ease-out;

   -moz-transition: all 0.35s ease-out;

    transition: all 0.35s ease-out;



}



.mfp-fade.mfp-bg.mfp-ready,

.mfp-fade.mfp-bg.mfp-removing {

  

    opacity: 0;



}



.mfp-fade.mfp-wrap .mfp-content {

  

    opacity: 0;

   -webkit-transition: all 0.35s ease-out;

   -moz-transition: all 0.35s ease-out;

    transition: all 0.35s ease-out;



}



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

  

    opacity: 1;



}



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

    

    opacity: 0;



}



/* ==================================================================

                               SERVICES

================================================================== */



.services-item .border {



    /*background: #f69934;*/background: #db2c1d;

    height: 6px;

    width: 40px;

    margin-bottom: 10px;



}



.section-services h2 {

  

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    margin-bottom: 15px;

    margin-top: 15px;

  

}



.section-services .navigation {



    margin-top: 25px;



}



.block {



    padding-right: 15px;

  

}



/* ==================================================================

                                CONTACT

================================================================== */



.form-control {

   

    background: none repeat scroll 0 0 transparent;

    border-color: #3d3838;

    border-radius: 0;

    border-style: none none solid;

    border-width: medium medium 2px;

    box-shadow: none;

    color: #3d3838;

    font-size: 16px;

    letter-spacing:1px;

    padding: 0;height: 60px;

    font-weight: 600;



}



.form-control:focus {

   

    box-shadow: none;

    border-color: #3D3838;



}



.help-block {

    

    color: #796d79;

    font-size: 14px;

    position: absolute;

    font-style: normal;

    font-weight: 300;



}



textarea.form-control {

    

    margin-top: 20px;

    resize: vertical;



}



button.close {

   

    cursor: pointer;

    margin-left: 10px;

}



.alert {

   

    border: medium none;

  

}



.alert-danger {

  

    background: rgba(0, 0, 0, 0);

    color: #796d79;

    text-align: right;

    font-weight: 300;

    font-size: 15px;



}



#success {



    position: relative;



}



.alert-success {



    margin: 0;

    padding: 15px;

    background: rgba(0, 0, 0, 0);

    color: #796d79;

    float: right;

    text-align: right;



}



button[type="submit"] {

  

    background-color: rgba(255, 255, 255, 0);

    border: 0;

    border-radius: 0;

    box-shadow: none;

    box-sizing: border-box;

    color: #3d3838;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    outline: medium none;

    margin-top: 40px;

    letter-spacing: 1px;

    padding: 0;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



button[type="submit"]:hover {



    color: #f69934;

   -webkit-transition: all 200ms linear;

      -moz-transition: all 200ms linear;

       -ms-transition: all 200ms linear;

        -o-transition: all 200ms linear;

           transition: all 200ms linear;



}



.form-control::-moz-placeholder {

   

    color: #3d3838;



}


.form-control::-webkit-input-placeholder {

    

    color: #3d3838;



}



.form-control:-moz-placeholder { 

   

    color: #3d3838;



}



.form-control:-ms-input-placeholder {

   

    color: #3d3838;



}



#map_div {



    width: 100%;

    height: 520px

}



.map {



    right: 0;

    color: #474444;

    float: left;

    cursor: pointer;



}



.contact-popup-options {



    position: relative;

    max-width: 65%;

    margin: 0 auto;



}



.gmnoprint a, 

.gmnoprint span {

    

    display:none;



}

.navbar-brand>img {

     width: 100%;

}

#mobile{

		display: none;

	} 

/* ==================================================================

                              RESPONSIVE

================================================================== */



@media (max-width: 1024px){

	#mobile{

		display: none !important;

	} 

	.logo img {

	    width: 100%;

	}	

    #right2 {



        background-image: url("../img/background.jpg");

        background-position: center center;

        background-repeat: no-repeat;

       -webkit-background-size: cover;

          -moz-background-size: cover;

           -ms-background-size: cover;

            -o-background-size: cover;

               background-size: cover;



    }



    #right4 {



        background-image: url("../img/background.jpg");

        background-position: center center;

        background-repeat: no-repeat;

       -webkit-background-size: cover;

          -moz-background-size: cover;

           -ms-background-size: cover;

            -o-background-size: cover;

               background-size: cover;



    }



    #right6 {



        background-image: url("../img/background.jpg");

        background-position: center center;

        background-repeat: no-repeat;

       -webkit-background-size: cover;

          -moz-background-size: cover;

           -ms-background-size: cover;

            -o-background-size: cover;

               background-size: cover;



    }

.navbar-inverse {

    background-color: #f2f2f2;

    border-color: #f2f2f2;

}

    .section-home .section-margin {



        padding: 150px 5% !important;



    }



    .section-margin{

  

        width: 100%;



    }



    .about-popup-options {

 

        width: 100% !important;



    }



    .section-projects .navigation {

    

        position: relative !important;

        text-align: center;

        display: block !important;

  

    }



    .contact-popup-options {



        max-width: 100%;

   

    }



    .social ul li {



        margin-left: 15px !important;

        margin-right: 15px !important;



    }



    .social ul li i {



        font-size: 24px !important;



    }



    .social {



        color: #474444;

        left: 0 !important;

        position: relative !important;

        text-align: center;

        width: 100%;

        margin-top: 73px;



    }



    .copyright {



        left: 0 !important;

        position: relative !important;

        text-align: center;

        width: 100%;

 

    }



    .close-projects {



        margin-top: 35px;



    }



    .section-about ul li {



        margin-bottom: 15px;



    } 



    .menu-left,

    .menu-name,

    .menu-sub {



        height: 0;

        left: -99999px !important;

        opacity: 0 !important;

        position: absolute !important;



    }



    .updown-navigation {

     

        display: none !important;



    }



    .section-margin {



        padding: 15% 8%;

   

    }



    .show-mobile .ms-tableCell {

  

        height: 100% !important;

  

    }

  

    .vegas-slide {



        display: none;



    }



    .vertical-align {

      

        margin: 0 auto;

        display: table;

    

    }



    .hide-mobile {

      

        display: none !important;

    

    } 



    .ms-left, 

    .ms-right,

    .section {

      

        min-height: 0 !important;

        height: auto !important;

        top: auto !important;

        position: relative !important;

        width: 100% !important;

    

    } 



}



@media (min-width: 1025px) {



    .section-projects .navigation {

        

        bottom: 40px;

        position: fixed;

        right: 140px;



    }



    .section-margin {



        margin-left: 12%;

 

    }



}



@media (max-width: 468px) {



    .border {



        height: 14px;

        width: 60px;

    

    }



    .section-home .home-name {



        margin: 0 auto 20px;



    }



    .home-sub-b {

 

        margin-top: 18px;

        font-size: 17px !important;

    }



    h1 {

   

        font-size: 38px !important;

  

    }



}



@media (min-width: 468px) and (max-width: 1024px){



    h1 {

   

        font-size: 55px !important;

  

    }



}



@media (min-width: 1025px) and (max-width: 1280px) {



    .section .col-md-7 {



        width: 70%;

    }



    .section-home .section-margin {

      

        margin-left: 20%;



    }



}



html.lb-disable-scrolling {

  overflow: hidden;

  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */

  position: fixed;

  height: 100vh;

  width: 100vw;

}



/*Image Lightbox*/

.lightboxOverlay {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9999;

  background-color: black;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

  display: none;

}



.lightbox {

  position: absolute;

  left: 0;

  width: 100%;

  z-index: 10000;

  text-align: center;

  line-height: 0;

  font-weight: normal;

}



.lightbox .lb-image {

  display: block;

  height: auto;

  max-width: inherit;

  max-height: none;

  border-radius: 3px;



  /* Image border */

  border: 4px solid white;

}



.lightbox a img {

  border: none;

}



.lb-outerContainer {

  position: relative;

  *zoom: 1;

  width: 250px;

  height: 250px;

  margin: 0 auto;

  border-radius: 4px;



  /* Background color behind image.

     This is visible during transitions. */

  background-color: white;

}



.lb-outerContainer:after {

  content: "";

  display: table;

  clear: both;

}



.lb-loader {

  position: absolute;

  top: 43%;

  left: 0;

  height: 25%;

  width: 100%;

  text-align: center;

  line-height: 0;

}



.lb-cancel {

  display: block;

  width: 32px;

  height: 32px;

  margin: 0 auto;

  background: url(../img/loading.gif) no-repeat;

}



.lb-nav {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 10;

}



.lb-container > .nav {

  left: 0;

}



.lb-nav a {

  outline: none;

  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');

}



.lb-prev, .lb-next {

  height: 100%;

  cursor: pointer;

  display: block;

}



.lb-nav a.lb-prev {

  width: 34%;

  left: 0;

  float: left;

  background: url(../img/prev.png) left 48% no-repeat;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  -moz-transition: opacity 0.6s;

  -o-transition: opacity 0.6s;

  transition: opacity 0.6s;

}



.lb-nav a.lb-prev:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}



.lb-nav a.lb-next {

  width: 64%;

  right: 0;

  float: right;

  background: url(../img/next.png) right 48% no-repeat;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -webkit-transition: opacity 0.6s;

  -moz-transition: opacity 0.6s;

  -o-transition: opacity 0.6s;

  transition: opacity 0.6s;

}



.lb-nav a.lb-next:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}



.lb-dataContainer {

  margin: 0 auto;

  padding-top: 5px;

  *zoom: 1;

  width: 100%;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

}



.lb-dataContainer:after {

  content: "";

  display: table;

  clear: both;

}



.lb-data {

  padding: 0 4px;

  color: #ccc;

}



.lb-data .lb-details {

  width: 85%;

  float: left;

  text-align: left;

  line-height: 1.1em;

}



.lb-data .lb-caption {

  font-size: 13px;

  font-weight: bold;

  line-height: 1em;

}



.lb-data .lb-caption a {

  color: #4ae;

}



.lb-data .lb-number {

  display: block;

  clear: left;

  padding-bottom: 1em;

  font-size: 12px;

  color: #999999;

}



.lb-data .lb-close {

  display: block;

  float: right;

  width: 30px;

  height: 30px;

  background: url(../img/close.png) top right no-repeat;

  text-align: right;

  outline: none;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

  opacity: 0.7;

  -webkit-transition: opacity 0.2s;

  -moz-transition: opacity 0.2s;

  -o-transition: opacity 0.2s;

  transition: opacity 0.2s;

}



.lb-data .lb-close:hover {

  cursor: pointer;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}



/*custom code*/

.logo img{

	width:360px;

}

.logo1 img{

	width:250px;

}

.clients-logo{

	padding-bottom:30px

}

.clients-logo img{

	width: 155px;

	display: inline-block;

	padding: 10px 20px;

}

.team-member p{

	margin:0px;

}

.team-member h1{

	font-size: 16px;

	letter-spacing: 0.5px;    margin: 5px 0px;

}

.team-member img{

	width:200px;

}

.single-portfolio{

	margin-bottom:20px;

}

.single-img{

	border: 1px solid #f69934;

	padding: 3px;

}

.single-portfolio p{

	margin:0px;

}

.single-portfolio h1{

	font-size: 16px;

	letter-spacing: 0.5px;    margin: 5px 0px 0px 0px;

}

.single-portfolio img{

	width:100%;;

	height:150px; 

   -webkit-transition: all 350ms linear;

      -moz-transition: all 350ms linear;

       -ms-transition: all 350ms linear;

        -o-transition: all 350ms linear;

           transition: all 350ms linear;

} 



.single-portfolio img:hover{

  

  -webkit-transform: scale(1.025);

     -moz-transform: scale(1.025);

      -ms-transform: scale(1.025);

       -o-transform: scale(1.025);

          transform: scale(1.025);



}

/*header addtional css*/