@charset "utf-8";
/***************** Fonts ******************/
@font-face {
	font-family: 'robotobold';
	src: url('../fonts/roboto-bold-webfont.eot');
	src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/roboto-bold-webfont.woff2') format('woff2'),  
	url('../fonts/roboto-bold-webfont.woff') format('woff'),  
	url('../fonts/roboto-bold-webfont.ttf') format('truetype'),  
	url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular-webfont.eot');
	src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/roboto-regular-webfont.woff2') format('woff2'),  
	url('../fonts/roboto-regular-webfont.woff') format('woff'),  
	url('../fonts/roboto-regular-webfont.ttf') format('truetype'),  
	url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/******************** *Typography ***************************/
body {
  background: #fff;
  font-family: 'robotoregular';
  color:#4e4e4e;
}
h1, h2,h3,h4,h5,h6{ 
  font-family: 'robotobold';
  margin:0;
}
h1{ font-size:45px;}
h2{font-size:36px;}
h3{font-size:24px;}
h4{ font-size: 16px;}

a{
  -webkit-transition: color 1000ms, background-color 1500ms;
  -moz-transition: color 1000ms, background-color 1500ms;
  -o-transition:  color 1000ms, background-color 1500ms;
  transition:  color 1000ms, background-color 1500ms;
}
a:hover, a:focus {
  color: #fdb813;
  list-style:none;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}
.pading{
	padding:7% 0;
}
.padding-top{
	padding-top:7%;
}
.text-margin{
	margin-bottom:35px;
}
.heading-margin{
	margin-bottom:50px;
}
.centrize {
  display: table;
  height: 100%;
  position: relative;
  table-layout: fixed;
  width: 100%;
}
.v-center {
  display: table-cell;
  vertical-align: middle;
}
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  text-align: center;
  background-color: #fdb813;
}
#mask {
  position: relative;
  height: 30px;
  width: 50px;
  margin: 0 auto;
}
#mask span {
  display: block;
  bottom: 0px;
  left: 0;
  width: 1px;
  height: 30px;
  background-color:#222222;
  position: absolute;
  -webkit-animation: preloader 1.5s infinite ease-in-out;
  animation: preloader 1.5s infinite ease-in-out;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
#mask span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
#mask span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
#mask span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
#mask span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
@-webkit-keyframes preloader {
  0% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  25% {
    height: 60px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background-color: #fdb813;
  }
  50% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  100% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
}
@keyframes preloader {
  0% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  25% {
    height: 60px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background-color: #fdb813;
  }
  50% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  100% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
}

.back-to-top {
	position: fixed;
	bottom: 0;
	right:1%;
	width:42px;
	height:42px;
	z-index:1000;
	display: none;
	text-decoration: none;
	color: #fff;
	font-size:20px;
	background:#fdb813;
	padding:8px;
}
.border_un {
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding: 12px 0 24px;
  margin-bottom: 6%;
}
.border_un_1 {
  border-bottom: 1px solid #222222;
  display: inline-block;
  padding: 12px 0 24px;
  margin-bottom: 6%;
}
/*************************
*******Header******
**************************/

#header .search{
  display: inline-block;
}

/**********************
******NAVIGATION*******
***********************/
.top-number{
  color: #fff;
  margin-top: 7px;
}
.top-number .fa{color: #fff ;}
.top-email p > a{
	color: #fff;
	
}
.top-email {
  margin-top: 7px;
}
.top-email p > .fa{
	color: #fff ;
	margin-left:30px;
}
.top-number p{
  margin: 0
}

.social{
  text-align: right;
  padding-bottom: 8px;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #3f51b5;
  width:35px;
  height:35px;
  line-height:35px;
  text-align: center;
  border:1px solid #fff;
}
.top-bar {
  padding-bottom: 5px;
  padding-top: 15px;
  background:rgba(0, 0, 0, 0) linear-gradient(170deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0;
}
ul.social-share li a:hover {
  background: #fff ;
  color: #3f51b5;
  border:1px solid #fff;
}.navigation{
	background-color: rgba(255,255,255, 1);
	width:100%;
	position:relative;
	opacity: 1;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	border-bottom:2px solid #3f51b5;
}
.navigation .logo{
	padding-top: 20px;
}
nav {
    background-color: transparent !important;
    border: medium none !important;
	z-index:999;
}
.navigation.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
   -webkit-transition: all 0.9s ease;
   -moz-transition: all 0.9s ease;
   -o-transition: all 0.9s ease;
   transition: all 0.9s ease;
   -ms-transition: all 1s ease;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}
.navbar-brand {
  padding: 0;
  margin:0;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background: #151515;
  padding:0;
  padding-bottom: 0;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fdb813;
}
.navbar-header {
  margin-top:5px;
}

.navbar-nav>li{
  margin-left:13px;
}

.navbar-inverse .navbar-nav > li > a {
  padding:25px 20px;
  margin: 0;
  color: #222222;
  line-height: 24px;
  display: inline-block;
  border-top: 4px solid transparent;
  margin-top: 5px;
}

.navbar-inverse .navbar-nav > li > a:hover{
  background-color: transparent;
  border-top: 4px solid #3f51b5;
  color: #3f51b5;
  margin-top: 5px;
}

.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  border-top: 4px solid #3f51b5;
  color: #3f51b5;
  margin-top: 5px;
  font-size:16px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #3f51b5;
  color: #fff;
  border-top: 4px solid #3f51b5;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
  margin-right:-36px;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #3f51b5;
  border-top: 4px solid #3f51b5;
}
/*************************
*********Home Page********
**************************/


#main-slider {
  position: relative;
  padding:0;
}
#main-slider .carousel .carousel-content {
  margin:13% 0;
 }
#main-slider .carousel  h2{
  color: #fdb813;
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  padding: 5px 20px;
  display: inline-block;
  font-family: 'robotoregular';
}
#main-slider .carousel h1 {
  background:rgba(34, 34, 34, 0.9);
  color: #fff ;
  display: inline-block;
  font-size: 34px;
  padding: 5px 20px;
  margin-top:0;
  font-family: 'robotoregular';
}
#main-slider .carousel  strong{
  color: #fff ;
  font-family: 'robotobold';
}
#main-slider .carousel .btn-slide {
  padding:13px 50px;
  background: #3f51b5 ;
  color: #fff;
  border-radius:0;
  margin-top: 25px;
  display: inline-block;
  font-size:20px;
}
#main-slider .carousel .btn-slide:hover{
  color:#3f51b5 ;
  background:#fff;
}
#main-slider .carousel .active.btn-slide.animation.animated-item-1 {
  padding:13px 50px;
  background: #fdb813 ;
  color: #fff;
  border-radius:0;
  margin-top: 25px;
  display: inline-block;
  font-size:20px;
}
#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background:transparent;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border:1px solid #fff;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #fdb813;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #fdb813 ;
   margin: 0 15px 0 0;
   border: 1px solid #fdb813 ;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #fdb813 ;
  border: 1px solid #fdb813 ;
  left: -3px;
  top: -3px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 1100ms linear 1100ms both;
  -moz-animation: fadeInUp 1100ms linear 1100ms both;
  -o-animation: fadeInUp 1100ms linear 1100ms both;
  -ms-animation: fadeInUp 1100ms linear 1100ms both;
  animation: fadeInUp 1100ms linear 1100ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: bounceInLeft 1000ms linear 600ms both;
  -moz-animation: bounceInLeft 1000ms linear 600ms both;
  -o-animation: bounceInLeft 1000ms linear 600ms both;
  -ms-animation: bounceInLeft 1000ms linear 600ms both;
  animation: bounceInLeft 1000ms linear 600ms both;
}
#main-slider .active .animation.animated-item-5 {
  -webkit-animation: bounceInRight 1000ms linear 1000ms both;
  -moz-animation: bounceInRight 1000ms linear 1000ms both;
  -o-animation: bounceInRight 1000ms linear 1000ms both;
  -ms-animation: bounceInRight 1000ms linear 1000ms both;
  animation: bounceInRight 1400ms linear 1000ms both;
}
/*************************
**********About us********
*************************/
#tabs-section {
  background: #222222;
  position: relative;
}

#tabs-section .about-us-box h1::after {
  background: #fdb813;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 30px;
}
#tabs-section .about-us-box h2 {
  color: #fff;
  font-size:25px;
  margin: 0 0 20px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
#tabs-section .about-us-box p {
  margin-bottom: 0;
  color:#fff;
}
.about-box > p {
  color: #fff;
}
.about-box h2{
	color:#fff;
	font-size:25px;
	margin-top:40px;
}
#tabs-section .about-us-box .about-us-post {
  margin-top: 30px;
  overflow: hidden;
}
#tabs-section .about-us-box .about-us-post a {
  background: #333333;
  color: #ffffff;
  display: inline-block;
  float: left;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
  width: 60px;
}
#tabs-section .about-us-box .about-us-post a:hover{
	background:#fdb813 ;
}
#tabs-section .about-us-box .about-us-post h4 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  margin: 10px 0 6px 80px;
}
#tabs-section .about-us-box .about-us-post span {
  color: #eeeeee;
  display: block;
  font-family: georgia;
  font-size: 11px;
  font-style: italic;
  margin: 0 0 0 80px;
}

/************latest-work*************/

.latest-work-border {
  border: 1px solid #f7f7f7;
  padding: 20px;
}
.latest-work-title, .latest-work-title a {
  color: #222 !important;
  font-size: 18px;
  letter-spacing: 0.6px;
}
.latest-work-border .latest-work-title {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 20px;
}
.latest-work-border .latest-work-meta {
  border-bottom: 0 solid #f7f7f7;
  border-top: 0 solid #f7f7f7;
  margin: 5px 0 0;
  padding: 0 0 5px;
}
.latest-work-meta span {
  padding-right: 5px;
}
.latest-work-meta span a {
  color: #999 !important;
  font-size: 12px;
  font-style: italic;
}
.latest-work-meta span i {
  margin-right: 4px;
  color:#fdb813;
}
.readmore {
  text-decoration: underline;
}
.latest-work-wrap {
  position: relative;
  margin:2px;
}

.latest-work-wrap img{
  width: 100%;
}
.recent-work-wrap {
  margin:3px;
}
.img-bg {
  background: rgba(0, 0, 0, 0) linear-gradient(170deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0;
  color: #fff;
  font-size: 20px;
  height: 10%;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.latest-work-wrap .latest-work-inner{
  top: 0;
  background: transparent;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
  text-align:center;
}

.latest-work-wrap .latest-work-inner h3{
  margin: 10px 0;
}
.latest-work-inner > span {
  font-size: 20px;
  font-weight: bold;
}

.latest-work-wrap .latest-work-inner h3 a{
  font-size: 24px;
  color: #fff;
  margin:0;
}

.latest-work-wrap .latest-work-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #3f51b5;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  transition: opacity 1000ms;  
  padding: 25% 0;
}

.latest-work-wrap .latest-work-overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}
.latest-work-wrap:hover .latest-work-overlay {
  opacity:1;
  background:rgba(63, 81, 181, 0.8);
}
.latest-work-wrap .latest-work-inner span {
  border-radius: 8px;
  height: 43px;
  line-height: 43px;
  transform: rotate(45deg);
  width: 43px;
}
.latest-work-wrap .latest-work-inner span a .fa{
  transform: rotate(-45deg);
}
.latest-work-wrap .latest-work-inner span, .whitehover .latest-work-wrap .latest-work-inner span {
  background-color: #fff;
  display: inline-block;
  font-size: 14px;
  margin: 0 10px !important;
}
/************************************
*******Services/Team overly css******
*************************************/
#Services .col-md-3 {
  padding: 0;
}
#Services .padding_0 .col-md-12{
	padding:0;
}

.overlay2{
	background-color:#37479f ;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);
}
.member-thumb {
  width:auto;
  position: relative;
}

.member-thumb .overlay2 h5 {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0;
  color:#fff;
}
.overlay2 > h3 {
  border-bottom:2px solid #fdb813;
  color: #fff;
  display: inline-block;
  padding-bottom: 8px;
}
.overlay2 a.btn-icon {
  margin-top:60px;
}
.overlay2 a.btn-icon:hover {
	color:#fdb813;
	background:#fff;
}
.member-thumb .overlay2 {
	font-size: 16px;
	padding: 20px;
	line-height: 24px;
}

.team-member h4 {
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 15px 0 8px;
}

.member-thumb:hover .overlay2 {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.team-member:hover h4 {
  color: #fdb813 ;
}

.team-member .social-links {
  margin-top:32%;
  margin-left:-18%;
}
.team-member .social-links li{  list-style:none; display:inline-block}
.team-member .social-links li a {
 	 background: #fdb813 none repeat scroll 0 0;
    border:1px solid transparent;
    color: #fff;
    display: inline-block;
    height:35px;
    line-height:35px;
    text-align: center;
    width:35px;;

}
.team-member .social-links li a:hover {
 	 background:transparent none repeat scroll 0 0;
    border:1px solid #fff;
    color: #fff;

}

/********************************** 
*******Our Recent Work filters*****
***********************************/
.recent-work-inner > h2 {
  color: #fff;
}
#our-work h2, #our-work h5, #our-work p {
  color: #fff;
}
.fancybox-effects-c:hover {
  color: #fff;
}
#our-work {
  background: #222222 none repeat scroll 0 0;
}
.work-filter #filters li:hover::before {
  left: 8px;
  opacity: 1;
  top: -12px;
  color:#fff;
}
.work-filter #filters li::before {
  border-left: 2px solid;
  border-top: 2px solid;
  left: 20px;
  top: -5px;
}
.work-filter #filters li::before, .work-filter #filters li::after {
  content: "";
  display: block;
  height: 9px;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 9px;
}
.work-filter #filters li:hover::after {
  bottom: -12px;
  opacity: 1;
  right: 8px;
  color:#fff;
}
.work-filter #filters li::after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  bottom: -5px;
  right: 20px;
}
.work-filter #filters li::before, .work-filter #filters li::after {
  content: "";
  display: block;
  height: 9px;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 9px;
}
.work-filter #filters li:hover {
  border-color: transparent;
  color: #fdb813 ;
}
.work-filter #filters li {
  border-left: 2px solid #ebebeb;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  line-height: 10px;
  padding: 0 25px;
  position: relative;
  cursor: pointer;
}
.work-filter #filters li:first-child {
  border-left-width: 0;
}
#our-work ul {
  margin-bottom:50px;
  margin-left:-63px;
}
#portfoliolist {
  margin: -18px;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 23%;
	margin: 1%;
	display: none;
	float: left;
	overflow: hidden;
}
.portfolio-wrapper {
	overflow: hidden;
	position: relative !important;
}
.portfolio img {
	max-width: 100%;
}
.our-work-item {
	overflow: hidden;
	position: relative;
	float: left;
	width:auto%;
}
.our-work-item .photo-thumb img {
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-work-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	opacity: 0;
	text-align: center;
	background: rgba(13,34,34,0.7);
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.our-work-overlay .icon-overlay {
	color:#fdb813;
	display: inline-block;
	opacity: 0;
	position: absolute;
	top: 5px;
	left: 40%;
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.our-work-overlay .icon-overlay i.fa:hover {
	color: #fff;
	background:transparent;
	border:1px solid #fff;
}
.icon-overlay i.fa {
  background: #fff none repeat scroll 0 0;
  color: #fdb813;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border:1px solid transparent;
}
h3.heading-overlay {
	background:rgba(0, 0, 0, 0) linear-gradient(170deg, #37479f 50%, #3f51b5 50%) repeat scroll 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 17px;
    margin: 0;
    padding: 15px 15px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    top: -20px;
    width: 100%;
    opacity: 0;
    z-index: 100;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.our-work-item:hover .our-work-overlay {
	bottom: 0;
	background: rgba(231,67,15,);
	opacity: 1;
} 
.our-work-item:hover .our-work-overlay .icon-overlay {
	top: 45%;
	opacity: 1;
}
.our-work-item:hover .heading-overlay {
	top: 0;
	background: rgba(231,67,15,);
	opacity: 1;
}
.our-work-item:hover .photo-thumb img {
	transform: scale(1.1);
}
/************************
*******Blogs*******
************************/
#blog-heading{
	padding-bottom:0;
}
#blogs{
	background:#222222;
}
#blogs h2 {
  color: #fff;
}
#blogs p {
  color: #fff;
}
.auto-blo-title-excerpt > p {
  color: #4e4e4e !important;
}
.auto-blog-masonry-items .auto-blog-item-wrapper {
  background-color: #fff;
}
.auto-blog-masonry-items .auto-blog-item-wrapper .auto-blog-img-wrapper {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.auto-blog-masonry-items .auto-blog-img-wrapper img {
  max-width: inherit;
  width: 100%;
}

.auto-blog-masonry-items .auto-blog-item-wrapper .auto-blog-img-wrapper .auto-blog-post-date {
  border: 2px solid #fdb813;
  left:15px;
  position: absolute;
  top:15px;
}

.auto-blog-masonry-items .auto-blog-item-wrapper .auto-blog-img-wrapper .auto-blog-post-date p {
  color: #fdb813;
  font-size: 15px;
  margin: 0;
  padding: 5px 10px;
}

.auto-blog-masonry-items .auto-blog-item-wrapper .auto-blo-title-excerpt {
  padding:0 20px 20px;
}

.auto-blog-masonry-items .auto-blog-item-wrapper .auto-blo-title-excerpt h3, .auto-blog-masonry-items .auto-blog-item-wrapper .auto-blo-title-excerpt h3 a {
  color: #000;
  font-size: 17px;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
}

.auto-blog-masonry-items .do-blog-item-wrapper .auto-blo-title-excerpt p {
  color: #888;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}
#blogs ul.replies {
  border-bottom: 1px solid #fdb813;
  padding:20px;
}

#blogs ul.replies li:first-child::before {
  content: "";
}
#blogs ul.replies li:nth-child(2)::before {
  content: "";
}
#blogs ul.replies li:last-child::before {
  content: "";
}
#blogs ul.replies li::before {
  display: inline-block;
  font-family: FontAwesome;
  width: 20px;
}


#blogs .text-center .btn {
  margin-top: 8%;
}
#blogs ul.replies li{
	list-style:none;
	font-size:12px;
	margin-bottom:5px;
	color:#0e5ba4;
}
#blogs ul.replies li a:hover {
  color: #fdb813;
}
#blogs .replies a{
	color:#4e4e4e;
}

.auto-blog-masonry-items.auto-blog-items {
	margin:10% 5px;
}
.auto-blo-title-excerpt > p{
	color:#4e4e4e;
}
.btn-icon2 > a {
  background: #fdb813 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  padding: 6px 20px;
}
.btn-icon2 > a:hover{
background: #2e375f none repeat scroll 0 0;
}

#blog-slider .owl-prev, #blog-slider .owl-next {
  border: 1px solid #fdb813;
  color: #fdb813;
  display: inline-block;
  margin-top: 30px;
  padding: 0 3px;
}
#blog-slider .owl-prev, #blog-slider .owl-next {
  border: 1px solid #fdb813;
  color: #fdb813;
  display: inline-block;
  margin-top: 30px;
  padding: 0 3px;
}
#blog-slider .owl-prev:hover, #blog-slider .owl-next:hover {
  background: #fdb813 none repeat scroll 0 0;
  color: #fff;
}
#blog-slider .owl-next {
  margin-left: 3px;
}
a.btn-icon {
  background: #0e5ba4 none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 6px 20px;
}
a.btn-icon:hover, a.btn-icon:focus {
  background: #fdb813 none repeat scroll 0 0;
  border: 1px solid #fdb813;
  color: #fff;
}
/**************  Providing *****************/


#large-call-to-action .col-md-4 {
  padding:0;
}
#large-call-to-action .col-md-8 {
  padding:0;
}
.bg {
  background-position: center center;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block:after {
  content: "";
  display: block;
  padding-top:80%;
}

#large-call-to-action .content {
  height:auto;
  padding:78px 98px;
  background:#222222;
}
#large-call-to-action h1 {
  color: #fff;
  font-size: 24px;
  line-height: 33px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#large-call-to-action p:last-of-type {
  margin-bottom: 0;
  color:#fff;
}
#large-call-to-action .btn-slide {
  background: #0e5ba4 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  margin-top: 25px;
  padding: 13px 50px;
}
#large-call-to-action .btn-slide:hover {
  background: #fdb813 none repeat scroll 0 0;
  color: #fff ;
}
#large-call-to-action {
  padding-bottom: 0;
  background:#222222;
}

/*******************************
********* testimonials *********
********************************/
#testimonials {
	background-image:url("../images/testimonial-bg.jpg");
	background-size:cover;
	background-attachment:fixed;
}
#testimonial-slider .item{
      margin:5px 0;
}
#testimonial-slider .item img{
      width:7%;
      height: auto;
}
#testimonials {padding-bottom: 60px;}
#testimonials-slider .testimonial-content .testimonial-detail {
	font-family:'robotoregular';
	padding: 20px 150px 20px 150px;
	color: #fff;
}
#testimonials-slider .testimonial-content .testimonial-image img {
	border:5px solid #fff;
	border-radius: 50%;
}
.testimonial-line {
	width: 10% !important;
	height: 1px;
	margin: 25px auto;
	display: block;
	border:0;
	border-top:1px solid #fff !important;
}
#testimonials-slider .testimonial-content .testimonial-detail p{
	font-family:'robotoregular';
	font-size: 18px;
	line-height: 1.5em;
	color:#fff;
}
#testimonials-slider .testimonial-content .testimonial-detail h3{
	font-family:'robotoregular';
	font-size: 18px;
	font-weight: bold;
}
.testimonial-detail.text-center > p {
  color: #fff;
  margin-top: 20px;
  padding: 24px 16%;
}
.testimonial-detail.text-center > h3,h4 {
  color: #fff;
}
#testimonials-slider .testimonial-content .testimonial-detail h3 {
	font-family:'robotoregular';
	font-size: 18px;
}
#testimonials .owl-theme .owl-controls .owl-buttons div {
	font-size: 30px;
	font-weight: normal;
	top: 40%;
}
#testimonials .owl-theme .owl-controls .owl-pagination {
	text-align: center;
	height: auto;	
}
#testimonials .owl-theme .owl-controls .owl-page {
	background: #fff; 
	text-align: center;
	margin-left: 5px;
	border:1px solid #fff; 
	transform:scale(0.5);
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
#testimonials .owl-theme .owl-controls .owl-page span {
	border:1px solid #fff;
	transform:scale(1) !important;
}
#testimonials .owl-theme .owl-controls .active {
	background: none;
	transform:scale(1);
}

#testimonials .owl-theme .owl-controls .owl-page span:hover {
    background: #fdb813;
}
#testimonials .owl-theme .owl-controls .active span {
    background: #fdb813;	
    opacity: 1;
}
#testimonials .owl-theme .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	left: 5px;
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
#testimonials .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
	left: -10px;
}
#testimonials .owl-theme .owl-controls .owl-buttons .owl-next:hover {
	right: -10px;
}

/***************************
********* logo-slider ******
****************************/
#partner {
  background-color: #eee;
  padding:45px 0;
}
#partner #logo-slider .item {
  margin: 5px 45px;
}
#partner #logo-slider .item img {
  display: block;
  width: 100%;
}


/***************************
********* Contact_us ******
****************************/
.contact-us-form {
  background-color: #fff !important;
  padding-bottom:80px;
}
#contact-us {
}
.contact-info {
  display: block;
  width: 100%;
}
.contact-info ul {
  margin: 0;
  padding: 0;
}
.contact-info li:first-child {
  padding-bottom: 37px;
}
.contact-info li {
  margin: 0;
  padding: 0 0 15px;
}
.contact-us-form .icon i {
  font-size:26px;
}
.contact-us-form .icon {
  border: 1px solid #0e5ba4;
  border-radius: 50%;
  height: 66px;
  margin-top: 4px;
  transition: all 0.3s ease-out 0s;
  width: 66px;
}
.contact-info .icon {
  color: #fdb813;
  float: left;
  font-size:33px;
  height:56px;
  position: absolute;
  width:57px;
  text-align:center;
}
.contact-info .item-position {
  margin-left: 70px;
  padding-left: 9px;
}
.contact-info .title {
  color: #212121;
  font-family: montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.contact-us-form .discription {
  font-family: open sans;
  font-size: 14px;
  line-height: 22px;
}
.contact-info li {
  margin: 0;
  padding: 0 0 15px;
  list-style:none;
}
.contact-info li:last-child {
  padding: 0;
}

.contact-form {
  margin: 0 auto;
  max-width: 1070px;
}
.contact-first-name {
  margin-right: 8px;
  width: 47.9%;
}
.contact-first-name, .contact-email {
  display: inline-block;
  margin-bottom: 10px;
}
.contact-form input, .contact-form textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  color: #333;
  display: inline-block;
  font-size: 15px;
  margin: 3px;
  padding: 15px;
}
.contact-email {
  margin-right: 0;
  width: 48.8%;
}
.contact-first-name, .contact-email {
  display: inline-block;
  margin-bottom: 10px;
}
.contact-form input, .contact-form textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  color: #333;
  display: inline-block;
  font-size: 15px;
  margin: 3px;
  padding: 15px;
}
.contact-form textarea.form-textarea {
  height: 179px;
  margin-bottom: 28px;
  resize: none;
  width: 98%;
}
.contact-form input, .contact-form textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  color: #333;
  display: inline-block;
  font-size: 15px;
  margin: 3px;
  padding: 15px;
}

.contact-form input, .contact-form textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  color: #333;
  display: inline-block;
  font-size: 15px;
  margin: 3px;
  padding: 16px 47% 16px 15px;
}
.contact-submit .submit {
  background: #0e5ba4 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: open sans;
  font-size: 20px;
  font-weight: 500;
  padding: 12px 70px;
}
.contact-submit .submit:hover {
  background: #fdb813 none repeat scroll 0 0;
  color: #fff;
  transform: rotateX(-7deg) scale(1.09);
  transition: all 0.7s ease 0s;
}
/***********************
********* Footer ******
************************/
.footer {
  padding: 72px 0;
}
.footer-section {
  background: #1a1f35 none repeat scroll 0 0;
  color: #ffffff;
}
.footer-title {
  position: relative;
  text-align: left;
}
.footer-title .title-position {
  display: inline-block;
  position: relative;
}
.footer-title .title {
  color: #ffffff;
  float: left;
  font-family: montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  margin-top: 7px;
  padding: 10px 10px 15px 0;
  text-transform: uppercase;
}
.footer .footer-logo {
  margin-top:10px;
}
.footer p {
  line-height: 23px;
  margin-top: 19px;
}
.footer-social ul {
  margin-bottom: 0;
  margin-top: 5px;
  width: 100%;
}
.footer-social li {
  bottom: 0;
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
  padding: 0;
  list-style:none;
}
.footer-social {
  margin-left: -40px;
  margin-top: 30px;
  text-align: left;
}
.footer-social li i {
  background: #0e5ba4 none repeat scroll 0 0 !important;
  color: #fff !important;
  font-size: 20px;
  height: 38px;
  line-height: 41px;
  text-align: center;
  width: 38px;
}
.footer-social li i:hover {
  background-color: #fdb813 !important;
  color: #fff;
  transform: rotateX(-7deg) scale(1.09);
  transition: all 0.7s ease 0s;
}
.footer .news-image:hover {
  transform: rotateX(-7deg) scale(1.09);
  transition: all 0.7s ease 0s;
  cursor:pointer;
}
.footer .icon:hover {
  background-color: #fdb813;
  transform: rotateX(-7deg) scale(1.09);
  transition: all 0.7s ease 0s;
  cursor:pointer;
}
.footer-line {
  border-color: #fff;
  margin: 0;
}
hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ddd;
  border-image: none;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 10px 0 30px;
}
.footer-recent-post ul {
  margin: 0;
  padding: 0;
}
.our-service ul li::before {
  color: #fdb813;
  content: "";
  font-family: fontawesome;
  margin-right: 9px;
}
.footer-recent-post ul li {
  margin:8px 0 0;
  padding: 15px 0 0;
  list-style:none;
}
.footer-recent-post ul li a {
  color: #fff !important;
}
.footer .news-image {
  float: left;
  margin-right: 10px;
}
.news-image > img {
  width: 70px;
}
.footer-recent-post .description a {
  color: #ffffff;
  font-family: open sans;
  font-size: 14px;
}
.footer-recent-post ul li a {
  color: #fff !important;
}
.footer-recent-post .date {
  color: #fdb813;
  font-family: montserrat;
  font-size: 14px;
  padding-bottom: 9px;
}


.footer .icon {
  border: 1px solid #ffcc00;
  border-radius: 50%;
  float: left;
  height: 40px;
  margin-right: 13px;
  text-align: center;
  width: 40px;
}
.footer .icon i {
  font-size: 18px;
  line-height: 39px;
}
.footer p {
  line-height: 23px;
  margin-top: 19px;
}
.description p {
  line-height: 0 !important;
  margin-top: 20px !important;
}

.footer-bottom {
  background-color: #222222;
  padding: 23px 0;
}
.copy-right {
  color: #676767;
  font-family: open sans;
  font-size: 14px;
  text-align: center;
}
.copy-right a {
  color: #676767 !important;
}
/*****************
Responsive
*****************/


/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  ul.social_icons li{
    margin-right: 0;
  }
  	.subbutton {
  	margin-top: 3px;
  	padding: 9px 97px;
	}

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 20px;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .services-wrap {
    padding: 40px 0 40px 30px;
  }

  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }
 
  	.effect-selena h4{ font-size:14px; }
	.effect-selena p{ font-size:12px; } 
	.subscibe {
 	 padding: 8px 31px 8px 12px;
		}
	.subbutton {
  	margin-top: 3px;
  	padding: 9px 78px;

		}
	.footer-box #latest-work img {
 	 margin-right: 6px;
	}
	
}

/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }

  .top-number{
    font-size: 14px;
  }

  input.search-form:hover {
    width: 120px;
  }

  .navbar-nav > li {
    padding-bottom: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 16px;
  }

  .media.accordion-inner .pull-left, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .accordion-inner h4 {
    margin-top: 10px;
  }

  .tab-wrap .media .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .media-body{
    clear: both;
  }

  .nav-tabs > li.active > a:after{
    display: none;
  }

  #footer .col-sm-6{
      text-align:center;
  }
  
   #footer .pull-right{
      float: none !important;
  }

  .team .single-profile-top, 
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }

  .clients-area {
    padding: 60px 0;
  }

  .clients-area h1 {
    font-size: 25px;
  }

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  .blog .blog-item .entry-meta{
    margin-bottom: 20px;
  }

  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }

  .post_reply_comments {
    padding-left: 20px;
  }
  .top-email p > .fa {
  margin-left:0;
}
#portfoliolist .portfolio {
	width: 48%;
	margin: 1%;
}
  .navbar-inverse .navbar-nav > li > a {
  display: block;
  margin-right:18px;
  }
  .top-bar {
	  display:none;
}
.contact-form input, .contact-form textarea {
	padding:0;
}

}

/* XS Portrait */
@media (max-width: 480px) {
.top-email p > .fa {
  margin-left:0;
}
	.effect-selena h4{
		display:none;
	}
	.navbar-brand > img {
  	margin-top: -10px;
}
.recent-work-wrap .overlay {
  padding: 11px 8px;
  
}
  .navbar-inverse .navbar-nav > li > a {
  display: block;
  margin-right:18px;
  }
  .top-bar {
	  display:none;
}
.contact-form input, .contact-form textarea {
	padding:0;
}

}