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

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dropdown-menu.onelevel{
	display:none;
	
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    margin-bottom: 10px;
}
.dropdown-item.onelevelhover:hover .dropdown-menu.onelevel{
	
	left: 160px;
    position: absolute;
    top: 0;
    display: block;
    z-index: 11111;
    opacity: 1;
    visibility: visible;
}
.collapse{display:none}.collapse.show{display:block}
.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  list-style: none; }

body {
  color: #191514;
  line-height: 1.5;
  font-weight: 400;
  overflow-x: hidden !important;
  font-family: 'Poppins', sans-serif; }
.margin-tp{
	margin-top:-340px;
}
.margin-tp .item-bx {   
    min-height: 380px;
}
.margin-tp .item-bx:hover {
    background-color: rgba(0, 0, 0, 1) !important;
    color: #fff;
}
img {
  width: 100%;
  height: auto; }

span, a, a:hover {
  display: inline-block;
  color: inherit; }

h1 {
  font-size: 55px; }

h2 {
  font-size: 40px; }

h3 {
  font-size: 35px; }

h4 {
  font-size: 30px; }

h5 {
  font-size: 25px; }

h6 {
  font-size: 18px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.4;
  font-weight: 600; }

p {
  color: #888;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  margin: 0; }

a, span {
  display: inline-block; }
  a:hover, span:hover {
    text-decoration: none; }

/* ====================== [ End Typography  ] ====================== */
/* ====================== [ Start Helper Classes  ] ====================== */
.o-hidden {
  overflow: hidden; }

.position-re {
  position: relative; }

.ontop {
  position: relative;
  z-index: 7; }

.full-over {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.full-width {
  width: 100% !important; }

.custom-font {
  font-family: 'Teko', sans-serif;
  font-weight: 400; }

.playfont {
  font-family: 'Playfair Display', serif; }

.main-color {
  color: #ed9e33 !important; }
.services .item-bx {
   
    min-height: 350px;
}
.bg-gray {
  background-color: #eee; }
  .bg-gray .primery-shadow {
    -webkit-box-shadow: 0px 4px 30px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 30px -4px rgba(0, 0, 0, 0.2); }

.bg-dark {
  background-color: #141414 !important; }
  .bg-dark .primery-shadow {
    -webkit-box-shadow: 0px 4px 40px -4px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 4px 40px -4px rgba(255, 255, 255, 0.2); }

.bg-color {
  background-color: #ed9e33 !important; }
  .bg-color .primery-shadow {
    -webkit-box-shadow: 0px 4px 40px -4px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 4px 40px -4px rgba(255, 255, 255, 0.2); }

.bg-img {
  background-size: cover;
  background-repeat: no-repeat; }
.projects-ongoing-box{
	border:2px solid #91a184;
	border-radius:10px;
	padding:50px;
	font-size:35px;
	text-align:center;
	line-height:40px;
	background:#fff;
	min-height:250px;
	margin-bottom:30px;
	width:100%;

	
}
.topbar {
    background-color: #020d26;
	width:100%;
	
}
.topbar .contact-info ul li {
    color: #fff;
}
.contact-info ul li i, .contact-info ul li i {
    display: inline-block;
    padding-right: 5px;
    color: #007cb0;
}
.pd-ongoing{
	padding-top:80px;
}
.projects-ongoing-box:hover{
	background: #fff0db;
	border:2px solid #000;
}
.projects-ongoing-box img{
	margin-bottom:10px;
}
div#team-image img {
    height: 150px;
    padding-left: 125px;
}
div#t-team h3 {
    text-align: center;
    padding: 30px 0px 30px 0px;
    font-family: 'Playfair Display', serif;
}
div#team-image1 h5 {
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
}
div#team-image1 p {
    text-align: center;
    font-size: 14px;
}
.bg-center {
  background-position: center center; }

.bg-fixed {
  background-attachment: fixed; }

.bg-repeat {
  background-size: auto;
  background-repeat: repeat; }

.section-padding {
  padding: 120px 0; }

.section-ptb {
  padding: 80px 0; }

.head-pt {
  padding: 80px 0 0; }

.head-pb {
  padding: 0 0 80px; }

.rounded {
  border-radius: 5px; }

.circle {
  border-radius: 50%; }

.unlist {
  list-style: none; }

.undecro:hover {
  text-decoration: none; }

.inline {
  display: inline-block; }

.valign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.primery-shadow {
  -webkit-box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1); }

.padding5 {
  padding-right: 5%;
  padding-left: 5%; }

/*-------------------------------------------------------
					 text color
-------------------------------------------------------*/
.text-white {
  color: #FFF; }

.text-black {
  color: #000; }

.text-extra-light-gray {
  color: #b7b7b7; }

/*-------------------------------------------------------
					font-weight
-------------------------------------------------------*/
.fw-100 {
  font-weight: 100 !important; }

.fw-200 {
  font-weight: 200 !important; }

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-800 {
  font-weight: 800 !important; }

.fw-900 {
  font-weight: 900 !important; }

/*-------------------------------------------------------
					 font-size
-------------------------------------------------------*/
.fz-10 {
  font-size: 10px !important; }

.fz-12 {
  font-size: 12px !important; }

.fz-14 {
  font-size: 14px !important; }

.fz-15 {
  font-size: 15px !important; }

.fz-16 {
  font-size: 16px !important; }

.fz-18 {
  font-size: 18px !important; }

.fz-20 {
  font-size: 20px !important; }

.fz-22 {
  font-size: 22px !important; }

.fz-25 {
  font-size: 25px !important; }

.fz-30 {
  font-size: 30px !important; }

.fz-40 {
  font-size: 40px !important; }

.fz-50 {
  font-size: 50px !important; }

/*-------------------------------------------------------
					line-height
-------------------------------------------------------*/
.line-height-10 {
  line-height: 10px; }

.line-height-13 {
  line-height: 13px; }

.line-height-18 {
  line-height: 18px; }

.line-height-20 {
  line-height: 20px; }

.line-height-24 {
  line-height: 24px; }

.line-height-22 {
  line-height: 22px; }

.line-height-26 {
  line-height: 26px; }

.line-height-28 {
  line-height: 28px; }

.line-height-30 {
  line-height: 30px; }

.line-height-35 {
  line-height: 35px; }

.line-height-40 {
  line-height: 40px; }

.line-height-45 {
  line-height: 45px; }

.line-height-50 {
  line-height: 50px; }

.line-height-55 {
  line-height: 55px; }

.line-height-60 {
  line-height: 60px; }

.line-height-65 {
  line-height: 65px; }

.line-height-70 {
  line-height: 70px; }

.line-height-75 {
  line-height: 75px; }

.line-height-80 {
  line-height: 80px; }

.line-height-85 {
  line-height: 85px; }

.line-height-90 {
  line-height: 90px; }

.line-height-95 {
  line-height: 95px; }

.line-height-100 {
  line-height: 100px; }

.line-height-110 {
  line-height: 110px; }

.line-height-120 {
  line-height: 120px; }

/*-------------------------------------------------------
					text-transform
-------------------------------------------------------*/
.text-u {
  text-transform: uppercase !important; }

.text-l {
  text-transform: lowercase !important; }

.text-c {
  text-transform: capitalize !important; }

.text-non {
  text-transform: none !important; }

.text-i {
  font-style: italic; }

/*-------------------------------------------------------
					 letter-spacing
-------------------------------------------------------*/
.ls0 {
  letter-spacing: 0px !important; }

.ls1 {
  letter-spacing: 1px !important; }

.ls2 {
  letter-spacing: 2px !important; }

.ls3 {
  letter-spacing: 3px !important; }

.ls4 {
  letter-spacing: 4px !important; }

.ls5 {
  letter-spacing: 5px !important; }

.ls10 {
  letter-spacing: 10px !important; }

/*-------------------------------------------------------
			 margin-top  (0/100) +5
-------------------------------------------------------*/
.mt-0 {
  margin-top: 0 !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-62 {
  margin-top: 62px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mt-100 {
  margin-top: 100px !important; }

/*-------------------------------------------------------
			 margin-bottom  (0/100) +5
-------------------------------------------------------*/
.mb-0 {
  margin-bottom: 0 !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-62 {
  margin-bottom: 62px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

/*-------------------------------------------------------
			padding-top  (0/100) +5
-------------------------------------------------------*/
.pt-0 {
  padding-top: 0 !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-55 {
  padding-top: 55px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pt-65 {
  padding-top: 65px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pt-75 {
  padding-top: 75px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pt-85 {
  padding-top: 85px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pt-95 {
  padding-top: 95px !important; }

.pt-100 {
  padding-top: 100px !important; }

/*-------------------------------------------------------
		 padding-bottom  (0/100) +5
-------------------------------------------------------*/
.pb-0 {
  padding-bottom: 0 !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.no-padding {
  padding: 0 !important; }

/* ====================== [ End Helper Classes  ] ====================== */
/* ====================== [ Start Preloader ] ====================== */
.pace {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99999999999999;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  border: 0px;
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }
  .pace .pace-progress {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 300px;
    position: fixed;
    z-index: 99999999999999;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #292e38; }

.pace.pace-inactive {
  width: 100vw;
  opacity: 0; }
  .pace.pace-inactive .pace-progress {
    max-width: 100vw; }

#preloader {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  z-index: 9999999; }
  #preloader:after, #preloader:before {
    content: '';
    position: fixed;
    left: 0;
    height: 50vh;
    width: 100%;
    background: #ed9e33;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  #preloader:before {
    top: 0; }
  #preloader:after {
    bottom: 0; }
  #preloader.isdone {
    visibility: hidden;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s; }
    #preloader.isdone:after, #preloader.isdone:before {
      height: 0;
      -webkit-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
      -o-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
      transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
      -webkit-transition-delay: 1s;
      -o-transition-delay: 1s;
      transition-delay: 1s; }

.loading-text {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 10px;
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #292e38;
  font-family: 'Teko', sans-serif;
  z-index: 9999; }
  .loading-text.isdone {
    top: 50%;
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s; }

/* ====================== [ End Preloader ] ====================== */
/* ====================== [ Start Text Animation & Images ] ====================== */
.splitting.animated .char {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index)); }

.splitting .whitespace {
  width: 10px; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.splitting.txt.animated .char {
  -webkit-animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(10ms * var(--char-index));
  animation-delay: calc(10ms * var(--char-index)); }

.splitting.txt .whitespace {
  width: 5px; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.imago {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s; }
  .imago.animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

/* ====================== [ End Text Animation & Images ] ====================== */
/* ====================== [ Start Cursor Style ] ====================== */
body {
  cursor: none; }

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden; }

.cursor-inner {
  margin-left: 2px;
  margin-top: 2px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: #ed9e33;
  -webkit-transition: width .3s ease-in-out,
 height .3s ease-in-out,
 margin .3s ease-in-out,
 opacity .3s ease-in-out;
  -o-transition: width .3s ease-in-out,
 height .3s ease-in-out,
 margin .3s ease-in-out,
 opacity .3s ease-in-out;
  transition: width .3s ease-in-out,
 height .3s ease-in-out,
 margin .3s ease-in-out,
 opacity .3s ease-in-out; }

.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: #ed9e33;
  opacity: .3; }

.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 40px;
  height: 40px;
  border: 1px solid #ed9e33;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: .5;
  -webkit-transition: all .08s ease-out;
  -o-transition: all .08s ease-out;
  transition: all .08s ease-out; }
  .cursor-outer.cursor-hover {
    opacity: 0; }

/* ====================== [ End Cursor Style ] ====================== */
/* ====================== [ Start progress-wrap ] ====================== */
.progress-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear; }

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.progress-wrap::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  content: '\f077';
  text-align: center;
  line-height: 44px;
  font-size: 13px;
  font-weight: 900;
  color: #ed9e33;
  left: 0;
  top: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear; }

.progress-wrap svg path {
  fill: none; }

.progress-wrap svg.progress-circle path {
  stroke: #ed9e33;
  stroke-width: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear; }

/* ====================== [ End progress-wrap ] ====================== */
/* ====================== [ Start Overlay ] ====================== */
[data-overlay-dark],
[data-overlay-light] {
  position: relative; }

[data-overlay-dark] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2; }

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

[data-overlay-dark]:before {
  background: #02050b; }

[data-overlay-light]:before {
  background: #fff; }

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span {
  color: #fff; }

[data-overlay-dark] p,
.bg-dark p,
.bg-color p {
  color: #dad6d6; }

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0; }

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
  opacity: .1; }

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
  opacity: .2; }

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
  opacity: .3; }

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
  opacity: .4; }

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
  opacity: .5; }

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
  opacity: .6; }

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
  opacity: .7; }

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
  opacity: .8; }

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[data-overlay-color="9"]:before {
  opacity: .9; }

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1; }

/* ====================== [ End Overlay ] ====================== */
/* ====================== [ Start Heading ] ====================== */
.section-head {
  position: relative;
  margin: 0 auto 40px; }
  .section-head h4 {
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 2px; }
  .section-head h6 {
    color: #ed9e33;
    font-weight: 300;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px; }

.sub-title {
  color: #ed9e33;
  font-family: 'Teko', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  padding-left: 60px;
  letter-spacing: 4px;
  margin-bottom: 15px;
  position: relative; }
  .sub-title:before {
    content: "";
    width: 50px;
    height: 1px;
    background: #ed9e33;
    position: absolute;
    left: 0;
    top: 50%; }

.extra-title {
  font-weight: 700; }

.tit h6 {
  color: #ed9e33;
  font-weight: 400;
  font-size: 22px; }

.tit h3 {
  font-weight: 700;
  margin-bottom: 20px; }

.tit .navs span {
  padding: 15px 30px;
  background: #f8f4f3;
  cursor: pointer; }
  .tit .navs span:hover {
    background: #ed9e33;
    color: #fff; }

.sm-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase; }

/* ====================== [ End Heading ] ====================== */
/* ====================== [  Start Button Style ] ====================== */
.btn-curve {
  background: transparent;
  padding: 12px 35px;
  border: 1px solid #1e1e1e;
  font-family: 'Teko', sans-serif;
  position: relative;
  overflow: hidden;
  cursor: pointer; }
  .btn-curve:focus {
    outline: none; }
  .btn-curve:hover {
    outline: none; }
    .btn-curve:hover:after {
      bottom: -30px;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
    .btn-curve:hover span {
      color: #fff; }
  .btn-curve:after {
    content: '';
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: 130%;
    background: #1e1e1e;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s; }
  .btn-curve span {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    z-index: 2;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s; }
  .btn-curve.btn-lit {
    border-color: #fff;
    color: #fff; }
    .btn-curve.btn-lit:hover span {
      color: #ed9e33; }
    .btn-curve.btn-lit:after {
      background: #fff; }
  .btn-curve.btn-blc {
    background: #1e1e1e; }
    .btn-curve.btn-blc:after {
      background: #fff; }
    .btn-curve.btn-blc span {
      color: #fff; }
    .btn-curve.btn-blc:hover span {
      color: #1e1e1e; }
  .btn-curve.btn-color {
    background: #ed9e33;
    border-color: #ed9e33; }
    .btn-curve.btn-color:after {
      background: #fff; }
    .btn-curve.btn-color span {
      color: #fff; }
    .btn-curve.btn-color:hover span {
      color: #ed9e33; }
  .btn-curve.btn-lg {
    padding: 14px 40px; }
    .btn-curve.btn-lg span {
      font-size: 14px; }
  .btn-curve.btn-wit {
    background: #fff;
    border-color: #fff; }
    .btn-curve.btn-wit:after {
      background: #090909; }
    .btn-curve.btn-wit span {
      color: #1e1e1e; }
    .btn-curve.btn-wit:hover span {
      color: #fff; }
  .btn-curve.btn-radius {
    border-radius: 30px; }

/* ====================== [ End Button Style ] ====================== */
/* ====================== [ Start navbar ] ====================== */
.navbar {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 999;
  min-height: 80px; }
  .navbar .icon-bar {
    color: #000; }
  .navbar .navbar-nav .nav-link {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    padding: 15px 7px;
    margin: 10px; }
  .navbar .navbar-nav .dropdown-menu {
    padding: 10px 0;
    border: 0;
    -webkit-box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1); }
  .navbar .navbar-nav .dropdown-item {
    font-size: 13px;
    padding: 10px 20px;
    opacity: .9; }
    .navbar .navbar-nav .dropdown-item:hover {
      background: transparent;
      color: #ed9e33; }
	  .aboutbg{
		 background-image: url(../img/aboutbg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 30%;

	
	  }
	  .absection-padding {
    padding: 81px 0;
}
.exp-content p{
	color:#000;
	padding-right:50px;
}
.about-h1tag{
	width:100%;
	font-size:28px;	
	font-family: 'Playfair Display', serif;
	margin:0px;
	padding:0px;
	line-height:25px;
	color:#fff;
	margin-bottom:40px;
}
.about-h1tag span{
	background-color:#50652a;
	padding:10px 10px;	
	min-width: 427px;
   
    text-align: center;
}
.about-h1tag .span{
	background-color:#8aa066;
	padding:10px 15px;	
	margin-left: 45px;
}
	  .aboutbg-main{
		 background-image: url(../img/about-mani.png);
    background-position:100%;
    background-repeat: no-repeat;
    background-size: cover;

	
	  }
	  .saboutbg{
		 background-image: url(../img/bg-services.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;

	
	  }
.colorbrand{
	color:#ed9e33;
	font-size: 30px;
}
.item-bx .boximgicon{
	
	margin-bottom:10px;
}
.scustom-font {
    font-family: 'Teko', sans-serif;
    font-weight: 400;
    line-height: 36px;
    font-size: 28px;
}
.dropdown-menu.show.one{
	display:none;
}
.dropdown-submenu {
    position: relative;
	visibility: visible;
	opacity:1;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -10px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
	visibility: visible;
	opacity:1;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: 0;
    margin-right: 0;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
	visibility: visible;
	opacity:1;
}
.dropdown-submenu {
    position:relative;
}


/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-submenu:hover>a:after {
    border-left-color: #ed9e33;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-item.one:hover .dropdown-menu.show.one{
	display:block;
}
ul.onelevel li{
	border-bottom:1px solid #ccc;
}
  .navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }
    .navbar .dropdown-menu.show {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .navbar .dropdown-menu .dropdown-item {
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      padding: 5px 25px;
      position: relative; }
      .navbar .dropdown-menu .dropdown-item:after {
        content: '';
        width: 0px;
        height: 1px;
        background: #fff;
        position: absolute;
        right: 10px;
    top: 30%;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
      .navbar .dropdown-menu .dropdown-item:hover {
        padding-left: 30px; }
        .navbar .dropdown-menu .dropdown-item:hover:after {
          width: 10px; }
  .navbar .social-icon {
    padding: 0 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
    .navbar .social-icon a {
      color: #000;
      margin: 0 10px;
      font-size: 13px; }
  .navbar .search {
    color: #000;
    padding-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
    .navbar .search .icon {
      cursor: pointer; }
    .navbar .search .search-form {
      position: fixed;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
      background: rgba(37, 37, 49, 0.98);
      display: none; }
      .navbar .search .search-form form {
        width: 600px;
        position: absolute;
        left: calc(50% - 300px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .navbar .search .search-form form input {
          padding: 15px 0;
          font-size: 80px;
          color: #fff;
          text-transform: uppercase;
          text-align: left;
          background: transparent;
          border: 0;
          border-bottom: 2px solid #ed9e33; }
      .navbar .search .search-form .close {
        position: absolute;
        top: 20%;
        right: 20%;
        color: #fff;
        font-size: 60px;
        opacity: 1;
        cursor: pointer; }

.light, .nav-scroll {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(37, 37, 49, 0.1);
  box-shadow: 0px 10px 30px rgba(37, 37, 49, 0.1);
  padding: 0;
  position: fixed;
  top: -80px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px); }
  .light .icon-bar, .nav-scroll .icon-bar {
    color: #222; }
  .light .navbar-nav .nav-link, .nav-scroll .navbar-nav .nav-link {
    color: #222; }
  .light .navbar-nav .logo, .nav-scroll .navbar-nav .logo {
    width: 100px;
    padding: 15px 0;
    color: #111; }
  .light .social-icon, .nav-scroll .social-icon {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .light .social-icon a, .nav-scroll .social-icon a {
      color: #000; }
  .light .search, .nav-scroll .search {
    color: #000;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

/* ====================== [ End navbar ] ====================== */
/* ====================== [ Start Slider ] ====================== */
.slider {
  position: relative;top:80px; }
  .slider.fixed-slider {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .slider .swiper-slide-active {
    z-index: 3; }
  .slider .parallax-slider {
    position: relative; }
    .slider .parallax-slider .swiper-slide {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 65vh;
      padding-bottom: 50px; }
      .slider .parallax-slider .swiper-slide .bg-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover; }
		
    .slider .parallax-slider .swiper-slide-active .caption h1 {
      -webkit-transition: all 0s;
      -o-transition: all 0s;
      transition: all 0s;
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
      .slider .parallax-slider .swiper-slide-active .caption h1 .char {
        -webkit-animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
        animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
        -webkit-animation-delay: calc(60ms * var(--char-index));
        animation-delay: calc(60ms * var(--char-index)); }
    .slider .parallax-slider .swiper-slide-active .caption .thin,
    .slider .parallax-slider .swiper-slide-active .caption .btn-curve,
    .slider .parallax-slider .swiper-slide-active .caption p {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .slider .parallax-slider .caption .thin {
      color: #ed9e33;
      font-size: 30px;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 8px;
      margin-bottom: 5px;
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-transition-delay: .8s;
      -o-transition-delay: .8s;
      transition-delay: .8s; }
      .slider .parallax-slider .caption .thin span {
        color: #ed9e33; }
    .slider .parallax-slider .caption h1 {
      font-size: 65px;
      font-weight: 700;
      letter-spacing: 4px;
      color: #fff;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .5s,
 visibility .5s;
      -o-transition: opacity .5s,
 visibility .5s;
      transition: opacity .5s,
 visibility .5s; }
      .slider .parallax-slider .caption h1 span {
        font-weight: 700; }
    .slider .parallax-slider .caption p {
      color: #eee;
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-transition-delay: .8s;
      -o-transition-delay: .8s;
      transition-delay: .8s; }
    .slider .parallax-slider .caption .btn-curve {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-transition-delay: 1s;
      -o-transition-delay: 1s;
      transition-delay: 1s; }
    .slider .parallax-slider .hmone h1 .thin {
      font-size: 30px;
      margin-bottom: 20px; }
  .slider .caption.center h1 {
    font-size: 75px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 2px;
    margin-bottom: 20px; }
  .slider .setone {
    position: absolute;
    bottom: 8%;
    right: 40px;
    z-index: 8; }
    .slider .setone .swiper-nav-ctrl {
      color: #ccc;
      font-size: 13px;
      width: 55px;
      height: 55px;
      line-height: 55px;
      text-align: center;
      margin: 5px 0;
      border: 1px solid rgba(255, 255, 255, 0.3);
      position: static; }
      .slider .setone .swiper-nav-ctrl:after {
        display: none; }
    .slider .setone.setwo {
      position: static; }
      .slider .setone.setwo .swiper-nav-ctrl {
        border-radius: 50%; }
      .slider .setone.setwo .next-ctrl {
        position: absolute;
        top: 50%;
        right: 30px; }
      .slider .setone.setwo .prev-ctrl {
        position: absolute;
        top: 50%;
        left: 30px; }
  .slider .swiper-pagination-fraction.top {
    position: absolute;
    right: 15%;
    left: auto;
    bottom: auto;
    top: 20%;
    width: auto;
    color: #fff;
    font-size: 40px;
    font-weight: 500; }
    .slider .swiper-pagination-fraction.top .swiper-pagination-current {
      font-size: 60px;
      font-weight: 700;
      position: relative;
      color: transparent;
      -webkit-text-stroke: .5px #fff; }
      .slider .swiper-pagination-fraction.top .swiper-pagination-current:after {
        content: '/';
        color: #fff;
        position: relative;
        margin: 0 10px;
        font-size: 12px;
        font-weight: 100; }
    .slider .swiper-pagination-fraction.top.botm {
      top: auto;
      bottom: 40px;
      right: 40px; }
  .slider .social-icon {
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 8; }
    .slider .social-icon a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.05);
      color: #fff;
      font-size: 13px; }

.slid-half {
  position: relative; }
  .slid-half .nofull {
    position: relative;
    overflow: hidden;
    background-color: #252531;
    background-image: url(../img/line-pattern1.png);
    background-repeat: repeat;
    height: 105vh;
    color: #fff; }
  .slid-half .swiper-pagination-fraction.top {
    position: absolute;
    right: 15%;
    left: auto;
    bottom: auto;
    top: 20%;
    width: auto;
    color: #fff;
    font-size: 40px;
    font-weight: 500; }
    .slid-half .swiper-pagination-fraction.top .swiper-pagination-current {
      font-size: 60px;
      font-weight: 700;
      position: relative;
      color: transparent;
      -webkit-text-stroke: .5px #fff; }
      .slid-half .swiper-pagination-fraction.top .swiper-pagination-current:after {
        content: '/';
        color: #fff;
        position: relative;
        margin: 0 10px;
        font-size: 12px;
        font-weight: 100; }

.cta__slider-wrapper {
  position: relative;
  width: 100%;
  height: 105vh;
  overflow: hidden; }
  .cta__slider-wrapper .block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0; }

.cta__slider {
  min-height: 105vh; }
  .cta__slider .swiper-slide {
    overflow: hidden; }

.cta__slider-arrows {
  display: block;
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 2; }

.cta__slider-arrow {
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: block;
  cursor: pointer; }
  .cta__slider-arrow.cta__slider-arrow--previous {
    left: 0; }
  .cta__slider-arrow.cta__slider-arrow--next {
    left: 50%; }

.cta__slider-item {
  position: relative; }
  .cta__slider-item .media-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .cta__slider-item .media-wrapper .bg-img {
      position: absolute;
      width: 70%;
      height: 100%;
      right: 0;
      top: 0; }
  .cta__slider-item .container {
    position: relative;
    z-index: 4; }
  .cta__slider-item .caption {
    position: relative; }
    .cta__slider-item .caption .top-corn,
    .cta__slider-item .caption .bottom-corn {
      position: absolute;
      left: -60px;
      top: -60px;
      opacity: .3; }
      .cta__slider-item .caption .top-corn:after, .cta__slider-item .caption .top-corn:before,
      .cta__slider-item .caption .bottom-corn:after,
      .cta__slider-item .caption .bottom-corn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #ed9e33; }
      .cta__slider-item .caption .top-corn:after,
      .cta__slider-item .caption .bottom-corn:after {
        width: 30px;
        height: 1px; }
      .cta__slider-item .caption .top-corn:before,
      .cta__slider-item .caption .bottom-corn:before {
        width: 1px;
        height: 30px; }
    .cta__slider-item .caption .bottom-corn {
      top: auto;
      bottom: -60px; }
      .cta__slider-item .caption .bottom-corn:before {
        top: auto;
        bottom: 0; }
    .cta__slider-item .caption h1 {
      font-size: 75px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 4px;
      color: #fff;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .5s,
 visibility .5s;
      -o-transition: opacity .5s,
 visibility .5s;
      transition: opacity .5s,
 visibility .5s; }
    .cta__slider-item .caption .thin {
      color: #ed9e33;
      font-size: 20px;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 12px;
      margin-bottom: 5px;
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-transition-delay: .8s;
      -o-transition-delay: .8s;
      transition-delay: .8s; }
    .cta__slider-item .caption p {
      color: #eee;
      font-weight: 300;
      font-size: 14px;
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      transition: all .4s;
      -webkit-transition-delay: .8s;
      -o-transition-delay: .8s;
      transition-delay: .8s; }
    .cta__slider-item .caption .btn-curve {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-transition-delay: 1s;
      -o-transition-delay: 1s;
      transition-delay: 1s; }
  .cta__slider-item.swiper-slide-active .caption h1 {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    opacity: 1;
    visibility: visible; }
    .cta__slider-item.swiper-slide-active .caption h1 .char {
      -webkit-animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
      animation: fadeInUp 0.5s cubic-bezier(0.3, 0, 0.7, 1) both;
      -webkit-animation-delay: calc(60ms * var(--char-index));
      animation-delay: calc(60ms * var(--char-index)); }
  .cta__slider-item.swiper-slide-active .caption .btn-curve,
  .cta__slider-item.swiper-slide-active .caption .thin,
  .cta__slider-item.swiper-slide-active .caption p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.pages-header {
  height: 75vh; }
  .pages-header .cont h1 {
    font-size: 75px;
    margin-bottom: 20px; }
  .pages-header .cont .path {
    color: #fff;
    font-size: 17px; }
    .pages-header .cont .path .active {
      color: #ed9e33; }
    .pages-header .cont .path span {
      margin: 0 20px;
      font-size: 10px; }

/* ====================== [ End Slider ] ====================== */
/* ====================== [ Start Intro ] ====================== */
.about {
  position: relative; }
  .about .exp-img .img {
    width: 100%;
    height: 400px;
    position: relative;
    z-index: 2; }
    .about .exp-img .img:after {
      content: '';
      position: absolute;
      top: 40px;
      left: 40px;
      right: 40px;
      bottom: 40px;
      background: rgba(255, 255, 255, 0.95);
      z-index: -1; }
    .about .exp-img .img .since {
      position: absolute;
      right: 70px;
      top: 70px; }
      .about .exp-img .img .since span {
        display: block;
        color: #ed9e33;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1; }
        .about .exp-img .img .since span:first-of-type {
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 2px; }
    .about .exp-img .img .years {
      position: absolute;
      left: 70px;
      bottom: 70px; }
      .about .exp-img .img .years h2 {
        font-size: 140px;
        font-weight: 800;
        background: url(../img/exp.jpg) no-repeat;
        background-position: 18% 65%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 1; }
      .about .exp-img .img .years h5 {
        color: #ed9e33;
        letter-spacing: 5px;
        font-size: 20px; }
  .about .exp-content {
    position: relative;
    z-index: 2; }
    .about .exp-content:after {
      content: '';
      width: 200px;
      height: 250px;
      position: absolute;
      top: -40px;
      right: -40px;
      border: 10px solid #fafafa;
      z-index: -1; }
    .about .exp-content.nopat:after {
      display: none; }
    .about .exp-content ul {
      margin: 30px 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .about .exp-content ul li {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 4px;
        text-transform: uppercase; }
        .about .exp-content ul li:after {
          content: '/';
          position: relative;
          margin: 0 15px;
          color: #777; }
        .about .exp-content ul li:last-of-type:after {
          display: none; }
  .about .ab-exp .pattern {
    height: 100%;
    width: 100%; }
  .about .ab-exp .years-exp {
    position: relative;
    height: 100%;
    width: 100%;
    border: 10px solid #f8f4f3; }
    .about .ab-exp .years-exp .exp-text {
      position: absolute;
      bottom: 40px;
      left: -10px;
      padding: 10px 0;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      background: #fff; }
      .about .ab-exp .years-exp .exp-text h2 {
        font-size: 70px;
        line-height: 1;
        display: inline-block;
        position: relative;
        z-index: 2; }
        .about .ab-exp .years-exp .exp-text h2:after {
          content: '';
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: #f8f4f3;
          position: absolute;
          right: -15px;
          top: -15px;
          z-index: -1; }
      .about .ab-exp .years-exp .exp-text h6 {
        font-size: 14px; }
  .about .specialty ul {
    margin: 0; }
    .about .specialty ul li {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 0 0 15px;
      border-bottom: 1px solid #f1f1f1;
      margin-bottom: 30px; }
      .about .specialty ul li span {
        font-size: 14px;
        font-weight: 300;
        color: #999;
        margin-right: 30px; }
      .about .specialty ul li:last-of-type {
        margin-bottom: 0; }
  .about .pat {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    z-index: 2; }
    .about .pat:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: .94; }

/* ====================== [ End Intro ] ====================== */
/* ====================== [ Start services ] ====================== */
.services .bord-box {
  overflow: hidden; }

.services .box-top {
  position: relative;
  margin-top: -80px;
  z-index: 4; }

.services .feat-top {
  padding: 100px 80px;
  position: relative;
  width: 80%;
  margin-top: -40px;
  z-index: 3; }
  .services .feat-top .notfull {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    -webkit-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
    -o-transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
    transition: all 0.7s cubic-bezier(1, 0, 0.25, 1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
    .services .feat-top .notfull.animated {
      width: 100%; }
.services .item-bx p{
	line-height:28px;
}
.services .item-bx {
  padding: 40px 25px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #eee;
  border-right: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
  .services .item-bx:last-of-type {
    border-right: 1px solid #eee; }
  .services .item-bx:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff; }
    .services .item-bx:hover p {
      color: #eee; }
    .services .item-bx:hover .more {
      color: #ed9e33; }
	  .icons{
		  min-height:80px;
	  }
  .services .item-bx .numb {
    font-size: 60px;
    margin-bottom: 10px;
    color: transparent;
    -webkit-text-stroke: 1px #ed9e33; }
  .services .item-bx .icon {
    font-size: 60px;
    color: #ed9e33;
    margin-bottom: 30px; }
  .services .item-bx .more {
    font-size: 20px; }
  .services .item-bx.bg-img {
    position: relative;
    border: 0;
    z-index: 2; }
    .services .item-bx.bg-img:hover:after {
      background: rgba(0, 0, 0, 0.6); }
    .services .item-bx.bg-img:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      z-index: -1; }

.services .item-sm h6 {
  font-weight: 600;
  font-size: 18px; }

.services .item-sm .numb {
  font-size: 40px;
  font-weight: 400;
  color: #ed9e33;
  padding-right: 70px;
  line-height: 1;
  position: relative; }
  .services .item-sm .numb:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #ddd;
    width: 50px;
    height: 1px; }

.services.halfbg .background {
  height: 70vh; }

.services.halfbg .ontop {
  position: relative;
  margin-top: -120px;
  z-index: 3; }
  .services.halfbg .ontop .item-bx:hover {
    background: #ed9e33; }
    .services.halfbg .ontop .item-bx:hover .numb, .services.halfbg .ontop .item-bx:hover .more {
      color: #fff; }

/* ====================== [ End services ] ====================== */
/* ====================== [ Start brands ] ====================== */
.brands .box-top {
  padding: 40px 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 45px rgba(10, 10, 10, 0.06);
  box-shadow: 0 0 45px rgba(10, 10, 10, 0.06);
  border-radius: 20px;
  position: relative;
  margin-top: -50px;
  z-index: 3; }
  .brands .box-top .item {
    text-align: center;
    margin: 15px 0; }

/* ====================== [ End brands ] ====================== */
/* ====================== [ Start Numbers & Counter  ] ====================== */
.numbers .item {
  position: relative; }
  .numbers .item:after {
    width: 35px;
    height: 35px;
    bottom: 0;
    background: #f7f7f7; }
  .numbers .item:before {
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-right: 35px solid #f7f7f7;
    bottom: 35px; }
  .numbers .item:before, .numbers .item:after {
    content: '';
    position: absolute;
    right: 20%;
    z-index: -1; }
  .numbers .item h3 {
    margin-bottom: 10px; }
    .numbers .item h3 span {
      font-size: 60px;
      color: #ed9e33; }
    .numbers .item h3 i {
      font-size: 30px;
      font-weight: 300;
      font-style: normal;
      color: #777;
      margin-left: 15px; }
  .numbers .item h6 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px; }

/* ====================== [ End Numbers & Counter  ] ====================== */
/* ====================== [ Start Work ] ====================== */
.portfolio .filtering .filter {
  padding: 15px; }
  .portfolio .filtering .filter.box {
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    display: inline-block; }

.portfolio .filtering span {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 20px;
  cursor: pointer;
  position: relative; }
  .portfolio .filtering span.active {
    color: #ed9e33; }
  .portfolio .filtering span:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #ed9e33;
    border-radius: 50%;
    position: absolute;
    right: -24px;
    top: 40%; }
  .portfolio .filtering span:last-of-type:after {
    display: none; }

.portfolio .gallery .items {
  padding: 0 15px; }
  .portfolio .gallery .items .item-img {
    overflow: hidden;
    position: relative;
    height: 440px; }
    .portfolio .gallery .items .item-img > a {
      display: block; }
    .portfolio .gallery .items .item-img:hover .item-img-overlay {
      opacity: 1;
      visibility: visible; }
    .portfolio .gallery .items .item-img img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
    .portfolio .gallery .items .item-img:after, .portfolio .gallery .items .item-img:before {
      content: '';
      position: absolute;
      background: #fff;
      z-index: 2;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
    .portfolio .gallery .items .item-img:after {
      width: 50px;
      height: 1px;
      top: 50%;
      left: -100px; }
    .portfolio .gallery .items .item-img:before {
      height: 50px;
      width: 1px;
      left: 50%;
      top: -100px; }
    .portfolio .gallery .items .item-img:hover:after {
      left: 50%;
      -webkit-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
      transform: translateX(-25px); }
    .portfolio .gallery .items .item-img:hover:before {
      top: 50%;
      -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
      transform: translateY(-25px); }
  .portfolio .gallery .items .item-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(38, 38, 40, 0.5);
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden; }
  .portfolio .gallery .items .info {
    background-image: url(../img/line-pattern.png);
    padding: 10px 20px; }
    .portfolio .gallery .items .info h5 {
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase; }
    .portfolio .gallery .items .info span {
      color: #777;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 4px; }

.portfolio .gallery.twsty .items {
  width: 50%; }

.portfolio .gallery.twsty .four-column {
  width: 25% !important; }
  .portfolio .gallery.twsty .four-column .item-img {
    height: 300px; }

.portfolio .gallery.twsty .three-column {
  width: 33.333333% !important; }

.portfolio .gallery.inf-lit .items {
  position: relative; }
  .portfolio .gallery.inf-lit .items:hover .info {
    opacity: 1;
    -webkit-transform: translate(0) skew(0);
    -ms-transform: translate(0) skew(0);
    transform: translate(0) skew(0);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }
  .portfolio .gallery.inf-lit .items .info {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 90%;
    padding: 15px;
    -webkit-transform: translateX(-30px) translateY(30px) skew(10deg);
    -ms-transform: translateX(-30px) translateY(30px) skew(10deg);
    transform: translateX(-30px) translateY(30px) skew(10deg);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .portfolio .gallery.inf-lit .items .info h5 {
      font-weight: 600;
      text-transform: capitalize; }
    .portfolio .gallery.inf-lit .items .info span {
      text-transform: capitalize;
      letter-spacing: 1px; }

.portfolio.full-bg {
  position: relative; }
  .portfolio.full-bg .cluom {
    height: 90vh;
    padding: 0;
    position: relative;
    z-index: 2;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }
    .portfolio.full-bg .cluom.current {
      background: rgba(0, 0, 0, 0.3); }
    .portfolio.full-bg .cluom:hover .info {
      color: inherit; }
      .portfolio.full-bg .cluom:hover .info:after {
        height: 100%; }
    .portfolio.full-bg .cluom:hover .more {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
    .portfolio.full-bg .cluom .info {
      padding: 40px 10px 40px 20px;
      color: #fff;
      position: relative;
      z-index: 2;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      overflow: hidden; }
      .portfolio.full-bg .cluom .info:after {
        content: '';
        position: absolute;
        top: 0;
        left: -2%;
        width: 104%;
        height: 0;
        background: #fff;
        z-index: -1;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
      .portfolio.full-bg .cluom .info h6 {
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 10px; }
      .portfolio.full-bg .cluom .info h5 {
        font-size: 21px; }
    .portfolio.full-bg .cluom .more {
      position: absolute;
      bottom: 50px;
      right: 50px;
      color: #fff;
      font-size: 13px;
      letter-spacing: 1px;
      text-transform: uppercase;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      .portfolio.full-bg .cluom .more i {
        font-size: 10px;
        margin-left: 2px; }
  .portfolio.full-bg .glry-img,
  .portfolio.full-bg .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .portfolio.full-bg .glry-img {
    overflow: hidden; }
    .portfolio.full-bg .glry-img .bg-img {
      -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
      opacity: 0;
      -webkit-transition: all .7s;
      -o-transition: all .7s;
      transition: all .7s;
      background-size: cover;
      background-position: center center; }
      .portfolio.full-bg .glry-img .bg-img.current {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1; }

.work-carousel .swiper-slide {
  padding: 0px 15px; }

.work-carousel .swiper-button-next,
.work-carousel .swiper-button-prev {
  color: #000;
  width: 60px;
  height: 60px;
  border-radius: 0;
  border: 0;
  background: #fff;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .work-carousel .swiper-button-next:after,
  .work-carousel .swiper-button-prev:after {
    display: none; }

.work-carousel:hover .swiper-button-next,
.work-carousel:hover .swiper-button-prev {
  opacity: 1; }

.work-carousel .content {
  position: relative; }
  .work-carousel .content .item-img {
    position: relative;
    height: 480px;
    line-height: 0; }
  .work-carousel .content:hover .item-ig {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  .work-carousel .content .cont {
    color: #fff;
    margin-top: 30px;
    text-align: center; }
    .work-carousel .content .cont h6 {
      color: #ed9e33;
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 10px; }
    .work-carousel .content .cont h4 {
      font-weight: 600;
      font-size: 24px; }

.work-carousel.dark {
  background: #252531 !important;
  color: #fff; }

/* ====================== [ End Work ] ====================== */
/* ====================== [ Start services ] ====================== */
.process .coulmn {
  position: relative; }
  .process .coulmn:after {
    position: absolute;
    content: '';
    width: 75px;
    border-top: 2px dashed #ed9e33;
    top: 75px;
    right: -35px; }

.process .item {
  text-align: center; }
  .process .item .bg-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 30px;
    text-align: center;
    position: relative; }
    .process .item .bg-img:after {
      content: '';
      position: absolute;
      top: 7px;
      left: 7px;
      right: 7px;
      bottom: 7px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.25); }
    .process .item .bg-img h3 {
      color: #fff;
      font-size: 40px;
      font-weight: 300;
      line-height: 150px;
      position: relative;
      z-index: 3; }

/* ====================== [ End services ] ====================== */
/* ====================== [ Start progress bar ] ====================== */
.item.text-center{
	margin-bottom:30px;
}

.skills-circle .skill {
  position: relative; }
  .skills-circle .skill span {
    width: 120px;
    height: 120px;
    line-height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-75px) translateY(-98px);
    -ms-transform: translateX(-75px) translateY(-98px);
    transform: translateX(-60px) translateY(-62px);
    font-size: 20px;
    font-weight: 300;
    /* padding-top: 50px; */
    padding: 15px;
    padding-top: 42px; }
  .skills-circle .skill h6 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 20px; }
.circle-tp{
	padding-top: 27px !important;
}
.skills-sec .skill-item {
  margin-bottom: 50px; }
  .skills-sec .skill-item:last-of-type {
    margin-bottom: 0; }

.skills-sec h6 {
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px; }

.skills-sec .skill-progress {
  height: 7px;
  background-color: #f7f7f7;
  position: relative; }
  .skills-sec .skill-progress .progres {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: #333;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s; }
    .skills-sec .skill-progress .progres:after {
      content: attr(data-value);
      position: absolute;
      right: 10px;
      top: -30px;
      font-size: 20px;
      font-weight: 100; }
    .skills-sec .skill-progress .progres:before {
      content: '';
      width: 1px;
      height: 30px;
      background: #333;
      position: absolute;
      right: 0;
      bottom: 0; }

.play-button {
  position: relative;
  width: 85px;
  height: 85px;
  margin: auto;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  z-index: 4; }

.play-button svg {
  position: absolute;
  width: 100%;
  height: 100%; }

.circle-fill circle {
  opacity: 1;
  fill: rgba(255, 255, 255, 0.1); }

.polygon {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 90px;
  font-size: 35px;
  z-index: 2; }

.play-button svg.circle-fill {
  z-index: 1;
  stroke-dasharray: 322;
  stroke-dashoffset: 322;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.play-button:hover svg.circle-fill {
  stroke-dashoffset: 38.5; }

.play-button svg.circle-track {
  z-index: 0; }

.play-button.color {
  color: #ed9e33; }
  .play-button.color .circle-fill circle {
    fill: rgba(177, 151, 119, 0.2); }

/* ====================== [ End progress bar ] ====================== */
/* ====================== [ Start tabs before & after section ] ====================== */
.after-before {
  position: relative;
  color: #fff; }
  .after-before .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1; }
  .after-before .dotsbg {
    position: relative; }
    .after-before .dotsbg:after {
      content: '';
      background-image: url(../img/line-pattern1.png);
      background-repeat: repeat;
      position: absolute;
      bottom: -60px;
      left: 10%;
      right: 10%;
      height: 40%;
      z-index: -1; }

/* ====================== [ Start tabs before & after section ] ====================== */
/* ====================== [ Start Team ] ====================== */
.team {
  position: relative; }
  .team .team-container {
    width: 140%;
    position: relative; }
    .team .team-container:after {
      content: '';
      position: absolute;
      top: -120px;
      bottom: -120px;
      right: 0;
      width: 80%;
      background: #f8f4f3;
      z-index: -1; }
  .team .item {
    padding: 0 15px; }
    .team .item .img {
      position: relative;
      overflow: hidden; }
      .team .item .img:hover:after {
        opacity: .5; }
      .team .item .img:hover .social {
        opacity: 1;
        left: 0; }
      .team .item .img:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #111;
        opacity: 0;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
      .team .item .img .social {
        position: absolute;
        top: 0;
        left: -40px;
        background-color: #fff;
        padding: 20px 10px;
        z-index: 2;
        opacity: 0;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
        .team .item .img .social a {
          display: block;
          font-size: 13px;
          margin-top: 10px;
          color: #ed9e33; }
    .team .item .info {
      margin-top: 20px;
      text-align: center; }
      .team .item .info h5 {
        font-size: 18px;
        margin-bottom: 2px; }
      .team .item .info span {
        color: #777;
        font-size: 14px; }
  .team .slick-dots {
    bottom: -40px; }
  .team .slick-dots li.slick-active button {
    background: #ed9e33; }
  .team .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .8; }
    .team .slick-dots li button:before {
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 50%;
      position: absolute;
      top: 4px;
      left: 4px;
      line-height: 1;
      background: #ed9e33;
      opacity: 1; }
  .team .dots-half {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: -2; }

/* ====================== [ End Team ] ====================== */
/* ====================== [ Start Testimonials ] ====================== */
.testimonials.grid .testim {
  position: relative; }
  .testimonials.grid .testim .slick-track {
    padding-top: 15px; }

.testimonials.grid .item {
  position: relative;
  margin: 0 20px; }
  .testimonials.grid .item .quote-icon {
    position: absolute;
    top: -20px;
    right: 12%;
    width: 10%;
    z-index: 2; }
  .testimonials.grid .item .cont {
    padding: 50px 40px 40px;
    border: 10px solid #f7f7f7;
    border-top: 0;
    position: relative; }
    .testimonials.grid .item .cont:after, .testimonials.grid .item .cont:before {
      content: '';
      position: absolute;
      height: 10px;
      background: #f7f7f7;
      top: 0; }
    .testimonials.grid .item .cont:after {
      width: 75%;
      left: 0; }
    .testimonials.grid .item .cont:before {
      width: 5%;
      right: 0; }
    .testimonials.grid .item .cont p {
      font-size: 18px;
      font-weight: 400;
      font-style: italic;
      color: #333; }
  .testimonials.grid .item .info {
    margin-top: 30px;
    padding-left: 30px;
    position: relative; }
    .testimonials.grid .item .info:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 25px solid #f7f7f7;
      border-right: 30px solid transparent;
      position: absolute;
      left: 100px;
      top: -30px; }
    .testimonials.grid .item .info .author {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      display: table-cell; }
      .testimonials.grid .item .info .author img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; }
    .testimonials.grid .item .info h6 {
      display: table-cell;
      vertical-align: middle;
      padding-left: 20px;
      font-size: 16px; }
      .testimonials.grid .item .info h6 span {
        color: #ed9e33;
        font-size: 13px;
        font-weight: 400;
        margin-top: 5px;
        display: block; }

.testimonials.grid .lit-box .cont {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); }

.testimonials.grid .lit-box .info:after {
  border-top-color: #fff !important; }

.testimonials.grid .navs {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%; }
  .testimonials.grid .navs span {
    padding: 10px 20px;
    background: #f8f4f3;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0; }
    .testimonials.grid .navs span:hover {
      background: #ed9e33;
      color: #fff; }
  .testimonials.grid .navs .next {
    left: auto;
    right: 0; }

.testimonials.bg-img .item .cont {
  border-color: rgba(255, 255, 255, 0.15); }
  .testimonials.bg-img .item .cont:after, .testimonials.bg-img .item .cont:before {
    background: rgba(255, 255, 255, 0.15); }
  .testimonials.bg-img .item .cont p {
    color: #fff; }

.testimonials.bg-img .item .info:after {
  border-top-color: rgba(255, 255, 255, 0.15); }

.testimonials.bg-img .navs span {
  color: #ed9e33; }
  .testimonials.bg-img .navs span:hover {
    background: #ed9e33;
    color: #fff; }

/* ====================== [ End Testimonials ] ====================== */
/* ====================== [ Start Blog ] ====================== */
.blog-grid {
  position: relative; }
  .blog-grid .item .post-img .img {
    overflow: hidden; }
  .blog-grid .item .post-img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  .blog-grid .item .post-img img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  .blog-grid .item .cont {
    position: relative;
    padding: 40px 30px 0;
    width: 92%;
    margin-left: 8%;
    margin-top: -40px;
    background: #fff; }
  .blog-grid .item .info {
    margin-bottom: 15px; }
    .blog-grid .item .info a {
      color: #777;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 1px;
      margin-right: 10px; }
      .blog-grid .item .info a:last-of-type {
        margin-right: 0; }
      .blog-grid .item .info a i {
        margin-right: 2px; }
    .blog-grid .item .info .tag {
      color: #ed9e33;
      font-weight: 600;
      float: right; }
  .blog-grid .item h5 {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 15px; }
  .blog-grid .item .more {
    color: #ed9e33;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ed9e33;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    .blog-grid .item .more:hover {
      border-color: transparent; }
  .blog-grid.center .item {
    text-align: center; }
    .blog-grid.center .item .cont {
      margin-left: 4%;
      padding: 40px; }
      .blog-grid.center .item .cont h5 {
        font-size: 21px; }

.blog-pg .posts .item .img {
  position: relative; }
  .blog-pg .posts .item .img .info {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px;
    background: #fff; }
    .blog-pg .posts .item .img .info .date {
      text-align: center;
      color: #ed9e33; }
      .blog-pg .posts .item .img .info .date .num {
        display: block;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
        padding-bottom: 10px;
        position: relative; }
        .blog-pg .posts .item .img .info .date .num:after {
          content: '';
          width: 30px;
          height: 1px;
          background: #eee;
          position: absolute;
          bottom: 0;
          left: calc(50% - 15px); }
      .blog-pg .posts .item .img .info .date h5 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px; }

.blog-pg .posts .item .content {
  padding-top: 25px; }
  .blog-pg .posts .item .content .tags {
    margin-bottom: 10px; }
    .blog-pg .posts .item .content .tags a {
      font-size: 12px;
      font-weight: 500;
      color: #ed9e33;
      padding-right: 20px;
      position: relative; }
      .blog-pg .posts .item .content .tags a:after {
        content: '';
        width: 8px;
        height: 2px;
        background: #eee;
        position: absolute;
        right: 4px;
        top: 50%; }
      .blog-pg .posts .item .content .tags a:last-of-type {
        padding-right: 0; }
        .blog-pg .posts .item .content .tags a:last-of-type:after {
          display: none; }
  .blog-pg .posts .item .content h4 {
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 5px; }
  .blog-pg .posts .item .content .more {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-left: 60px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
    .blog-pg .posts .item .content .more:after {
      content: '';
      width: 50px;
      height: 1px;
      background: #090909;
      position: absolute;
      left: 0px;
      top: 50%;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
    .blog-pg .posts .item .content .more:hover {
      padding-left: 40px; }
      .blog-pg .posts .item .content .more:hover:after {
        width: 30px; }

.blog-pg .posts .pagination {
  margin: 80px auto 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center; }
  .blog-pg .posts .pagination span {
    text-align: center;
    margin: 0 2px; }
    .blog-pg .posts .pagination span a {
      width: 50px;
      height: 50px;
      line-height: 50px;
      border: 1px solid #eee;
      font-size: 18px; }
    .blog-pg .posts .pagination span.active a {
      border-color: #ed9e33;
      color: #ed9e33; }

.blog-pg.single .post .title-head {
  text-align: center;
  margin-bottom: 50px; }
  .blog-pg.single .post .title-head h2 {
    margin-bottom: 10px; }
  .blog-pg.single .post .title-head a {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 10px; }

.blog-pg.single .post .main-img .simpleParallax {
  height: 70vh;
  max-height: 600px; }

.blog-pg.single .post .main-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center; }

.blog-pg.single .post .content p {
  color: #555;
  font-size: 16px;
  font-family: inherit;
  margin: 30px 0; }

.blog-pg.single .post .content ul li {
  margin: 10px 0; }
  .blog-pg.single .post .content ul li span {
    margin-right: 10px;
    font-weight: 500;
    font-size: 13px; }

.blog-pg.single .post .content .quotes {
  background: #fafafa;
  padding: 30px;
  margin: 30px 0; }
  .blog-pg.single .post .content .quotes p {
    color: #111;
    font-size: 18px;
    font-style: italic; }

.blog-pg.single .post .content .spacial p {
  color: #111;
  font-size: 18px;
  font-weight: 500; }

.blog-pg.single .post .content .share-info {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .blog-pg.single .post .content .share-info .social a {
    font-size: 13px;
    margin-right: 20px; }
  .blog-pg.single .post .content .share-info .tags {
    margin-left: auto; }
    .blog-pg.single .post .content .share-info .tags a {
      font-size: 12px;
      margin: 0 10px; }

.blog-pg.single .post .author {
  padding: 30px;
  margin-top: 40px;
  background: #fafafa; }
  .blog-pg.single .post .author .author-img {
    display: table-cell;
    vertical-align: middle;
    width: 140px; }
  .blog-pg.single .post .author .info {
    display: table-cell;
    padding-left: 40px; }
    .blog-pg.single .post .author .info h6 {
      margin-bottom: 10px;
      font-size: 15px; }
      .blog-pg.single .post .author .info h6 span {
        font-weight: 700;
        text-transform: uppercase;
        margin-right: 10px; }
    .blog-pg.single .post .author .info p {
      padding: 0;
      margin: 0; }
    .blog-pg.single .post .author .info .social {
      margin-top: 15px;
      font-size: 13px; }
      .blog-pg.single .post .author .info .social a {
        margin-right: 15px; }

.blog-pg.single .pagination {
  margin-top: 80px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .blog-pg.single .pagination span {
    width: 100%;
    padding: 20px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px; }
  .blog-pg.single .pagination .icon {
    border: 0;
    width: 70px; }

.blog-pg.single .comments-area {
  margin-top: 80px; }
  .blog-pg.single .comments-area .item {
    padding: 30px 0;
    margin: 30px 0;
    border-bottom: 1px solid #eee; }
    .blog-pg.single .comments-area .item.relped {
      margin-left: 100px; }
    .blog-pg.single .comments-area .item .comment-img {
      display: table-cell;
      width: 80px; }
    .blog-pg.single .comments-area .item .info {
      display: table-cell;
      vertical-align: middle;
      padding-left: 40px;
      position: relative; }
      .blog-pg.single .comments-area .item .info h6 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500; }
        .blog-pg.single .comments-area .item .info h6 span {
          display: block;
          color: #ed9e33;
          font-size: 12px;
          font-weight: 400;
          margin-top: 5px; }
      .blog-pg.single .comments-area .item .info p {
        line-height: 1.5;
        margin-top: 15px; }
      .blog-pg.single .comments-area .item .info .replay {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 13px; }
        .blog-pg.single .comments-area .item .info .replay i {
          margin-left: 5px; }

.blog-pg.single .comment-form {
  margin-top: 80px; }
  .blog-pg.single .comment-form form {
    margin-top: 50px; }
    .blog-pg.single .comment-form form input, .blog-pg.single .comment-form form textarea {
      width: 100%;
      padding: 17px;
      background: #fafafa;
      border: 0; }
    .blog-pg.single .comment-form form textarea {
      height: 140px; }
    .blog-pg.single .comment-form form button {
      cursor: pointer; }

.next-project {
  position: relative;
  padding: 80px 0;
  margin-top: 90px;
  background: #fafafa;
  z-index: 2;
  overflow: hidden; }
  .next-project:before {
    display: none; }
  .next-project:after {
    content: '';
    height: 0;
    width: 100%;
    position: absolute;
    bottom: auto;
    right: 0;
    top: 0;
    -webkit-transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #f5f5f5;
    z-index: -1; }
  .next-project:hover:after {
    height: 100%;
    bottom: 0;
    top: auto; }
  .next-project .content {
    width: 100%; }
    .next-project .content h2 {
      font-size: 90px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 4px;
      margin-bottom: 20px; }
    .next-project .content p {
      font-size: 18px;
      color: #555; }

/* ====================== [ End Blog ] ====================== */
/* ====================== [ Start contact ] ====================== */
input.submit-btn {
    background-color: #ed9e33 !important;
    cursor:pointer;
}
.cont-map {
  position: relative;
  z-index: 2; }
  .cont-map .contact-form form {
    position: relative;
    top: 0px;
    right: 0px;
    padding: 30px 30px;
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    border: 10px solid #f7f7f7;
    border-radius: 5px; }
    .cont-map .contact-form form input, .cont-map .contact-form form textarea {
      padding: 10px;
    background: #fff;
    border: 0;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #ccc; }
    .cont-map .contact-form form textarea {
      height: 120px; }
  .cont-map .contact-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1; }
    .cont-map .contact-map .map {
      height: 100%; }
  .cont-map .contact-form,
  .cont-map .contact-map {
    padding: 0; }
  .cont-map .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1; }

.contact .info .item {
  padding: 40px 20px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .contact .info .item .icon {
    font-size: 30px;
    color: #999;
    padding-right: 10px; }
  .contact .info .item .cont h6 {
    font-size: 20px;
    color: #ed9e33;
    margin-bottom: 10px; }
  .contact .info .item .cont p {
    font-size: 13px; }
.main-footer.dark p{
	color:#292e38;
}
.contact .map-box {
  padding: 0; }
  .contact .map-box .map {
    height: 100%; }

.contact .form {
  padding: 120px 5%; }
  .contact .form input, .contact .form textarea {
    padding: 15px;
    background: #ed9e33;
    border: 0;
    width: 100%; }
  .contact .form textarea {
    height: 160px; }

/* ====================== [ End contact ] ====================== */
/* ====================== [ Start Footer ] ====================== */
.main-footer {
  padding: 100px 0 0; }
  .main-footer.dark {
    background: #ed9e33;
    color: #fff; }
  .main-footer .abot p {
    font-size: 13px; }
  .main-footer .abot .social-icon {
    margin-top: 20px; }
    .main-footer .abot .social-icon a {
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      font-size: 13px;
      border: 1px solid #292e38;
      border-radius: 50%;
	  color:#292e38;
      margin-right: 3px;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      .main-footer .abot .social-icon a:hover {
        border-color: #292e38;
        color: #fff; }
  .main-footer .usful-links ul {
    margin: 0; }
    .main-footer .usful-links ul li {
      font-size: 13px;
      margin-bottom: 10px; }
      .main-footer .usful-links ul li:hover {
        color: #292e38; }
      .main-footer .usful-links ul li i {
        font-size: 10px;
        color: #292e38;
        margin-right: 5px; }
		.main-footer .logo{
			background: #fff;
    border-radius: 20px;
    padding: 5px 20px;
		}
  .main-footer .fothead h6 {
    color: #292e38;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px; }
  .main-footer .fotcont .fothead h6 {
    position: relative;
    padding-bottom: 10px; }
    .main-footer .fotcont .fothead h6:after {
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.8);
      height: 1px; }
  .main-footer .fotcont p {
    font-size: 13px; }
  .main-footer .sub-footer {
    padding: 30px 0;
    margin-top: 50px;
    border-top: 1px solid #292e38; }
    .main-footer .sub-footer p {
      font-size: 13px; }

/* ====================== [ End Footer ] ====================== */
/* ====================== [ Start Responsive ] ====================== */
@media screen and (max-width: 991px) {
    .modal.fade{
        display:none !important;
    }
    .navbar .navbar-nav .nav-link {
    color: #fff;
}
  .md-mb10 {
    margin-bottom: 10px; }
  .md-mb20 {
    margin-bottom: 20px; }
  .md-mb30 {
    margin-bottom: 30px; }
  .md-mb40 {
    margin-bottom: 40px; }
  .md-mb50 {
    margin-bottom: 50px; }
  .md-mb60 {
    margin-bottom: 60px; }
  .md-mb70 {
    margin-bottom: 70px; }
  .md-mb80 {
    margin-bottom: 80px; }
  .md-pb10 {
    padding-bottom: 10px; }
  .md-pb20 {
    padding-bottom: 20px; }
  .md-pb30 {
    padding-bottom: 30px; }
  .md-pb40 {
    padding-bottom: 40px; }
  .md-pb50 {
    padding-bottom: 50px; }
  .md-pb60 {
    padding-bottom: 60px; }
  .md-pb70 {
    padding-bottom: 70px; }
  .md-pb80 {
    padding-bottom: 80px; }
  .order2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important; }
  .order1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important; }
  .navbar {
    min-height: 60px; }
    .navbar .navbar-collapse {
      max-height: 340px;
      overflow: auto;
      background: #111;
      text-align: center;
      padding: 10px 15px; }
    .navbar .nav-link {
      margin: 10px auto !important; }
  .navbar .logo {
    margin-left: 15px;
    width: 120px;
    padding: 10px 0;
}
.navbar-toggler{
    font-size: 35px;
    border: 0;
    float: right;
    padding-top: 22px;
    background-color:#fff;
}
  .nav-scroll .navbar-collapse .nav-link,
  .light .navbar-collapse .nav-link {
    color: #fff !important; }
  .nav-scroll .navbar-collapse .active,
  .light .navbar-collapse .active {
    color: #ed9e33 !important; }
  .light .social-icon a,
  .nav-scroll .social-icon a {
    color: #fff; }
  .navbar .social-icon,
  .navbar .search {
    border: 0;
    padding: 0;
    margin-top: 30px; }
  .navbar .social-icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%; }
  .navbar .search .search-form {
    display: block;
    position: static;
    height: auto; }
  .navbar .search .search-form form {
    position: static;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .navbar .search .search-form form input {
    padding: 15px;
    width: 100%;
    font-size: 14px; }
  .navbar .search .icon,
  .navbar .search .search-form .close {
    display: none; }
  .navbar-nav .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    background: #222;
    text-align: center;
    color: #eee; }
    .navbar-nav .dropdown-menu .dropdown-item {
      color: #eee; }
  .navbar-nav .dropdown-menu.show {
    display: block; }
  .navbar .navbar-nav .nav-link {
    padding: 0; }
    .navbar .navbar-nav .nav-link:hover {
      color: #ed9e33; }
  .slider .caption.center h1 {
    font-size: 40px; }
  .cta__slider-item .media-wrapper .bg-img {
    width: 100%; }
  .about .specialty,
  .about .exp-content,
  .numbers .item,
  .team .slick-slider,
  .about .ab-exp,
  .about .txt-cont,
  .skills-sec .content {
    margin-top: 50px; }
  .services .feat-top {
    width: 100%;
    margin-top: 0;
    padding: 100px 30px 70px; }
    .services .feat-top .item-sm {
      margin-bottom: 30px;
      background: #fff;
      padding: 30px; }
  .portfolio.full-bg .cluom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 50vh; }
  .process .coulmn:after {
    display: none; }
  .blog-grid .item,
  .skills-circle .skill,
  .process .item,
  .team.tmgrid .item,
  .contact .info .item {
    margin-bottom: 50px; }
  .contact .info {
    padding-bottom: 30px !important; }
  .contact .map-box {
    height: 400px; }
  .blog-grid,
  .skills-circle,
  .process,
  .team.tmgrid {
    padding-bottom: 70px; }
  .team.tmgrid {
    background: #fff; }
  .brands .box-top .item {
    margin: 20px 0; }
  .team {
    background: #f8f4f3; }
    .team .tit .navs span {
      background: #fff; }
      .team .tit .navs span:hover {
        background: #ed9e33; }
  .team .team-container {
    width: 100%; }
  .about .pat {
    display: none; }
  .cont-map {
    background: #f8f4f3; }
  .cont-map .contact-form form {
    top: 0;
    right: 0;
    margin: 120px 0; }
  .cont-map .contact-map {
    position: relative;
    height: 300px;
    width: 100%; }
  .cont-map .bg-img {
    display: none; }
  .portfolio .gallery.twsty .three-column {
    width: 50% !important; }
  footer .item {
    margin-bottom: 30px; }
  footer .sub-footer {
    margin-top: 20px; }
  footer .sub-footer .text-left,
  footer .sub-footer .text-right {
    text-align: center !important; } }

@media screen and (max-width: 767px) {
  .sm-mb10 {
    margin-bottom: 10px; }
  .sm-mb20 {
    margin-bottom: 20px; }
  .sm-mb30 {
    margin-bottom: 30px; }
  .sm-mb40 {
    margin-bottom: 40px; }
  .sm-mb50 {
    margin-bottom: 50px; }
  .sm-mb60 {
    margin-bottom: 60px; }
  .sm-mb70 {
    margin-bottom: 70px; }
  .sm-mb80 {
    margin-bottom: 80px; }
  .sm-pb10 {
    padding-bottom: 10px; }
  .sm-pb20 {
    padding-bottom: 20px; }
  .sm-pb30 {
    padding-bottom: 30px; }
  .sm-pb40 {
    padding-bottom: 40px; }
  .sm-pb50 {
    padding-bottom: 50px; }
  .sm-pb60 {
    padding-bottom: 60px; }
  .sm-pb70 {
    padding-bottom: 70px; }
  .sm-pb80 {
    padding-bottom: 80px; }
  h1 {
    font-size: 35px; }
  h2 {
    font-size: 28px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 18px; }
  h6 {
    font-size: 16px; }
  .progress-wrap {
    right: 15px;
    bottom: 15px; }
  .navbar .logo {
    width: 60px; }
  .btn-curve {
    padding: 8px 15px; }
    .btn-curve span {
      font-size: 15px;
      letter-spacing: 1px; }
  .section-head h4 {
    font-size: 22px; }
  .pages-header .cont h1 {
    font-size: 40px; }
  .slider .caption.center h1 {
    font-size: 25px; }
    .slider .caption.center h1 br {
      display: none; }
  .slider .social-icon {
    left: 15px;
    bottom: 15px;
    display: none; }
  .slider .swiper-pagination-fraction.top.botm {
    right: 15px;
    bottom: 15px; }
  .slider .swiper-pagination-fraction.top span {
    font-size: 20px; }
  .slider .swiper-pagination-fraction.top .swiper-pagination-current {
    font-size: 25px; }
  .slider .setone.setwo .next-ctrl {
    right: auto;
    left: 70px;
    bottom: 15px;
    top: auto;
    width: 45px;
    height: 45px;
    line-height: 45px; }
  .slider .setone.setwo .prev-ctrl {
    left: 15px;
    bottom: 15px;
    top: auto;
    width: 45px;
    height: 45px;
    line-height: 45px; }
  .slider .parallax-slider .caption h1 {
    font-size: 35px; }
  .slider .setone .swiper-nav-ctrl {
    width: 45px;
    height: 45px;
    line-height: 45px; }
  .slider .setone {
    bottom: 15px;
    right: 15px; }
  .cta__slider-item .caption h1 {
    font-size: 40px; }
  .cta__slider-arrows {
    right: 15px;
    bottom: 15px; }
  .slid-half .swiper-pagination-fraction.top {
    right: auto;
    top: auto;
    left: 15px;
    bottom: 15px; }
  .about .exp-content:after {
    right: 0; }
  .about .exp-img .img {
    width: 100%; }
  .about .exp-content ul {
    display: block; }
  .about .exp-content ul li {
    margin-top: 10px;
    display: inline-block; }
  .about .ab-exp .years-exp {
    height: 300px;
    margin-top: 10px; }
  .services .feat-top {
    padding: 80px 10px 50px; }
  .services .item-sm .numb {
    padding-right: 30px; }
    .services .item-sm .numb:after {
      width: 15px; }
  .brands .box-top .row > div {
    width: 50%; }
  .blog-grid.center .item .cont {
    padding: 30px 20px; }
  .portfolio .gallery.twsty .items {
    width: 100%; }
  .portfolio .filtering span {
    margin: 5px 15px;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: capitalize; }
  .portfolio.full-bg .cluom {
    height: 40vh;
    min-height: 250px; }
  .portfolio .gallery.twsty .three-column {
    width: 100% !important; }
  .blog-pg .posts .item .content {
    position: relative; }
    .blog-pg .posts .item .content .col-10,
    .blog-pg .posts .item .content .col-2 {
      width: 100%;
      max-width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
    .blog-pg .posts .item .content .col-2 {
      position: absolute;
      right: 0px;
      top: -90px;
      z-index: 3; }
  .blog-pg .posts .item .content .date a {
    padding: 10px;
    background: #fff;
    margin: 0; }
  .blog-pg .posts .item .content .date .num {
    font-size: 25px;
    margin: 0; }
  .blog-pg.single .comments-area .item.relped {
    margin-left: 0px; }
  .blog-pg.single .comments-area .item .info h6 span {
    display: block;
    margin: 10px 0 0 0; } }

@media screen and (max-width: 480px) {
  .pages-header .cont .path {
    font-size: 15px; }
    .pages-header .cont .path span {
      margin: 0 10px; }
  .blog-pg.single .post .title-head a {
    letter-spacing: 0;
    margin: 0 7px; }
  .blog-pg .posts .item .img .info {
    padding: 10px; }
  .blog-pg .posts .item .img .info .date .num {
    font-size: 20px; }
  .blog-pg.single .post .content .share-info {
    display: block; }
  .blog-pg.single .post .content .share-info .tags,
  .blog-pg.single .post .content .share-info .social {
    display: block;
    width: 100%;
    text-align: center; }
  .blog-pg.single .post .content .share-info .tags {
    margin-top: 20px; }
  .blog-pg.single .post .author {
    padding: 30px 15px; }
  .blog-pg.single .post .author .author-img {
    display: block;
    width: 120px;
    margin: 0 auto 30px; }
  .blog-pg.single .post .author .info {
    display: block;
    padding: 0;
    text-align: center; }
  .blog-pg.single .comments-area .item .comment-img {
    display: block;
    margin: 0 auto 30px;
    width: 60px; }
  .blog-pg.single .comments-area .item .info {
    display: block;
    padding: 0;
    text-align: center; }
  .blog-pg.single .comments-area .item.relped {
    margin-left: 0px; }
  .blog-pg.single .comments-area .item .info h6 {
    font-size: 14px;
    letter-spacing: 1px; }
  .blog-pg.single .comments-area .item .info .replay {
    top: -25px; } }
.theme-accordion-s1, .theme-accordion-s2 {
  margin-bottom: 0;
}

.theme-accordion-s1 .panel-default, .theme-accordion-s2 .panel-default {
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.theme-accordion-s1 .panel-heading, .theme-accordion-s2 .panel-heading {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.theme-accordion-s1 .panel, .theme-accordion-s2 .panel {
  border: 1px solid #ed9e33;
  padding: 25px;
}

.theme-accordion-s1 .panel + .panel, .theme-accordion-s2 .panel + .panel {
  margin-top: 15px;
}

.theme-accordion-s1 .panel-heading a.collapsed:before, .theme-accordion-s2 .panel-heading a.collapsed:before {
  content: "\e61a";
}

.theme-accordion-s1 .panel-heading a, .theme-accordion-s2 .panel-heading a {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ed9e33;
  display: block;
  padding: 0 0 0 45px;
  position: relative;
}

@media (max-width: 991px) {
  .theme-accordion-s1 .panel-heading a, .theme-accordion-s2 .panel-heading a {
    font-size: 16px;
    font-size: 1.06667rem;
    padding: 5px 25px 5px 45px;
  }
}

@media (max-width: 767px) {
  .theme-accordion-s1 .panel-heading a, .theme-accordion-s2 .panel-heading a {
    padding: 5px 25px 5px 45px;
  }
}

.theme-accordion-s1 .panel-heading a:before, .theme-accordion-s2 .panel-heading a:before {
  font-family: "themify";
  content: "\e622";
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ed9e33;
  font-size: 15px;
  font-size: 1rem;
  border: 1px solid #ed9e33;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -4px;
}

@media (max-width: 991px) {
  .theme-accordion-s1 .panel-heading a:before, .theme-accordion-s2 .panel-heading a:before {
    font-size: 18px;
    font-size: 1.2rem;
    left: 0;
  }
}

.theme-accordion-s1 .panel-heading a:focus, .theme-accordion-s2 .panel-heading a:focus {
  text-decoration: none;
}

.theme-accordion-s1 .panel-heading .collapsed, .theme-accordion-s2 .panel-heading .collapsed {
  background-color: transparent;
  color: #151222;
}

.theme-accordion-s1 .panel-heading .collapsed:before, .theme-accordion-s2 .panel-heading .collapsed:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body {
  background-color: transparent;
  border: 0;
  padding: 20px 0 0 25px;
}

@media (max-width: 991px) {
  .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body {
    padding: 10px 0 0;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body p, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body p {
  margin-bottom: 1.3em;
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body p:last-child, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body p:last-child {
  margin-bottom: 0;
  color: #292e38;
}
.section-title{
	margin-bottom:20px;
	font-size:30px;
}
.section-title h2{
	
	font-size:30px;
}
.theme-accordion-s2 .panel {
  padding: 35px 25px;
  border: 2px solid #f2f7fd;
}

.theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body {
  background-color: transparent;
  border: 0;
  padding: 20px 0 0 45px;
}

@media (max-width: 767px) {
  .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body {
    padding: 10px 0 0;
  }
}

/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 2 *******************/
.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}
/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** Demo - 4 *******************/
.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}

/*********************** Demo - 5 *******************/
.box5{background:#444;position:relative}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#444;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{background:#444;color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box6 .title,.box6 img,.box6:after{transition:all .35s ease 0s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}
/*********************** Demo - 6 *******************/
.box6{background:#000;position:relative}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}
.cnt223 h4{
	font-size: 18px;
	margin-bottom:15px;
}
.cnt223 hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/*********************** Demo - 7 *******************/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(11,33,47,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:18px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;background:#0dab76;font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}

/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#ef4050;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

/*********************** Demo - 9 *******************/
.box9{background:#000;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{padding:30px 10px 30px 0;background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.box9:hover .box-content{top:10px;left:10px;bottom:10px;right:10px;opacity:1}
.box9 .title{font-weight:700;color:#fff;line-height:17px;margin:5px 0;position:absolute;bottom:55%}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:20px}
}
/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative}
.box10:after,.box10:before{border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #0d5f45;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color:transparent #18ab69 #18ab69 #008148;top:25%;transform:translate(-60%,100%)}
.box10:hover:before{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10:hover:after{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10:hover img{transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{padding:20px 0 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10:hover .box-content{opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li a{display:block;width:35px;height:35px;background:#18ab69;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
.box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
.box10:after{border-width:260px 460px}
}
/*********************** Demo - 11 *******************/
.box11{background:#000;color:#fff;position:relative}
.box11:after,.box11:before{position:absolute;content:""}
.box11:before{width:100%;height:100%;background:#83437d;opacity:.5;top:100%;left:0;z-index:1;transition:all .35s ease-in .3s}
.box11:hover:before{top:0;transition:all .35s ease-out 0s}
.box11:after{bottom:100%;left:50%;border-width:200px 200px 0;border-style:solid;border-color:#83437d transparent transparent;opacity:.9;transform:translateX(-50%);transition:all .35s ease-out 0s}
.box11:hover .post,.box11:hover .title{transform:translate(0,-50%)}
.box11:hover:after{bottom:25%;transition:all .35s ease-in .2s}
.box11 img{width:100%;height:auto}
.box11:hover img{opacity:.5}
.box11 .icon,.box11 .post,.box11 .title{width:100%;position:absolute;left:0;opacity:0;transition:all .35s ease .5s}
.box11 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.box11 .title{padding:0 30px;margin:0;font-weight:300;top:45%}
.box11 .post,.box14 .post{text-transform:capitalize}
.box11 .post{font-size:15px;top:57%}
.box11 .icon{padding:0;margin:0;list-style:none;bottom:5px}
.box11 .icon li a{width:40px;height:40px;line-height:40px;padding:0 5px;font-size:20px;color:#fff;opacity:.7;transition:all .35s ease .5s}
.box11 .icon li a:hover{opacity:1;transition:all .35s ease}
.box11:hover .icon,.box11:hover .post,.box11:hover .title{opacity:1}
@media only screen and (max-width:990px){.box11{margin-bottom:20px}
}
@media only screen and (max-width:767px){.box11:after{border-width:500px 500px 0}
}

/*********************** Demo - 12 *******************/
.box12{position:relative}
.box12 .box-content,.box12:after{position:absolute;transition:all .3s ease 0s}
.box12:after{content:"";width:65%;background:rgba(28,28,28,.8);padding-bottom:65%;opacity:0;top:50%;left:50%;transform:rotate(0) translate(-50%,-50%);transform-origin:0 0 0}
.box12:hover:after{transform:rotate(-45deg) translate(-50%,-50%);opacity:1}
.box12 img{width:100%;height:auto}
.box12 .box-content{width:100%;top:35%;left:0;opacity:0;z-index:1}
.box12:hover .box-content{opacity:1}
.box12 .title{padding:10px 0;color:#fff;margin:0;border-top:2px solid #fff;border-bottom:2px solid #fff}
.box12 .icon{padding:0;margin:12px 0 0;list-style:none}
.box12 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;border:1px solid #fff;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box12 .icon li a:hover{border-radius:0}
@media only screen and (max-width:990px){.box12{margin-bottom:20px}
}
/*********************** Demo - 13 *******************/
.box13{position:relative;transition:all .2s ease-out 0s}
.box13 .box-content,.box13:after{position:absolute;left:20px;right:20px}
.box13:after{content:"";display:block;background:#463f9f;top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box13:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box13 img{width:100%;height:auto}
.box13 .box-content{top:45%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box13:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box13 .title{display:block;font-size:22px;font-weight:700;color:#39b54a;margin:0 0 10px}
.box13 .post{display:block;font-size:15px;color:#f7f7b9;margin-bottom:20px}
.box13 .social{padding:0;margin:0;list-style:none}
.box13 .social li{display:inline-block}
.box13 .social li a{display:block;width:35px;height:35px;background:#f7f7b9;border-radius:50%;font-size:17px;color:#1b1462;line-height:35px;margin-right:5px;transition:all .4s ease-in-out 0s}
.box14 .icon li,.box14 .post{display:inline-block}
.box13 .social li a:hover{color:#f7f7b9;background:#39b54a}
@media only screen and (max-width:990px){.box13{margin-bottom:30px}
}

/*********************** Demo - 14 *******************/
.box14{position:relative}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#d79719;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:20px;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:14px;color:#fff;margin-right:5px;transition:all .4s ease 0s}
.box14 .icon li a:hover{background:#d79719;border-color:#d79719}
@media only screen and (max-width:990px){.box14{margin-bottom:30px}
}

/*********************** Demo - 15 *******************/
.box15{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.box15:hover .box-content{background-color:rgba(255,242,242,.8)}
.box15 .box-content:after,.box15 .box-content:before{content:"";width:50px;height:50px;position:absolute;opacity:0;transform:scale(1.5);transition:all .6s ease .3s}
.box15 .box-content:before{border-left:1px solid #040404;border-top:1px solid #040404;top:19px;left:19px}
.box15 .box-content:after{border-bottom:1px solid #040404;border-right:1px solid #040404;bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover .box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:22px;color:#000;margin:0;position:relative;top:0;opacity:0;transition:all 1s ease 10ms}
.box15:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title:after{content:"";width:0;height:1px;background:#040404;position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;transition:all 1s ease 0s}
.box15:hover .title:after{width:80%;transition:all 1s ease .8s}
.box15 .icon{width:100%;margin:0 auto;position:absolute;bottom:0;opacity:0;transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.53,.405,1.425);transition-delay:.1s}
.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box15 .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}

/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.box16 .social li{display:inline-block}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#bea041}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}

/*********************** Demo - 17 *******************/
.box17{position:relative}
.box17:after{content:"";width:100%;height:100%;background:rgba(2,162,221,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:auto;transition:all 1.5s ease 0s}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background:rgba(0,0,0,.1);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}

/*********************** Demo - 18 *******************/
.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*********************** Demo - 19 *******************/
.box19{text-align:center;position:relative}
.box19 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.box19 .icon,.box19 .title{transition:all .2s ease 0s}
.box19:hover .box-content{background:rgba(0,0,0,.5)}
.box19 .title{font-size:24px;color:#fff;transform:scale(0)}
.box19:hover .title{transform:scale(1)}
.box19 .icon{list-style:none;padding:0;margin:0;opacity:0}
.box19:hover .icon{opacity:1}
.box19 .icon li{display:inline-block}
.box19 .icon li:first-child a,.box19 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.box19 .icon li a{top:-150px}
.box19:hover .icon li a{top:0}
.box19:hover .icon li a:hover{background:#a46789;border-color:#a46789}
.box19 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box19 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box19{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box19 .box-content{padding-top:20%}
}

/*********************** Demo - 20 *******************/
.box20{position:relative}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#ff402a;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20:hover:before{left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
.box20:hover:after{bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20:hover .box-content{top:30px}
.box20 .title{font-size:24px;margin:0}
.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20:hover .icon{bottom:25px}
.box20 .icon li{display:inline-block}
.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}
.box20 .icon li a:hover{background:#fff;color:#ff402a}
@media only screen and (max-width:990px){.box20{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box20 .title{font-size:20px}
}

/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 80px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
	line-height: 60px;
}
/* ====================== [ End Responsive ] ====================== */
#feedback {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 500px;
  margin-left: -3px;
  margin-bottom: -3px;
  z-index:11;
}


#feedback h3 {
	margin:10px 0;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
	color:#3f843a;
    font-weight: normal;
	text-align:center;
}

#feedback p { text-align:center; margin:5px 0; }



#feedback-form {
  float: left;
  width: 350px;
  height: 100%;
  z-index: 1000;
  padding-left: 5px;
  padding-right: 10px;
  margin:5px 0;
  background-color:#fff;
 /* background-clip: 'padding-box';*/
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.form-group input{ margin:5px 0; padding-right: 10px;}
 

#feedback-tab {
  float: right;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  width: 120px;
  height: 35px;
  background-color: rgba(0,0,0,0.5);
  margin-top: 50px;
  margin-left: -42px;
  padding-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  
  
   -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
  0% { background-color: #ed9e33; -webkit-box-shadow: 0 0 3px #ed9e33; }
  50% { background-color: #ed9e33; -webkit-box-shadow: 0 0 40px #d77c00; }
  100% { background-color: #ed9e33; -webkit-box-shadow: 0 0 3px #d77c00; }
}

@-moz-keyframes glowing {
  0% { background-color: #ed9e33; -moz-box-shadow: 0 0 3px #ed9e33; }
  50% { background-color: #ed9e33; -moz-box-shadow: 0 0 40px #d77c00; }
  100% { background-color: #ed9e33; -moz-box-shadow: 0 0 3px #d77c00; }
}

@-o-keyframes glowing {
  0% { background-color: #ed9e33; box-shadow: 0 0 3px #ed9e33; }
  50% { background-color: #ed9e33; box-shadow: 0 0 40px #d77c00; }
  100% { background-color: #ed9e33; box-shadow: 0 0 3px #d77c00; }
}

@keyframes glowing {
  0% { background-color: #ed9e33; box-shadow: 0 0 3px #ed9e33; }
  50% { background-color: #ed9e33; box-shadow: 0 0 40px #d77c00; }
  100% { background-color: #ed9e33; box-shadow: 0 0 3px #d77c00; }
}







#feedback-tab:hover { background-color: rgba(0,0,0,0.4); }

#feedback-form textarea { resize: none; }

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.float .fa{
	padding-top:15px;
}