@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Verdana';
  src: url('../fonts/Verdana.eot');
  src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Verdana.woff') format('woff'),
       url('../fonts/Verdana.ttf') format('truetype'),
       url('../fonts/Verdana.svg#Verdana') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot');
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Light.woff') format('woff'),
       url('../fonts/Roboto-Light.ttf') format('truetype'),
       url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*Example*/

.md-class h2{font-size: 70px; color: #363230; font-family: 'Roboto-Light'; font-weight: 600;}
.md-class h2 a{text-decoration: none; color: #ee1b24; transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out;}
.md-class h2 a:hover{color: #24247a; font-size: 100px; transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; cursor: pointer;}
/*end of examples*/




.img-botm-sec{position: absolute;
bottom: 9%;
width: 100%;}
.img-botm-sec h5{ margin: 0 auto;
display: table;
padding: 8px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: rgba(0,0,0,0.5);
color: #fff; cursor: pointer;}
.img-botm-sec h5 a{color: #fff; text-decoration: none; outline: none;
transition: all 0.7s ease-out; -ms-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; 
-webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;
}
.img-botm-sec ul{
  overflow: hidden;
  list-style: none;
  background: rgba(0,0,0,0.5);
  height: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  transition: all 0.7s ease-out; -ms-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; 
-webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;
}
.img-botm-sec ul li{
  float: left;
  display: inline-block;
  padding-top: 20px;
}
.img-botm-sec ul li a{
  padding: 5px 6px;
}

.nav-change > li > .dropdown-menu{
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 0px;
  padding: 0px;
  background-color: #d6473c;
  -webkit-transition:0.5s all ease-in-out;
  -moz-transition:0.5s all ease-in-out;
  -ms-transition:0.5s all ease-in-out;
  -o-transition:0.5s all ease-in-out;
  transition:0.5s all ease-in-out;
  min-width: 200px;
  font-size: 16px;
}
.dropdown:hover .drop-menu{display:block;}

.nav-change > li > .dropdown-menu li{
  margin:0px;
}
.nav-change > li > .dropdown-menu li a{
  padding: 8px 20px;
}
.nav-change > li > .dropdown-menu li a:hover{
  color: #fff;
}
.dropdown-menu .divider{
  margin: 0px;
}
#nav-header.small li > .dropdown .open{
  margin-top: 0px;
}
#nav-header.small li > .dropdown-menu{
  padding-bottom: 0px;
  top: 50px;
}
#nav-header.small li > .dropdown-menu li{
  margin-top: 0px;
  height: 34px;
}
#nav-header.small li > .dropdown-menu li a{
  padding: 9px 20px;
}
#nav-header.small li > .dropdown-menu .divider{
  margin-top: 0px;
  height: 1px;
}

.dropdown-menu>li>a:hover{
  background-color: #394077;
  color: #fff;
}
.dropdown-menu>li>a:focus{
  background-color: #394077;
  color: #fff;
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu:hover > .dropdown-menu { display: inline-block; background-color: #d6473c; 
  border-radius: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: -1px;}
.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;
    min-width: 200px;
}
.right-icon{ margin-left: 58px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
  background: transparent; color: #fff;}
#nav-header.small li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu{ top: 0px;}




.srch-container{width: 100%;height: 50px auto;}
.searchbox{position:relative;min-width:0px; width:0%;height:50px; float:right;overflow:hidden;-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;margin-top: 10px;}
.searchbox-input{ top:0; right:0;border:0; outline:0;width:100%;height:50px;margin:0;padding:0px 55px 0px 20px;font-size:20px;
color: #fff; background: #d6473c; letter-spacing: 2px;} 

.searchbox-input::-webkit-input-placeholder {color: #fff;}
.searchbox-input:-moz-placeholder {color: #fff;}
.searchbox-input::-moz-placeholder {color: #fff;}
.searchbox-input:-ms-input-placeholder {color: #fff;}

.searchbox-icon, .searchbox-submit{width:50px;height:50px;display:block;position:absolute;top:0;right:0;padding:0;margin:0; 
 border:0;outline:0; cursor:pointer;color:#dcddd8;}
.searchbox-open{width:100%;}
.serchtop{margin-top:0px;}
.icos-srch{margin-top: -5px;}



#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.9);
    
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #d6473c;
    opacity: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
}
/*.mobile-display{ display: block !important;}
.desktop-hide{ display: none;}*/

.scrollToTop{text-align: center;color: #fff;position: fixed;bottom: 0px;left: 0;margin-left: 30px;
display: none;font-size: 30px;font-weight: lighter;text-decoration: none;outline: none;
background-color: rgba(57,64,119,0.5);width: 50px;height: 50px;bottom: 30px;line-height: 50px;}
.scrollToTop:hover{color:#fff;outline:none;background-color: rgba(214,71,60,0.8);}
.scrollToTop:focus{color:#fff;outline:none;}


.text-form{width:100%;height:94px;background-color: rgba(255, 255, 255, 0.95);color:#000;border:none;border-radius:0px;}	
.form-control-feedback.icons{color: rgb(0, 0, 0);font-size: 36px;right: 16px;cursor: pointer;}

body{ padding:0px;margin:0px; font-family: "Verdana";}

.container-fluid{ padding-left:0px; margin-left:0px;padding-right:0px; margin-right:0px;}
.img-mrgn{padding-left:0px;padding-right:0px;}
.top-btm-mrgn{margin-top:5%;margin-bottom:5%;} 
.btm-mrgn{ margin-top:2%; margin-bottom:2%;}
.nav-color{background: none;border-bottom: 1px solid rgb(255, 255, 255);padding-bottom: 30px;box-shadow: none;}
.logo{ margin-top:30px; transition: all 0.7s ease-out; -ms-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; 
-webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;}
.navbar-nav.nav-change{ float:right; -moz-transition: all, 250ms; -o-transition: all, 250ms; -webkit-transition: all, 250ms; 
  transition: all, 250ms;} 
.navbar-nav.nav-change li{ margin-top: 40px; font-size: 12px;letter-spacing: 2px; font-family: "Verdana";
transition: all 0.7s ease-out; -ms-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; 
-webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;}
.dwn-icon{ margin-left: 5px;}
.navbar-nav.nav-change li a{ color:#fff;text-decoration:none; outline: none; padding: 10px 26px;}
.navbar-nav.nav-change li a:focus{color:#fff;text-decoration:none; outline: none;}
.navbar-nav.nav-change li a:hover{ color: #d6473c; -webkit-transition:0.5s all ease-in-out; -moz-transition:0.5s all ease-in-out;
-ms-transition:0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 0px;}
#nav-header{position:fixed;height: 100px;left:0;top:0;float:left; width:100%;-ms-transition:all 0.7s ease-out; 
-moz-transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;
transition:all 0.7s ease-out;}   
#nav-header h1 {-ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.logo-small{margin-top:-5px; transition: all 0.7s ease-out; -ms-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; 
-webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;}

#nav-header.small { height:70px;line-height: 35px;background: rgb(57, 64, 119) none repeat scroll 0% 0%;opacity: 0.98;
transition: all 0.7s ease-out; padding-top: 20px;}
#nav-header.small li{height:50px;line-height: 35px; font-size: 12px;margin-top:0px;
transition: all 0.7s ease-out; -ms-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; 
-webkit-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out;}

.banner{ position:relative;}
#owl-demo .item img{ display: block; width: 100%; height: auto;}
#bar{ width: 0%;max-width: 100%;height: 4px;background: #d6473c;}
#progressBar{width: 100%;background: #EDEDED;} 
.carousel-caption{bottom:30%;right: 0px;left: 0px; position:absolute;}
.carousel-caption h1{ text-align:center;letter-spacing:7.3px; font-size:38px;margin-bottom:30px;
font-family: "Verdana";}
.carousel-caption h3{ text-align:center; font-size:18px;letter-spacing:2px; margin-top:30px; margin-bottom:30px;
 font-family: 'Roboto-Light';}
.sm-btn-slider{ background:none;border-color:transparent; box-shadow:none; font-size:12px;border:1px solid #fff; 
text-align:center;padding:8px 30px; font-family: "Verdana"; -webkit-animation: color_change 2s infinite alternate;
-moz-animation: color_change 2s infinite alternate;-ms-animation: color_change 2s infinite alternate; 
-o-animation: color_change 2s infinite alternate; animation: color_change 2s infinite alternate; }

.sm-btn-slider:hover{background:#d6473c;color:#fff;border:1px solid #fff;} 

@-webkit-keyframes color_change {
  	from { background-color: #d6473c; }
  	to { background-color: #d6473c; }
}
@-moz-keyframes color_change {
  	from { background-color: #d6473c; }
  	to { background-color: #f6f6f6; }
}
@-ms-keyframes color_change {
  	from { background-color: #d6473c; }
  	to { background-color: #333333; }
}
@-o-keyframes color_change {
  	from { background-color: #d6473c; }
  	to { background-color: #c6c6c6; }
}
@keyframes color_change {
  	from { background-color: #d6473c; }
  	to { background-color: #394077; }
}
.bg-about{background:#f9f9f9; padding-bottom: 60px;}
.lg-welcome-text h1{ font-family: 'Verdana';margin-top: 9%; margin-bottom: 3%;text-align:center;}
.lg-welcome-text p{ text-align:center; font-size:16px; margin-bottom:3%;font-family: 'Verdana'; 
font-weight:400;}

.md-btn-text{background:none;border-color:transparent; box-shadow:none;font-size:16px;text-align:center;
padding:8px 20px; color:#fff; margin:0 auto; display:table;font-family: 'Verdana'; 
-webkit-animation: color_change 2s infinite alternate; -moz-animation: color_change 2s infinite alternate; 
-ms-animation: color_change 2s infinite alternate; -o-animation: color_change 2s infinite alternate; 
animation: color_change 2s infinite alternate; border: none; box-shadow: 0px 5px 9px -2px rgba(0, 0, 0, 0.8);
text-decoration: none;} 

.md-btn-text:hover,.md-btn-text:focus{ color:#fff; background:#d6473c  no-repeat; outline: none;border: none; text-decoration: none;}
.right-img img{margin:10% 0% 10% 0%;}	
.bg-services{padding-bottom:50px;}
.box-heading h1{font-family: "Verdana";font-size: 36px;font-weight: bold;text-align: center;margin: 9% 0% 4%;letter-spacing:4px;
color: #000;}
.sm-box{background:#f8f8f8 no-repeat; min-height:360px;}
.xs-icon-img img{ margin:0 auto; display:block;padding-top:30px;}
.sm-box h3{	font-size:26px;text-align:center;font-family: 'Verdana';}
.sm-box p{text-align: center;padding: 14px;color:#000;font-size:14px; font-family: 'Roboto-Light';}
.sm-box:hover{cursor: pointer; color: #000;}
.sm-box:hover p{color: #000;}

.sm-haed a{color: #000; outline: none; text-decoration: none;}
.sm-haed a:hover{color: #fff; text-decoration: none; outline: none;}
.xs-btn-box{background:none; border-color:transparent;box-shadow:none;font-size:13px; text-align:center; color:#fff; 
margin:10% auto 5%; display:table;letter-spacing: 1.5px;font-family: "Verdana"; text-decoration: none;padding: 2px 20px;}





.xs-btn-box:hover{color:#fff;background:#d6473c  no-repeat; -webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.xs-btn-box:focus{outline: none;}
.xs-btn-corner{border: none;  color: #000; width: auto;  position: relative; line-height: 40px; cursor: pointer;}

.xs-btn-corner span{position: absolute; display: block; -webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.xs-btn-corner .corner1, .xs-btn-corner .corner3{height: 3px; width: 25px;}
.xs-btn-corner .corner2, .xs-btn-corner .corner4{height: 25px; width: 3px;}

.xs-btn-corner .corner1, .xs-btn-corner .corner2 {top: 0; right: 0;background: #000000;}
.xs-btn-corner .corner3, .xs-btn-corner .corner4 { bottom: 0;left: 0;background: #000000;}

.xs-btn-corner.reverse .corner1, .xs-btn-corner.reverse .corner3 { width: 100%;}
.xs-btn-corner.reverse .corner2, .xs-btn-corner.reverse .corner4 { height: 100%;}

.xs-btn-corner:hover .corner1, .xs-btn-corner:active .corner1, .xs-btn-corner:hover .corner3,
.xs-btn-corner:active .corner3 { width: 100%;}
.xs-btn-corner:hover .corner2, .xs-btn-corner:active .corner2, .xs-btn-corner:hover .corner4, 
.xs-btn-corner:active .corner4 { height: 100%;}

.xs-btn-corner:hover.reverse .corner1, .xs-btn-corner:active.reverse .corner1, .xs-btn-corner:hover.reverse .corner3, 
.xs-btn-corner:active.reverse .corner3 { width: 20px;}
.xs-btn-corner:hover.reverse .corner2, .xs-btn-corner:active.reverse .corner2, .xs-btn-corner:hover.reverse .corner4, 
.xs-btn-corner:active.reverse .corner4 { height: 20px;}

.bg-team{background:#000 no-repeat;padding-bottom:50px;}	
.lg-team-box h1{font-family: 'Verdana';font-size:36px;font-weight:bold;text-align:center;margin:8% 0% 4% 0%;color:#fff;
letter-spacing:4px;}

.view {float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.view .mask,.view .content{width: 100%;height:100%;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;}
.view h4{font-size:16px;letter-spacing: 1.2px;font-weight: bold;margin-top:16px; color: #fff;}
.view h6{font-size:12px;letter-spacing: 2px;margin-top:16px; color: #fff;}
.view p {font-family: 'Roboto-Light';font-size: 12px;position: relative;color: #fff;letter-spacing: 1px; text-align: justify; padding: 15px;}
.view a.info { display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;font-family: "Verdana";
text-transform: uppercase;box-shadow: 0 0 1px #000;}
.view a.info:hover {box-shadow: 0 0 5px #000;}
.view-first img {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; 
  -o-transition: all 0.2s linear; transition: all 0.2s linear; width:100%;height:100%;}
.view-first .mask {opacity: 0;background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding-top: 20%;}
.view-first h4{ transform: translateY(-100px); opacity: 0; font-family: "Verdana"; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.view-first h6 {transform: translateY(-100px); opacity: 0; font-family: "Verdana"; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.view-first p { transform: translateY(100px);opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.view-first a.info { opacity: 0; transition: all 0.2s ease-in-out;}
.view-first:hover img {transform: scale(1.1);}
.view-first:hover .mask {opacity: 1;}
.view-first:hover h4, .view-first:hover p, .view-first:hover a.info { opacity: 1; transform: translateY(0px);}
.view-first:hover h6{opacity: 1; transform: translateY(0px);}
.view-first:hover p {transition-delay: 0.1s;}
.view-first:hover a.info {transition-delay: 0.2s;}

.social-icons i{ padding: 6px 10px; font-size: 16px; outline: none; cursor: pointer;}
.social-icons a{ color: #fff; text-decoration: none; outline: none;}
.social-icons i:hover{ color: #d6473c; outline: none; cursor: pointer;}

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.third-effect a.info {
   position:relative;
   top:-10px; /* Center the link */
   opacity: 0;
   transition: opacity 0.5s 0s ease-in-out;
}

.third-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}

.third-effect:hover a.info {
   opacity:1;
   transition-delay: 0.3s;
}


/*start some fun facts*/
.sm-facts{ background: #000 no-repeat;}
.nbr-counter{}
.nbr-counter h1{font-family: 'Verdana';font-size:36px;font-weight:bold;text-align:center; letter-spacing: 4px; color: #fff;
 margin: 5% 0% 7% 0%;}
.md-counter{text-align: center; margin-bottom: 100px;}
.md-counter h3{font-family: 'Verdana'; font-size:16px; text-align:center; letter-spacing: 3px; color: #fff;}
.cunter-effet{ font-size: 36px; color: #fff; letter-spacing: 4px; font-family: 'Verdana';}
.icon-text{font-size: 18px; padding-right: 15px; color: #fff;}



/*end some fun facts*/


/*start Portfolio section*/
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-new{text-align: justify; -webkit-backface-visibility: hidden;margin-top:30px;}
.container-new:after{content: ''; display: inline-block;width: 100%;}
.container-new .mix,.container-new .gap{display: inline-block;width: 49%;}
.container-new .mix{text-align: left; margin-bottom:25px;display: none;}
.container-new .mix:before{content: ''; display: inline-block;}
@media all and (min-width: 420px){
  .container-new .mix,
  .container-new .gap{
    width: 32%;
  }
}
@media all and (min-width: 640px){
  .container-new .mix,
  .container-new .gap{ width: 32%;}
}
.bg-portfolio{ background:#fff no-repeat;padding-bottom:50px;}
.lg-port-box h1{font-family: "Verdana";font-size: 36px;font-weight: bold;text-align: center;margin: 7% 0% 4%;color: #000;
  letter-spacing: 4px;}
.port-tabs{margin: 0 auto; display: table;}
.nav-tabs{border-bottom: none;}
.nav-tabs li{float: left;margin-top: 10px;text-shadow:none;background:#000;margin-right:4px;font-size:14px;border-radius:0px;
  outline:none;letter-spacing:3px;font-family: "Roboto-Light";cursor:pointer;}
.nav-tabs li a{text-decoration:none;color:#fff;border:none;margin-right:0px;outline:none;position: relative;display: block;
  padding: 10px 26px;}
.nav-tabs li a.active{border-radius: 0px;color: #fff;background: #d6473c;border: none;border-bottom: none;outline:none;}
.nav-tabs li.active a:focus{color:#fff;background:#d6473c;border-radius:0px;outline:none;}
.nav-tabs.nav li a:hover{text-decoration: none; background-color: #d6473c; -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
.nav-tabs.nav li a:focus{outline: none;}
.lg-panel-body{margin-top:35px;}
.sm-btn-box{background: transparent none repeat scroll 0% 0%;box-shadow: none;font-size: 13px;text-align: center;
 color: #000; margin: 1% auto 0%;display: table;letter-spacing: 2px;font-family: "Verdana";}
.sm-btn-box a{ text-decoration: none; padding: 10px 16px; color: #000;}
.sm-btn-box a:hover{color:#fff;background:#d6473c  no-repeat; -webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.sm-btn-box a:focus{outline:none;}
/*end Portfolio section*/

/*start testimonial section*/

.lg-img-bnr{position:relative; background: url(../img/testimonial-img.jpg); background-size: 100% 100%;}
.testimonial-box{ margin-bottom: 8%;}
.testimonial-box h1{text-align:center;color:#fff;font-family: "Verdana";margin-top:7%;
letter-spacing:4px;}



.quote{color: #fff;text-align: center;margin-top: 50px;}
.content-text{color: #fff;letter-spacing: 2px;text-align: center;margin-top: 40px;  font-family: 'Roboto-Light';}
.quote-text{text-align: center;margin-top: 30px;color: #fff;letter-spacing: 3px;font-weight:600;}
.quote-text p{font-size: 14px;margin-top: 5px;margin-bottom: 5px;font-weight:200;  font-family: 'Roboto-Light';}

.carousel-indicate{ bottom: -60px;}
.carousel-control.left{background:none;opacity:1;}
.carousel-control.right{background:none;opacity:1;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-left{ position: absolute;top: 25%;
  left: -60px;z-index: 5;display: inline-block;color: #000;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-right{ position: absolute;top: 25%;
  right: -60px; z-index: 5;display: inline-block;color: #000;}
.carousel-indicate .active{background-color:#fff;}

/*end testimonial section*/

/*start Blog Section*/
.lg-blog-box{ margin-bottom: 50px;}
.lg-blog-box h1{font-family: "Verdana";font-size: 36px;font-weight: bold;text-align: center;margin: 8% 0% 4%;color: #000;
letter-spacing: 4px;}
.bg-blog{background:#fbfbfb;min-height:402px;}
.lg-text-blog{font-size: 70px; text-align: center;letter-spacing: 3px; margin-top: 35px; font-weight: bold; 
font-family: "Verdana";}
.blog-text h3{font-family: "Verdana";font-size: 36px;text-align: center;letter-spacing: 3px;
margin-bottom:20px;font-weight: 600;}	
.blog-text p{ font-family: "Verdana"; font-size: 12px;text-align: center;letter-spacing: 3px;}
.sm-btn-blog{ background: transparent none repeat scroll 0% 0%; box-shadow: none;font-size: 13px;text-align: center;
color: #000;margin: 5% auto 0%;display: table;letter-spacing: 4px;font-family: "Verdana";}
.sm-btn-blog a{ text-decoration: none; 	padding: 10px 20px; color: #000;}
.sm-btn-blog a:hover{ color:#fff; background:#d6473c  no-repeat; -webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.sm-btn-blog a:focus{ outline:none;}

/*end Blog Section*/

/*Start News section*/
.lg-news-box{ background: #000 no-repeat; padding-bottom: 50px;}
.lg-news-text{text-align: center;}
.lg-news-text h1{color: #fff; font-family: "Verdana"; font-size: 36px; text-align: center; margin-top: 7%;
letter-spacing: 4px; margin-bottom: 30px;}

.sm-news-text{background: #F1F0F0; padding: 10px;}
.sm-news-text h3{ color: #000; letter-spacing: 3px; font-family: "Verdana"; font-size: 18px; text-align: left; 
 margin-top: 5px;}
.sm-news-text h6{ color: #000; letter-spacing: 3px; font-family: "Verdana"; font-size: 12px; text-align: left;}
.sm-news-text p{ color: #000; font-family: "Verdana"; font-size: 11px; text-align: justify;}

.button-new{text-align: center;display: inline-block;font-size: 13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
cursor: pointer;padding: 8px 20px;letter-spacing: 2px; margin: 20px 0px 15px 0px; font-family: "Verdana"; 
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; 
-ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; text-decoration: none;}

.button1 { background-color: #D6473C; color: #fff; border: 2px solid #D6473C; border-radius: 5px; text-decoration: none; 
 -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; 
 -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

.button1:hover { color: #000; background:#F1F0F0; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; 
-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;}
.button1:focus{ outline:none; text-decoration: none; color: #fff;}

.button-effect{background-color: #D6473C; color: #fff; border: 2px solid #D6473C; border-radius: 5px; text-decoration: none; 
 -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; 
 -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; margin-top: 45px;}

.button-effect:hover{color: #fff; background:#000; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; 
-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;}
.button-effect:focus{outline:none; text-decoration: none; color: #fff;}

/*End News section*/

/*start Amazing clients section*/
.lg-clients{}
.lg-clients h1{ font-family: "Verdana"; font-size: 36px;font-weight: bold;text-align: center; margin: 5% 0% 5% 0%; color: #000;
letter-spacing: 4px; background: no-repeat;}

/*end Amazing clients section*/

/*start google map section*/
.map-image{ margin-top: 5%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-box-shadow: inset -1px 0px 5px -1px rgba(0,0,0,0.91); 
  -moz-box-shadow: inset -1px 0px 5px -1px rgba(0,0,0,0.91); box-shadow: inset -1px 0px 5px -1px rgba(0,0,0,0.91);}


/*end google map section*/

/*start footer section*/
.bg-footer{ background: #000;}
.lg-footer-text h1{ color: #fff; font-family: "Verdana"; font-size: 36px; text-align: center; margin-top: 8%; letter-spacing: 4px; 
margin-bottom: 30px;}
.left-side h3{font-family: "Verdana"; font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 4px; margin-top: 0px; margin-bottom: 20px;}
.left-side p{color: #fff; font-family: "Verdana"; font-size: 12px; text-align: justify;}

.sm-addres{color: #fff; font-family: "Verdana"; font-size: 12px;}
.phone-icons{padding-right: 10px;}

.right-side h3{font-family: "Verdana"; font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 4px; margin-top: 0px; margin-bottom: 20px;}

.padding-left{ padding-left: 0px;}
.padding-right{padding-right: 0px;}
.control-from{background:#000; border-radius: 0px; border: none; color: #fff; font-family: "Verdana"; font-size: 12px; 
letter-spacing: 1px; font-weight: 100; height: 40px; border: 1px solid #D6473C;}
.control-from::-webkit-input-placeholder{ color: #fff;}
.form-control::-moz-placeholder { color: #fff; opacity: 1;}
.control-from:focus { -webkit-box-shadow:none; box-shadow:none; border: 1px solid #D6473C; }
.button-footer{background-color: #D6473C; color: #fff; border: 2px solid #D6473C; text-decoration: none; 
 -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; 
 -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; margin-top: 0px; padding: 8px 30px;}
.button-footer:hover{color: #fff; background:#000; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; 
-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;}
.button-footer:focus{outline:none; text-decoration: none; color: #fff;}
.border-top{ border-top:1px solid #D6473C; margin-top:5%; margin-bottom: 2%;}

.social-iocns{ margin: 12px auto; display: table;}
/*.social{ margin-top: 0px; margin-right: 0px;}*/

.social ul{ list-style: none;}
.social ul li{ float: left; margin-right: 15px;}
.social ul li a{ position: relative; font-size: 36px; text-align: center; display: inline-block; color: #fff; z-index: 1; 
border-radius: 50%; background: rgba(0,0,0,0.5); border: 0 none; margin: 10px; width: 60px; height: 60px; 
line-height: 60px; outline: none;}
.social ul li a::before{ content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; 
border: 0 none; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); 
-o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:0.5s all ease-in-out; 
-moz-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; 
transition:0.5s all ease-in-out; z-index: -1; -webkit-backface-visibility:hidden; backface-visibility:hidden; outline: none;}
.social ul li a:hover::before{ background: #ee1b28; border-radius: 0px; border: 0px; -webkit-transform:rotate(225deg); 
-moz-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg); outline: none;}
.social ul li a.facebook:hover::before{ background: #3d5998;}
.social ul li a.twitter:hover::before { background: #1cadeb; }
.social ul li a.google-plus:hover::before { background: #d95232;}
.social ul li a.github:hover::before { background: #24247a;}
.social ul li a.email:hover::before { background: #02c39a;}
.social ul li a.youtube:hover::before { background: #bb0000;}
.social ul li a.printer:hover::before { background: #cb2027;}
.copyright p{ margin: 0; text-align: center; font-family: "Verdana"; font-size: 11px; color: #fff; 
letter-spacing: 2px;}

.banr-left img{width: 100%;}
.about-sec{margin-top: 5%;}
.about-inner{background:#f8f8f8; padding-bottom: 5%;}
.about-bnr-text p{font-family: "Verdana"; font-size:14px; letter-spacing: 1px;}
.about-section h3{font-size: 30px; font-family: "Verdana"; letter-spacing: 1px; text-align: left;}

.img-about{margin-bottom: 3%;}
.img-about h3{font-family: "Verdana"; font-size: 18px;text-align: left; letter-spacing: 1px;}
.img-about p{ font-family: 'Roboto-Light';font-size: 13px;letter-spacing: 0.4px; text-align: justify;
color: #000; margin-bottom: 60px;}
.img-about a img:hover{opacity: 0.6; -webkit-transition:0.5s all ease-in-out; -moz-transition:0.5s all ease-in-out;
-ms-transition:0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out;}
.top-0 img{ margin-top: 0px;}
.about-text h3{font-size: 22px; text-align: center;}
.about-text p{font-family: 'Roboto-Light';font-size: 13px;letter-spacing: 0.4px; text-align: justify;
color: #000; padding:30px;}

.banr-img img{position: relative; width: 100%;}
.banr-img h1{position: absolute;top: 45%;text-align: center;left: 0%;right: 0%;color: #fff; font-size: 40px;
font-family: 'Roboto-Light';letter-spacing: 2px;}

/*end footer section*/