@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato:400,600,900);
/*==========================================================*/
/* Main Elements
/*==========================================================*/
html,
body {
  margin: 0;
  padding: 0;
  height:100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  width:100%;
  overflow:hidden;
}

a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  color: #2C3E50;
}
a:hover {
  color: #000;
  text-decoration: none;
}
img {
  max-width: 100%;
}

hr {
  border-color: #f0f0f0;
  margin: 30px 0;
}
video{
width:100%;
height:120%;
}
/*==========================================================*/
/* Preloader
/*==========================================================*/
#preloader {
  position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 9999;}
#status {width: 64px;height: 64px;position: absolute;left: 50%;top: 50%;background-image: url(../img/Preloader_1.gif);background-repeat: no-repeat;
  background-position: center;margin: -32px 0 0 -32px;}
  
/*==========================================================*/
/* Typography
/*==========================================================*/
body {
  font-family: 'Open Sans', sans-serif;
  color: #646464;
  font-size: 16px;
  font-weight: 300;
  line-height: 180%;
  background: #2C3E50;
}
h1,h2,h3,h4,h5,h6,.hfont {font-family: 'Open Sans', sans-serif;font-weight: 300;line-height: 160%;color:#fff; /*#212121*/}
h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
h7 {font-size: 16px;}
h8 {font-size: 14px;}
h9 {font-size: 12px;}
address {line-height: 180%;}

/*==========================================================*/
/* common class
/*==========================================================*/
.text-color{color:#2C3E50;}
.text-white{color:#fff;}
.margin0{margin:0px !important;}
.margint5{margin-top:5px !important;}
.margint10{margin-top:10px !important;}
.margint20{margin-top:20px !important;}
.margint30{margin-top:30px !important;}
.margint40{margin-top:40px !important;}
.margint50{margin-top:50px !important;}
.margint60{margin-top:60px !important;}
.margint70{margin-top:70px !important;}
.margint80{margin-top:80px !important;}
.margint90{margin-top:90px !important;}
.margint100{margin-top:100px !important;}
.margint120{margin-top:120px !important;}
.marginb10{margin-bottom:10px !important;}
.marginb20{margin-bottom:20px !important;}
.marginb30{margin-bottom:30px !important;}
.marginb40{margin-bottom:40px !important;}
.marginb60{margin-bottom:60px !important;}
.marginb80{margin-bottom:80px !important;}
.marginb90{margin-bottom:90px !important;}
.marginb100{margin-bottom:100px !important;}
.marginb120{margin-bottom:120px !important;}
.padrl20{padding:0 20px;}
.padrl50{padding:0 50px;}
.marginl20{margin-left:20px;}
.padt20{padding-top:20px;}
.padt40{padding-top:40px;}
.padt80{padding-top:80px;}
.padt60{padding-top:60px;}
.padb30{padding-bottom:30px;}
.padb40{padding-bottom:40px;}
.padb60{padding-bottom:60px;}
.padb80{padding-bottom:80px;}
.padb100{padding-bottom:100px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.relative-position{position:relative !important}

/*==========================================================*/
/* button class
/*==========================================================*/
.theme-btn{display: inline-block;font-size: 13px;font-style: normal;font-weight: 700;letter-spacing: 1px;padding: 12px 33px;color:#212121;text-align: center;
    text-decoration: none;cursor:pointer;text-transform: uppercase;position:relative;margin-top:10px;border:3px solid #2C3E50;background:none;line-height:28px;
	transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;}
.theme-btn:hover,.theme-btn:focus{background-color:#2C3E50;color:#fff;transform: translateY(-6px);-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;-webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;}

.white-btn{color:#fff;border:3px solid #fff;}
.white-btn:hover,.white-btn:focus{background-color:#fff;color:#2C3E50;border-color:#fff;transform: translateY(-6px);-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;-webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;}

.white-btn-fill{color:#2C3E50;border-color:#fff !important;background-color:#fff;}
.white-btn-fill:hover,.white-btn-fill:focus{color:#2C3E50;background:none !important;transform: translateY(-6px);-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;-webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;}

.color-btn{background-color:#2C3E50;color:#fff;}
.color-btn:hover,.color-btn:focus{background-color:none;color:#fff;border-color:#2C3E50;transform: translateY(-6px);-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;-webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;}

.theme-btn i{
font-size:18px;
}
.theme-btn-fill{background-color: #2C3E50;}

/*==========================================================*/
/* Helper Classes
/*==========================================================*/
.hidden {display: none;}
.small {font-size: 80%;}
.white,
.white > * {color: #FFFFFF !important;}
.sidebar-left .main-column {float: right;}
/* Overlays */
.overlay:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background:url("../img/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}
/* Responsive */
@media (max-width: 991px) {
  .sidebar-left .main-column {
    float: none;
  }
}

/*==========================================================*/
/* Nice scroll
/*==========================================================*/

.nicescroll-rails div{border:none !important;background-color:#2C3E50 !important}

/*==========================================================*/
/* Header
/*==========================================================*/
#top {background-color:rgba(0, 0, 0, 0);width: 100%;height: 80px;position: absolute;top: 0;z-index: 1; -webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
#top.shadow {box-shadow: 0px 0px 20px -10px #000000;}
.sidebar-open #top.shadow,#top.portfolio-open {box-shadow: none !important;}
/* Sidebar button */
#sidebar-button {color: #FFFFFF;font-size: 30px;left: 40px;line-height: 1px;margin-top: -15px;position: absolute;top: 50%;}
#sidebar-button.open {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
/* Logo */
#logo {left: 182px;position: absolute;text-align: center;text-transform: uppercase;top: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
/* Header social icon */
#nav-social {width: 100px;position: absolute;right: 40px;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#nav-social a { color: #FFFFFF;display: inline-block;font-size: 20px;height: 30px;text-align: center;width: 30px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
#nav-social a:hover {transition: all 0.3s linear;-webkit-transition: all 0.3s linear;color:#2C3E50;}
/* Fullscreen slider navigation arrows */
#nav-arrows {height: 40px;position: absolute;top: 50%;width: 100%;z-index: 10;}
#nav-arrows a {font-size: 48px;color:#fff}
#nav-arrows a.nav-left {
animation: 1s ease 1s normal none 3 hero-right;
-webkit-animation: 1s ease 1s normal none 3 hero-right;
-moz-animation: 1s ease 1s normal none 3 hero-right;
    background-image: url("../img/right.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    float: left;
    margin-left: 2.6em;
	 cursor: pointer;
    height: 50px;
    width: 50px;
}
#nav-arrows a.nav-right {
animation: 1s ease 1s normal none 3 hero-right;
-webkit-animation: 1s ease 1s normal none 3 hero-right;
-moz-animation: 1s ease 1s normal none 3 hero-right;
    background-image: url("../img/left.png");
    background-position: 33px center;
    background-repeat: no-repeat;
    float: right;
    margin-right: 2.6em;
	cursor: pointer;
    height: 50px;
    width: 50px;
}
@keyframes hero-right {0% {margin-right: 2.6em;}50% {margin-right: 2.2em;}100% {margin-right: 2.6em;}}
@-webkit-keyframes hero-right {0% {margin-right: 2.6em;}50% {margin-right: 2.2em;}100% {margin-right: 2.6em;}}
@-moz-keyframes hero-right {0% { margin-right: 2.6em;}50% {margin-right: 2.2em;}100% {margin-right: 2`.6em;}}
/* Portfolio close button */
#portfolio-close {width: 24px;height: 24px;background: url("../img/close.png") no-repeat;
  position: absolute;right: 40px;top: -24px;opacity: 1;}
.portfolio-open #portfolio-close {opacity: 1;top: 50%;margin-top: -10px;}
.portfolio-open #nav-social{right:95px;}
/*==========================================================*/
/* Main wrapper
/*==========================================================*/
#main-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
  position: relative;
  overflow: hidden;
  
}
/*==========================================================*/
/* Content
/*==========================================================*/
#content {
  position: relative;
  left: 0;
  z-index: 9999;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-image: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sidebar-open #content {
  -ms-transform: translate(300px, 0);
  -webkit-transform: translate(300px, 0);
  transform: translate(300px, 0);
}
/* Main and sidebar column responsiveness */
@media (max-width: 991px) {
  .sidebar-column {
    margin-top: 40px;
  }
}
/* Content overlay */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: initial;
  transition: initial;
}
.sidebar-open #overlay {
  width: 100%;
  height: 100%;
  left: 300px;
  opacity: 1;
  z-index: 9999;
  -webkit-transition: opacity 0.5s 0.5s;
  transition: opacity 0.5s 0.5s;
}
/* Responsive */
@media (max-width: 991px) {
  .sidebar-open #content {
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .sidebar-open #overlay {
    left: 100%;
  }
}
/*==========================================================*/
/* Collapsible sidebar
/*==========================================================*/
#sidebar {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 300px;
  height: 100%;
  background: #2C3E50;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  padding-top: 160px;
}
.sidebar-open #sidebar {
  visibility: visible;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-speed: 0.2s;
  transition-speed: 0.2s;
}
#sidebar:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.sidebar-open #sidebar:after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
#widgets {
  max-height: 100%;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  bottom: 60px;
}
/* Responsive */
@media (max-width: 991px) {
  #sidebar {
    width: 100%;
    background: #2C3E50;
  }
}
/*==========================================================*/
/* Main menu
/*==========================================================*/
#mainmenu ul {
  margin: 0;
}
#mainmenu ul li a {
  padding: 0 40px;
  width: 100%;
  line-height: 50px;
  display: inline-block;
  color: #dfdfdf;
  text-decoration: none;
   -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#mainmenu ul li a:hover,
#mainmenu ul li a.active {
  background: #FFF;color:#404040;
   -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#mainmenu ul li.expandable > a:after {
  content: '\35';
  float: right;
  font-family:'ElegantIcons';
  color:#dfdfdf
}
#mainmenu ul li.expandable.expanded > a:after {
  content: '\33';
  font-family:'ElegantIcons';
  color:#404040
}
#mainmenu ul li.expandable > a.active:after {
color:#222;
}
/* Submenu */
#mainmenu ul li > ul {
  display: none;
  overflow: hidden;
  margin-left: 40px;
}
#mainmenu ul li > ul li {
  position: relative;
}
#mainmenu ul li > ul li:after {
   color: #FFFFFF;
    content: "\35";
    font-family: ElegantIcons;
    font-size: 14px;
    left: 18px;
    position: absolute;
    top: 11px;
    width: 25px;
}
#mainmenu ul li > ul li a {
  background: none !important;
}
#mainmenu ul li > ul li a:hover,
#mainmenu ul li > ul li a.active {
  color:#fff;
   -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/* Responsive */
@media (max-width: 991px) {
  #mainmenu ul li a {
    text-align: center;
  }
  #mainmenu ul li.expandable > a:after {
    float: none;
    margin-left: 5px;
  }
  #mainmenu ul li > ul {
    border-left: none;
    margin-left: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }
  #mainmenu ul li > ul li:after {
    display: none;
  }
  #mainmenu ul li > ul li a {
    opacity: 0.5;
  }
}
/*==========================================================*/
/* Copyright
/*==========================================================*/
.copyright {width: 100%;margin: 0;line-height: 20px;position: fixed;bottom: 0;font-size: 12px;color:#fff;opacity: 0.5;padding: 0 40px;}
/* Responsive */
@media (max-width: 991px) {
  .copyright {
    text-align: center;
  }
}

/*==========================================================*/
/* Swiper slider
/*==========================================================*/
#fullscreen-slider{min-height:600px !important;}
.swiper-container {
  overflow: hidden;
}
.swiper-slide {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.swiper-slide video {
  position: absolute;
}
/* Navigation Arrows */
.swiper-container .nav-arrow {
  position: absolute;
  top: 50%;
  font-size: 24px;
  margin-top: -20px;
  color: #202020;
  width: 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 2;
  color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
}
.swiper-container .nav-left {
  background-image: url("../img/right.png");
  left: 15px;
}
.swiper-container .nav-right {
  background-image: url("../img/left.png");
  right: 15px;
}
/* Captions (fullscreen) */
.wrap {
    transition: opacity 0.8s ease 0s;
}
.swiper-slide .wrap {
    -moz-box-sizing: border-box;
    padding-left: 8%;
    padding-right: 8%;
    width: 100%;
}
.swiper-slide .wrap {
    height: 100%;
    max-width: 9999px;
    padding-bottom: 0;
    padding-top: 0;
	position:relative;
	z-index:99;
}
.hero-text {
    color: #FFFFFF;
	margin:0 auto;height: auto;max-width: 950px;top:50%;position: relative;text-align:center;z-index: 10;display:block;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.swiper-slide .hero-logo {
    background-image: url("../img/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 254px;
    margin: auto auto 0;
    max-width: 254px;
	-webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
  opacity: 0;
}
.small-logo{
    background-size: 66px 93px;
    height: 93px !important;
    width: 66px;
}
.swiper-slide .hero-text .hero-title h1 {
    font-size: 48px;
    margin: 37px 0 13px;
    text-align: center;
	font-weight:700;
	line-height:1.1em;
	text-transform:uppercase;
	width:100%;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.8);
}
.swiper-slide .hero-text {
    text-align: center;
}
.hero-text {
    color: #FFFFFF;
    text-align: center;
}
.swiper-slide p {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 42px;
}

.hero-text a {
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 9px 33px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.hero-text a:hover {
    opacity: 0.9;
   transition: all 0.3s linear;
}
.hero-text a:active {
    opacity: 0.666;
    transition: opacity 0s ease 0s;-webkit-transition: opacity 0s ease 0s;
}
#fullscreen-slider .swiper-slide h1,#innerheader-slider .swiper-slide h1,#fullscreen-slider .swiper-slide p {
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
  opacity: 0;
}
#fullscreen-slider .swiper-slide-active h1,#innerheader-slider .swiper-slide-active h1,#fullscreen-slider .swiper-slide-active p {
  opacity: 1;
}
#fullscreen-slider .swiper-slide-active .hero-logo,#innerheader-slider .swiper-slide-active .hero-logo {
  opacity: 1;
}
#fullscreen-slider  .mouse-icon {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid;
    border-radius: 15px 15px 15px 15px;
    bottom: 30px;
    cursor: pointer;
    height: 44px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: all 0.3s linear 0s;
    width: 30px;
}
#fullscreen-slider  .white {
    border-color: #FFFFFF;
}
#fullscreen-slider  .mouse-icon:hover {
    opacity: 0.3 !important;
    transition: all 0.3s linear 0s;
}
#fullscreen-slider  .mouse-icon .wheel {
    animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
    border-radius: 50% 50% 50% 50%;
    height: 12px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    right: 0;
    width: 12px;
}
@-moz-keyframes magic-mouse-icon {
	0% {
	    margin-top: 6px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 18px;
	    opacity: 0;
	}
}
@-webkit-keyframes magic-mouse-icon {
	0% {
	    margin-top: 6px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 18px;
	    opacity: 0;
	}
}
@-o-keyframes magic-mouse-icon {
	0% {
	    margin-top: 6px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 18px;
	    opacity: 0;
	}
}
@keyframes magic-mouse-icon {
	0% {
	    margin-top: 6px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 18px;
	    opacity: 0;
	}
}
#fullscreen-slider .white .wheel {
    background-color: #FFFFFF;
}
.page-down {
    background: url("../img/page-down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 78px;
    opacity: 0.6;
    width: 78px;
}

/*==========================================================*/
/* Buttons
/*==========================================================*/
.btn {border-radius: 0;border: none !important;background: #f0f0f0;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;color: #202020 !important;
  margin-left: 0 !important;margin-right: 0 !important;}
.btn:hover {background: #d7d7d7;}
.btn:active,.btn.active,.btn:focus,.btn:active:focus,.btn.active:focus {box-shadow: none;outline: none;}
.btn i,.btn span {margin-right: 12px;}
.btn-lg i,.btn-lg span {margin-right: 12px;}
.btn-icon-only i,.btn-icon-only span {margin-right: 0;}
.btn-invert {background: #202020;color: #ffffff !important;}
.btn-invert:hover {background: #060606;}
.btn-color {background: #2C3E50;color: #ffffff !important;}
.btn-color:hover {background: #FF5555;box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;-webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-6px);-ms-transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);}
.input-group .form-control {padding: 6px 12px;height: 34px;}
.input-group .btn {border: 1px solid transparent !important;}

/*==========================================================*/
/* Form elements
/*==========================================================*/
label {font-weight: inherit;}
label.error {font-size: 80%;}
label .form-required {color: red;}
.form-control {background: #f0f0f0;border: none;box-shadow: none !important;border-radius: 0;padding: 10px 15px;max-width: 100%;height: auto;}
input.half {width: 50%;}
/* Responsive */
@media (max-width: 991px) {
  input.half { width: 100%;}
}
/*==========================================================*/
/* Pagination
/*==========================================================*/
.pag {text-align: center;list-style: none;margin-top: 70px;}
.pag li {display: inline-block;}
.pag li a {background: #ffffff;color: #202020;padding: 8px 15px;}
.pag li a:hover,.pag li.active a {background: #2C3E50;color: #ffffff;}

/*==========================================================*/
/* Map
/*==========================================================*/
iframe {margin-bottom: 0 !important;border: none !important;display: block;}

/*==========================================================*/
/* Masonry
/*==========================================================*/
.masonry {margin-top: -40px;}
.masonry > article {margin-top: 40px;}
/* Responsive */
@media (max-width: 991px) {
  .masonry > article { width: 100%;}
}

/*==========================================================*/
/* Isotope
/*==========================================================*/
.isotope-container {overflow-y: scroll !important;-webkit-overflow-scrolling: touch;}
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
/* Transitions */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;

}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/* Filter dropdown list */
.filter {padding-right: 290px !important;}
.filter-dropdown {background: none repeat scroll 0 0 #2C3E50;cursor: pointer;height: 60px;text-transform: none;width: 100%;}
.filter-dropdown ul {list-style: none outside none;margin: 0;padding: 0;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;
    width: 100%;text-align:center}
.filter-dropdown ul li {line-height: 60px;color:#fff;width: 100px;padding: 0 20px;cursor: pointer;display:inline-block;}
.filter-dropdown ul li.active{background:#fff;color:#222;}
.filter-dropdown ul li:hover {background: #fff;color:#222}
/* Responsive */
@media (max-width: 991px) {
  .isotope > article {width: 100% !important;}
  .filter { padding-right: 20px !important;}
  .filter-dropdown { width: 100%;position: relative;right: 0;top: 0;margin-top: 40px;text-align: left;}
}

/*==========================================================*/
/* Grid system
/*==========================================================*/
.container-fluid {margin-right: auto;margin-left: auto;padding: 40px;}
.row {margin-left:0px;margin-right:0px;}
/* Spacing */
.inner {padding: 40px;background: #ffffff;}
.inner > *:last-child {margin-bottom: 0;}
.inner .row {margin-bottom: 0 !important;}
.inner .row > div > * {margin-bottom: 30px;}
.inner .row:last-child > div:last-child > *:last-child {margin-bottom: 0;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { position: relative; padding-left: 20px; padding-right: 20px;}
/* Responsive */
@media (min-width: 992px) {
  /* Spacing */
  .container-fluid { padding: 80px;}
  .inner .row:last-child > div > *:last-child {margin-bottom: 0;}
  /* Columns */
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left;  }
  .col-12 { width: 100%; }
  .col-11 { width: 91.66666667%; }
  .col-10 { width: 83.33333333%; }
  .col-9 {  width: 75%; }
  .col-8 {  width: 66.66666667%;  }
  .col-7 {  width: 58.33333333%;  }
  .col-6 {  width: 50%;  }
  .col-5 {  width: 41.66666667%;  }
  .col-4 {  width: 33.33333333%;  }
  .col-3 {  width: 25%;  }
  .col-2 {  width: 16.66666667%;  }
  .col-1 {  width: 8.33333333%;  }
}

/*==========================================================*/
/* Individual page style
/*==========================================================*/

/*==========================================================*/
/* About
/*==========================================================*/
.overlay:after {
  background:url("../img/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#top{background:none}
#top.shadow {box-shadow: 0 0 20px -10px #000000;-webkit-box-shadow: 0 0 20px -10px #000000;background:#2C3E50;}
.color{color:#2C3E50}
.header-block .swiper-container{height:450px;}
.top-header{padding:40px 0;position:relative;}
.heading-text h1{font-size: 48px;font-weight: 700;line-height: 1em;text-align: center;text-transform: none;width: 100%;letter-spacing:-2px;font-family:'Lato';color:#2C3E50}
.heading-text h1 span{position:relative;}	
.heading-text p{margin-top:30px;font-size: 20px;   font-weight: 300;   background:none !important; font-style:italic;}

#about-us{background:#F8F8F8;}
.about-us-2 .titles-wrapper {padding-right: 5%;}
.titles-wrapper .heading-text{padding:0;}
.titles-wrapper .heading-text h1{margin-top:0;text-align:left}
.swiper .swiper-slide .hero-text .hero-title h1{font-size: 28px;margin-top:0;text-shadow:none;}
.hero-text .about-desc{background:rgba(255,255,255,.8);text-align:left;height:350px; overflow:hidden;padding-left:60px;color:#666}
.hero-text .about-desc p{font-size:15px;}
.hero-text .about-desc p:first-child{font-weight:600;font-size:17px;}

#gallery-slider .item{position:relative;}
#gallery-slider .item img{ display: block;height: auto; max-width: 100%;-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.thumb-title {height: 100%;position: absolute;text-align: center;top: 0;width: 100%;}
.thumb-title > h5 {height: 20px;margin-top: -10px;opacity: 0;position: absolute;text-align: center; top: 50%;
    transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;
    width: 100%;color:#fff;}
.thumb-title > h5 span{background:#fff;color:rgba(239,54,53,1);padding:6px 10px;}
#gallery-slider .item:hover .thumb-title {background-color:rgba(239,54,53,.8);cursor:all-scroll;}
#gallery-slider .item:hover > a > .thumb-title > h5 {opacity: 1;transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;color:#fff;}
#gallery-slider .item:hover > a > .thumb-title > h5 {}
#gallery-slider .item:hover img{filter:none;-webkit-filter:none;}
.section-team {position: relative;background-color: #fff;padding: 60px 0;text-align: center;z-index:0;}
#team{background:#f8f8f8;}
#team .team-entry {color: #FFFFFF;float: left;margin-left: 0.5%;overflow: hidden;position: relative;text-align: center;width: 32.5%;}
#team .team-entry:last-child  .content{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
#team .team-entry:last-child .thumbnail-bg {opacity: 1;}
#team .team-entry:after {border: 1px solid rgba(255, 255, 255, 0.4);background-color:none repeat scroll 0 0 rgba(0, 0, 0, 0.1); content: "";
    display: block;height: 100%;left: 0;position: absolute;top: 0;transform: scale(0.92);-webkit-transform: scale(0.92);-moz-transform: scale(0.92);-o-transform: scale(0.92);-ms-transform: scale(0.92);width: 100%;z-index: 2;}
#team .team-entry img {height: auto;vertical-align: middle;width: 100%;position:relative;}
#team .team-entry .thumbnail-bg {background: none repeat scroll 0 0 #2C3E50;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 1;
transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
#team .team-entry .content {height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
    transform: scale(0.9);-webkit-transform: scale(0.9);transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;
    width: 100%;z-index: 100;}
#team .team-entry .content .v-outer {display: table;height: 100%;width:100%}
#team .team-entry .content .v-inner {display: table-cell;vertical-align: middle;}
#team .team-entry .content .title {font-size: 1.4em;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
#team .team-entry .content .categories {font-size: 0.8em;letter-spacing: 0;margin-bottom: 10px;text-transform: uppercase;}
#team .team-entry .content .categories .category {display: inline-block;margin: 0 1px;padding: 5px 0 0 0;}
#team .team-entry .content .description {font-size: 1em;font-weight: 300;line-height: 1.6em;margin: 0;padding: 40px 30px;}
#team .team-entry:hover .content {opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
#team .team-entry:hover .thumbnail-bg {opacity: 1;}
.social a {background: none repeat scroll 0 0 #FFFFFF;border-radius:50%;-webkit-border-radius:50%;color: #2C3E50;display: inline-block;font-size: 20px;height: 40px;line-height: 44px;
    margin: 0 9px 0 0;text-align: center;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;width: 40px;}
.social a:hover{
background:#EF4035;color:#fff;
}	
#facts {background:#f8f8f8;}
#facts .fact{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.f-block{transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
#facts .heading-text {font-size: 20px;font-weight: 300;background:none;}
#facts h5{font-weight:700;}
#facts .row > div .fe {font-size: 34px;height: 34px;line-height: 34px;width: 34px;color:#2C3E50;display:block;margin:0 auto;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;}
#facts .row > div h1 {font-size: 36px;margin: 0px 0 0;color:#2C3E50}
#facts .row > div span {font-size: 20px;line-height:18px;}
.f-block:hover h1{color:#EF4035 !important;}
.f-block:hover .fe{color:#EF4035 !important;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}

.actionpenal{text-align:right; }
.actionpenal h4{line-height:24px;font-size:18px;}
.actionpenal h4 span{font-size:18px !important;}

.section-testimonial{background: none repeat scroll 0 0 #86CCC5;position: relative;}
.section-testimonial p{color:#fff;}
.testi-header{background-color:#fff;padding:40px 0;position:relative;}
#testimonial{background:#f8f8f8;}
blockquote {background: none repeat scroll 0 0 #FFFFFF;border-left: 5px solid rgba(0, 0, 0, 0.1);font-size: 17.5px;padding: 40px 60px;margin:0;position:relative;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;}
blockquote .fe{color: #2C3E50;font-size: 78px;left: 0;line-height: 118px;position: absolute;top: 0;}
blockquote p {color: #595959;font-size: 18px;font-style: italic;font-weight: 500;letter-spacing: 0;line-height: 28px;}
blockquote cite {font-size: 14px;font-style: italic;font-weight: 500;}
blockquote:hover {background: none repeat scroll 0 0 #2C3E50;border-left: 5px solid #EF4035;color:#fff;}
blockquote:hover .fe {color:#fff}
blockquote:hover p {color:#fff}

#client{background-color:#f8f8f8;}
.client-logo{background-color:#fff;}
#client .item{padding:40px 20px;opacity:.8;position:relative;display:block}
#client .heading-text {font-size: 20px;font-weight: 300;background:none;}

.awards:after {
  border: 1px solid rgba(255, 255, 255, 0.1);content: ""; display: block;height: 94%;left: 1%;position: absolute;top: 3%;width: 98%;z-index: -1;}
.awards {background-image: url("../img/contact_section.jpg");background-repeat:no-repeat;background-attachment:scroll;background-size:cover;height: 430px;position: relative;
    width: 100%;z-index:1;}
.awards .award-content {margin-top: 100px;border-top:6px solid #fff}
.awards .award-content h2{color:#fff;margin-bottom:0;}
.awards .award-content p{color:#fff;font-style:italic;}
.award-content i{font-size:100px;line-height:140px;color:#fff; transition: all 0.3s ease-in-out 0s;}
.award-content i:hover{color:#2C3E50;}

.bye-theme{background:#EF4035;color:#fff;padding:40px 0;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;}
.bye-theme:hover{background:#2C3E50;}

footer .copyrightinner {font-size: 15px;font-weight: 500;line-height: 20px;margin-right: 40px;padding: 40px 0;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}
a.back_top {background-color: #f2f2f2;font-size: 46px;color: #C1CDD0;display: inline-block;height: 100px;line-height: 100px;margin: 0 0 0 -3px;text-align: center;
    width: 100px;}
a.back_top:hover {background-color: #2C3E50;}

/*==========================================================*/
/* Services
/*==========================================================*/
.services-2 .titles-wrapper {padding-right: 5%;}
.service-intro{background-color:#2C3E50;}
.service-intro ul.services i { color: #fff;}
.service-intro ul.services h5{color:#fff}
.service-intro ul.services p{color:#fff;}
.services > article {margin-top: 40px;position: relative; transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.services-con{border-bottom:1px solid #dfdfdf;}
.service-box{margin-bottom:60px;}
.service-box h3{color: #595959;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;
     transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;
	font-size:20px;}
.service-box .image {background: #ffffff;position: absolute;width: 200px;padding-top: 0;height: 100%;top: 0;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.service-box:nth-child(2n) .image {right: 20px;}
.service-box .image i {position: absolute;font-size: 96px;top: 50%;left: 50%;color:#2C3E50;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.service-box .inner {margin-left: 200px;  transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.service-box:nth-child(2n) .inner {margin-left: 0;margin-right: 200px;text-align: right;}
.service-box:hover .image {box-shadow: 0 6px 0 #2C3E50 !important;-webkit-box-shadow: 0 6px 0 #2C3E50 !important;-moz-box-shadow: 0 6px 0 #2C3E50 !important;
	-o-box-shadow: 0 6px 0 #2C3E50 !important;transform: translateY(-6px);-webkit-transform: translateY(-6px);-o-transform: translateY(-6px);-moz-transform: translateY(-6px);}

.service-box:hover .inner {box-shadow: 0 6px 0 #2C3E50 !important;-webkit-box-shadow: 0 6px 0 #2C3E50 !important;-moz-box-shadow: 0 6px 0 #2C3E50 !important;
	-o-box-shadow: 0 6px 0 #2C3E50 !important; transform: translateY(-6px);-webkit-transform: translateY(-6px);-o-transform: translateY(-6px);-moz-transform: translateY(-6px);}
.service-box:hover h3 {color:#2C3E50;letter-spacing:0px;}

/* Responsive */
@media (max-width: 991px) {
  .service-box .image {position: relative;width: 100%;height: auto; text-align: center; padding-top: 40px;}
  .service-box:nth-child(2n) .image { right: auto;  }
  .service-box .image i { position: relative; top: 0;left: 0;-ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0);  }
  .service-box .inner {margin: 0 !important; text-align: center !important; }
}

/* SERVICE - 2*/
.service-intro .col1 {padding: 0 40px;text-align: left;}
.service-intro .col1 .nbr {color: #FFFFFF;display: block;font-size: 20px;font-style: italic;font-weight: 300;padding-bottom: 15px;position: relative;text-align: left;}
.service-intro .col1 .title {color: #FFFFFF;display: block;font-size: 28px; padding-bottom: 15px;text-align: left;font-weight: 700;letter-spacing: 0px;text-transform: uppercase;margin:0;transition: all 500ms ease 0s;-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;-o-transition: all 500ms ease 0s;}
.service-intro .col1 .col-text {color: #FFFFFF;font-size: 17px;line-height: 1.8em;text-align: left;}

/* SERVICES */
.our-services{background:#F8F8F8;}
ul.services{list-style: none outside none;padding: 0;}
ul.services {border-top: medium none;margin:0 auto;overflow: hidden;}
ul.services:before, ul.services:after {content: "";display: table;}
ul.services:after {clear: both;}
ul.services li {border-bottom: medium none;padding-top: 22.33%;position: relative;width: 33.33%;border-right:1px solid rgba(255,255,255,.1);float:left;text-align:center;}
ul.services li:nth-child(3n) {border-color: transparent;}
ul.services li figure {position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);
	margin:0;padding:20px;width:100%;}
ul.services i {margin-bottom: 0.5em;width: 60%;font-size:58px;transition: all 500ms ease 0s;-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;-o-transition: all 500ms ease 0s;color: #2C3E50;}
ul.services h5{color: #474747;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;transition: all 500ms ease 0s;-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;-o-transition: all 500ms ease 0s;}
ul.services p {max-height: 0;opacity: 0;-webkit-opacity: 0;overflow: hidden;transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;-webkit-transition: all 500ms ease 0s;-o-transition: all 500ms ease 0s;}
ul.services li:hover h5 {color: #fff;letter-spacing:0px;margin-bottom:20px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
ul.services li:hover h5 span{border-bottom:6px solid #fff;}
ul.services li:hover p {min-height:150px;opacity: 1;}
ul.services li:hover i {margin-top: -100%+;opacity: 0;}
.service-block{text-align:center;border-bottom:1px solid #DFDFDF;padding-bottom:40px;  padding-top: 20px;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.service-block .fe {display:block;font-size: 64px;color:#2C3E50;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
.service-block a {text-decoration: none;cursor:pointer;}
.service-block p {font-size: 15px;letter-spacing: 0;font-weight:500;}
.service-block h5{text-transform:uppercase; font-weight:700;letter-spacing:1px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
.service-block h6{font-style:italic;font-size:15px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.service-block:hover .fe{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);color:#333;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
.service-block:hover h5{letter-spacing:0px;transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;
color:#2C3E50;}
.service-block:hover {box-shadow: 0 6px 0 #2C3E50 !important;-webkit-box-shadow: 0 6px 0 #2C3E50 !important;transform:translateY(-6px);-ms-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-webkit-transform:translateY(-6px);}



/*Intersection images */
.break {background-size: cover;-webkit-background-size: cover;margin-bottom: 0;overflow: hidden; position: relative; width: 100%;}
.break.about-sec{background-image:url("../img/section-break-img1.jpg");background-attachment:fixed;background-size:cover;-webkit-background-size:cover;background-position:center top;background-repeat:repeat-x;
}
.break.service-sec{background: url("../img/section-break-img1.jpg") no-repeat fixed center center transparent;}
.break.blog-1-sec{background: url("../img/section-break-img1.jpg") no-repeat fixed center center transparent;}
.blog-single-sec{background: url("../img/section-break-img1.jpg") no-repeat fixed center center transparent;}
.work-sec{background: url("../img/section-break-img2.jpg") no-repeat fixed center center transparent;}
.break .wrap {display: table;height: 510px;margin-left: auto;margin-right: auto;max-width: 890px;position: relative;}
/*Intersection images */

/* process section */
.section-process {position: relative;background-color: #fff;padding: 60px 0;text-align: center;z-index:0;}
#process {background:#fff;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}
#process .process-entry {position: relative;text-align: center;}
#process  #process-slider .item .fe,#process .item .fe{background: none repeat scroll 0 0 #2C3E50;border-radius:50%;-webkit-border-radius:50%;
    color: #FFFFFF;display: block;font-size: 52px;height: 100px;line-height: 70px;margin: 30px auto auto;padding: 15px;width: 100px;}
.process-title {font-size: 20px;height: auto;margin: 20px auto 10px;width: auto;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}
#process-slider .owl-controls .owl-page, #process-slider .owl-controls .owl-buttons div {cursor: pointer;height: 59px;margin-top: -40px;outline: 0 none;position: absolute;
    text-indent: -9999px;top: 50%;width: 59px;z-index: 18;margin-left:-50px;margin-right:-50px;}
#process-slider .owl-controls .owl-buttons .owl-prev {background: url("../img/prev.png") no-repeat scroll 0 0 transparent;left: 0;}
#process-slider .owl-controls .owl-buttons .owl-next {background: url("../img/next.png") no-repeat scroll 0 0 transparent;right: 0;}
#process .item:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}

/* process section */

/* twitter section */
.twitter:after {border: 1px solid rgba(255, 255, 255, 0.1);content: "";display: block;height: 94%;left: 1%;position: absolute;top: 3%;width: 98%;z-index: -1;}
.twitter {background: url("../img/contact_section.jpg") no-repeat scroll 60% center / cover  rgba(0, 0, 0, 0);height: 430px;position: relative;width: 100%;
	z-index:1;}
.twitter .twitter-content {margin-top: 100px;border-top:6px solid #fff}
.twitter .twitter-content h2{color:#fff;margin-bottom:0;}
.twitter .twitter-content p{color:#fff;font-style:italic;}
.twitter-content i{font-size:100px;line-height:140px;color:#fff; transition: all 0.3s ease-in-out 0s;}
.twitter-content i:hover{color:#EF4035;}
#twitter-box{color:#fff;font-style:italic;line-height:27px;font-weight:300; max-width: 850px; margin:0 auto;padding-top:20px;}
#twitter-box a{ color: #EF4035;}
/* twitter section */



/*PORTFOLIO */
.inner-container{position:relative;}
#our-works{background:#F8F8F8;}
/*==========================================================*/
/* Portfolio item
/*==========================================================*/
article.portfolio{padding:0;}
article.portfolio .image {display: block;position: relative;}
article.portfolio .image:before {position: absolute;width: 82px;height: 82px;top: 40%;left: 50%;margin: -42px 0 0 -42px;font-family:ElegantIcons;content: '\30';
  opacity: 0;z-index: 1;font-size:24px;color:#fff;line-height:82px;text-align:center;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
article.portfolio .image:hover:before {top: 50%;opacity: 1;border:3px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
article.portfolio .image:after {position: absolute;width: 100%;height: 100%;top: 0;background: rgba(0, 0, 0, 0.8);content: '';opacity: 0;-webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;}
article.portfolio .image:hover:after {opacity: 1;}
article.portfolio .inner {padding: 20px 40px;position:relative;z-index:25;}
article.portfolio:hover .bg-color-overlay{bottom:0;opacity:1;-webkit-opacity:1;}
.bg-color-overlay{background: none repeat scroll 0 0 #2C3E50;bottom: -140px;color: #FFFFFF;display: block;height: 100%;left: 0;position: absolute;transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;
    width: 100%;z-index: -1;opacity:0;-webkit-opacity:0;}
article.portfolio h3 {font-size: 20px;text-transform:uppercase; font-weight:700;transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;margin:0;}
article.portfolio:hover .inner {color:#fff;}
article.portfolio:hover h3{color:#fff;}
@media (max-width: 991px) {
  article.portfolio .inner {
    text-align: center;
  }
}
/*==========================================================*/
/* Portfolio full
/*==========================================================*/
.portfolio-full {position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-top: 80px;background: #ffffff;z-index: 9999;}
.portfolio-full .portfolio-description {float: left;width: 500px;max-height: 100%;padding: 40px;overflow: auto;-webkit-overflow-scrolling: touch;}
.portfolio-full .portfolio-description > * {margin-bottom: 30px;}
.portfolio-full .portfolio-description > *:last-child {margin-bottom: 0;}
.portfolio-full .swiper-container {overflow: hidden;width: auto;}
.portfolio-full .swiper-slide {width: 100%;height: 100%;}
.icon-text i {
    float: left;
    line-height: 180%;
    width: 45px;
}
/* Slide Effect */
.portfolio-full-slidedown > * {
  opacity: 0;-webkit-opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.portfolio-full-slidedown.portfolio-open > * {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.portfolio-full-slidedown {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
  transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}
.portfolio-full-slidedown.portfolio-open {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
/* Responsive */
@media (max-width: 991px) {
  .portfolio-full {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .portfolio-full .portfolio-description {
    float: none;
    width: 100%;
  }
}
.action-button{background:#fff;}
.col3-full{width:100%}

/*==========================================================*/
/* Blog item
/*==========================================================*/

/*==========================================================*/
/* Article
/*==========================================================*/
article .image {
  width: 100%;
  padding-top: 75%;
  background-size: cover;
  background-position: center center;
}
article .image img {
  width: 100%;
}
/*==========================================================*/
/* Comments
/*==========================================================*/
.comments {margin-top: 40px;}
.comments h3 {color: #202020;}
.comment-list {list-style: none;}
.comment-list li {position: relative;}
.comment-list li > .comment-list {border-left: 1px solid #c8c8c8;}
.comment-list li > .comment-list li {padding-left: 10%;}
.comment-list li > .comment-list > li:after {position: absolute;width: 5%;height: 1px;content: '';background: #c8c8c8;top: 70px;left: 0;}
.comment {margin-top: 40px;}
.comment .inner {position: relative;}
.comment .avatar {width: 60px;float: left;margin-right: 40px;}
.comment .content {overflow: hidden;}
.comment .content .vcard address {overflow: hidden;color: #00a3cc;}
.comment .content .vcard .date {float: right;margin-left: 40px;opacity: 0.5;font-size: 80%;}
.comment .content .text {margin-top: 15px;}
.comment .reply {position: absolute;right: 0;bottom: 0;}
#post-comment {margin-top: 40px;}
#post-comment label {margin-bottom: 5px;}
@media (max-width: 991px) {
  .comment .avatar { width: 100%;float: none;margin-right: 0;text-align: center;}
  .comment .content .vcard {text-align: center;}
  .comment .content .vcard .date {float: none;margin-left: 0;}
  .comment .content .text { margin-top: 30px;}
}

/*==========================================================*/
/* Widgets
/*==========================================================*/
.widget {padding: 40px;margin-bottom: 40px;}
.widget:last-child {margin-bottom: 0;}
.widget h4 {margin-bottom: 30px;}
/* Post info */
.widget-post-info address {line-height: inherit;display: inline;}
.widget-post-info .icons a {display: block;margin-top: 10px;color: #202020;opacity: 0.75;}
.widget-post-info .icons a:hover {color: #2C3E50;opacity: 1;}
.widget-post-info .icons a i {margin-right: 5px;}
.widget-post-info .icons a.liked i {color: #C41D0B;}
.widget-post-info .tags {margin-top: -5px;}
.widget-post-info .tags a {float: left;font-size: 80%;background: #2C3E50;color: #ffffff;padding: 0 10px; margin: 5px 5px 0 0;}
.widget-post-info .tags a:hover {box-shadow: 0 6px 0 #f2f2f2 !important; transform: translateY(-6px);-ms-transform: translateY(-6px);-webkit-transform: translateY(-6px);}
/* Categories */
.widget ul {list-style: none;}
.widget ul li {line-height: 60px;border-top: 1px solid #f0f0f0;}
.widget ul li a {color: #202020;}
.widget ul li a:hover {color: #2C3E50;}
/* Recent posts and comments */
.widget-recent-tabs .nav-tabs {margin: -40px -40px 40px -40px !important;}
.widget-recent-tabs .nav-tabs li {width: 50%;border-top: none;}
.widget-recent-tabs .nav-tabs li a {margin: 0;background: #f0f0f0;text-align: center;padding: 30px 0;font-size: 24px;line-height: 100%;}
.widget-recent-tabs .nav-tabs > li.active > a,
.widget-recent-tabs .nav-tabs > li.active > a:hover,
.widget-recent-tabs .nav-tabs > li.active > a:focus {background: #ffffff;}
.widget-recent-tabs .nav-tabs li a i {opacity: 0.5;}
.widget-recent-tabs .tab-content {padding: 0;}

/* BLOG*/
#our-blog{background:#f8f8f8;}
.log-posts {margin: 0;padding: 0;list-style-type:none;}
.log-posts li {list-style-type: none;margin: 0 0 50px;padding: 0;}
.log-posts-h {margin: 0;font-size: 21px;	color: #595959;font-weight: 700;text-transform: uppercase;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;padding:40px 20px;}
.log-posts-h a {color: #4C484B;transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;}
.blog-style-1-image{opacity:.8;-webkit-opacity:.8;transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;}
.log-posts-h a:hover {letter-spacing:0px;color: #EF4035;}
.log-posts-footer {text-align: right;display:block;padding:40px 20px;}
.log-posts-footer {text-transform: uppercase;}
.log-posts-meta {font-size: 0.77778em;font-weight:500;}
.log-posts-meta  a{color:#2C3E50; font-weight:400;}
.log-posts-meta  a:hover{color:#333;}
time{font-weight:500;}
.blog-btn{width:100%;}
.widget-search{margin-top:20px;margin-bottom:40px;}
.log-posts li:hover .blog-style-1-image{opacity:1;-webkit-opacity:1;}
/* BLOG STYLE 2*/
.post{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);-o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);display: inline-block;overflow: hidden;}
/* BLOG SINGLE PAGE */
#blog-single{background:#f8f8f8;}
.blog-post .vcard {font-size: 80%;margin-bottom:20px;}
.blog-post .vcard * {display: inline;}
.blog-post{background-color: #FFFFFF;border-radius: 0 0 2px 2px;border-top: 6px solid #2C3E50;box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25);margin-bottom:20px;padding: 20px;position: relative;z-index: 20;}
.blog-post h3{color: #2C3E50;font-size: 20px;font-weight: 700;line-height: 24px;margin-bottom: 0;text-transform: uppercase;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}
.post-desc{margin-bottom:20px;}
.box--img img {opacity:.8;box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.055), 0 1px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.055), 0 1px 1px rgba(0, 0, 0, 0.25);}
.box--img img:hover{opacity:1;}
.blog-post h3:hover a{letter-spacing: 0px;color:#F45145 !important}
img.aligncenter, img.alignnone {margin-bottom: 20px;}
.box--meta {bottom: 28px;float: right;font-size: 14px;position: absolute;right: 28px;}
.comments .c-heading{margin-bottom:0px;}
.comments .join {color: #B9B9B9;font-size: 16px;font-style: italic;margin-top:0;}
/* BLOG STYLE 3*/
.inner{position:relative;}
.style-2:after {border-top: 6px solid #F23628;content: "";display: block;height: 0; left: 0; position: absolute;top: 0;width: 100%; z-index: 1;}
.style-2:before {content: "\e02b";font-family: ElegantIcons;z-index: 2;}
.style-2:before {background: none repeat scroll 0 0 #F45145;border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;color: #FFFFFF;
    display: block;font-size: 2.61111em;height: 80px;left: 50%;line-height: 80px;margin-left: -40px;position: absolute;text-align: center;
    top: -44px;width: 80px;}
.style-2 h3{line-height: 34px;font-size: 21px;	color: #595959;font-weight: 700;text-transform: uppercase;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}
.entry-content, .entry-summary { margin-bottom: 17px;margin-top: 17px;}
.entry-content .row .col-md-8 a{float:right;padding-right:10px;}
.entry-content .row .col-md-8 p{margin-bottom:10px;}
.blogs2-meta, .blogs2-meta a, .pingback .edit-link {font-size: 14px;line-height: 1.8em;text-transform: uppercase;}
.nbtpost-date,.nbtbyline,.nbttags-links,.nbtcomments-link{margin-right: 8px;}
.style-2 h3:hover a{letter-spacing:0px;color:#F45145 !important;}
.style-2:hover:before{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;
}
/*CONTACT US*/
.map-wrapper{position:relative;}
.map{width:100%;height:430px;}
.googlemap{width:100%;height:430px;}
#contact-us{background:#2C3E50;}
#contact-us ul.services li {border-right:1px solid rgba(255, 255, 255, 0.1);position:relative;}
#contact-us ul.services i {color: #fff;}
#contact-us ul.services h5{color: #fff;}
#contact-us ul.services p {color:#fff;}
#contact-us ul.services p a{color:#fff;}
#contact-us ul.services li:hover h5 {color: #fff;}
#contact-us ul.services li:hover h5 span{border-bottom:6px solid #fff;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;}
#contact-us ul.services li:nth-child(3n) { border-color: rgba(0, 0, 0, 0);}
.contact-icon {color: #333333;font-size: 20px;height: 35px;margin-bottom: 10px;}
.contact-text {font-size: 15px;font-style: italic;letter-spacing: 1px;padding: 0 45px;}
.contact-form{background:#fff;}

/* Intro block style abouts us, service */
#blocks {margin:0;padding:0 0.5%;position:relative;z-index: 2;background:#F8F8F8;}
.block-full {height: 190px;perspective: 1500px;-webkit-perspective: 1500px;-moz-perspective: 1500px;-ms-perspective: 1500px;-o-perspective: 1500px;
    position: relative;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);
    transition: all 250ms ease 0s;-webkit-transition: all 250ms ease 0s;-ms-transition: all 250ms ease 0s;-moz-transition: all 250ms ease 0s;-o-transition: all 250ms ease 0s;display: block;}
/*.csstransforms.no-touch .block-full {
    transform: translateY(65px);
}*/
.page-footer {
    background-color: #FFFFFF;
}


#blocks .block {color: #202022;display: block;float: left;margin-right: 0.5%;position: relative;}
.block-first {height: 125px;}
.block-first h2 {color: #FFFFFF;font-size: 20px;font-weight: 500;line-height: 36px;margin: 0;text-transform: uppercase;}
.block-first .number {display: inline-block;font-size: 70px;height: 56px;line-height: 1;vertical-align: top;}
.block-first .header {display: inline-block;margin-left: 10px;}
.underline {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);height: 2px;margin: 3px auto auto;width: 0;}
.block-first .underline {background: none repeat scroll 0 0 #202022;clear: left;margin: 5px 0 0;width: 0;transition: all 250ms ease 0s;-webkit-transition: all 250ms ease 0s;-moz-transition: all 250ms ease 0s;-o-transition: all 250ms ease 0s;}
.loaded .block-full .underline {width: 110px;}
.block-first, .block-second {background: none repeat scroll 0 0 #2C3E50;border-left: 6px solid #2C3E50;display: inline-block;padding: 28px 22px;position: relative;    
    width: 100%;transition: all 250ms ease 0s;-webkit-transition: all 250ms ease 0s;-moz-transition: all 250ms ease 0s;-o-transition: all 250ms ease 0s;}
.touch .block-first, .block-second {background: none repeat scroll 0 0 #F8F8F8;}
.block-second {height: 65px;margin-top: -7px;padding: 10px 28px;}
.block-second {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;
    transform:rotateX(-91deg);-webkit-transform:rotateX(-91deg);-moz-transform:rotateX(-91deg);-ms-transform: rotateX(-91deg);-o-transform:rotateX(-91deg);
    transform-origin: 50% 0 0;-webkit-transform-origin: 50% 0 0;-moz-transform-origin: 50% 0 0;-ms-transform-origin: 50% 0 0;-o-transform-origin: 50% 0 0;
    transition: all 250ms ease 0s;-webkit-transition: all 250ms ease 0s;-moz-transition: all 250ms ease 0s;-o-transition: all 250ms ease 0s;-ms-transition: all 250ms ease 0s;}

.block-second p {margin: 0;}
#blocks .block1 {width: 32.5%;}
#blocks .block2 {width: 33.5%;}
#blocks .block3 {width: 33%;}
#blocks .block3 {margin-right: 0;}
.csstransforms.no-touch .block-full:hover {transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);}
.no-csstransforms.no-touch .block-full:hover {top: 0;}
.no-touch .block-full:hover .block-first {background: none repeat scroll 0 0 #F8F8F8;}
.no-touch .block-full:hover .block-second {background: none repeat scroll 0 0 #F8F8F8;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-o-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);}
.no-touch .block-full:hover h2 {color: #2C3E50;}
.csstransforms.no-touch .block-full-ser:hover {transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);-o-transform: translateY(-30px);}

.csstransforms.no-touch .block-full:hover .number{
transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;
}

/*Icon */
.ele-icon{list-style-type:none;}
.ele-icon li{ border: 1px solid #DFDFDF;
    display: inline-block;
    margin: 5px;
    padding: 10px;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.ele-icon li:hover{background-color:#2C3E50;color:#fff;transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3)}