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

@import url(http://fonts.googleapis.com/css?family=din:400,200,300,500,600,700,800);
::selection {color:#fff;text-shadow:none;background: #6d1411}
::-moz-selection {color:#fff;text-shadow:none;background: #6d1411; /* Firefox */}
::-webkit-selection {color:#fff;text-shadow:none;background: #6d1411; /* Safari */}
 html, body{      font-family:'Titillium Web';  font-size: 100%;   color: #acadad; background: url(../images/images/bg.jpg) repeat 0px 0px; }
body a{	transition:0.5s all;	-webkit-transition:0.5s all;	-moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all;}
ol, ul { margin-top: 0;margin-bottom: 10px; list-style: none; margin-left:0;}
.clearfix:after {  visibility: hidden;  display: block;  content: "";  clear: both;  height: 0; }
 p { margin-bottom: 20px; font-size: 13px;    font-family:'Titillium Web'; line-height: 22px; font-weight:500; color:#fff;}

/*COLOUR*/
.yellow-colour{color:#fad703 !important;}
.blue-colour{color:#0077bd !important;}
.dark-blue{ color:#0376cc;}
.light-blue{color:#0376cc;}
.red{ color:#ff0100;}
.aflag{color:#00aa9d;}
.waite{color:#fff;}
.light-d-blue{color:#0077BD;}
.black-light{color:#999;}
.black-dark{color:#696d6e;}
.black-dark1{color:#333;}
.light-waite{color:#caced7;}
.social{ margin-top:40px;}


/*-----------------------  BUTTON  -----------------------*/
.btn{text-transform: uppercase;background: none;border:2px solid #fad703;border-radius: 0;color: #a8a8a8;font: normal 11px/12px  'Monda', sans-serif;padding: 5px 25px;letter-spacing: 2px; }
.btn-default:hover{background: none;color: #fff;border:1px solid #fff;padding: 5px 25px; background:#CCC;}
.btn-inverse{border:1px solid #646d78 ;background-color: #757f8b; color: #fff;}
.btn-inverse:hover{color: #ddd;border:1px solid #0268a4;background:#00b0f0;}
.btn-primary{border: 1px solid #0077bd;color: #00a2ff; }
.btn-primary:hover{background:#333;border:1px solid #333; color: #fff; }
.btn-danger{border:1px solid #ea006e; background:#ea006e;color: #fff;}
.btn-danger:hover{border:1px solid #ea006e; background:#ea006e;color: #fff;}




/*-----big-btns----*/
.btn1{color:#FFF;text-transform:uppercase;}
.big-btns{margin: 0em 0em;display: block;}
.big-btns a{display: inline-block;border: 2px solid #ffb76f;padding: 0.5em 1.5em 0.5em 1.5em;font-size: 14px; color: #fff;margin-right: 0.6em; font-family: 'Oswald', sans-serif; border-radius:5px; }
.big-btns a:hover{text-decoration:none;color:#ffb76f;opacity:0.9;border-color:#FFF; }
.slide-text {margin: 1.2em;}.header-section{position:relative;}
/*-----section-head----*/
.section-head{text-align:center; padding:0; margin:0;}
.section-head h3{color:#757f8b;font-weight:800;font-size:1.6em; font-family: 'DIN';  text-transform:uppercase;}
.section-head h3 span{width:10%;background:#8A888A;height:1px;display:inline-block;vertical-align:middle;margin-left:20px;}
span.frist{margin-right:1em;}
span.second{color: #0691cd;}
.section-head p{width: 95%;margin: 3em auto 1.2em auto;ccolor: #797979;line-height: 1.8em;font-size: 14px;}/*----screen-shot-gallery----*/
.screen-shot-gallery{background:#FAFAFA;padding:3em 0;}
/* HEADER */
header { width:100%; height: auto;  position: fixed;  top: 0;  left: 0;  z-index: 9999;  background-color: transparent;  -webkit-transition: height 0.3s;  -moz-transition: height 0.3s;  -ms-transition: height 0.3s;  -o-transition: height 0.3s;  transition: height 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.08);  border-top:solid 3px #59231f; }  
header #logo img  {   width:300px;  height: 70px; display: inline-block; float: left;-webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    }

.pull-right1{ float:right;}

@media only screen and (max-width : 767px){

}
 @media only screen and (max-width : 480px){

.pull-right1{ float:left !important;}
 }

/*================================================== 
    NAVBAR NAV
 ================================================== */
.navbar.inv {
background-color: rgba( 0, 0, 0, .5 );
border-bottom: 1px solid #bfbfbf;
}
.navbar.inv {
background-color: rgba( 0, 0, 0, .5 );
border-bottom: 1px solid #bfbfbf;
}
.navbar .nav a {
color: #5f5f5f;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
transition: all .5 linear;
}
.navbar-nav{ margin-top:30px;}
.navbar.inv a {
color: #e4e6e5;
}
.navbar-inverse {
background: none; 
z-index:99999999;  
}
.navbar-inverse .navbar-nav > li > a {
color: #cecaca !important; 
text-transform: uppercase;font: normal 12px/13px 'Titillium Web'; 
line-height: 24px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
background-color:transparent; 
color:#fff !important;
border-bottom: solid 4px #ff0000;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
background-color:transparent; 
color:#fff !important; 
border-bottom: solid 4px #ff0000;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color:#fff !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ 
color:#fff !important;}
.navbar-inverse{
border:none;
}
.navbar-brand{
background-color:transparent;
margin:5px; 
padding: 5px;
z-index:9999;
}
.navbar-brand img{ 
width:300px; 
height:100px;
}
.dropdown-menu{
background:#fff; 
color: #333333 !important; 
}
.dropdown-menu > li > a{
color: #333333 !important; 
text-transform: uppercase;
font: normal 11px/19px 'Titillium Web'; 
}
.dropdown-menu > li > a:hover{
background-color:#ffb76f; 
color:#fff !important;
}
.navbar-inverse .navbar-nav > .open > a{
background-color:transparent; 
color:#ffb76f !important;
}
.navbar-inverse .navbar-nav > li > a i{ 
font-size:18px; 
color:#FFA200; 
margin-right:7px;
}
.navbar-inverse .navbar-nav > li > a:hover i{  
color:#FFD545; 
}
.navbar-inverse .navbar-nav > .active > a i, .navbar-inverse .navbar-nav > .active > a i:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color:transparent; 
color:#ffb76f !important; 
border-bottom: solid 4px #ff0000;
}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
background-color:transparent; 
color:#ffb76f !important;
}
.multi-column-dropdown li a.list {
	text-transform: uppercase;font: normal 12px/19px 'Titillium Web';
	}
.dropdown-menu .divider { 
height: 0px; 
margin: 1px 0; 
overflow: hidden; 
background-color: #e5e5e5;
}
.multi-column-dropdown li a:hover { 
text-decoration: none; 
color: #262626;  
background-color: #fff!important;}
.dropdown-menu {min-width: 200px;}	
.dropdown-menu.columns-2 {min-width: 400px;	}	
.dropdown-menu.columns-3 {min-width: 600px;	}
.margin-left-410{margin-left: -410px;}
.dropdown-menu li a {		padding: 5px 15px; text-transform: uppercase;font: normal 12px/19px 'Titillium Web';}	
.multi-column-dropdown {list-style: none;}	
.multi-column-dropdown li a {display: block; clear: both; line-height: 1.428571429;	color: #333; white-space: normal; }	
.multi-column-dropdown li a:hover {	text-decoration: none;	color: #333333 !important;	 background-color: #ffb76f !important;	}

@media (max-width: 767px) {
.dropdown-menu.multi-column {min-width: 240px !important;overflow-x: hidden;}
.navbar-brand img{ width:200px; height:60px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent; background: rgba(54, 25, 25, .9);}

}

@media (max-width: 480px) {	
.navbar-brand img{ width:200px; height:60px;}
}




/*================================================== 
   SLIDE SHOW BANNER
 ================================================== */

/*-- Main slide --*/
#home{ 
position:fixed;
}
#main-slide .item img{
width: 100%;
}
#main-slide .item .slider-content {
z-index: 0;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
z-index: 0;
opacity: 1;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
}

#main-slide .slider-content{
top: 50%;
margin-top: -70px;
left: 0;
padding: 0;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
color: #fff;
}

#main-slide .carousel-indicators {
bottom: 30px;
}
.carousel-indicators li{
width: 14px !important;
height: 14px !important;
border: 2px solid #fff !important;
margin: 1px !important;
}
#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
opacity: 1;
filter: alpha(opacity=100);
background-image: none;
background-repeat: no-repeat;
text-shadow: none;
}
#main-slide .carousel-control.left span {
padding: 15px;
}

#main-slide .carousel-control.right span {
padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
position: absolute;
top: 40%;
z-index: 5;
display: inline-block;
}
#main-slide .carousel-control .fa-angle-left{
left: 0;
}
#main-slide .carousel-control .fa-angle-right{
right: 0;
}
#main-slide .carousel-control i{
background: rgba(0,0,0,.7);
color: #fff;
line-height: 36px;
font-size: 32px;
padding: 15px 20px;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

#main-slide .slider-content h2{
font-size: 76px;
font-weight: 100;
text-transform: uppercase;
color: #fff;
}
#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
color: #fff;
}
#main-slide .slider-content h3{
font-size: 36px;
font-weight: 300;
margin-top: 60px;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.slider.btn{
padding: 10px 20px;
margin-top: 30px;
font-size: 14px;
border-radius: 2px;
text-transform: uppercase;
line-height: 28px;
border: 0;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}
.slider.btn.btn-default{
margin-left: 4px;
background: #74c245;
color: #fff;
}
.slider.btn.btn-default:hover{
background: #541213;
color: #fff;
border:none;
}

.slider-content-left {
position: relative;
margin: 0 0 0 40px;
}
.slider-content-right{
position: relative;
}

/*-- Animation
.carousel .item.active .animated1 {

}

.carousel .item.active .animated2 {
-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
-webkit-animation: flipInX 1s ease-in 500ms both;
animation: flipInX 1s ease-in 500ms both;
text-align: center;
}

.carousel .item.active .animated5 {
-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
-webkit-animation: bounceIn 1s ease-in 500ms both;
animation: bounceIn 1s ease-in 500ms both;
text-align: center;
}

.carousel .item.active .animated7 {
-webkit-animation: bounceIn 1s ease-in 500ms both;
animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
-webkit-animation: fadeInDown 1s ease-in 1000ms both;
animation: fadeInDown 1s ease-in 1000ms both;
}


--*/


/*================================================== 
     welcome Heading
 ================================================== */

.welcome{ 
width:100%; 
padding: 250px 0 250px 0;
}
.welcome .slider-content h2{
font-size: 40px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
}
.welcome .slider-content h2 {
color: #fff;
}
.welcome .slider-content h3{
font-size: 36px;
font-weight: 300;
margin-top: 60px;
text-align: center;
color: #fff;
}

.welcome.btn{
padding: 10px 40px;
margin-top: 40px;
font-size: 20px;
border-radius: 2px;
text-transform: uppercase;
line-height: 28px;
border: 0;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}

.welcome .animated3 {
-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
animation: bounceInLeft 1s ease-in-out 500ms both;
}
.welcome .animated4 {
-webkit-animation: flipInX 1s ease-in 500ms both;
animation: flipInX 1s ease-in 500ms both;
text-align: center;
}
.welcome .animated5 {
-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
animation: bounceInLeft 1s ease-in-out 100ms both;
}
.welcome .animated6 {
-webkit-animation: bounceIn 1s ease-in 500ms both;
animation: bounceIn 1s ease-in 500ms both;
text-align: center;
}
.welcome .animated7 {
-webkit-animation: bounceIn 1s ease-in 500ms both;
animation: bounceIn 1s ease-in 500ms both;
}
.welcome .animated8 {
-webkit-animation: fadeInDown 1s ease-in 1000ms both;
animation: fadeInDown 1s ease-in 1000ms both;
}

/*-- welcome box  images--*/
.welcome-box{ 
width:600px; 
margin:120px auto;
}
.welcome-transparant{ 
width:60px; 
height:60px; 
background: rgba(0, 0, 0, 0.4); 
margin:0px 5px 0; 
float:left; 
border-radius:4px; 
}
.welcome-transparant { 
width:60px; 
height:60px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
} 
.welcome-transparant:hover {
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
} 

.welcome-transparant img{ 
width:100%; 
float:left;
}
.welcome-transparant a:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

}


@media only screen and (max-width : 767px){
.welcome{ width:100%; padding: 100px 0 100px 0 !important;  }
.welcome-box{ width:100%; height:auto;  margin:100px auto;  margin-left:10px;}
.welcome-transparant{ margin-top:5px;  width:50px; 
height:50px;  }

}
@media only screen and (max-width : 480px){
.welcome{ width:100%; padding:80px 0 80px 0 !important; }
}

/*-- os-phrases Heading Animation--*/
.os-phrases{ 
margin-bottom:300px ;
}
.os-phrases h2 {
font-family: 'Oswald', sans-serif;
font-size: 40px !important;
font-weight: 300;
width: 100%;
overflow: hidden;
text-transform: uppercase;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
letter-spacing: 6px;
text-align: center;
opacity: 0;
}
.os-phrases h2,
.os-phrases h2 > span {
height: 100%;
/* Centering with flexbox */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.os-phrases h2 > span {
margin: 0 15px;
}

.os-phrases h2 > span > span {
display: inline-block;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

.os-phrases h2 > span > span > span {
display: inline-block;
color: transparent;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-animation: OpeningSequence 7.2s linear forwards;
-moz-animation: OpeningSequence 7.2s linear forwards;
animation: OpeningSequence 7.2s linear forwards;
}

.os-phrases h2:nth-child(2) > span > span > span {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
animation-delay: 5s;
}

.os-phrases h2:nth-child(3) > span > span > span {
-webkit-animation-delay: 10s;
-moz-animation-delay: 10s;
animation-delay: 10s;
}

.os-phrases h2:nth-child(4) > span > span > span {
-webkit-animation-delay: 15s;
-moz-animation-delay: 15s;
animation-delay: 15s;
}

.os-phrases h2:nth-child(5) > span > span > span {

-webkit-animation-delay: 21s;
-moz-animation-delay: 21s;
animation-delay: 21s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
animation-duration: 8s;
}

.os-phrases h2:nth-child(6) > span > span > span {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
animation-delay: 30s;
}

.os-phrases h2:nth-child(7) > span > span > span {
-webkit-animation-delay: 34s;
-moz-animation-delay: 34s;
animation-delay: 34s;
}


@-webkit-keyframes OpeningSequence {
0% {
text-shadow: 0 0 50px #fff;
letter-spacing: 60px;
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
50% {
text-shadow: 0 0 1px #fff;
letter-spacing: 10px;
opacity: 0.8;
-webkit-transform: rotateY(0deg);
}
85% {
text-shadow: 0 0 1px #fff;
opacity: 0.8;
-webkit-transform: rotateY(0deg) translateZ(100px);
}
100% {
text-shadow: 0 0 10px #fff;
opacity: 0;
-webkit-transform: translateZ(130px);
pointer-events: none;
}
}
@-moz-keyframes OpeningSequence {
0% {
text-shadow: 0 0 50px #fff;
letter-spacing: 60px;
opacity: 0.2;
-moz-transform: rotateY(-90deg);
}
50% {
text-shadow: 0 0 1px #fff;
letter-spacing: 10px;
opacity: 0.8;
-moz-transform: rotateY(0deg);
}
85% {
text-shadow: 0 0 1px #fff;
opacity: 0.8;
-moz-transform: rotateY(0deg) translateZ(100px);
}
100% {
text-shadow: 0 0 10px #fff;
opacity: 0;
-moz-transform: translateZ(130px);
pointer-events: none;
}
}
@keyframes OpeningSequence {
0% {
text-shadow: 0 0 50px #fff;
letter-spacing: 60px;
opacity: 0.2;
transform: rotateY(-90deg);
}
50% {
text-shadow: 0 0 1px #fff;
letter-spacing: 10px;
opacity: 0.8;
transform: rotateY(0deg);
}
85% {
text-shadow: 0 0 1px #fff;
opacity: 0.8;
transform: rotateY(0deg) translateZ(100px);
}
100% {
text-shadow: 0 0 10px #fff;
opacity: 0;
transform: translateZ(130px);
pointer-events: none;
}
}
.os-phrases h2:nth-child(8) > span > span > span {

-webkit-animation: FadeIn 4s linear 45s forwards;
-moz-animation: FadeIn 4s linear 45s forwards;
animation: FadeIn 4s linear 45s forwards;
}

@-webkit-keyframes FadeIn {
0% {
opacity: 0;
text-shadow: 0 0 50px #fff;
}
100% {
opacity: 0.8;
text-shadow: 0 0 1px #fff;
}
}
@-moz-keyframes FadeIn {
0% {
opacity: 0;
text-shadow: 0 0 50px #fff;
}
100% {
opacity: 0.8;
text-shadow: 0 0 1px #fff;
}
}
@keyframes FadeIn {
0% {
opacity: 0;
text-shadow: 0 0 50px #fff;
}
100% {
opacity: 0.8;
text-shadow: 0 0 1px #fff;
}
}
/* Bold words */
.os-phrases h2:first-child .word3,
.os-phrases h2:nth-child(2) .word2,
.os-phrases h2:nth-child(4) .word2 {
 font-weight: 600;}


@media only screen and (max-width : 767px){
.os-phrases{ margin-bottom:40px !important;  display:none; }
.os-phrases h2 {font-family: 'Oswald', sans-serif; font-size: 2000px !important;  }
.
}
@media only screen and (max-width : 480px){
.os-phrases{ margin-bottom:40px !important;}
.os-phrases h2 {font-family: 'Oswald', sans-serif; font-size: 40px !important; }
}



/*================================================== 
     OUR BUSINESS DIVISIONS
 ================================================== */
.features-grids{    padding-bottom:80px; padding-top:60px;  }
.divi ul {
padding: 0;
margin: 60px 0 50px;
}
.divi ul:after {
content: "";
display: table;
clear: both;
}
.divi li {
-webkit-perspective: 400px;
perspective: 400px;
}
.divi li {
position: relative;
float: left;
width: 200px;
height: 200px;
margin: 30px 40px 0px 40px;
padding: 0;
list-style: none;
}
.divi li a {
display: inline-block;
vertical-align: top;
text-decoration: none;
border-radius: 4px;
}
.divi li h3 {
margin: 0;
font-size: 16px;
color: rgba(255, 255, 255, 0.9);
}
.divi li h2 {
margin:20px 0;
font-size: 14px;
text-align:center;
text-transform:uppercase;
color: rgba(255, 255, 255, 0.9);
}
.divi li p {
font-size: 12px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.8);
}
.divi li .normal img { width: 100%;
height: 100%;}
.divi li .normal {
width: 100%;
height: 100%;
color: rgba(52, 73, 94, 0.6);
box-shadow: inset 0 2px 30px #000;
text-align: center;
font-size: 50px;
line-height: 200px;
}
.divi li .normal svg {
pointer-events: none;
width: 50px;
}
.divi li .normal svg path {
fill: rgba(0, 00, 0, 0.2);
}

* {box-sizing: border-box;}

.info {
-webkit-transform: rotate3d(1, 0, 0, 90deg);
transform: rotate3d(1, 0, 0, 90deg);
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
top: 0;
left: 0;
border-radius: 4px;
pointer-events: none;
background-color: rgb(116, 194, 69);
}
.in-top .info {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: in-top 300ms ease 0ms 1 forwards;
animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right .info {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-animation: in-right 300ms ease 0ms 1 forwards;
animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom .info {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left .info {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation: in-left 300ms ease 0ms 1 forwards;
animation: in-left 300ms ease 0ms 1 forwards;
}
.out-top .info {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: out-top 300ms ease 0ms 1 forwards;
animation: out-top 300ms ease 0ms 1 forwards;
}
.out-right .info {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: out-right 300ms ease 0ms 1 forwards;
animation: out-right 300ms ease 0ms 1 forwards;
}
.out-bottom .info {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
animation: out-bottom 300ms ease 0ms 1 forwards;
}
.out-left .info {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation: out-left 300ms ease 0ms 1 forwards;
animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
from {
-webkit-transform: rotate3d(-1, 0, 0, 90deg);
transform: rotate3d(-1, 0, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}

@keyframes in-top {
from {
-webkit-transform: rotate3d(-1, 0, 0, 90deg);
transform: rotate3d(-1, 0, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@-webkit-keyframes in-right {
from {
-webkit-transform: rotate3d(0, -1, 0, 90deg);
transform: rotate3d(0, -1, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@keyframes in-right {
from {
-webkit-transform: rotate3d(0, -1, 0, 90deg);
transform: rotate3d(0, -1, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@-webkit-keyframes in-bottom {
from {
-webkit-transform: rotate3d(1, 0, 0, 90deg);
transform: rotate3d(1, 0, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@keyframes in-bottom {
from {
-webkit-transform: rotate3d(1, 0, 0, 90deg);
transform: rotate3d(1, 0, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@-webkit-keyframes in-left {
from {
-webkit-transform: rotate3d(0, 1, 0, 90deg);
transform: rotate3d(0, 1, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@keyframes in-left {
from {
-webkit-transform: rotate3d(0, 1, 0, 90deg);
transform: rotate3d(0, 1, 0, 90deg);
}
to {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
}
@-webkit-keyframes out-top {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(-1, 0, 0, 104deg);
transform: rotate3d(-1, 0, 0, 104deg);
}
}
@keyframes out-top {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(-1, 0, 0, 104deg);
transform: rotate3d(-1, 0, 0, 104deg);
}
}
@-webkit-keyframes out-right {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(0, -1, 0, 104deg);
transform: rotate3d(0, -1, 0, 104deg);
}
}
@keyframes out-right {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(0, -1, 0, 104deg);
transform: rotate3d(0, -1, 0, 104deg);
}
}
@-webkit-keyframes out-bottom {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(1, 0, 0, 104deg);
transform: rotate3d(1, 0, 0, 104deg);
}
}
@keyframes out-bottom {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(1, 0, 0, 104deg);
transform: rotate3d(1, 0, 0, 104deg);
}
}
@-webkit-keyframes out-left {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(0, 1, 0, 104deg);
transform: rotate3d(0, 1, 0, 104deg);
}
}
@keyframes out-left {
from {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
to {
-webkit-transform: rotate3d(0, 1, 0, 104deg);
transform: rotate3d(0, 1, 0, 104deg);
}
}
/* you can ignore this ones */

@media only screen and (max-width : 767px){
.divi li { margin: 30px 30px 30px 30px;}
.divi ul{  margin: 30px 100px 30px 100px;}
}
@media only screen and (max-width : 480px){
.divi li { margin: 30px 30px 30px 30px;} 
.divi ul{  margin: 30px 0px 30px 0px;}
}






/*-----------------------  INDEX ABOUT   -----------------------*/
.main-contant{ z-index:9999; position:absolute;  width:100%;}

.about-section{ padding-bottom:80px; padding-top:80px; margin-top:120px;  }
.index-about{ }
.index-about p { margin-bottom: 40px; margin-top:80px; font-size: 13px;    font-family:'Titillium Web'; line-height: 32px; font-weight:500; color:#fff;}

.index-about-transparant{ 
width:100%; 
height:150px; 
background: rgba(0, 0, 0, 0.4); 
margin:0px 5px 0; 
float:left; 
border-radius:4px; 
}

.index-about-transparant img{
  width:100%; 
height:150px; 
    float: left;
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding: 5px;
   border-radius:4px;
    border: 1px solid #ccc;
}

@media only screen and (max-width : 767px){
.about-section{ padding-bottom:40px; padding-top:40px; margin-top:120px;  }

.index-about p{ margin-bottom: 20px; margin-top:20px;}
}
 @media only screen and (max-width : 480px){
	.about-section{ padding-bottom:40px; padding-top:40px; margin-top:120px;  }

.index-about p{ margin-bottom: 20px; margin-top:20px;}
	 

}







/*-----------------------  REACH US PAGE   -----------------------*/
.contact-grids{
margin: 0em 0;
}
.contact-left{
padding-left:0;
}
.contact-left-info{
padding: 1em 0 1em 0;
border-radius: 0px;
}
.contact-left-heading h3{
margin: 0 0 1em 0;
font-size: 1.5em;
color: #10a5ff;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.contact-right-map{
border-top:5px solid #10a5ff;
}
.contact-right-map iframe{
border: 0;
min-height: 300px;
width: 100%;
}
.contact-right-form-grids {
margin: 2em 0 2em 0;
}
.location-grid{
float:left;
width:100%;
text-align:center;
background: rgba(54, 25, 25, .3);
padding:5px;
margin-right:1%;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
margin-bottom:30px;
}
.phone-grid{
float:left;
width:100%;
text-align:center;
background: rgba(54, 25, 25, .3);
padding:5px;
margin: 30px auto 0px 0;

 -webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.location-grid i.fa.fa-map-marker {
color: #10a5ff;
font-size: 2em;
}
.location-grid  h4{
color:#fff;
font-size:1em;
font-weight:600;
margin:.5em 0;
letter-spacing:2px;
}
.location-grid p{
color: #929292;
font-size: 12px;
margin: 0;
text-align:center;
}
.location-grid p span{
display:block;
}
.phone-grid i.fa.fa-mobile {
color: #10a5ff;
font-size: 2em;
}
.msg-grid {
text-align: center;
width: 100%;
margin: 30px auto 30px 0;
background: rgba(54, 25, 25, .3);
padding:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.msg-grid i.fa.fa-envelope-o {
color: #10a5ff;
font-size: 2em;
margin: 0;
}
.msg-grid h4{
color:#fff;
font-size:1em;
font-weight:600;
margin:.5em 0;
letter-spacing:2px;
}
.msg-grid p{
color: #929292;
font-size: 12px;
margin: 0;
text-align: center;
}
.contact-right-form-right{
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
background: rgba(54, 25, 25, .3); 
margin: 45px auto 30px 0; 
padding-bottom:60px; 
}

.contact-right-form-right input[type="text"] {
margin: 2em 0 3em 0;
display: inline-block;
background: none;
border: 1.5px solid #eee;
width: 100%;
outline: none;
padding: 6px 15px;
margin-right: 1em;
font-size: .875em;
float: left;
color: #fff;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
height: 50px;
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.contact-right-form-right input[type="email"] {
display: inline-block;
background: none;
border: 1.5px solid #eee;
width: 100%;
outline: none;
padding: 6px 15px;
font-size: .875em;
color: #ccc;
margin-bottom: 1em;
 -webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
height: 50px;
margin-bottom:30px;
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.contact-right-form-right textarea {
background: none;
border: 1.5px solid #eee;
width: 100%;
display: block;
height: 200px;
outline: none;
font-size: 0.875em;
color: #fff;
resize: none;
padding: 10px 15px 10px 15px;
margin-bottom: 1em;
 -webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.contact-right-form-right button.btn1 {
color: #fff !important;
border: none;
background: #10a5ff;
padding: .5em 1.5em;
font-size: 13px;
outline: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
font-family:'Titillium Web';text-transform:uppercase;
}
.contact-right-form-right button.btn1:hover {
color: #fff;
background: #10a5ff;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.contact-right{
padding-right: 0;
}

/*-- //contact-grids --*/	

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 2px;
font-family:'Titillium Web';
color: #fff;
font-size: 13px;
vertical-align: middle;
font-weight:lighter;
border:none !important;
line-height:28px;
}
.table > thead > tr > th > .fa{
color: #10a5ff;
font-size: 2em;
}
 .th-i{
color: #10a5ff;
font-size: 2em;
}
.contact-form h3{
color:#282528;
font-size:1.2em;
font-weight:600;
margin:1em 0;
}
.contact-form input[type="text"],.contact-form textarea{
width: 100%;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 2px ridge #DBDBDB;
outline: none;
padding: 2em 0 2em 0;
font-size: 0.9em;
}
.contact-form textarea{
height:130px;outline:none;
border-bottom: 1px ridge #DBDBDB;
resize:none;
}
.contact-form input[type="submit"]{
background: url(../images/msg-icon.png) no-repeat 0px 0px;
height: 23px;
width: 167px;
display: block;
outline: none;text-indent: 30px;
border: none;
margin: 1em 0;
transition:0.5s all;-webkit-transition:0.5s all;
-moz-transition:0.5s all;-o-transition:0.5s all;
-ms-transition:0.5s all;
}
.contact-form input[type="submit"]:hover{
opacity:0.9;
color:#999;
}
/*----*/
#contacts h4 {margin:0 0 20px;font-weight:700;line-height:20px;font-size:14px}
.ouroffice_wrap ul {padding-bottom:10px;margin:0;padding-left:0;}
.ouroffice_wrap li {padding-bottom:10px;list-style:none;}
.ouroffice_wrap .social a {margin:0 10px 10px 0;font-size:24px;color:#c5ccd1}
.ouroffice_wrap .social a:hover {color:#6d2420 border: solid 1px #6d2420;}
.contact_form input[type="text"],.contact_form textarea {width:100%;height:44px;margin:0 30px 9px 0;padding:12px 30px;line-height:20px;font-size:13px;color:#7e8589;text-shadow:none;border:none;border-radius:0;box-shadow:none;background:#fff; border: solid 1px #6d2420; }
.contact_form input[type="text"].marg0 {margin-right:0}
.contact_form textarea {width:100%;height:90px;margin:0 0 30px;resize:none}
.contact_form input[type="submit"] {float:right;width:160px;height:44px;text-transform:uppercase;line-height:20px;font-size:15px;color:#fff;text-shadow:none;border:0;border-radius:0;box-shadow:none;background:#333;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.contact_form input[type="submit"]:hover {background:#6d2420}
#contacts .contact_form .notification_error,#contacts .contact_form .notification_ok {border-radius:5px;-webkit-border-radius:5px;margin:2px 0 13px 0;padding:12px 10px 12px 35px;position:relative}
#contacts .contact_form .notification_ok {border:1px #038bd4 solid;color:#038bd4;background:#d0e3ea}
#contacts .contact_form .notification_error {border:1px #c93119 solid;color:#c93119;background:#ffcfcf}
.widgets_clear {display:none}.widget_twitter li {position:relative;padding:0 0 30px 30px}
.widget_twitter li:before {content:"\f099";position:absolute;left:0;top:0;width:24px;height:24px;font-family:FontAwesome;line-height:24px;font-size:18px;color:#fff}.widget_twitter .tweet_text {display:block;padding:0 0 10px}
.widget_twitter .tweet_time {display:block}
.widget_twitter .tweet_time a {color:#6d2420}
.widget_twitter .tweet_time a:hover {color:#fff}
.widget_contact_inf li {padding-bottom:9px}
.widget_contact_inf li i {display:inline-block;margin-right:0px;font-size:18px}
.newsletter_form form {position:relative}
.newsletter_form input[type="text"] {width:100%;padding:11px 60px 11px 17px;line-height:20px;font-size:12px;color:#b5b5b5;border:0;border-radius:0;box-shadow:none;background:#434547}
.newsletter_form input[type="submit"] {overflow:hiiden;position:absolute;top:0;right:0;display:block;width:43px;height:42px;text-indent:-999px;text-shadow:none;border:0;box-shadow:none;border-radius:0;background-color:#ffe100;background-repeat:no-repeat;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
 .sent-btn{ float:right; margin:10px 0px 0 -30px; z-index:99999; position:absolute;}
.sent-btn  i{ color:#fff!important;}
.sent-btn  i:hover{ color:#fff;}

.newsletter_form input[type="submit"]:hover {background-color:#aaa}
.border-right{ border-right: solid 1px #eae8e8;     }

.latest_news_item {position:relative;display:block;margin-bottom:25px;padding:0 0 17px 62px;border-bottom:1px solid #434343}
.widget_latest_news a:last-child {margin-bottom:0;padding-bottom:0;border:0}
.latest_news_item img {position:absolute;left:0;top:0;width:53px}
.latest_news_item p {margin:-5px 0 10px;text-transform:uppercase;line-height:20px;font-size:13px;color:#aaa;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.latest_news_item:hover p {color:#fff}
.latest_news_item span {display:block;color:#6d2420}
.widget_flickr ul {margin:0 -6px -6px 0}
.widget_flickr li {overflow:hidden;float:left;width:81px;height:71px;margin:0 6px 6px 0;background-color:#6d2420}
.widget_flickr li a {display:block}
.widget_flickr li a img {width:100%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.widget_flickr li a:hover img {opacity:0.3}
.widget_stay_connected ul {margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid #434343}
.widget_stay_connected ul li {position:relative;padding:0 0 9px 37px}
.widget_stay_connected li i {position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;font-size:16px}
.widget_stay_connected li span {color:#aaa !important}
.widget_category li {margin:0 0 9px;padding:0 0 8px;border-bottom:1px solid #434343}
.widget_category li:last-child {margin:0;padding:0;border:0}
.widget_category li a {color:#aaa}
.widget_category li a:hover {color:#fff}
.widget_links ul{ padding:0; margin:0;}
.widget_links li {padding-bottom:9px;list-style:none; font-size: 13px;  font-family:'Titillium Web';}
.widget_links li a {color:#aaa}
.widget_links li a:hover {color:#fff}




footer {padding:40px 0 0px;color:#8e8e8e;background-color:#333; overflow:hidden;}
footer h4 {margin:0 0 18px;padding-bottom:17px;text-transform:uppercase;font-weight:400;line-height:20px;font-size:16px;color:#f2f1e6;border-bottom:1px solid #434343}
footer a {color:#fff}
footer a:hover {color:#c8ac02}
.footer_img {width:30px;height:30px;float:left;}
footer .copyright {margin-top:32px;padding-top:22px;color:#fff;border-top:1px solid #434343; background-color: #111111; overflow:hidden;}
footer .copyright span {color:#6d2420;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 26px;right: 3%;overflow: hidden;width: 40px;height: 40px;border: none;text-indent: 100%;background: url("../images/to-top1.png") no-repeat 0px 0px;border-radius: 30em;}
#toTopHover {width: 40px;height: 40px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
/*--responsive design--*/

@media only screen and (max-width : 767px){
	footer{ padding:15px;}
footer .copyright{ padding:15px;}
.faico a{display:inline-block; width:40px; height:40px; line-height:28px; font-size:20px; text-align:center; border-radius:0px;}
}
 @media only screen and (max-width : 480px){

	.footer{ padding:15px;}
footer .copyright{ padding:15px;}

}







/*--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:0px 2px 0 0; padding:0px 0 0 0 ; }
.faico li:last-child{margin-right:0; }
.faico a{display:inline-block; width:45px; height:45px; line-height:28px; font-size:20px; text-align:center; border-radius:0px;}
.faico a{color:#fff;  }
.faico a:hover{color:#fff;}
.faico i{ line-height:40px;}
.faico i:hover{color:#fff;}
.faicon-facebook{background-color:#3B5998;}
.faicon-facebook:hover{background-color: #C1C5C8;}
.faicon-google-plus{background-color:#DB4A39;}
.faicon-google-plus:hover{background-color: #C1C5C8;}
.faicon-instagram{background-color:#3F729B;}
.faicon-instagram:hover{background-color: #C1C5C8;}
.faicon-linkedin{background-color:#0E76A8;}
.faicon-linkedin:hover{background-color: #C1C5C8;}
.faicon-tumblr{background-color:#34526F;}
.faicon-tumblr:hover{background-color: #C1C5C8;}
.faicon-twitter{background-color:#00ACEE;}
.faicon-twitter:hover{background-color: #C1C5C8;}
 /*Produact Range*/

/*--about-starts--*/
.produact {
    padding: 30px 0px 30px 0px;
	margin:40px 0px 40px 0px;
}
.produact h3{ font-size:18px !important; color:#FFE100; margin-top:20px; text-align:center; line-height: 40px;}

.about-left img{
	width:100%;
}
.about-left figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.about-left figure img {
	position: relative;
	display: block;
}
.features-grids figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.about-left figure figcaption::before,
.fcol1 figure figcaption::after {
	pointer-events: none;
}
.about-left figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	background: rgba(0, 0, 0, 0.5);
}

figure.effect-bubba img {
	border:solid 1px #999;
	border-radius:4px;
}

figure.effect-bubba:hover img {
	opacity: 0.3;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;	
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1); 
	-o-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba h4,figure.effect-bubba h2 {
	padding-top: 10% ;
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	-o-transition: -o-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
	color:#fff;
	font-size: 18px;
    font-family: 'Oswald', sans-serif;
}
figure.effect-bubba h4.gal {
	padding-top: 21%;
}
figure.effect-bubba p {
	padding: 0px 3.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size: 1em;
	font-family: 'Lato-Regular';
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p,figure.effect-bubba:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*--wood veneers--*/



.view {	width: 100%;height: 180px;float: left;border: 1px solid #e1dfe0;overflow: hidden;position: relative;text-align: center;cursor: default;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;
margin-top: 10px; margin-right: 0px;margin-bottom:20px; background: rgba(0, 0, 0, 0.5);background-position: center center;}
.view .mask,.view .content a{bottom: -60px;left: 0;overflow: hidden;position: absolute;width: 100%;height:100px;display: inline-block;text-decoration: none;background:rgba(0, 0, 0, 0.4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;  }
.view .mask,.view:hover .content a:hover {bottom:0;background:rgba(0, 0, 0, 0.4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;display: inline-block;text-decoration: none;}

.view .mask,.view .content1 a{bottom: -30px;left: 0;overflow: hidden;position: absolute;width: 100%;height:100px;display: inline-block;text-decoration: none;background:rgba(0, 0, 0, 0.4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;  }
.view .mask,.view:hover .content1 a:hover {bottom:0;background:rgba(0, 0, 0, 0.4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;display: inline-block;text-decoration: none;}


.view img {display: block;position: relative;-webkit-box-shadow: 0px 0px 5px #ac987e;-moz-box-shadow: 0px 0px 5px #ac987e;box-shadow: 0px 0px 5px #ac987e;border:none;-webkit-transition:-webkit-transform 1.4s;-moz-transition:-moz-transform 1.4s;transition:transform 1.4s;}
.view img:hover { -webkit-transition:-webkit-transform 1.4s;-moz-transition:-moz-transform 1.4s;transition:transform 1.4s;-webkit-transform:scale(1.1,1.1) rotate(0.1deg);-moz-transform:scale(1.1,1.1) rotate(0.1deg);transform:scale(1.1,1.1) rotate(0.1deg);}
.view_h2 {color: #fff;text-align: center;position: relative;  padding: 10px 5px 10px 5px; margin: 0;font-size:15px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;font-weight:500;font-family:'Titillium Web'}
.view_h2 a:link, .view_h2 a:visited  {
color: #fff;text-decoration: none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; padding: 10px 5px 10px 5px;}
.view_h2 a:hover  {color: #ccc;text-decoration: none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s lineartransition: all 0.2s linear;padding: 10px;	}





#map-canvas {	width:100%;    height: 100%; }
.gmap3{width:100%;height: 350px; }
#contacts #map {position:relative;}
#contacts #map:before {content:'';position:absolute;left:0;top:0;bottom:0px;width:100%;background-color:rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; z-index:999999999;}
#contacts #map:hover:before {visibility:hidden;opacity:0}




 /*Scroll to Top*/
.dmtop {background-color:#161616;background-image: url(../images/top-arrow.png);background-position: 50% 50%;background-repeat: no-repeat; z-index: 9999;
width: 40px; height: 40px; text-indent: -99999px; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out;-ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: auto;margin: -18px 0;}
.dmtop{background-color: rgb(0, 0, 0);}
/*Scroll to Top*/


@media (max-width:1024px){
.divice-demo img{width:80%;}
.slide-text-info {margin: 0% 0;left: 8%;}

.divice-demo{right:0;}.big-divice img{width:100%;}
.team-member-info label {min-height: 125px;padding: 0.9em 1em;}
.footer-divice img{width:100%;}
.footer-divice{margin-top:15em;}
}
/*-----768px-mediaquries----*/
@media (max-width:768px){
.divice-demo img{width: 57%;}
.slide-text-info {margin: -2% 0 0;left: 10%;}
.divice-demo{right: 5%;text-align: right;}
.big-divice img{width:initial;}
.team-member-info label {min-height: 125px;padding:2em;top:0;}
.footer-divice img{width: initial;}
.footer-divice{margin-top:1em;text-align: center;}
.slide-text-info h1 {font-size: 1.5em;}
.slide-text-info h2 {font-size: 0.9em;}
.slide-text {margin: 0.5em 0;}
.slide-text ul li{font-size:0.8em;}
.slide-text ul li:nth-child(2){display:none;}
.big-btns a {border: 2px solid #282528;padding: 0.5em 0.8em 0.5em 0.8em;font-size: 0.8em;}
.callbacks_tabs a:after {height: 10px;width: 10px;}
.top-header {margin: 2.5em 0 0 0;}
.section-head h3 {font-size: 1.4em;margin: 0;}
.section-head p {width: 80%;margin: 1em auto 0.8em auto;font-size: 0.875em;}
.features-grid-info {margin: 0em 0;}
.team-member{margin-bottom:1em;}
.footer-social-icons li {list-style: none;padding: 1em;display: inline-block;}
}
/*-----640px-mediaquries----*/
@media (max-width:640px){
.divice-demo img{width: 47%;}
.slide-text-info {margin: -4% 0 0;left: 10%;}
.divice-demo{right: 5%;text-align: right;}
.big-divice img{width:initial;}
.team-member-info label {min-height: 125px;padding:2em;top:0;}
.footer-divice img{width: initial;}
.footer-divice{margin-top:1em;text-align: center;}
.slide-text-info h1 {font-size: 1.5em;margin: 0.5em 0;}
.slide-text-info h2 {font-size: 0.9em;}
.slide-text {margin: 0.5em 0;}
.slide-text ul li{font-size:0.8em;}
.slide-text ul li:nth-child(2){display:none;}
.big-btns a {border: 1px solid #282528;padding: 0.3em 0.8em;font-size: 0.8em;}
.callbacks_tabs a:after {height: 10px;width: 10px;}
.top-header {margin: 2em 0 0 0;padding: 0em 1em;}
.section-head h3 {font-size: 1.4em;margin: 0;}
.section-head p {width: 80%;margin: 1em auto 0.8em auto;font-size: 0.875em;}
.features-grid-info {margin: 0em 0;}.team-member{margin-bottom:1em;}
.footer-social-icons li {list-style: none;padding: 1em;display: inline-block;}
.big-btns {margin: 0.8em 0em;display: block;}
.show-reel h5 {padding: 3em 0;font-size:1.8em;}
}
/*-----480px-mediaquries----*/
@media (max-width:480px){
.divice-demo img{width: 35%;}
.slide-text-info {margin: -6% 0 0;left: 6%;}
.divice-demo{right: 4%;text-align:right;}
.big-divice img{width:initial;}
.team-member-info label {min-height: 125px;padding:2em;top:0;}
.footer-divice img{width: initial;}
.footer-divice{margin-top:1em;text-align: center;}
.slide-text-info h1 {font-size: 1.2em;margin: 0.0em 0;}
.slide-text-info h2 {font-size: 0.8em;margin:0;}
.slide-text {margin: 0.5em 0;}
.slide-text ul li{font-size: 0.7em;}
.slide-text ul li:nth-child(2){display:none;}
.big-btns a {border: 1px solid #282528;padding: 0.5em 0.8em;font-size: 0.7em;}
.callbacks_tabs a:after {height: 10px;width: 10px;}
.top-header {margin: 1.4em 0 0 0;padding: 0em 1em;}
.section-head h3 {font-size: 1.2em;margin: 0;}
.section-head p {width: 90%;margin: 0.8em auto 0em auto;font-size: 0.875em;}
.features-grid-info {margin: 0em 0;}
.team-member{margin-bottom:1em;}
.footer-social-icons li {list-style: none;padding: 1em;display: inline-block;}
.big-btns {margin: 0.5em 0em;display: block;}
.show-reel h5 {padding: 3em 0;font-size:1.8em;}
.subscribe input[type="text"] {width: 100%;}
.item p {font-size: 0.875em;}
.big-btns a label {display: none;}
.callbacks_tabs {top: 83%;left: 51%;}
}
/*-----320px-mediaquries----*/
@media (max-width:320px){
.divice-demo img{width: 30%;}
.slide-text-info {margin: -6% 0 0;left: 6%;}
.divice-demo{right: 4%;text-align:right;}
.big-divice img{width:100%;}
.team-member-info label {min-height: 125px;padding:2.2em;top:0;}
.footer-divice img{width: 100%;}
.footer-divice{margin-top:1em;text-align: center;}
.slide-text-info h1 {font-size: 1em;margin: 0.0em 0;line-height:1.8em;}
.slide-text-info h2 {font-size: 0.7em;margin: 0;width: 55%;line-height: 1.5em;}
.slide-text {margin: 0.5em 0;}.slide-text ul li{font-size: 0.7em;}
.slide-text ul li:nth-child(2){display:none;}
.big-btns a {border: 1px solid #282528;padding: 0.4em 0.5em;font-size: 0.6em;}
.callbacks_tabs a:after {height: 10px;width: 10px;}.top-header {margin: 1.4em 0 0 0;padding: 0em 1em;}
.section-head h3 {font-size: 1em;margin: 0;}
.section-head p {width: 90%;margin: 0.8em auto 0em auto;font-size: 0.875em;}
.features-grid-info {margin: 0em 0;}
.team-member{margin-bottom:1em;}
.footer-social-icons li {list-style: none;padding: 1em;display: inline-block;}
.big-btns {margin: 0em 0em;display: block;}
.show-reel h5 {padding: 2em 0;font-size: 1.2em;}
.subscribe input[type="text"] {width: 100%;}
.item p {font-size: 0.875em;}
.big-btns a label {display: none;}
.callbacks_tabs {top: 95%;left: 4%;}
.header-section {padding: 0 0 2em 0;background: #F9E514;}
.slide-text ul{display:none;}
.screen-shot-gallery {padding: 0em 0;}
.featured {padding: 0em 0 2em;}
.team {padding: 0em 0 2em;}
.test-monials {padding: 2em 0;}
.getintouch {padding: 0em 0 0 0;}
}

/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
.navbar-inverse .navbar-nav > li > a{      margin:5px 12px 5px 12px;   }
    }
	    @media only screen and (min-width : 1300px) {
.navbar-inverse .navbar-nav > li > a{     margin:5px 16px 5px 16px;   }
    }