/****** FILE: resources/app/css/plugins.css *****/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Note: All plugins Css File Here
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	@import url("/resources/app/css/plugins/bootstrap.min.css");
	@import url("/resources/app/css/plugins/jquery.animatedheadline.css");
	@import url("/resources/app/css/plugins/owl.carousel.min.css");
	@import url("/resources/app/css/plugins/magnific-popup.css");
/****** FILE: resources/app/css/font-awesome.min.css *****/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/resources/app/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/resources/app/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/resources/app/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/resources/app/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/resources/app/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/resources/app/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}  .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}  .fa-2x{font-size:2em}  .fa-3x{font-size:3em}  .fa-4x{font-size:4em}  .fa-5x{font-size:5em}  .fa-fw{width:1.28571429em;text-align:center}  .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}  .fa-ul>li{position:relative}  .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}  .fa-li.fa-lg{left:-1.85714286em}  .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}  .fa-pull-left{float:left}  .fa-pull-right{float:right}  .fa.fa-pull-left{margin-right:.3em}  .fa.fa-pull-right{margin-left:.3em}  .pull-right{float:right}  .pull-left{float:left}  .fa.pull-left{margin-right:.3em}  .fa.pull-right{margin-left:.3em}  .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}  .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}  @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}  @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}  .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}  .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}  .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}  .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}  .fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}  :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}  .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}  .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}  .fa-stack-1x{line-height:inherit}  .fa-stack-2x{font-size:2em}  .fa-inverse{color:#fff}  .fa-glass:before{content:"\f000"}  .fa-music:before{content:"\f001"}  .fa-search:before{content:"\f002"}  .fa-envelope-o:before{content:"\f003"}  .fa-heart:before{content:"\f004"}  .fa-star:before{content:"\f005"}  .fa-star-o:before{content:"\f006"}  .fa-user:before{content:"\f007"}  .fa-film:before{content:"\f008"}  .fa-th-large:before{content:"\f009"}  .fa-th:before{content:"\f00a"}  .fa-th-list:before{content:"\f00b"}  .fa-check:before{content:"\f00c"}  .fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}  .fa-search-plus:before{content:"\f00e"}  .fa-search-minus:before{content:"\f010"}  .fa-power-off:before{content:"\f011"}  .fa-signal:before{content:"\f012"}  .fa-gear:before,.fa-cog:before{content:"\f013"}  .fa-trash-o:before{content:"\f014"}  .fa-home:before{content:"\f015"}  .fa-file-o:before{content:"\f016"}  .fa-clock-o:before{content:"\f017"}  .fa-road:before{content:"\f018"}  .fa-download:before{content:"\f019"}  .fa-arrow-circle-o-down:before{content:"\f01a"}  .fa-arrow-circle-o-up:before{content:"\f01b"}  .fa-inbox:before{content:"\f01c"}  .fa-play-circle-o:before{content:"\f01d"}  .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}  .fa-refresh:before{content:"\f021"}  .fa-list-alt:before{content:"\f022"}  .fa-lock:before{content:"\f023"}  .fa-flag:before{content:"\f024"}  .fa-headphones:before{content:"\f025"}  .fa-volume-off:before{content:"\f026"}  .fa-volume-down:before{content:"\f027"}  .fa-volume-up:before{content:"\f028"}  .fa-qrcode:before{content:"\f029"}  .fa-barcode:before{content:"\f02a"}  .fa-tag:before{content:"\f02b"}  .fa-tags:before{content:"\f02c"}  .fa-book:before{content:"\f02d"}  .fa-bookmark:before{content:"\f02e"}  .fa-print:before{content:"\f02f"}  .fa-camera:before{content:"\f030"}  .fa-font:before{content:"\f031"}  .fa-bold:before{content:"\f032"}  .fa-italic:before{content:"\f033"}  .fa-text-height:before{content:"\f034"}  .fa-text-width:before{content:"\f035"}  .fa-align-left:before{content:"\f036"}  .fa-align-center:before{content:"\f037"}  .fa-align-right:before{content:"\f038"}  .fa-align-justify:before{content:"\f039"}  .fa-list:before{content:"\f03a"}  .fa-dedent:before,.fa-outdent:before{content:"\f03b"}  .fa-indent:before{content:"\f03c"}  .fa-video-camera:before{content:"\f03d"}  .fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}  .fa-pencil:before{content:"\f040"}  .fa-map-marker:before{content:"\f041"}  .fa-adjust:before{content:"\f042"}  .fa-tint:before{content:"\f043"}  .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}  .fa-share-square-o:before{content:"\f045"}  .fa-check-square-o:before{content:"\f046"}  .fa-arrows:before{content:"\f047"}  .fa-step-backward:before{content:"\f048"}  .fa-fast-backward:before{content:"\f049"}  .fa-backward:before{content:"\f04a"}  .fa-play:before{content:"\f04b"}  .fa-pause:before{content:"\f04c"}  .fa-stop:before{content:"\f04d"}  .fa-forward:before{content:"\f04e"}  .fa-fast-forward:before{content:"\f050"}  .fa-step-forward:before{content:"\f051"}  .fa-eject:before{content:"\f052"}  .fa-chevron-left:before{content:"\f053"}  .fa-chevron-right:before{content:"\f054"}  .fa-plus-circle:before{content:"\f055"}  .fa-minus-circle:before{content:"\f056"}  .fa-times-circle:before{content:"\f057"}  .fa-check-circle:before{content:"\f058"}  .fa-question-circle:before{content:"\f059"}  .fa-info-circle:before{content:"\f05a"}  .fa-crosshairs:before{content:"\f05b"}  .fa-times-circle-o:before{content:"\f05c"}  .fa-check-circle-o:before{content:"\f05d"}  .fa-ban:before{content:"\f05e"}  .fa-arrow-left:before{content:"\f060"}  .fa-arrow-right:before{content:"\f061"}  .fa-arrow-up:before{content:"\f062"}  .fa-arrow-down:before{content:"\f063"}  .fa-mail-forward:before,.fa-share:before{content:"\f064"}  .fa-expand:before{content:"\f065"}  .fa-compress:before{content:"\f066"}  .fa-plus:before{content:"\f067"}  .fa-minus:before{content:"\f068"}  .fa-asterisk:before{content:"\f069"}  .fa-exclamation-circle:before{content:"\f06a"}  .fa-gift:before{content:"\f06b"}  .fa-leaf:before{content:"\f06c"}  .fa-fire:before{content:"\f06d"}  .fa-eye:before{content:"\f06e"}  .fa-eye-slash:before{content:"\f070"}  .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}  .fa-plane:before{content:"\f072"}  .fa-calendar:before{content:"\f073"}  .fa-random:before{content:"\f074"}  .fa-comment:before{content:"\f075"}  .fa-magnet:before{content:"\f076"}  .fa-chevron-up:before{content:"\f077"}  .fa-chevron-down:before{content:"\f078"}  .fa-retweet:before{content:"\f079"}  .fa-shopping-cart:before{content:"\f07a"}  .fa-folder:before{content:"\f07b"}  .fa-folder-open:before{content:"\f07c"}  .fa-arrows-v:before{content:"\f07d"}  .fa-arrows-h:before{content:"\f07e"}  .fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}  .fa-twitter-square:before{content:"\f081"}  .fa-facebook-square:before{content:"\f082"}  .fa-camera-retro:before{content:"\f083"}  .fa-key:before{content:"\f084"}  .fa-gears:before,.fa-cogs:before{content:"\f085"}  .fa-comments:before{content:"\f086"}  .fa-thumbs-o-up:before{content:"\f087"}  .fa-thumbs-o-down:before{content:"\f088"}  .fa-star-half:before{content:"\f089"}  .fa-heart-o:before{content:"\f08a"}  .fa-sign-out:before{content:"\f08b"}  .fa-linkedin-square:before{content:"\f08c"}  .fa-thumb-tack:before{content:"\f08d"}  .fa-external-link:before{content:"\f08e"}  .fa-sign-in:before{content:"\f090"}  .fa-trophy:before{content:"\f091"}  .fa-github-square:before{content:"\f092"}  .fa-upload:before{content:"\f093"}  .fa-lemon-o:before{content:"\f094"}  .fa-phone:before{content:"\f095"}  .fa-square-o:before{content:"\f096"}  .fa-bookmark-o:before{content:"\f097"}  .fa-phone-square:before{content:"\f098"}  .fa-twitter:before{content:"\f099"}  .fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}  .fa-github:before{content:"\f09b"}  .fa-unlock:before{content:"\f09c"}  .fa-credit-card:before{content:"\f09d"}  .fa-feed:before,.fa-rss:before{content:"\f09e"}  .fa-hdd-o:before{content:"\f0a0"}  .fa-bullhorn:before{content:"\f0a1"}  .fa-bell:before{content:"\f0f3"}  .fa-certificate:before{content:"\f0a3"}  .fa-hand-o-right:before{content:"\f0a4"}  .fa-hand-o-left:before{content:"\f0a5"}  .fa-hand-o-up:before{content:"\f0a6"}  .fa-hand-o-down:before{content:"\f0a7"}  .fa-arrow-circle-left:before{content:"\f0a8"}  .fa-arrow-circle-right:before{content:"\f0a9"}  .fa-arrow-circle-up:before{content:"\f0aa"}  .fa-arrow-circle-down:before{content:"\f0ab"}  .fa-globe:before{content:"\f0ac"}  .fa-wrench:before{content:"\f0ad"}  .fa-tasks:before{content:"\f0ae"}  .fa-filter:before{content:"\f0b0"}  .fa-briefcase:before{content:"\f0b1"}  .fa-arrows-alt:before{content:"\f0b2"}  .fa-group:before,.fa-users:before{content:"\f0c0"}  .fa-chain:before,.fa-link:before{content:"\f0c1"}  .fa-cloud:before{content:"\f0c2"}  .fa-flask:before{content:"\f0c3"}  .fa-cut:before,.fa-scissors:before{content:"\f0c4"}  .fa-copy:before,.fa-files-o:before{content:"\f0c5"}  .fa-paperclip:before{content:"\f0c6"}  .fa-save:before,.fa-floppy-o:before{content:"\f0c7"}  .fa-square:before{content:"\f0c8"}  .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}  .fa-list-ul:before{content:"\f0ca"}  .fa-list-ol:before{content:"\f0cb"}  .fa-strikethrough:before{content:"\f0cc"}  .fa-underline:before{content:"\f0cd"}  .fa-table:before{content:"\f0ce"}  .fa-magic:before{content:"\f0d0"}  .fa-truck:before{content:"\f0d1"}  .fa-pinterest:before{content:"\f0d2"}  .fa-pinterest-square:before{content:"\f0d3"}  .fa-google-plus-square:before{content:"\f0d4"}  .fa-google-plus:before{content:"\f0d5"}  .fa-money:before{content:"\f0d6"}  .fa-caret-down:before{content:"\f0d7"}  .fa-caret-up:before{content:"\f0d8"}  .fa-caret-left:before{content:"\f0d9"}  .fa-caret-right:before{content:"\f0da"}  .fa-columns:before{content:"\f0db"}  .fa-unsorted:before,.fa-sort:before{content:"\f0dc"}  .fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}  .fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}  .fa-envelope:before{content:"\f0e0"}  .fa-linkedin:before{content:"\f0e1"}  .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}  .fa-legal:before,.fa-gavel:before{content:"\f0e3"}  .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}  .fa-comment-o:before{content:"\f0e5"}  .fa-comments-o:before{content:"\f0e6"}  .fa-flash:before,.fa-bolt:before{content:"\f0e7"}  .fa-sitemap:before{content:"\f0e8"}  .fa-umbrella:before{content:"\f0e9"}  .fa-paste:before,.fa-clipboard:before{content:"\f0ea"}  .fa-lightbulb-o:before{content:"\f0eb"}  .fa-exchange:before{content:"\f0ec"}  .fa-cloud-download:before{content:"\f0ed"}  .fa-cloud-upload:before{content:"\f0ee"}  .fa-user-md:before{content:"\f0f0"}  .fa-stethoscope:before{content:"\f0f1"}  .fa-suitcase:before{content:"\f0f2"}  .fa-bell-o:before{content:"\f0a2"}  .fa-coffee:before{content:"\f0f4"}  .fa-cutlery:before{content:"\f0f5"}  .fa-file-text-o:before{content:"\f0f6"}  .fa-building-o:before{content:"\f0f7"}  .fa-hospital-o:before{content:"\f0f8"}  .fa-ambulance:before{content:"\f0f9"}  .fa-medkit:before{content:"\f0fa"}  .fa-fighter-jet:before{content:"\f0fb"}  .fa-beer:before{content:"\f0fc"}  .fa-h-square:before{content:"\f0fd"}  .fa-plus-square:before{content:"\f0fe"}  .fa-angle-double-left:before{content:"\f100"}  .fa-angle-double-right:before{content:"\f101"}  .fa-angle-double-up:before{content:"\f102"}  .fa-angle-double-down:before{content:"\f103"}  .fa-angle-left:before{content:"\f104"}  .fa-angle-right:before{content:"\f105"}  .fa-angle-up:before{content:"\f106"}  .fa-angle-down:before{content:"\f107"}  .fa-desktop:before{content:"\f108"}  .fa-laptop:before{content:"\f109"}  .fa-tablet:before{content:"\f10a"}  .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}  .fa-circle-o:before{content:"\f10c"}  .fa-quote-left:before{content:"\f10d"}  .fa-quote-right:before{content:"\f10e"}  .fa-spinner:before{content:"\f110"}  .fa-circle:before{content:"\f111"}  .fa-mail-reply:before,.fa-reply:before{content:"\f112"}  .fa-github-alt:before{content:"\f113"}  .fa-folder-o:before{content:"\f114"}  .fa-folder-open-o:before{content:"\f115"}  .fa-smile-o:before{content:"\f118"}  .fa-frown-o:before{content:"\f119"}  .fa-meh-o:before{content:"\f11a"}  .fa-gamepad:before{content:"\f11b"}  .fa-keyboard-o:before{content:"\f11c"}  .fa-flag-o:before{content:"\f11d"}  .fa-flag-checkered:before{content:"\f11e"}  .fa-terminal:before{content:"\f120"}  .fa-code:before{content:"\f121"}  .fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}  .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}  .fa-location-arrow:before{content:"\f124"}  .fa-crop:before{content:"\f125"}  .fa-code-fork:before{content:"\f126"}  .fa-unlink:before,.fa-chain-broken:before{content:"\f127"}  .fa-question:before{content:"\f128"}  .fa-info:before{content:"\f129"}  .fa-exclamation:before{content:"\f12a"}  .fa-superscript:before{content:"\f12b"}  .fa-subscript:before{content:"\f12c"}  .fa-eraser:before{content:"\f12d"}  .fa-puzzle-piece:before{content:"\f12e"}  .fa-microphone:before{content:"\f130"}  .fa-microphone-slash:before{content:"\f131"}  .fa-shield:before{content:"\f132"}  .fa-calendar-o:before{content:"\f133"}  .fa-fire-extinguisher:before{content:"\f134"}  .fa-rocket:before{content:"\f135"}  .fa-maxcdn:before{content:"\f136"}  .fa-chevron-circle-left:before{content:"\f137"}  .fa-chevron-circle-right:before{content:"\f138"}  .fa-chevron-circle-up:before{content:"\f139"}  .fa-chevron-circle-down:before{content:"\f13a"}  .fa-html5:before{content:"\f13b"}  .fa-css3:before{content:"\f13c"}  .fa-anchor:before{content:"\f13d"}  .fa-unlock-alt:before{content:"\f13e"}  .fa-bullseye:before{content:"\f140"}  .fa-ellipsis-h:before{content:"\f141"}  .fa-ellipsis-v:before{content:"\f142"}  .fa-rss-square:before{content:"\f143"}  .fa-play-circle:before{content:"\f144"}  .fa-ticket:before{content:"\f145"}  .fa-minus-square:before{content:"\f146"}  .fa-minus-square-o:before{content:"\f147"}  .fa-level-up:before{content:"\f148"}  .fa-level-down:before{content:"\f149"}  .fa-check-square:before{content:"\f14a"}  .fa-pencil-square:before{content:"\f14b"}  .fa-external-link-square:before{content:"\f14c"}  .fa-share-square:before{content:"\f14d"}  .fa-compass:before{content:"\f14e"}  .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}  .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}  .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}  .fa-euro:before,.fa-eur:before{content:"\f153"}  .fa-gbp:before{content:"\f154"}  .fa-dollar:before,.fa-usd:before{content:"\f155"}  .fa-rupee:before,.fa-inr:before{content:"\f156"}  .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}  .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}  .fa-won:before,.fa-krw:before{content:"\f159"}  .fa-bitcoin:before,.fa-btc:before{content:"\f15a"}  .fa-file:before{content:"\f15b"}  .fa-file-text:before{content:"\f15c"}  .fa-sort-alpha-asc:before{content:"\f15d"}  .fa-sort-alpha-desc:before{content:"\f15e"}  .fa-sort-amount-asc:before{content:"\f160"}  .fa-sort-amount-desc:before{content:"\f161"}  .fa-sort-numeric-asc:before{content:"\f162"}  .fa-sort-numeric-desc:before{content:"\f163"}  .fa-thumbs-up:before{content:"\f164"}  .fa-thumbs-down:before{content:"\f165"}  .fa-youtube-square:before{content:"\f166"}  .fa-youtube:before{content:"\f167"}  .fa-xing:before{content:"\f168"}  .fa-xing-square:before{content:"\f169"}  .fa-youtube-play:before{content:"\f16a"}  .fa-dropbox:before{content:"\f16b"}  .fa-stack-overflow:before{content:"\f16c"}  .fa-instagram:before{content:"\f16d"}  .fa-flickr:before{content:"\f16e"}  .fa-adn:before{content:"\f170"}  .fa-bitbucket:before{content:"\f171"}  .fa-bitbucket-square:before{content:"\f172"}  .fa-tumblr:before{content:"\f173"}  .fa-tumblr-square:before{content:"\f174"}  .fa-long-arrow-down:before{content:"\f175"}  .fa-long-arrow-up:before{content:"\f176"}  .fa-long-arrow-left:before{content:"\f177"}  .fa-long-arrow-right:before{content:"\f178"}  .fa-apple:before{content:"\f179"}  .fa-windows:before{content:"\f17a"}  .fa-android:before{content:"\f17b"}  .fa-linux:before{content:"\f17c"}  .fa-dribbble:before{content:"\f17d"}  .fa-skype:before{content:"\f17e"}  .fa-foursquare:before{content:"\f180"}  .fa-trello:before{content:"\f181"}  .fa-female:before{content:"\f182"}  .fa-male:before{content:"\f183"}  .fa-gittip:before,.fa-gratipay:before{content:"\f184"}  .fa-sun-o:before{content:"\f185"}  .fa-moon-o:before{content:"\f186"}  .fa-archive:before{content:"\f187"}  .fa-bug:before{content:"\f188"}  .fa-vk:before{content:"\f189"}  .fa-weibo:before{content:"\f18a"}  .fa-renren:before{content:"\f18b"}  .fa-pagelines:before{content:"\f18c"}  .fa-stack-exchange:before{content:"\f18d"}  .fa-arrow-circle-o-right:before{content:"\f18e"}  .fa-arrow-circle-o-left:before{content:"\f190"}  .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}  .fa-dot-circle-o:before{content:"\f192"}  .fa-wheelchair:before{content:"\f193"}  .fa-vimeo-square:before{content:"\f194"}  .fa-turkish-lira:before,.fa-try:before{content:"\f195"}  .fa-plus-square-o:before{content:"\f196"}  .fa-space-shuttle:before{content:"\f197"}  .fa-slack:before{content:"\f198"}  .fa-envelope-square:before{content:"\f199"}  .fa-wordpress:before{content:"\f19a"}  .fa-openid:before{content:"\f19b"}  .fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}  .fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}  .fa-yahoo:before{content:"\f19e"}  .fa-google:before{content:"\f1a0"}  .fa-reddit:before{content:"\f1a1"}  .fa-reddit-square:before{content:"\f1a2"}  .fa-stumbleupon-circle:before{content:"\f1a3"}  .fa-stumbleupon:before{content:"\f1a4"}  .fa-delicious:before{content:"\f1a5"}  .fa-digg:before{content:"\f1a6"}  .fa-pied-piper-pp:before{content:"\f1a7"}  .fa-pied-piper-alt:before{content:"\f1a8"}  .fa-drupal:before{content:"\f1a9"}  .fa-joomla:before{content:"\f1aa"}  .fa-language:before{content:"\f1ab"}  .fa-fax:before{content:"\f1ac"}  .fa-building:before{content:"\f1ad"}  .fa-child:before{content:"\f1ae"}  .fa-paw:before{content:"\f1b0"}  .fa-spoon:before{content:"\f1b1"}  .fa-cube:before{content:"\f1b2"}  .fa-cubes:before{content:"\f1b3"}  .fa-behance:before{content:"\f1b4"}  .fa-behance-square:before{content:"\f1b5"}  .fa-steam:before{content:"\f1b6"}  .fa-steam-square:before{content:"\f1b7"}  .fa-recycle:before{content:"\f1b8"}  .fa-automobile:before,.fa-car:before{content:"\f1b9"}  .fa-cab:before,.fa-taxi:before{content:"\f1ba"}  .fa-tree:before{content:"\f1bb"}  .fa-spotify:before{content:"\f1bc"}  .fa-deviantart:before{content:"\f1bd"}  .fa-soundcloud:before{content:"\f1be"}  .fa-database:before{content:"\f1c0"}  .fa-file-pdf-o:before{content:"\f1c1"}  .fa-file-word-o:before{content:"\f1c2"}  .fa-file-excel-o:before{content:"\f1c3"}  .fa-file-powerpoint-o:before{content:"\f1c4"}  .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}  .fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}  .fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}  .fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}  .fa-file-code-o:before{content:"\f1c9"}  .fa-vine:before{content:"\f1ca"}  .fa-codepen:before{content:"\f1cb"}  .fa-jsfiddle:before{content:"\f1cc"}  .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}  .fa-circle-o-notch:before{content:"\f1ce"}  .fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}  .fa-ge:before,.fa-empire:before{content:"\f1d1"}  .fa-git-square:before{content:"\f1d2"}  .fa-git:before{content:"\f1d3"}  .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}  .fa-tencent-weibo:before{content:"\f1d5"}  .fa-qq:before{content:"\f1d6"}  .fa-wechat:before,.fa-weixin:before{content:"\f1d7"}  .fa-send:before,.fa-paper-plane:before{content:"\f1d8"}  .fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}  .fa-history:before{content:"\f1da"}  .fa-circle-thin:before{content:"\f1db"}  .fa-header:before{content:"\f1dc"}  .fa-paragraph:before{content:"\f1dd"}  .fa-sliders:before{content:"\f1de"}  .fa-share-alt:before{content:"\f1e0"}  .fa-share-alt-square:before{content:"\f1e1"}  .fa-bomb:before{content:"\f1e2"}  .fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}  .fa-tty:before{content:"\f1e4"}  .fa-binoculars:before{content:"\f1e5"}  .fa-plug:before{content:"\f1e6"}  .fa-slideshare:before{content:"\f1e7"}  .fa-twitch:before{content:"\f1e8"}  .fa-yelp:before{content:"\f1e9"}  .fa-newspaper-o:before{content:"\f1ea"}  .fa-wifi:before{content:"\f1eb"}  .fa-calculator:before{content:"\f1ec"}  .fa-paypal:before{content:"\f1ed"}  .fa-google-wallet:before{content:"\f1ee"}  .fa-cc-visa:before{content:"\f1f0"}  .fa-cc-mastercard:before{content:"\f1f1"}  .fa-cc-discover:before{content:"\f1f2"}  .fa-cc-amex:before{content:"\f1f3"}  .fa-cc-paypal:before{content:"\f1f4"}  .fa-cc-stripe:before{content:"\f1f5"}  .fa-bell-slash:before{content:"\f1f6"}  .fa-bell-slash-o:before{content:"\f1f7"}  .fa-trash:before{content:"\f1f8"}  .fa-copyright:before{content:"\f1f9"}  .fa-at:before{content:"\f1fa"}  .fa-eyedropper:before{content:"\f1fb"}  .fa-paint-brush:before{content:"\f1fc"}  .fa-birthday-cake:before{content:"\f1fd"}  .fa-area-chart:before{content:"\f1fe"}  .fa-pie-chart:before{content:"\f200"}  .fa-line-chart:before{content:"\f201"}  .fa-lastfm:before{content:"\f202"}  .fa-lastfm-square:before{content:"\f203"}  .fa-toggle-off:before{content:"\f204"}  .fa-toggle-on:before{content:"\f205"}  .fa-bicycle:before{content:"\f206"}  .fa-bus:before{content:"\f207"}  .fa-ioxhost:before{content:"\f208"}  .fa-angellist:before{content:"\f209"}  .fa-cc:before{content:"\f20a"}  .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}  .fa-meanpath:before{content:"\f20c"}  .fa-buysellads:before{content:"\f20d"}  .fa-connectdevelop:before{content:"\f20e"}  .fa-dashcube:before{content:"\f210"}  .fa-forumbee:before{content:"\f211"}  .fa-leanpub:before{content:"\f212"}  .fa-sellsy:before{content:"\f213"}  .fa-shirtsinbulk:before{content:"\f214"}  .fa-simplybuilt:before{content:"\f215"}  .fa-skyatlas:before{content:"\f216"}  .fa-cart-plus:before{content:"\f217"}  .fa-cart-arrow-down:before{content:"\f218"}  .fa-diamond:before{content:"\f219"}  .fa-ship:before{content:"\f21a"}  .fa-user-secret:before{content:"\f21b"}  .fa-motorcycle:before{content:"\f21c"}  .fa-street-view:before{content:"\f21d"}  .fa-heartbeat:before{content:"\f21e"}  .fa-venus:before{content:"\f221"}  .fa-mars:before{content:"\f222"}  .fa-mercury:before{content:"\f223"}  .fa-intersex:before,.fa-transgender:before{content:"\f224"}  .fa-transgender-alt:before{content:"\f225"}  .fa-venus-double:before{content:"\f226"}  .fa-mars-double:before{content:"\f227"}  .fa-venus-mars:before{content:"\f228"}  .fa-mars-stroke:before{content:"\f229"}  .fa-mars-stroke-v:before{content:"\f22a"}  .fa-mars-stroke-h:before{content:"\f22b"}  .fa-neuter:before{content:"\f22c"}  .fa-genderless:before{content:"\f22d"}  .fa-facebook-official:before{content:"\f230"}  .fa-pinterest-p:before{content:"\f231"}  .fa-whatsapp:before{content:"\f232"}  .fa-server:before{content:"\f233"}  .fa-user-plus:before{content:"\f234"}  .fa-user-times:before{content:"\f235"}  .fa-hotel:before,.fa-bed:before{content:"\f236"}  .fa-viacoin:before{content:"\f237"}  .fa-train:before{content:"\f238"}  .fa-subway:before{content:"\f239"}  .fa-medium:before{content:"\f23a"}  .fa-yc:before,.fa-y-combinator:before{content:"\f23b"}  .fa-optin-monster:before{content:"\f23c"}  .fa-opencart:before{content:"\f23d"}  .fa-expeditedssl:before{content:"\f23e"}  .fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}  .fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}  .fa-battery-2:before,.fa-battery-half:before{content:"\f242"}  .fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}  .fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}  .fa-mouse-pointer:before{content:"\f245"}  .fa-i-cursor:before{content:"\f246"}  .fa-object-group:before{content:"\f247"}  .fa-object-ungroup:before{content:"\f248"}  .fa-sticky-note:before{content:"\f249"}  .fa-sticky-note-o:before{content:"\f24a"}  .fa-cc-jcb:before{content:"\f24b"}  .fa-cc-diners-club:before{content:"\f24c"}  .fa-clone:before{content:"\f24d"}  .fa-balance-scale:before{content:"\f24e"}  .fa-hourglass-o:before{content:"\f250"}  .fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}  .fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}  .fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}  .fa-hourglass:before{content:"\f254"}  .fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}  .fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}  .fa-hand-scissors-o:before{content:"\f257"}  .fa-hand-lizard-o:before{content:"\f258"}  .fa-hand-spock-o:before{content:"\f259"}  .fa-hand-pointer-o:before{content:"\f25a"}  .fa-hand-peace-o:before{content:"\f25b"}  .fa-trademark:before{content:"\f25c"}  .fa-registered:before{content:"\f25d"}  .fa-creative-commons:before{content:"\f25e"}  .fa-gg:before{content:"\f260"}  .fa-gg-circle:before{content:"\f261"}  .fa-tripadvisor:before{content:"\f262"}  .fa-odnoklassniki:before{content:"\f263"}  .fa-odnoklassniki-square:before{content:"\f264"}  .fa-get-pocket:before{content:"\f265"}  .fa-wikipedia-w:before{content:"\f266"}  .fa-safari:before{content:"\f267"}  .fa-chrome:before{content:"\f268"}  .fa-firefox:before{content:"\f269"}  .fa-opera:before{content:"\f26a"}  .fa-internet-explorer:before{content:"\f26b"}  .fa-tv:before,.fa-television:before{content:"\f26c"}  .fa-contao:before{content:"\f26d"}  .fa-500px:before{content:"\f26e"}  .fa-amazon:before{content:"\f270"}  .fa-calendar-plus-o:before{content:"\f271"}  .fa-calendar-minus-o:before{content:"\f272"}  .fa-calendar-times-o:before{content:"\f273"}  .fa-calendar-check-o:before{content:"\f274"}  .fa-industry:before{content:"\f275"}  .fa-map-pin:before{content:"\f276"}  .fa-map-signs:before{content:"\f277"}  .fa-map-o:before{content:"\f278"}  .fa-map:before{content:"\f279"}  .fa-commenting:before{content:"\f27a"}  .fa-commenting-o:before{content:"\f27b"}  .fa-houzz:before{content:"\f27c"}  .fa-vimeo:before{content:"\f27d"}  .fa-black-tie:before{content:"\f27e"}  .fa-fonticons:before{content:"\f280"}  .fa-reddit-alien:before{content:"\f281"}  .fa-edge:before{content:"\f282"}  .fa-credit-card-alt:before{content:"\f283"}  .fa-codiepie:before{content:"\f284"}  .fa-modx:before{content:"\f285"}  .fa-fort-awesome:before{content:"\f286"}  .fa-usb:before{content:"\f287"}  .fa-product-hunt:before{content:"\f288"}  .fa-mixcloud:before{content:"\f289"}  .fa-scribd:before{content:"\f28a"}  .fa-pause-circle:before{content:"\f28b"}  .fa-pause-circle-o:before{content:"\f28c"}  .fa-stop-circle:before{content:"\f28d"}  .fa-stop-circle-o:before{content:"\f28e"}  .fa-shopping-bag:before{content:"\f290"}  .fa-shopping-basket:before{content:"\f291"}  .fa-hashtag:before{content:"\f292"}  .fa-bluetooth:before{content:"\f293"}  .fa-bluetooth-b:before{content:"\f294"}  .fa-percent:before{content:"\f295"}  .fa-gitlab:before{content:"\f296"}  .fa-wpbeginner:before{content:"\f297"}  .fa-wpforms:before{content:"\f298"}  .fa-envira:before{content:"\f299"}  .fa-universal-access:before{content:"\f29a"}  .fa-wheelchair-alt:before{content:"\f29b"}  .fa-question-circle-o:before{content:"\f29c"}  .fa-blind:before{content:"\f29d"}  .fa-audio-description:before{content:"\f29e"}  .fa-volume-control-phone:before{content:"\f2a0"}  .fa-braille:before{content:"\f2a1"}  .fa-assistive-listening-systems:before{content:"\f2a2"}  .fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}  .fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}  .fa-glide:before{content:"\f2a5"}  .fa-glide-g:before{content:"\f2a6"}  .fa-signing:before,.fa-sign-language:before{content:"\f2a7"}  .fa-low-vision:before{content:"\f2a8"}  .fa-viadeo:before{content:"\f2a9"}  .fa-viadeo-square:before{content:"\f2aa"}  .fa-snapchat:before{content:"\f2ab"}  .fa-snapchat-ghost:before{content:"\f2ac"}  .fa-snapchat-square:before{content:"\f2ad"}  .fa-pied-piper:before{content:"\f2ae"}  .fa-first-order:before{content:"\f2b0"}  .fa-yoast:before{content:"\f2b1"}  .fa-themeisle:before{content:"\f2b2"}  .fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}  .fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}  .fa-handshake-o:before{content:"\f2b5"}  .fa-envelope-open:before{content:"\f2b6"}  .fa-envelope-open-o:before{content:"\f2b7"}  .fa-linode:before{content:"\f2b8"}  .fa-address-book:before{content:"\f2b9"}  .fa-address-book-o:before{content:"\f2ba"}  .fa-vcard:before,.fa-address-card:before{content:"\f2bb"}  .fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}  .fa-user-circle:before{content:"\f2bd"}  .fa-user-circle-o:before{content:"\f2be"}  .fa-user-o:before{content:"\f2c0"}  .fa-id-badge:before{content:"\f2c1"}  .fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}  .fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}  .fa-quora:before{content:"\f2c4"}  .fa-free-code-camp:before{content:"\f2c5"}  .fa-telegram:before{content:"\f2c6"}  .fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}  .fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}  .fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}  .fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}  .fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}  .fa-shower:before{content:"\f2cc"}  .fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}  .fa-podcast:before{content:"\f2ce"}  .fa-window-maximize:before{content:"\f2d0"}  .fa-window-minimize:before{content:"\f2d1"}  .fa-window-restore:before{content:"\f2d2"}  .fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}  .fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}  .fa-bandcamp:before{content:"\f2d5"}  .fa-grav:before{content:"\f2d6"}  .fa-etsy:before{content:"\f2d7"}  .fa-imdb:before{content:"\f2d8"}  .fa-ravelry:before{content:"\f2d9"}  .fa-eercast:before{content:"\f2da"}  .fa-microchip:before{content:"\f2db"}  .fa-snowflake-o:before{content:"\f2dc"}  .fa-superpowers:before{content:"\f2dd"}  .fa-wpexplorer:before{content:"\f2de"}  .fa-meetup:before{content:"\f2e0"}  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}  .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/****** FILE: resources/app/css/flaticon.css *****/
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 29/05/2018 20:33
  	*/

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/resources/app/fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 0px;
}

.flaticon-gift:before { content: "\f100"; }
.flaticon-clock:before { content: "\f101"; }
.flaticon-trophy:before { content: "\f102"; }
.flaticon-users:before { content: "\f103"; }
.flaticon-paper-plane:before { content: "\f104"; }
.flaticon-vector:before { content: "\f105"; }
.flaticon-envelope:before { content: "\f106"; }
.flaticon-phone-call:before { content: "\f107"; }
.flaticon-placeholder:before { content: "\f108"; }
.flaticon-photo-camera:before { content: "\f109"; }
.flaticon-database:before { content: "\f10a"; }
.flaticon-mail-box:before { content: "\f10b"; }
.flaticon-antenna:before { content: "\f10c"; }
.flaticon-settings:before { content: "\f10d"; }
.flaticon-coding:before { content: "\f10e"; }
.flaticon-idea:before { content: "\f10f"; }
.flaticon-layers:before { content: "\f110"; }
.flaticon-responsive:before { content: "\f111"; }
/****** FILE: resources/app/css/style.css *****/
@charset "UTF-8";
/*********************************************************************

    Template Name: Pitar
    Template URI: https://themeforest.net/user/codextree
    Description: A 'Pitar – Personal Portfolio Html5 Template' is perfect if you like a clean and modern design. This theme is ideal for Agency, Freelancer, Portfolio, and those who need an easy, attractive and effective way to share their work with clients.
    Author: codextree
    Version: 1.0
    Author URI: http://riyad.ninja

    Note: This is style scss.

*********************************************************************/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
01. Google font
02. Typography
    [ 2.1 Elements ]
    [ 2.2 White Space ]
    [ 2.3 Pealoader Css ]
03 Section Title(With All Title)
04 Button Style
    [ 4.1 Button ]
    [ 4.2 Section Scroll Button ]
    [ 4.3 Fields ]
    [ 4.4 social sharea ]
05 Header Style
    [5.1 Site Navigation]
    [5.2 Home Wrapper]
    [5.3 Sticky header]
06 About Section
07 Services Section
08 Portfolio
    [8.1 Portfolio Navigation]
    [8.2 Singel Work]
09 Testimonail Section
10 Blog Section
11 Site Layout
    [11.1 Skill Area]
    [11.2 FanFact Area]
    [11.3 Contact Form Area]
    [11.4 Google Map]
    [11.5 Different Version Style]
11 Site Footer
12 RTL Css
--------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]
# grey (text): #6f6f6f
# Dark grey (text): #202020
# Black (headings, links) #1EBBA3
# Mid grey: #666666
*/
/*------------------------------------------------------------------
[Color codes]

Background: #ffffff (white)
Header all:  #202020 (Dark grey)
Footer:     #1E1E1E 

a (standard):   #ACACAC 
a (active): #1EBBA3
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Typography]

Body:      15px/26px 'Poppins', sans-serif;
-------------------------------------------------------------------*/
/*===================================
  01. Google font
====================================== */
@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,900");
/*===================================
  02. Typography
====================================== */
html {
  font-size: 100%;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.45em;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
  background-color: white;
  color: #676767;
}

::-moz-selection {
  color: white;
  background: #1981EA;
}

::selection {
  color: white;
  background: #1981EA;
}

p {
  margin-bottom: 25px;
  line-height: 1.75em;
}

p:last-child {
  margin-bottom: 0;
}

small {
  font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  clear: both;
  line-height: 1.2em;
  color: #303030;
}

h1, h2, h3, h4 {
  font-weight: 500;
}

h1 {
  font-size: 2.827em;
  margin: 0 0 15px;
}

h2 {
  font-size: 1.999em;
}

h3 {
  font-size: 1.414em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.85em;
}

/* [ 2.1 Elements ] */
img {
  max-width: 100%;
}

a {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #000;
}

a:focus {
  outline: none;
  color: inherit;
}

a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

button:focus {
  outline: 0px dotted;
}

i {
  color: inherit;
}

figure {
  margin: 0;
}

blockquote {
  border-left: 3px solid #c39d6d;
}

blockquote p {
  font-size: 16px;
  font-weight: 400;
}

cite {
  color: #c39d6d;
  font-size: 12px;
}

.bg_white {
  background-color: #fff;
}

.bg_gray {
  background-color: #f7f7f7;
}

.full-size {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bg_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pos-abs {
  position: absolute;
}

.bg-color-black {
  background-color: rgba(0, 0, 0, 0.7);
}

.page_cover {
  height: 785px;
}

.bg_overlay {
  position: relative;
}

.bg_overlay:before {
  background-color: rgba(0, 0, 0, 0.65);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.shadow__black {
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

/* [ 2.2 White Space ] */
.mtb-110 {
  margin: 110px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mt-110 {
  margin: 110px 0 0;
}

.mt-100 {
  margin: 100px 0 0;
}

.mt-90 {
  margin: 90px 0 0;
}

.mt-80 {
  margin: 80px 0 0;
}

.mt-70 {
  margin: 70px 0 0;
}

.mt-60 {
  margin: 60px 0 0;
}

.mt-50 {
  margin: 50px 0 0;
}

.mt-40 {
  margin: 40px 0 0;
}

.mt-30 {
  margin: 30px 0 0;
}

.mb-110 {
  margin-bottom: 110px;
}

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

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

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

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

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

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

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

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

.ptb-110 {
  padding: 110px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-90 {
  padding: 90px 0;
}

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

.ptb-70 {
  padding: 70px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.pt-110 {
  padding: 110px 0 0;
}

.pt-100 {
  padding: 100px 0 0;
}

.pt-90 {
  padding: 90px 0 0;
}

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

.pt-70 {
  padding: 70px 0 0;
}

.pt-60 {
  padding: 60px 0 0;
}

.pt-50 {
  padding: 50px 0 0;
}

.pt-40 {
  padding: 40px 0 0;
}

.pt-30 {
  padding: 30px 0 0;
}

.pb-110 {
  padding-bottom: 110px;
}

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

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

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

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

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

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

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

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

.pr-15 {
  padding-right: 15px !important;
}

.pt_right {
  padding-right: 5px;
}

/* [ 2.3 Pealoader Css ] */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#preloader:before, #preloader:after {
  background-color: #000;
  content: "";
  height: calc(50% + 1px);
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: -1;
}

#preloader:before {
  top: 0;
}

#preloader:after {
  bottom: 0;
}

#preloader > .loader_line {
  margin: auto;
  width: 250px;
  height: 1px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}

#preloader > .loader_line:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0%;
  width: 0%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
  animation: lineheight 1000ms ease-in-out 0s forwards;
}

#preloader > .loader_line:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #777;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation: lineround 1200ms linear 0s infinite;
  animation: lineround 1200ms linear 0s infinite;
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}

@-webkit-keyframes lineheight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes lineheight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes lineround {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
}

@keyframes lineround {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
}

/*hiding all*/
.preloaded .loader_line:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.preloaded .loader_line {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100% !important;
}

.preloaded:before,
.preloaded:after {
  -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
  animation: preloadedzero 300ms ease-in-out 500ms forwards;
}

@-webkit-keyframes preloadedzero {
  0% {
    height: 50%;
  }
  100% {
    height: 0%;
  }
}

@keyframes preloadedzero {
  0% {
    height: 50%;
  }
  100% {
    height: 0%;
  }
}

@media only screen and (max-width: 991px) {
  .ptb-110 {
    padding: 100px 0;
  }
  .pt-110 {
    padding-top: 100px;
  }
  .pb-110 {
    padding-bottom: 100px;
  }
  .pb-70 {
    padding-bottom: 50px;
  }
  .ptb-80 {
    padding: 60px 0 70px;
  }
  .pr-15 {
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .ptb-110 {
    padding: 80px 0;
  }
  .pt-110 {
    padding-top: 80px;
  }
  .pb-110 {
    padding-bottom: 80px;
  }
  .ptb-100 {
    padding: 70px 0;
  }
  .pb-70 {
    padding-bottom: 40px;
  }
  .mt-90 {
    margin: 85px 0 0;
  }
  .pt_right {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .container {
    width: 420px;
  }
}

@media only screen and (max-width: 450px) {
  .container {
    width: 100%;
  }
  p {
    line-height: 1.65em;
  }
}

/*------------------------------------------------------------------
    03 Section Title
*/
.section_title {
  margin-bottom: 70px;
  font-weight: 200;
}

.section_title > .title {
  font-size: 46px;
  font-weight: lighter;
  position: relative;
  margin: -2px 0 0;
  padding-bottom: 20px;
}

.section_title > .title:before, .section_title > .title:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  height: 1px;
}

.section_title > .title:before {
  background: linear-gradient(to right, #fff, #d8d8d8, #d8d8d8, #fff);
  margin-left: -75px;
  width: 150px;
}

.section_title > .title:after {
  background-color: #1EBBA3;
  margin-left: -20px;
  width: 40px;
  z-index: 1;
}

.section_title > .title > span {
  font-weight: 700;
}

.section_title > h3,
.home_text_block > h3 {
  color: #1ebba3;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.section_title > h3 > span,
.home_text_block > h3 > span {
  padding: 3px 35px;
  position: relative;
  display: inline-block;
}

.section_title > h3 > span:before, .section_title > h3 > span:after,
.home_text_block > h3 > span:before,
.home_text_block > h3 > span:after {
  background-color: #1EBBA3;
  border-radius: 50%;
  content: "";
  height: 6px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px;
  opacity: 0.25;
}

.section_title > h3 > span:before,
.home_text_block > h3 > span:before {
  left: 20px;
}

.section_title > h3 > span:after,
.home_text_block > h3 > span:after {
  right: 20px;
}

.home_text_block > h3 > span {
  background: transparent linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) repeat scroll 0 0;
}

.section_title > h3 > span {
  background: transparent linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05), transparent) repeat scroll 0 0;
}

.headline {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 35px;
}

@media only screen and (max-width: 991px) {
  .section_title {
    margin-bottom: 60px;
  }
  .section_title > h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .section_title > .title {
    font-size: 38px;
  }
}

@media only screen and (max-width: 991px) {
  .section_title > h3 {
    font-size: 14px;
  }
  .section_title > .title {
    font-size: 30px;
    padding-bottom: 17px;
  }
}

@media only screen and (max-width: 575px) {
  .section_title > .title {
    font-size: 26px;
  }
}

/*------------------------------------------------------------------
    04 Button Style
*/
/* [ 4.1 Button ] */
.btn {
  -webkit-transition: all 0.35s ease-in-out 0.1s;
  transition: all 0.35s ease-in-out 0.1s;
}

.btn:active,
.btn:focus {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
}

.btn-default {
  background-color: #444;
  border: 0 solid #fff;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  letter-spacing: 1px;
  line-height: 50px;
  padding: 0 30px 0 60px;
  text-transform: uppercase;
  position: relative;
}

.btn-default:before, .btn-default:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -1px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.btn-default:before {
  left: 0;
  width: 40px;
}

.btn-default:after {
  right: 0;
  width: 0;
}

.btn-default:hover, .btn-default:focus {
  color: #fff;
  background-color: #1EBBA3;
  padding: 0 60px 0 30px;
}

.btn-default:hover:before, .btn-default:focus:before {
  width: 0;
}

.btn-default:hover:after, .btn-default:focus:after {
  width: 40px;
}

.btn-primary {
  background-color: #1EBBA3;
  color: #fff;
  box-shadow: 0 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
  margin-top: 30px;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #000;
  color: #fff;
}

.btn-group .btn {
  border-radius: 25px !important;
  margin: 5px !important;
  min-width: 170px;
}

.btn-primary:active:not([disabled]):not(.disabled) {
  background-color: #8445ee;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}

.btn-group .btn:hover {
  color: #ffffff;
  background-color: #8445ee;
}

.btn-group .btn-primary:hover {
  color: #8445ee;
  background-color: #ffffff;
}

/* Mail Chip Buttom */
.mail-chip-button {
  position: absolute;
  background-color: #bebebe;
  border: 0 none;
  border-radius: 25px;
  color: #202020;
  height: 42px;
  padding: 0 35px;
  right: 2px;
  top: 2px;
  font-size: 16px;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
}

.mail-chip-button:hover {
  color: #1981EA;
}

/* [4.2 Section Scroll Button] */
#section_scroller_button {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background-color: #1EBBA3;
  border-radius: 50%;
  bottom: 50px;
  box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.3);
  color: white;
  cursor: pointer;
  font-size: 22px;
  height: 45px;
  line-height: 45px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 45px;
  z-index: 999;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

#section_scroller_button:hover {
  background-color: #333;
}

#section_scroller_button > .fa {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#section_scroller_button.rotate > .fa {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#section_scroller_button.btn-hide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#section_scroller_button.btn-show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  bottom: 35px;
}

/* [ 4.3 Fields ] */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 10px 15px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent url("images/select-bg.png") no-repeat scroll 95% 50%;
}

select option[selected] {
  color: white;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-text-fill-color: #7a7a7a !important;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-text-fill-color: #7a7a7a !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input,
select,
textarea {
  margin: 0;
  border: none;
  vertical-align: baseline;
  font-size: 100%;
  font-weight: 400;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 45px;
}

textarea {
  min-height: 150px;
  border-radius: 5px;
}

/* Form Contoller */
.form-controller {
  border: 0 none;
  border-radius: 0px;
  box-shadow: 0 0 0 transparent inset;
  background-color: transparent;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-controllar:focus {
  border-color: none;
  box-shadow: none;
}

/* Contact Form Field */
#mc-form {
  border: 1px solid #999999;
  border-radius: 25px;
  height: 48px;
  position: relative;
}

#mc-form label {
  color: #000;
  bottom: -40px;
  font-size: 18px;
  font-weight: normal;
  width: 100%;
  left: 0;
  display: none;
}

#mc-form .error {
  color: red;
}

#mc-form .form-controller {
  background-color: transparent;
  width: 68%;
  color: #333;
  height: inherit;
}

#contact_form .form-controllar {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  background-color: #fff;
}

#contact_form textarea {
  padding: 15px;
}

#contact_form p {
  margin-bottom: 15px;
}

.error {
  color: red;
}

.success {
  text-align: center;
  margin-top: 100px;
  font-size: 18px;
  color: green;
}

@media only screen and (max-width: 991px) {
  .down-button-group {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .down-button-group .btn-default {
    margin: 0 5px;
    padding: 12px 35px;
  }
  .btn-about {
    bottom: -30px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 600px) {
  .down-button-group {
    text-align: center;
  }
  .down-button-group a {
    padding: 0px;
  }
  .down-button-group a:last-child {
    padding-top: 15px;
  }
}

/* [ 4.4 social sharea ] */
.social-btn {
  height: 30px;
  display: block;
  line-height: 30px;
  width: 100%;
  padding: 0;
}

.social-btn.large {
  height: 48px;
  line-height: 48px;
  padding-left: 7px;
}

.social-btn + .social-btn {
  margin-top: 10px;
}

.social-btn i {
  color: #fff;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
  position: relative;
  text-align: center;
  width: 37px;
}

.social-btn i:after {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  content: "";
  height: 80%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

@media only screen and (max-width: 450px) {
  .btn-default {
    font-size: 12px;
  }
}

/*------------------------------------------------------------------
    05 Header Style
*/
/* [5.1 Site Navigation] */
.site_header {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.site_logo {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}

.site_logo > span {
  color: #1ebba3;
  font-size: 40px;
  font-weight: 700;
}

.site_logo:focus, .site_logo:hover {
  color: #fff;
}

.site_navigation {
  padding-top: 10px;
}

.site_navigation > .container-fluid {
  padding: 0 30px;
}

.navigation_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}

.navigation_area > .mainmenu_area {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.navigation_area > .mainmenu_area .mainmenu {
  margin: 0 -20px;
}

.navigation_area > .mainmenu_area .mainmenu > li {
  padding: 0px 5px !important;
  overflow: hidden;
}

.navigation_area > .mainmenu_area .mainmenu > li > a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
  padding: 25px 15px !important;
}

/* [5.2 Home Wrapper] */
.welcome_area {
  position: relative;
  overflow: hidden;
}

.welcome_area:before, .welcome_area:after {
  background-color: #fff;
  content: "";
  height: 105px;
  position: absolute;
  width: 56%;
  z-index: 2;
  bottom: -42px;
}

.welcome_area:before {
  left: -45px;
  -webkit-transform: rotate(10deg) scaleY(1.25);
  transform: rotate(10deg) scaleY(1.25);
}

.welcome_area:after {
  right: -45px;
  -webkit-transform: rotate(-10deg) scaleY(1.25);
  transform: rotate(-10deg) scaleY(1.25);
}

.home_wrapper_info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: calc(100% - 175px);
  left: 0;
  position: absolute;
  top: 65px;
  width: 100%;
}

.header_social_share {
  list-style: outside none none;
  margin-bottom: 0;
  padding: 35px 0 0;
}

.header_social_share > li {
  display: inline;
}

.header_social_share > li > a {
  border-radius: 50%;
  color: #c5c5c5;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  line-height: 25px;
  padding: 5px;
  width: 35px;
  margin: 0 2px;
}

.header_social_share > li > a:hover {
  color: #1EBBA3;
}

.home_text_block {
  color: #fff;
  position: relative;
  z-index: 2;
}

.home_text_block .cd-headline {
  text-transform: capitalize;
  color: inherit;
  font-size: 82px;
  font-weight: lighter;
  margin-bottom: 25px;
}

.home_text_block .cd-headline > span {
  padding: 2px 0;
}

.home_text_block .cd-headline > .cd-words-wrapper > b {
  font-weight: 600 !important;
}

.home_text_block .expart_list {
  color: rgba(255, 255, 255, 0.75);
  background: transparent -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0)) repeat scroll 0 0;
  background: transparent linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0)) repeat scroll 0 0;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  display: inline-block;
  padding: 5px 40px;
}

.home_text_block .expart_list > li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  text-transform: capitalize;
}

.home_text_block .expart_list > li:before {
  content: "-";
  font-size: 16px;
  padding: 0 10px;
}

.home_text_block .expart_list > li:first-child:before {
  content: "";
  padding: 0px;
}

/* [5.3 Sticky header] */
#sticky_header {
  background-color: #fff;
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  -ms-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
}

#sticky_header .site_navigation {
  padding-top: 0;
}

#sticky_header .site_navigation .site_logo {
  color: #333;
}

#sticky_header .site_navigation .navigation_area {
  min-height: 75px;
}

#sticky_header .site_navigation .navigation_area > .mainmenu_area .mainmenu > li > a {
  color: #333;
}

#sticky_header .site_navigation .navigation_area > .mainmenu_area .mainmenu > li > a.active {
  color: #000;
}

#sticky_header .site_navigation .navigation_area > .mainmenu_area .mainmenu > li > a.active:before {
  background-color: #333;
}

.dot_effect {
  background-color: #1EBBA3;
  border-radius: 50px;
  bottom: 17px;
  display: block;
  height: 5px;
  margin-left: -2px;
  position: absolute;
  width: 5px;
  -webkit-transition: linear 0.3s;
  transition: linear 0.3s;
  left: -10px;
}

.dot_effect:before, .dot_effect:after {
  background-color: inherit;
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}

.dot_effect:before {
  -webkit-transition: linear 0.4s;
  transition: linear 0.4s;
  left: -30px;
}

.dot_effect:after {
  -webkit-transition: linear 0.5s;
  transition: linear 0.5s;
  left: -50px;
}

.navigation_area > .mainmenu_area .mainmenu > li > a.dots_effect.active > .dot_effect,
.recent_work_nav > li > a.dots_effect.active > .dot_effect,
.dots_effect:hover > .dot_effect {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: dot-effect;
  animation-name: dot-effect;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.navigation_area > .mainmenu_area .mainmenu > li > a.dots_effect.active > .dot_effect:before,
.recent_work_nav > li > a.dots_effect.active > .dot_effect:before,
.dots_effect:hover > .dot_effect:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: dot-effect-before;
  animation-name: dot-effect-before;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.navigation_area > .mainmenu_area .mainmenu > li > a.dots_effect.active > .dot_effect:after,
.recent_work_nav > li > a.dots_effect.active > .dot_effect:after,
.dots_effect:hover > .dot_effect:after {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: dot-effect-after;
  animation-name: dot-effect-after;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes dot-effect {
  0% {
    left: -10px;
  }
  100% {
    left: calc(50% + 8px);
  }
}

@keyframes dot-effect {
  0% {
    left: -10px;
  }
  100% {
    left: calc(50% + 8px);
  }
}

@-webkit-keyframes dot-effect-before {
  0% {
    left: -30px;
  }
  100% {
    left: calc(50% - 10px);
  }
}

@keyframes dot-effect-before {
  0% {
    left: -30px;
  }
  100% {
    left: calc(50% - 10px);
  }
}

@-webkit-keyframes dot-effect-after {
  0% {
    left: -50px;
  }
  100% {
    left: calc(50% - 18px);
  }
}

@keyframes dot-effect-after {
  0% {
    left: -50px;
  }
  100% {
    left: calc(50% - 18px);
  }
}

.navigation_area > .mainmenu_area .mainmenu > li > a.dots_effect.active > .dot_effect.dot_hover,
.recent_work_nav > li > a.dots_effect.active > .dot_effect.dot_hover,
.dots_effect > .dot_effect.dot_hover {
  left: calc(100% + 10px);
  -webkit-transition: linear 0.5s;
  transition: linear 0.5s;
}

.navigation_area > .mainmenu_area .mainmenu > li > a.dots_effect.active > .dot_effect.dot_hover:before,
.recent_work_nav > li > a.dots_effect.active > .dot_effect.dot_hover:before,
.dots_effect > .dot_effect.dot_hover:before {
  left: calc(100% + 30px);
  -webkit-transition: linear 1s;
  transition: linear 1s;
}

.navigation_area > .mainmenu_area .mainmenu > li > a.dots_effect.active > .dot_effect.dot_hover:after,
.recent_work_nav > li > a.dots_effect.active > .dot_effect.dot_hover:after,
.dots_effect > .dot_effect.dot_hover:after {
  left: calc(100% + 50px);
  -webkit-transition: linear 1.5s;
  transition: linear 1.5s;
}

.scroll_indicator_wrapper {
  bottom: 150px;
  left: 50%;
  position: absolute;
  z-index: 10;
}

.scroll_indicator {
  background-color: rgba(255, 255, 255, 0.4);
  bottom: 0;
  height: 50px;
  left: 0;
  margin: auto;
  mix-blend-mode: overlay;
  position: absolute;
  right: 0;
  width: 1px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .scroll_indicator {
    height: 40px;
  }
  .scroll_indicator_wrapper {
    bottom: 130px;
  }
}

@media not all, not all {
  .scroll_indicator {
    display: none;
    visibility: hidden;
  }
}

.scroll_indicator:before {
  -webkit-animation: 2s cubic-bezier(0.76, 0.05, 0.86, 0.06) 0s normal none infinite running teardrop;
  animation: 2s cubic-bezier(0.76, 0.05, 0.86, 0.06) 0s normal none infinite running teardrop;
  background: transparent -moz-linear-gradient(center top, rgba(255, 255, 255, 0), white) repeat scroll 0 0;
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  width: 100%;
}

@-webkit-keyframes teardrop {
  0% {
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: -10%;
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    height: 75%;
    top: 100%;
  }
}

@keyframes teardrop {
  0% {
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: -10%;
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    height: 75%;
    top: 100%;
  }
}

@keyframes teardrop {
  0% {
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: -10%;
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    height: 75%;
    top: 100%;
  }
}

@media only screen and (min-width: 1350px) and (max-width: 1920px) {
  .welcome_area::before,
  .welcome_area::after {
    bottom: -85px;
    height: 155px;
  }
}

@media only screen and (max-width: 1199px) {
  .home_text_block {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .site_header {
    position: relative;
  }
  .site_navigation {
    background-color: #fff;
    padding: 13px 0;
  }
  .site_navigation > .container {
    max-width: 100%;
    width: 100%;
  }
  .site_navigation .navbar-collapse.mainmenu_area.collapse.show {
    border-top: 1px solid #000;
    margin-top: 11px;
  }
  .navigation_area > .mainmenu_area .mainmenu {
    padding: 20px 20px 10px;
  }
  .navigation_area > .mainmenu_area .mainmenu > li > a {
    color: #000;
    padding: 15px 20px !important;
  }
  .navigation_area > .mainmenu_area .mainmenu > li > a:before {
    background-color: #666;
    height: 1px;
  }
  .navigation_area > .mainmenu_area .mainmenu > li > a.active:before, .navigation_area > .mainmenu_area .mainmenu > li > a:hover:before {
    width: 60px;
  }
  .site_logo {
    color: #000;
    margin-top: 8px;
  }
  .site_logo:focus, .site_logo:hover {
    color: #000;
  }
  .navbar-toggler {
    border: 1px solid #7b7b7b;
    padding: 0px;
    width: 45px;
    height: 40px;
    cursor: pointer;
  }
  .navbar-toggler > span {
    background-color: #333;
    border-radius: 5px;
    height: 2px;
    position: relative;
  }
  .navbar-toggler > span:before, .navbar-toggler > span:after {
    height: inherit;
    width: inherit;
    border-radius: 5px;
    background-color: #333;
    position: absolute;
    left: 0;
    content: "";
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .navbar-toggler > span:before {
    top: 8px;
  }
  .navbar-toggler > span:after {
    top: -8px;
  }
  .navbar-toggler[aria-expanded="true"] > span {
    background-color: #fff;
  }
  .navbar-toggler[aria-expanded="true"] > span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }
  .navbar-toggler[aria-expanded="true"] > span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
  }
  .page_cover {
    height: 620px;
  }
  .home_text_block {
    margin-top: 0;
    margin-bottom: 90px;
  }
  .home_text_block .home_text_block > h3 {
    font-size: 18px;
  }
  .home_text_block .cd-headline {
    font-size: 48px;
    margin-bottom: 20px;
  }
  .navigation_area > .mainmenu_area .mainmenu > li > a {
    padding: 10px 15px !important;
  }
  .navigation_area > .mainmenu_area .mainmenu > li > a > .dot_effect {
    display: none;
  }
  .navigation_area > .mainmenu_area .mainmenu > li > a:hover {
    color: #1EBBA3;
  }
  .home_wrapper_info {
    height: calc(100% - 55px);
    top: 0;
  }
  .site_navigation > .container-fluid {
    padding: 0 15px;
  }
  .welcome_area:before {
    -webkit-transform: rotate(7deg) scaleY(1.25);
    transform: rotate(7deg) scaleY(1.25);
  }
  .welcome_area:after {
    -webkit-transform: rotate(-7deg) scaleY(1.25);
    transform: rotate(-7deg) scaleY(1.25);
  }
}

@media only screen and (max-width: 767px) {
  .welcome_area:before {
    -webkit-transform: rotate(7deg) scaleY(1.25) scaleX(1.5);
    transform: rotate(7deg) scaleY(1.25) scaleX(1.5);
  }
  .welcome_area:after {
    -webkit-transform: rotate(-7deg) scaleY(1.25) scaleX(1.5);
    transform: rotate(-7deg) scaleY(1.25) scaleX(1.5);
  }
  .page_cover {
    height: 550px;
  }
  .site_logo {
    font-size: 24px;
    margin-top: 3px;
  }
  .site_logo > span {
    font-size: 34px;
  }
  .site_navigation {
    padding: 8px 0;
  }
  .home_text_block > h3 {
    font-size: 16px;
  }
  .home_text_block .cd-headline {
    font-size: 40px;
  }
  .home_text_block .expart_list > li {
    font-size: 12px;
  }
  .header_social_share {
    padding: 25px 0 0;
  }
  .navbar-toggler {
    border: 0 solid #7b7b7b;
  }
}

@media only screen and (max-width: 575px) {
  .page_cover {
    height: 500px;
  }
  .home_wrapper_info {
    height: calc(100% - 30px);
  }
  .home_wrapper_info > .container {
    width: 100%;
  }
  .home_text_block .cd-headline {
    font-size: 30px;
  }
  .scroll_indicator {
    height: 25px;
  }
  .welcome_area:before,
  .welcome_area:after {
    bottom: -55px;
  }
}

@media only screen and (max-width: 450px) {
  .page_cover {
    height: 450px;
  }
  .home_wrapper_info {
    height: calc(100% - 55px);
  }
  .home_wrapper_info > .container {
    width: 100%;
  }
  .home_text_block .expart_list {
    display: none;
  }
  .home_text_block > h3 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .header_social_share {
    padding: 0;
  }
  .home_text_block .cd-headline {
    margin-bottom: 10px;
  }
}

/*------------------------------------------------------------------
    06 About Section
*/
.about_area > .container {
  margin-bottom: -6px;
}

.about_content > .info {
  margin-bottom: 25px;
}

.about_content > .info > img {
  border: 8px solid #87D5C6;
  border-radius: 50%;
  height: 150px;
  margin-bottom: 22px;
  margin-top: -110px;
  position: relative;
  width: 150px;
  z-index: 5;
}

.about_content > .info > h3 {
  font-size: 28px;
  font-weight: bold;
  text-transform: capitalize;
}

.about_content > .info > h5 {
  font-size: 15px;
  letter-spacing: 0.1em;
}

.tag_list {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}

.tag_list > li {
  background-color: rgba(30, 187, 163, 0.04);
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #333;
  display: inline-block;
  font-weight: normal;
  margin: 6px 4px;
  padding: 7px 15px;
  text-transform: capitalize;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.tag_list > li:hover {
  color: #fff;
  background-color: #1EBBA3;
  border: 1px solid #1EBBA3;
}

@media only screen and (max-width: 991px) {
  .about_content > .info > img {
    border-width: 5px;
    height: 120px;
    width: 120px;
  }
  .about_content > .info > h3 {
    font-size: 24px;
  }
  .about_content > .info > h5 {
    font-size: 14px;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about_content > .info > img {
    height: 100px;
    width: 100px;
    margin-bottom: 15px;
  }
  .about_content > .info > h3 {
    font-size: 20px;
    margin-bottom: 7px;
  }
  .about_content > .info > h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .about_content > .info > h5 {
    font-size: 13px;
  }
  .tag_list > li {
    font-size: 12px;
  }
}

/*------------------------------------------------------------------
    07 Services Section
*/
.services_area > .container {
  margin-bottom: -30px;
}

.single_service {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
  padding: 30px 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.single_service:before, .single_service:after {
  width: 0px;
  height: 2px;
  background-color: #1ebba3;
  position: absolute;
  content: "";
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
}

.single_service:before {
  top: 0;
  left: 0;
}

.single_service:after {
  bottom: 0;
  right: 0;
}

.single_service:hover:before, .single_service:hover:after {
  width: 60px;
}

.single_service > .icon {
  background-color: rgba(30, 187, 163, 0.08);
  border-radius: 50%;
  height: 65px;
  line-height: 65px;
  margin: 0 auto 20px;
  width: 65px;
  color: #1ebba3;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
}

.single_service > .icon [class^="flaticon-"]:before {
  font-size: 26px;
}

.single_service:hover > .icon {
  background-color: #1ebba3;
  color: #fff;
}

.single_service .info > h2 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.single_service .info > p {
  margin-bottom: 0;
}

.single_service:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
  .single_service .info > h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .single_service .info > h2 {
    font-size: 17px;
  }
}

/*------------------------------------------------------------------
    08 Portfolio Section
*/
.work_area .container {
  margin-bottom: -30px;
}

.work_area .section_title_area {
  padding-bottom: 55px;
}

/* [8.1 Portfolio Navigation] */
.recent_work_nav {
  margin: -10px 2px 65px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  padding-left: 0;
}

.recent_work_nav > li {
  display: inline-block;
  margin: 0 -2px;
  overflow: hidden;
}

.recent_work_nav > li > a {
  display: block;
  font-weight: 700;
  padding: 5px 20px;
  text-transform: capitalize;
  color: #222;
  position: relative;
}

.recent_work_nav > li > a.dots_effect > .dot_effect {
  bottom: 0;
}

/* [8.2 Singel Work] */
.work_item {
  margin-bottom: 30px;
  min-height: 200px;
  position: relative;
  display: inline-block;
}

.work_item .work_hover_mask {
  align-items: center;
  background-color: rgba(30, 187, 163, 0.8);
  display: flex;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  transition: opacity 0.5s ease 0s;
  width: 100%;
}

.work_item .work_hover_mask:before, .work_item .work_hover_mask:after {
  content: "";
  height: calc(100% - 40px);
  left: 20px;
  position: absolute;
  top: 20px;
  transition: transform 0.5s ease 0s;
  width: calc(100% - 40px);
  z-index: 1;
}

.work_item .work_hover_mask:before {
  border-bottom: 1px dashed #fff;
  border-top: 1px dashed #fff;
  transform: scale(0, 1);
}

.work_item .work_hover_mask:after {
  border-left: 1px dashed #fff;
  border-right: 1px dashed #fff;
  transform: scale(1, 0);
}

.work_item .work_hover_mask > span {
  bottom: 30px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  right: 30px;
  z-index: 3;
}

.work_item .work_hover_mask .mask_container {
  width: 100%;
  position: relative;
  z-index: 5;
}

.work_item .work_hover_mask .mask_container > h3 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 50px;
  padding-bottom: 5px;
  position: relative;
  text-transform: capitalize;
  transition: all 0.5s ease 0s;
}

.work_item .work_hover_mask .mask_container > h3:before {
  background-color: #fff;
  bottom: -8px;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0px;
  transition: all 0.5s ease 0s;
}

.work_item .work_hover_mask .mask_container > p {
  color: #fff;
  transition: all 0.5s ease 0s;
  padding-top: 30ox;
}

.work_item:hover .work_hover_mask {
  opacity: 1;
}

.work_item:hover .work_hover_mask::before {
  transform: scale(1, 1);
}

.work_item:hover .work_hover_mask::after {
  transform: scale(1, 1);
}

.work_item:hover .mask_container > h3 {
  margin-bottom: 15px;
}

.work_item:hover .mask_container > p {
  padding-top: 0;
}

.work_item:hover .mask_container > h3::before {
  width: 50px;
}

@media only screen and (max-width: 991px) {
  .recent_work_nav {
    margin: -10px 2px 45px;
  }
}

@media only screen and (max-width: 767px) {
  .work_area .section_title_area {
    padding-bottom: 40px;
  }
  #masonry > .grid {
    text-align: center;
  }
  .recent_work_nav {
    margin: -20px 2px 30px;
  }
  .recent_work_nav > li > a {
    font-size: 13px;
    padding: 5px 15px;
  }
  .work_item .work_hover_mask .mask_container > h3 {
    font-weight: 600;
  }
}

@media only screen and (max-width: 450px) {
  .recent_work_nav > li > a {
    padding: 5px 11px;
  }
}

/*------------------------------------------------------------------
    09 Testimonail Section
*/
.single_testimonial > img {
  border-radius: 50%;
  height: 90px;
  margin: 0 auto 30px;
  width: 90px !important;
  border: 5px solid rgba(30, 187, 163, 0.5);
}

.single_testimonial .info > h5 {
  font-size: 14px;
  font-weight: 600;
  padding-top: 10px;
  text-transform: capitalize;
  color: #383838;
}

.single_testimonial .info > p {
  color: #8a8a8a;
}

.testimonial_carousel .owl-dots {
  margin-top: 45px;
  text-align: center;
}

.testimonial_carousel .owl-dots > button {
  border: 2px solid #1EBBA3;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin: 0 3px;
  width: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.testimonial_carousel .owl-dots > button.active {
  background-color: #1EBBA3;
}

@media only screen and (max-width: 991px) {
  .testimonial_carousel .owl-dots {
    margin-top: 40px;
  }
}

/*------------------------------------------------------------------
    10 Blog Section
*/
.blog_area > .container {
  margin-bottom: -30px;
}

.entry_post {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-bottom: 30px;
}

.entry_post:hover {
  box-shadow: 0 15px 28px rgba(0, 0, 0, 0.2);
}

.entry_post .post_thumb {
  margin-bottom: 25px;
  position: relative;
}

.entry_post .post_thumb > .entry_date {
  background: transparent -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 10%, transparent 90%) repeat scroll 0 0;
  background: transparent linear-gradient(0deg, rgba(0, 0, 0, 0.45) 10%, transparent 90%) repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  font-size: 13px;
  left: 0;
  padding: 25px 15px 15px;
  position: absolute;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
  z-index: 1;
}

.entry_post .post_thumb > a {
  display: block;
  overflow: hidden;
}

.entry_post .post_thumb > a > img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.entry_post:hover .post_thumb > a > img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.entry_post .entry_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 25px 15px 15px;
}

.entry_post .entry_title > a {
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}

.entry_post .entry_title > a:hover {
  color: #1EBBA3;
  border-bottom: 1px dashed #343434;
}

.entry_post .entry_content {
  padding: 0 15px 25px;
}

.entry_post .entry_footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
}

.entry_post .entry_footer > .entry_meta {
  float: left;
}

.entry_post .entry_footer > .entry_meta .entry_user {
  font-size: 13px;
}

.entry_post .entry_footer > .entry_meta .entry_user > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 5px;
}

.entry_post .entry_footer > .entry_meta a {
  color: inherit;
  -webkit-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.entry_post .entry_footer > .entry_meta a:hover {
  color: #1EBBA3;
}

.social_share_area {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  float: right;
}

.social_share_area .share_btn {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  color: #757575;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.social_share_area .share_btn:hover {
  color: #1EBBA3;
}

.social_share_area .share_btn .social_share {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: none;
  margin-right: 39px;
  min-width: 200px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.social_share_area .share_btn .social_share > a {
  color: #909090;
  font-size: 12px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 0 5px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.social_share_area .share_btn .social_share > a:hover {
  color: #1EBBA3;
}

.social_share_area .share_btn:hover .social_share {
  display: block;
}

.social_share_area .share_btn:hover .social_share > a {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: social-share;
  animation-name: social-share;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(1) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(2) {
  -webkit-animation-delay: 130ms;
  animation-delay: 130ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(3) {
  -webkit-animation-delay: 230ms;
  animation-delay: 230ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(4) {
  -webkit-animation-delay: 330ms;
  animation-delay: 330ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(5) {
  -webkit-animation-delay: 430ms;
  animation-delay: 430ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(6) {
  -webkit-animation-delay: 530ms;
  animation-delay: 530ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(7) {
  -webkit-animation-delay: 630ms;
  animation-delay: 630ms;
}

.social_share_area .share_btn:hover .social_share > a:nth-child(8) {
  -webkit-animation-delay: 730ms;
  animation-delay: 730ms;
}

@-webkit-keyframes social-share {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes social-share {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes social-share {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@media only screen and (max-width: 991px) {
  .blog_area .row > .col-lg-4:nth-child(3) {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .blog_area .row > .col-lg-4:nth-child(3) {
    display: block;
  }
  .entry_post .entry_title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .entry_post .entry_title {
    font-size: 17px;
  }
}

/*------------------------------------------------------------------
    11 Site Layout
*/
/* [11.1 Skill Area] */
.skill_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px -45px;
}

.skill_list > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(50% - 30px);
  flex: 1 1 calc(50% - 30px);
  margin: 0 15px;
}

.single_skill {
  padding-bottom: 25px;
}

.single_skill h3 {
  color: #232323;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 12px;
  position: relative;
  text-transform: capitalize;
}

.single_skill:last-child {
  padding-bottom: 0;
}

.single_skill .progress_bar {
  background: #ccc none repeat scroll 0 0;
  box-shadow: 0 0 0;
  height: 3px;
  margin: 0 0 20px;
  position: relative;
  width: 100%;
}

.single_skill .progress_bar > span {
  background: #1EBBA3 none repeat scroll 0 0;
  display: block;
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.single_skill .progress_bar > span > strong {
  color: #232323;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  right: -15px;
  top: -31px;
}

.single_skill .progress_bar > span > strong:before {
  border-color: #1ebba3 transparent transparent;
  border-style: solid;
  border-width: 7px 5px;
  bottom: -12px;
  content: "";
  left: 4px;
  position: absolute;
}

/* [11.2 FanFact Area] */
.fanfact_area {
  background-attachment: fixed;
}

.single-fanfact {
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

.single-fanfact > span {
  display: block;
  position: relative;
  margin-bottom: 15px;
  line-height: 40px;
}

.single-fanfact > span:before {
  font-size: 40px;
}

.single-fanfact .counter {
  color: inherit;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 2px;
}

.single-fanfact > p {
  font-size: 18px;
  text-transform: capitalize;
}

.contact_area {
  position: relative;
}

.single_contact_info {
  min-height: 60px;
  margin-bottom: 45px;
}

.single_contact_info > span {
  border-right: 1px solid #d1d1d1;
  color: #1ebba3;
  display: block;
  float: left;
  font-size: 36px;
  height: 60px;
  line-height: 60px;
  margin-right: 25px;
  width: 60px;
}

.single_contact_info > .info {
  overflow: hidden;
  padding-top: 8px;
}

.single_contact_info > .info > h4 {
  color: #303030;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.single_contact_info > .info > p {
  line-height: 1.5em;
  font-size: 14px;
}

.single_contact_info:last-child {
  margin-bottom: 0px;
}

/* [11.3 Contact Form Area] */
#contact-form .form-group {
  margin-bottom: 20px;
}

/* [11.5 Different Version Style] */
#particles-js {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.welcome_video_area {
  z-index: 0;
}

@media only screen and (max-width: 991px) {
  .skill_content {
    margin-bottom: 30px;
  }
  .single_contact_info {
    margin-bottom: 30px;
  }
  .fanfact_area > .container {
    margin-bottom: -50px;
  }
  .single-fanfact {
    margin-bottom: 50px;
  }
  .single-fanfact > span {
    margin-bottom: 10px;
  }
  .single_contact_info {
    float: left;
    width: 50%;
  }
  .single_contact_info:nth-child(3) {
    display: none;
  }
  #contact-form {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .skill_content > h2.headline {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .single-fanfact .counter {
    font-size: 34px;
  }
  .single-fanfact > p {
    font-size: 16px;
  }
  .contact_form_area {
    min-height: auto;
  }
  .contact_form_area .contact_form {
    min-height: auto;
    padding-left: 0;
    padding: 80px 0 85px;
  }
  .angle_style_two:after {
    height: 55px;
  }
  .skill_list {
    margin: 0 -15px -20px;
  }
  .skill_list > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 30px);
    flex: 1 1 calc(100% - 30px);
  }
  .single_skill {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .single-fanfact > span {
    line-height: 32px;
    margin-bottom: 5px;
  }
  .single-fanfact > span:before {
    font-size: 32px;
  }
  .single-fanfact .counter {
    font-size: 28px;
  }
  .single_contact_info > span {
    font-size: 25px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    width: 45px;
  }
  .single_contact_info > .info {
    padding-top: 2px;
  }
}

/*------------------------------------------------------------------
    12 Site Footer
*/
.footer {
  background-color: #1E1E1E;
}

.footer .clearfix {
  display: none;
}

.footer-widgets-area {
  color: #fff;
}

.footer_description {
  padding: 5px 40px 0;
}

.footer_description > a {
  display: block;
  margin-bottom: 25px;
}

.footer_description > p {
  line-height: 24px;
}

.footer_description .footer_logo {
  margin-right: 0;
  font-size: 42px;
  line-height: 1;
}

.footer_description .footer_logo > span {
  font-size: 52px;
}

.footer-bottom-area {
  position: relative;
  padding: 20px 0;
  background-color: #191919;
}

.copyright {
  padding: 5px 0 2px;
  color: #999;
}

.copyright a {
  color: #666;
}

.copyright a:hover {
  color: #1EBBA3;
}

.footer_social_share {
  list-style: outside none none;
  margin: 0 -8px 7px;
  padding-left: 0;
}

.footer_social_share > li {
  display: inline-block;
  margin: 0 5px 5px;
}

.footer_social_share > li > a {
  background-color: #242424;
  border-radius: 50%;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.16);
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 44px;
  text-align: center;
  width: 40px;
}

.footer_social_share > li > a:hover {
  color: #1EBBA3;
}

@media only screen and (max-width: 991px) {
  .footer_description .site_logo.footer_logo {
    color: #fff;
  }
  .footer_description .site_logo.footer_logo:hover, .footer_description .site_logo.footer_logo:focus {
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .single_contact_info {
    width: 100%;
  }
  .single_contact_info:nth-child(3) {
    display: block;
  }
  #contact-form {
    padding-top: 50px;
  }
  .footer_social_share {
    margin: 0 -8px;
  }
}

@media only screen and (max-width: 575px) {
  .footer_description {
    padding: 0;
  }
}

@media only screen and (max-width: 450px) {
  .footer_social_share > li {
    margin: 0 3px 5px;
  }
  .footer_social_share > li > a {
    height: 35px;
    line-height: 38px;
    width: 35px;
  }
  .footer_description .footer_logo {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .footer_description .footer_logo > span {
    font-size: 46px;
  }
}

/*------------------------------------------------------------------
    13 RTL Css
*/
html[dir="rtl"] #navbar-main,
html[dir="rtl"] div[class^=col-],
html[dir="rtl"] p {
  direction: rtl;
}

html[dir="rtl"] .skill_content,
html[dir="rtl"] .about_info,
html[dir="rtl"] .single_skill h3,
html[dir="rtl"] .portfolio_work_nav,
html[dir="rtl"] .single_contact_info .info,
html[dir="rtl"] .headline,
html[dir="rtl"] .slingle_client > .client_body,
html[dir="rtl"] .single_work .work_info,
html[dir="rtl"] .entry_post .post_thumb > .entry_date,
html[dir="rtl"] .single_contact_info > span {
  text-align: right;
}

html[dir="rtl"] .social_share_area .share_btn .social_share {
  text-align: left;
}

html[dir="rtl"] div[class^=col-],
html[dir="rtl"] .about_info .info_list > li > strong,
html[dir="rtl"] .about_info .info_list > li,
html[dir="rtl"] .single_contact_info > .icon,
html[dir="rtl"] .entry_post .entry_footer > .entry_meta,
html[dir="rtl"] .single_contact_info > span {
  float: right;
}

html[dir="rtl"] .testimonial_carousel.owl-carousel .owl-stage,
html[dir="rtl"] .social_share_area {
  float: left !important;
}

html[dir="rtl"] .social_share_area .share_btn .social_share {
  margin-left: 39px;
  margin-right: 0;
}

html[dir="rtl"] .site_logo,
html[dir="rtl"] .single_contact_info > .icon,
html[dir="rtl"] .entry_post .entry_footer > .entry_meta > span {
  margin-right: 0;
  margin-left: 15px;
}

html[dir="rtl"] .single_contact_info > span {
  margin-left: 25px;
  margin-right: 0;
}

html[dir="rtl"] .cd-headline.clip .cd-words-wrapper::after,
html[dir="rtl"] .social_share_area .share_btn .social_share {
  left: 0;
  right: auto;
}

html[dir="rtl"] .single_skill h3 > span {
  left: auto;
  right: 30px;
}

html[dir="rtl"] .about_thumb {
  margin-right: 0;
  margin-left: 20px;
}

html[dir="rtl"] .about_info .info_list,
html[dir="rtl"] .portfolio_work_nav,
html[dir="rtl"] .footer_social_share {
  padding-right: 0;
}

html[dir="rtl"] #section_scroller_button {
  left: 20px;
  right: auto;
}

html[dir="rtl"] .single_skill .progress_bar > span {
  left: auto;
  right: 0;
}

html[dir="rtl"] .single_skill .progress_bar > span > strong {
  left: -15px;
  right: auto;
}

html[dir="rtl"] .portfolio_work_nav > li {
  margin-left: 20px;
  margin-right: 0;
}

html[dir="rtl"] .pr-15 {
  padding-right: 0px !important;
  padding-left: 15px !important;
}

html[dir="rtl"] .contact_form_area .contact_form {
  padding-left: 0px;
  padding-right: 30px;
}

html[dir="rtl"] .slingle_client .client_header {
  left: auto;
  right: 70px;
}

html[dir="rtl"] .work_hover_mask > span {
  right: auto;
  left: 30px;
}

html[dir="rtl"] .single_contact_info > span {
  border-left: 1px solid #d1d1d1;
  border-right: 0px solid;
}

html[dir="rtl"] .entry_post .entry_footer > .entry_meta .entry_user > img {
  margin-right: 0px;
  margin-left: 5px;
}

@media only screen and (max-width: 1199px) {
  html[dir="rtl"] .about_thumb {
    margin-left: 5px;
  }
  html[dir="rtl"] .pr-15 {
    padding-left: 0px !important;
  }
  html[dir="rtl"] .navigation_area > .mainmenu_area .mainmenu {
    text-align: right;
  }
  html[dir="rtl"] .navigation_area > .mainmenu_area .mainmenu > li > a::before {
    left: auto;
    right: 0;
  }
}

@media only screen and (max-width: 991px) {
  html[dir="rtl"] .contact_form_area .contact_form {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 575px) {
  html[dir="rtl"] .single_contact_info > span {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 450px) {
  html[dir="rtl"] .slingle_client .client_header {
    left: auto;
    right: 25px;
  }
  html[dir="rtl"] .portfolio_work_nav > li {
    margin-left: 20px;
  }
}