/* Minification failed. Returning unminified contents.
(4911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4924,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(4937,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(4939,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(4943,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(4947,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(4981,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(4982,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5018,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-purple'
(5019,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5027,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5035,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5046,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5089,36): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5177,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(5181,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5192,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(5328,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5419,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5444,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5448,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5453,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5493,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5498,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5503,22): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5511,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5524,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5525,28): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5598,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5599,28): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5616,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5628,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5633,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5638,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5643,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5648,22): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5870,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5874,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(5960,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5986,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(5991,25): run-time error CSS1039: Token not allowed after unary operator: '-sass-gray-dark'
(5995,25): run-time error CSS1039: Token not allowed after unary operator: '-sass-gray-dark'
(5999,25): run-time error CSS1039: Token not allowed after unary operator: '-sass-gray-dark'
(6003,25): run-time error CSS1039: Token not allowed after unary operator: '-sass-gray-dark'
(6009,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(6010,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6022,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(6050,21): run-time error CSS1039: Token not allowed after unary operator: '-sass-gray-dark'
(6101,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(6145,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(6217,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6337,22): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6519,22): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6521,52): run-time error CSS1034: Expected closing parenthesis, found ','
(6521,52): run-time error CSS1042: Expected function, found ','
(6521,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(6569,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6573,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6622,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(6624,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(6651,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6753,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6824,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(6825,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(6911,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(6962,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-purple'
(7079,40): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7088,35): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7097,35): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7127,40): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7151,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(7167,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(7197,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7203,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7205,28): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7235,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7239,22): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7245,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7249,22): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7273,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7285,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(7291,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(7300,60): run-time error CSS1034: Expected closing parenthesis, found ','
(7300,60): run-time error CSS1042: Expected function, found ','
(7300,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(7366,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(7408,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7426,34): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7432,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7671,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7699,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7735,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(7739,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(7880,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(7904,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(7908,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8024,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8085,34): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8111,35): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8156,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8186,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8187,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8232,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8234,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8299,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8315,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8443,42): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8522,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8533,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8534,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8632,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8653,35): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8662,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8694,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8728,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8752,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8766,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8771,28): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8775,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8805,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8847,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8854,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8866,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8882,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(8917,29): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8954,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(8998,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9046,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9074,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9079,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9102,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(9112,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(9146,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9155,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9168,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9218,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray'
(9230,17): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9252,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9276,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9277,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9353,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9391,31): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9413,29): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9438,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9458,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9459,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9520,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9544,33): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9579,36): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9605,36): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9651,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9676,23): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9721,38): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9734,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9739,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9747,21): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9761,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9766,32): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9776,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9777,27): run-time error CSS1039: Token not allowed after unary operator: '-saas-Inter'
(9788,30): run-time error CSS1039: Token not allowed after unary operator: '-saas-gray-dark'
(9798,26): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9837,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
(9891,25): run-time error CSS1039: Token not allowed after unary operator: '-saas-blue'
 */
@font-face {
	font-family: 'themify';
	src:url('../../../assets/fonts/themify.eot?-fvbane');
	src:url('../../../assets/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../../../assets/fonts/themify.woff?-fvbane') format('woff'),
		url('../../../assets/fonts/themify.ttf?-fvbane') format('truetype'),
		url('../../../assets/fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

@font-face {
  font-family: 'icomoon';
  src:  url('../../../assets/vendors/icomoon/fonts/icomoon.eot?517ko8');
  src:  url('../../../assets/vendors/icomoon/fonts/icomoon.eot?517ko8#iefix') format('embedded-opentype'),
    url('../../../assets/vendors/icomoon/fonts/icomoon.ttf?517ko8') format('truetype'),
    url('../../../assets/vendors/icomoon/fonts/icomoon.woff?517ko8') format('woff'),
    url('../../../assets/vendors/icomoon/fonts/icomoon.svg?517ko8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-left2:before {
  content: "\ea40";
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('../../../assets/vendors/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../../assets/fonts/slick.eot');
    src: url('../../../assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../assets/fonts/slick.woff') format('woff'), url('../../../assets/fonts/slick.ttf') format('truetype'), url('../../../assets/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes height {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 0.1;
    height: 50%;
  }
}
@keyframes height {
  0% {
    opacity: 0;
    height: 0;
    transition: all 0.6s linear;
  }
  100% {
    opacity: 0.3;
    height: 50%;
  }
}
.height {
  -webkit-animation-name: height;
  animation-name: height;
}

@-webkit-keyframes fadeInDown2 {
  0% {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.2;
  }
}
@keyframes fadeInDown2 {
  0% {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.2;
  }
}
.fadeInDown2 {
  -webkit-animation-name: fadeInDown2;
  animation-name: fadeInDown2;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg)
      scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg)
      scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
      scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg)
      scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg)
      scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg)
      scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes rollIncustom {
  0% {
    opacity: 0;
    -webkit-transform: translateX(220%) translateY(220px);
    -ms-transform: translateX(220%) translateY(220px);
    transform: translateX(220%) translateY(220px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom {
  0% {
    opacity: 0;
    -webkit-transform: translateX(220%) translateY(220px);
    -ms-transform: translateX(220%) translateY(220px);
    transform: translateX(220%) translateY(220px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom {
  -webkit-animation-name: rollIncustom;
  animation-name: rollIncustom;
}

@-webkit-keyframes rollIncustom1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%) translateY(150px);
    -ms-transform: translateX(150%) translateY(150px);
    transform: translateX(150%) translateY(150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%) translateY(150px);
    -ms-transform: translateX(150%) translateY(150px);
    transform: translateX(150%) translateY(150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom1 {
  -webkit-animation-name: rollIncustom1;
  animation-name: rollIncustom1;
}

@-webkit-keyframes rollIncustom3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) translateY(350px);
    -ms-transform: translateX(-20px) translateY(350px);
    transform: translateX(-20px) translateY(350px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) translateY(350px);
    -ms-transform: translateX(-20px) translateY(350px);
    transform: translateX(-20px) translateY(350px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom3 {
  -webkit-animation-name: rollIncustom3;
  animation-name: rollIncustom3;
}

@-webkit-keyframes rollIncustom4 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-90px) translateY(70px);
    -ms-transform: translateX(-90px) translateY(70px);
    transform: translateX(-90px) translateY(70px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom4 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-90px) translateY(70px);
    -ms-transform: translateX(-90px) translateY(70px);
    transform: translateX(-90px) translateY(70px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom4 {
  -webkit-animation-name: rollIncustom4;
  animation-name: rollIncustom4;
}

@-webkit-keyframes rollIncustom5 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px) translateY(-50px);
    -ms-transform: translateX(-500px) translateY(-50px);
    transform: translateX(-500px) translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom5 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px) translateY(-50px);
    -ms-transform: translateX(-500px) translateY(-50px);
    transform: translateX(-500px) translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom5 {
  -webkit-animation-name: rollIncustom5;
  animation-name: rollIncustom5;
}

@-webkit-keyframes rollIncustom6 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px) translateY(-150px);
    -ms-transform: translateX(30px) translateY(-150px);
    transform: translateX(30px) translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom6 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px) translateY(-150px);
    -ms-transform: translateX(30px) translateY(-150px);
    transform: translateX(30px) translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom6 {
  -webkit-animation-name: rollIncustom6;
  animation-name: rollIncustom6;
}

@-webkit-keyframes rollIncustom7 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px) translateY(-150px);
    -ms-transform: translateX(-150px) translateY(-150px);
    transform: translateX(-150px) translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom7 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150px) translateY(-150px);
    -ms-transform: translateX(-150px) translateY(-150px);
    transform: translateX(-150px) translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom7 {
  -webkit-animation-name: rollIncustom7;
  animation-name: rollIncustom7;
}

@-webkit-keyframes rollIncustom8 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px) translateY(-200px);
    -ms-transform: translateX(0px) translateY(-200px);
    transform: translateX(0px) translateY(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom8 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px) translateY(-200px);
    -ms-transform: translateX(0px) translateY(-200px);
    transform: translateX(0px) translateY(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom8 {
  -webkit-animation-name: rollIncustom8;
  animation-name: rollIncustom8;
}

@-webkit-keyframes rollIncustom9 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px) translateY(-150px);
    -ms-transform: translateX(200px) translateY(-150px);
    transform: translateX(200px) translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes rollIncustom9 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(500px) translateY(-150px);
    -ms-transform: translateX(200px) translateY(-150px);
    transform: translateX(200px) translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
.rollIncustom9 {
  -webkit-animation-name: rollIncustom9;
  animation-name: rollIncustom9;
}

@-webkit-keyframes slideInnew {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, -80px);
    -ms-transform: translate(-10px, -80px);
    transform: translate(0px, -50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes slideInnew {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, -80px);
    -ms-transform: translate(-10px, -80px);
    transform: translate(-10px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.slideInnew3 {
  -webkit-animation-name: slideInnew3;
  animation-name: slideInnew3;
}

@-webkit-keyframes slideInnew3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(80px, -80px);
    -ms-transform: translate(80px, -80px);
    transform: translate(80px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes slideInnew3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(80px, -80px);
    -ms-transform: translate(80px, -80px);
    transform: translate(80px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.slideInnew3 {
  -webkit-animation-name: slideInnew3;
  animation-name: slideInnew3;
}

@-webkit-keyframes slideInnew2 {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(-10px, 80px);
    -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(-10px, 80px);
    transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(-10px, 80px);
  }
  100% {
    -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(0px, 0px);
    -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(0px, 0px);
    transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(0px, 0px);
  }
}
@keyframes slideInnew2 {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(-10px, 80px);
    -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(-10px, 80px);
    transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(-10px, 80px);
  }
  100% {
    -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(0px, 0px);
    -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(0px, 0px);
    transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0)
      translate(0px, 0px);
  }
}
.slideInnew2 {
  -webkit-animation-name: slideInnew2;
  animation-name: slideInnew2;
}

@-webkit-keyframes spinnerRotateone {
  0% {
    -webkit-transform: rotate(0deg) translateY(30px);
    transform: rotate(0deg) translateY(30px);
  }

  100% {
    -webkit-transform: rotate(160deg) translateY(30px);
    transform: rotate(160deg) translateY(30px);
  }
}

@keyframes spinnerRotateone {
  0% {
    -webkit-transform: rotate(0deg) translateY(30px);
    transform: rotate(0deg) translateY(30px);
  }

  100% {
    -webkit-transform: rotate(160deg) translateY(30px);
    transform: rotate(160deg) translateY(30px);
  }
}
.spinnerRotateone {
  -webkit-animation-name: spinnerRotateone;
  animation-name: spinnerRotateone;
}

@-webkit-keyframes spins {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spins {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.spins {
  -webkit-animation-name: spins;
  animation-name: spins;
}

@-webkit-keyframes topUp {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -100%;
    /* opacity: 0; */
  }
}
@keyframes topUp {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -100%;
    /* opacity: 0; */
  }
}
.topUp {
  -webkit-animation-name: topUp;
  animation-name: topUp;
}

@-webkit-keyframes fadeInRotate {
  0% {
    transform: rotate(12deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: bottom right;
    opacity: 1;
  }
}

@keyframes fadeInRotate {
  0% {
    transform: rotate(12deg);
    opacity: 0;
    transform-origin: bottom right;
  }
  100% {
    transform: rotate(0deg);

    opacity: 1;
  }
}
.fadeInRotate {
  -webkit-animation-name: fadeInRotate;
  animation-name: fadeInRotate;
}

/*----------------------------------------------------
@File: Default Styles
@Author: picmaticweb
@URL: https://themeforest.net/user/picmaticweb/portfolio
Author E-mail: 

This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.


@Default Styles

Table of Content:
01/ Variables
02/ predefine
03/ header
04/ banner
04/ button
05/ clients logo
06/ features
07/ price
08/ testimonial
09/ video
10/ subscribe
11/ team
12/ accordion 
13/ integration-single 
14/ job
15/ blog
16/ contact
17/ footer


=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/*=================== fonts ====================*/
/*@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");*/
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhMva.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhMva.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhMva.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/


.col-md-offset-right-1,
.col-lg-offset-right-1 {
    margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
:root {
    --saas-gray-dark: #0f172a;
    --saas-gray: #475569;
    --saas-purple: #8438ff;
    --saas-blue: #766397;
    --saas-Be-Vietnam-Pro: "Be Vietnam Pro", sans-serif;
    --saas-Plus-Jakarta-Sans: "Plus Jakarta Sans", sans-serif;
    --saas-Lexend: "Lexend", sans-serif;
    --saas-Inter: "Inter", sans-serif;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
body {
    font-family: var(--saas-Inter);
}

:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--saas-Inter);
    font-weight: 600;
    color: var(--saas-gray-dark);
}

p {
    font-family: var(--saas-Inter);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--saas-gray);
}

/** === Predefined Global Classes === **/
button:focus {
    outline: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

/**===== section padding scss =====**/
.sec_padding {
    padding: 50px 0px;
}

.sec_padding_two {
    padding: 100px 0px;
}

/** ===== section title scss ====== **/
.section_title {
    margin-bottom: 70px;
}

    .section_title h5 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--saas-blue);
        font-family: var(--saas-Inter);
        text-transform: capitalize;
        margin-bottom: 10px;
    }

    .section_title h2 {
        font-size: 48px;
        line-height: 60px;
        letter-spacing: -0.5px;
        margin-bottom: 12px;
    }

    .section_title p {
        line-height: 30px;
        color: #344054;
    }

    .section_title.text-center {
        max-width: 804px;
        margin-left: auto;
        margin-right: auto;
    }

    .section_title.white h2,
    .section_title.white p {
        color: #fff;
    }

.section_title_two {
    margin-bottom: 50px;
}

    .section_title_two h5 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--saas-purple);
        font-family: var(--saas-Inter);
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .section_title_two h2 {
        font-size: 48px;
        line-height: 60px;
        font-family: var(--saas-Inter);
        margin-bottom: 12px;
    }

    .section_title_two p {
        font-size: 18px;
        line-height: 30px;
        color: #344054;
        font-family: var(--saas-Inter);
    }

    .section_title_two.text-center {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

.section_title_three h2 {
    font-size: 48px;
    font-family: var(--saas-Inter);
    font-weight: 600;
    margin-bottom: 10px;
    color: #14141f;
}

.section_title_four {
    margin-bottom: 70px;
}

    .section_title_four h2 {
        color: #fff;
        font-size: 60px;
    }

/* End Title Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*----------------------------------------------
    # Preloader style here
----------------------------------------------*/
.preloader {
    align-items: center;
    cursor: default;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

    .preloader .animation-preloader {
        z-index: 1000;
    }

        .preloader .animation-preloader .spinner {
            animation: spinner 1s infinite linear;
            border-radius: 50%;
            border: 3px solid rgba(0, 0, 0, 0.2);
            border-top-color: var(--saas-blue);
            height: 9em;
            margin: 0 auto 3.5em auto;
            width: 9em;
        }

        .preloader .animation-preloader img {
            height: 200px;
        }

        .preloader .animation-preloader > img ~ img {
            height: 100px;
        }

@media (max-width: 767px) {
    .preloader .animation-preloader .spinner {
        width: 7.5em;
        height: 7.5em;
        margin: 0 auto 1.5em auto;
    }
}
@media only screen and (min-width: 50px) and (max-width: 414px) {
    .preloader .animation-preloader img {
        height: 70px;
    }

    .preloader .animation-preloader > img ~ img {
        height: 40px;
    }
}
@media only screen and (min-width: 415px) and (max-width: 785px) {
    .preloader .animation-preloader img {
        height: 100px;
    }

    .preloader .animation-preloader > img ~ img {
        height: 50px;
    }
}

.preloader .animation-preloader .txt-loading {
    font-size: 5em;
    font-weight: 700;
    text-align: center;
    user-select: none;
}

@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 2.5em;
    }
}

.preloader .animation-preloader .txt-loading .letters-loading {
    color: #191919;
    position: relative;
}

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
        animation-delay: 0.2s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
        animation-delay: 0.4s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
        animation-delay: 0.6s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
        animation-delay: 0.8s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
        animation-delay: 1s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
        animation-delay: 1.2s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
        animation-delay: 1.4s;
    }

    .preloader .animation-preloader .txt-loading .letters-loading::before {
        animation: letters-loading 4s infinite;
        color: var(--saas-gray);
        content: attr(data-text-preloader);
        left: 0;
        opacity: 0;
        font-family: var(--saas-Inter);
        position: absolute;
        top: -8px;
        transform: rotateY(-90deg);
    }

.preloader p {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: var(--saas-gray);
}

.preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
}

    .preloader .loader .row {
        height: 100%;
    }

    .preloader .loader .loader-section {
        padding: 0px;
    }

        .preloader .loader .loader-section .bg {
            background-color: #fff;
            height: 100%;
            left: 0;
            width: 100%;
            transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
        }

.preloader.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.preloader.loaded .loader-section .bg {
    width: 0;
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes loaderspin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.navbar {
    border: 0px;
    padding: 0px;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.3s;
}

    .navbar .navbar-brand {
        margin-right: 45px;
    }

        .navbar .navbar-brand.sticky_logo img + img {
            display: none;
        }

    .navbar.border_bottom {
        border-bottom: 1px solid rgba(24, 44, 76, 0.1);
    }

    .navbar .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }

.menu > .nav-item {
    margin-left: 36px;
    position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
    transition: all 0.1s linear;
    cursor: pointer;
}

    .menu > .nav-item:first-child {
        margin-left: 0;
    }

    .menu > .nav-item > .nav-link {
        font-family: var(--saas-Inter);
        font-size: 16px;
        font-weight: 600;
        color: #091c1e;
        padding: 0;
        position: relative;
    }

@media (min-width: 992px) {
    .menu > .nav-item > .nav-link {
        padding-right: 15px;
    }
}

.menu > .nav-item > .nav-link:after {
    display: none;
}

.menu > .nav-item .mobile_dropdown_icon {
    display: none;
}

@media (min-width: 992px) {
    .menu > .nav-item .mobile_dropdown_icon {
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 19px;
        transition: all 0.2s;
        z-index: -1;
    }
}

.menu > .nav-item.submenu .dropdown-menu {
    margin: 0px;
    border: 0px;
    border-radius: 8px;
    left: -30px;
    min-width: 200px;
    padding: 15px 0px;
    background: #fff;
    top: 100%;
    box-shadow: 0px 6px 20px 0px rgba(1, 6, 33, 0.08);
}

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu {
        transform: translateY(20px);
        transition: all 0.3s ease-in;
        opacity: 0;
        visibility: hidden;
        display: block;
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
    display: block;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item:not(:first-child) {
        margin-top: 14px;
    }

    .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
        padding: 0px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 500;
        color: #091c1e;
        transition: color 0.2s linear;
    }

        .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
            display: none;
        }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item .mobile_dropdown_icon {
        right: 10px;
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link,
.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .mobile_dropdown_icon, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link,
.menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .mobile_dropdown_icon, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link,
.menu > .nav-item.submenu .dropdown-menu .nav-item.active > .mobile_dropdown_icon {
    color: var(--saas-blue);
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    transition: transform 0.3s ease-in;
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
        display: none;
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
        position: absolute;
        left: 100%;
        top: -15px;
        opacity: 0;
        display: block;
        visibility: hidden;
        transform: translateY(20px);
        transition: all 0.3s ease-in;
    }
}

.menu > .nav-item.active > .nav-link {
    color: var(--saas-blue);
}

.menu > .nav-item.active > .mobile_dropdown_icon {
    color: var(--saas-blue);
}

.menu > .nav-item:hover .nav-link,
.menu > .nav-item:hover > .mobile_dropdown_icon {
    color: var(--saas-blue);
}

@media (min-width: 992px) {
    .menu > .nav-item:hover .dropdown-menu {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .menu_white .menu > .nav-item > .nav-link, .menu_white .menu > .nav-item > .mobile_dropdown_icon {
        color: #fff;
    }
}

@media (min-width: 992px) {
    .menu_white .menu > .nav-item:hover .nav-link, .menu_white .menu > .nav-item.active .nav-link {
        color: #fff;
    }
}

.menu_white .nav_right .login_btn {
    backdrop-filter: blur(20px);
}

    .menu_white .nav_right .login_btn.button_radius {
        border-radius: 45px;
    }

.menu_blue .menu > .nav-item .dropdown-menu > .nav-item:hover > .nav-link, .menu_blue .menu > .nav-item .dropdown-menu > .nav-item.active > .nav-link {
    color: var(--saas-blue);
}

@media (min-width: 992px) {
    .menu_blue .menu > .nav-item .dropdown-menu > .nav-item:hover .mobile_dropdown_icon, .menu_blue .menu > .nav-item .dropdown-menu > .nav-item.active .mobile_dropdown_icon {
        color: var(--saas-blue);
    }
}

.menu_blue .nav_right .login_btn:hover {
    background: var(--saas-blue);
    color: #fff;
}

.nav_right .login_btn,
.nav_right .signup_btn {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--saas-Inter);
    color: #1f0343;
    line-height: 1.1;
    display: inline-flex;
    padding: 15px 20px;
    background: #766397;
    border: 1px solid #a193b6;
    border-radius: 8px;
    transition: all 0.3s linear;
}

    .nav_right .login_btn:hover,
    .nav_right .signup_btn:hover {
        background: var(--saas-blue);
        border-color: var(--saas-blue);
        color: #fff;
    }

        .nav_right .login_btn:hover .btn_text span:first-child,
        .nav_right .signup_btn:hover .btn_text span:first-child {
            transform: translateY(0);
        }

        .nav_right .login_btn:hover .btn_text span:last-child,
        .nav_right .signup_btn:hover .btn_text span:last-child {
            transform: translateY(-24px);
        }

.nav_right .login_btn {
    border: 1px solid #8299ac;
    background: #194263;
    margin-left: 10px;
    transition: all 0.2s linear;
    color: #fff;
}

    .nav_right .login_btn:hover {
        color: #fff;
        background: #7daad2;
        border-color: #b7cfe6;
    }

.nav_right .signup_btn {
    border: 1px solid #a193b6;
    background: #766397;
    margin-left: 10px;
    transition: all 0.2s linear;
    color: #fff;
}

    .nav_right .signup_btn:hover {
        color: #fff;
        background: #766397;
        border-color: #a193b6;
    }

.dark_menu .login_btn,
.dark_menu .signup_btn {
    color: #1b1f41;
}

.navbar.navbar_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(12, 0, 46, 0.05);
    padding: 0px;
}

    .navbar.navbar_fixed .navbar-brand.sticky_logo img {
        display: none;
    }

        .navbar.navbar_fixed .navbar-brand.sticky_logo img + img {
            display: block;
        }

    .navbar.navbar_fixed .menu > .nav-item {
        padding-top: 24px;
        padding-bottom: 24px;
        transition: all 0.2s linear;
    }

    .navbar.navbar_fixed .nav_right .signup_btn:hover {
        background: var(--saas-blue);
        border-color: var(--saas-blue);
        color: #fff;
        box-shadow: 0px 4px 10px 0px rgba(132, 56, 255, 0.25);
    }

    .navbar.navbar_fixed .nav_right.nav_right_two .signup_btn:hover {
        background: #182c4c;
        color: #fff;
        border-color: #182c4c;
        box-shadow: 0px 4px 10px 0px rgba(24, 44, 76, 0.25);
    }

    .navbar.navbar_fixed.menu_white .menu > .nav-item > .nav-link, .navbar.navbar_fixed.menu_white .menu > .nav-item > .mobile_dropdown_icon {
        color: #091c1e;
    }

    .navbar.navbar_fixed.menu_white .menu > .nav-item:hover > .nav-link, .navbar.navbar_fixed.menu_white .menu > .nav-item:hover > .mobile_dropdown_icon, .navbar.navbar_fixed.menu_white .menu > .nav-item.active > .nav-link, .navbar.navbar_fixed.menu_white .menu > .nav-item.active > .mobile_dropdown_icon {
        color: var(--saas-blue);
    }

    .navbar.navbar_fixed.menu_white .nav_right .login_btn {
        backdrop-filter: blur(0px);
    }

        .navbar.navbar_fixed.menu_white .nav_right .login_btn:hover {
            box-shadow: 0px 4px 10px 0px rgba(132, 56, 255, 0.35);
        }

    .navbar.navbar_fixed.menu_blue .menu > .nav-item:hover > .nav-link, .navbar.navbar_fixed.menu_blue .menu > .nav-item.active > .nav-link {
        color: var(--saas-blue);
    }

@media (min-width: 992px) {
    .navbar.navbar_fixed.menu_blue .menu > .nav-item:hover > .mobile_dropdown_icon, .navbar.navbar_fixed.menu_blue .menu > .nav-item.active > .mobile_dropdown_icon {
        color: var(--saas-blue);
    }
}

.navbar.navbar_fixed.menu_blue .menu > .nav-item .dropdown-menu > .nav-item:hover > .nav-link, .navbar.navbar_fixed.menu_blue .menu > .nav-item .dropdown-menu > .nav-item.active > .nav-link {
    color: var(--saas-blue);
}

@media (min-width: 992px) {
    .navbar.navbar_fixed.menu_blue .menu > .nav-item .dropdown-menu > .nav-item:hover > .mobile_dropdown_icon, .navbar.navbar_fixed.menu_blue .menu > .nav-item .dropdown-menu > .nav-item.active > .mobile_dropdown_icon {
        color: var(--saas-blue);
    }
}

.navbar.navbar_fixed.menu_blue .nav_right .login_btn {
    background: var(--saas-blue);
    color: #fff;
}

    .navbar.navbar_fixed.menu_blue .nav_right .login_btn:hover {
        box-shadow: 0px 4px 10px 0px rgba(56, 111, 251, 0.35);
    }

.navbar.navbar_fixed .menu_toggle .hamburger span {
    background: #091c1e;
}

.navbar.navbar_fixed .menu_toggle .hamburger-cross span {
    background: #091c1e;
}

.menu_white .menu_toggle .hamburger span {
    background: #fff;
}

.menu_white .menu_toggle .hamburger-cross span {
    background: #fff;
}

.navbar-toggler {
    position: relative;
    width: 30px;
    height: 20px;
    border-radius: 0px;
    padding: 0px;
    border: 0px;
    margin: 25px 0px;
}

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

.menu_toggle {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
    display: block;
}

    .menu_toggle .hamburger {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
    }

        .menu_toggle .hamburger span {
            width: 0%;
            height: 2px;
            position: relative;
            top: 0;
            left: 0;
            margin: 4px 0;
            display: block;
            background: #091c1e;
            border-radius: 3px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .menu_toggle .hamburger span:nth-child(1) {
                transition-delay: 0s;
            }

            .menu_toggle .hamburger span:nth-child(2) {
                transition-delay: 0.125s;
            }

            .menu_toggle .hamburger span:nth-child(3) {
                transition-delay: 0.2s;
            }

    .menu_toggle .hamburger-cross {
        position: absolute;
        height: 100%;
        width: 100%;
        transform: rotate(45deg);
        display: block;
    }

        .menu_toggle .hamburger-cross span {
            display: block;
            background: #091c1e;
            border-radius: 3px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .menu_toggle .hamburger-cross span:nth-child(1) {
                height: 100%;
                width: 2px;
                position: absolute;
                top: 0;
                left: 10px;
                transition-delay: 0.3s;
            }

            .menu_toggle .hamburger-cross span:nth-child(2) {
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                top: 10px;
                transition-delay: 0.4s;
            }

.collapsed .menu_toggle .hamburger span {
    width: 100%;
}

    .collapsed .menu_toggle .hamburger span:nth-child(1) {
        transition-delay: 0.3s;
    }

    .collapsed .menu_toggle .hamburger span:nth-child(2) {
        transition-delay: 0.4s;
    }

    .collapsed .menu_toggle .hamburger span:nth-child(3) {
        transition-delay: 0.5s;
    }

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 0%;
    transition-delay: 0s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 0%;
    transition-delay: 0.2s;
}

@media (max-width: 1199px) {
    .menu > .nav-item {
        margin-left: 18px;
    }

    .nav_right .signup_btn {
        margin-left: 0;
    }

    .nav_right .login_btn,
    .nav_right .signup_btn {
        padding: 12px;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        background: #fff;
        box-shadow: 4px 6px 10px rgba(12, 0, 46, 0.05);
        z-index: 8;
        width: 100%;
    }

    .menu,
    .nav_right {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

        .menu > .nav-item {
            margin-left: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 0;
            padding-right: 0;
        }

            .menu > .nav-item .nav-link {
                position: relative;
            }

            .menu > .nav-item.submenu .dropdown-menu {
                padding-left: 15px;
                padding-right: 15px;
                margin-top: 10px;
            }

                .menu > .nav-item.submenu .dropdown-menu .nav-item {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .menu > .nav-item.submenu .dropdown-menu .nav-item .mobile_dropdown_icon {
                        top: 0px;
                    }

            .menu > .nav-item .mobile_dropdown_icon {
                display: block;
                position: absolute;
                right: 5px;
                top: 15px;
                font-size: 19px;
                transition: all 0.2s;
            }

    .nav_right {
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .navbar.navbar_fixed .menu > .nav-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu_blue .menu > .nav-item.active > .mobile_dropdown_icon, .menu_blue .menu > .nav-item.active > .nav-link {
        color: var(--saas-blue);
    }

    .menu_blue .nav_right .login_btn {
        background: var(--saas-blue);
        color: #fff;
        padding: 12px 18px;
    }

    .menu_white .nav_right .login_btn {
        background: #fff;
        color: #1f0343;
        backdrop-filter: blur(0px);
        padding: 12px 18px;
    }
}

@media (max-width: 370px) {
    .navbar-brand {
        padding-right: 5px;
    }

        .navbar-brand img {
            max-width: 100%;
        }
}
@media only screen and (max-width: 350px) {
    .navbar-brand {
    }

        .navbar-brand img {
            height: 35px !important;
        }

        .navbar-brand > img ~ img {
            height: 30px !important;
        }
}
@media only screen and (min-width: 50px) and (max-width: 415px) {
    .navbar-brand {
    }

        .navbar-brand img {
            height: 40px !important;
        }

        .navbar-brand > img ~ img {
            height: 35px !important;
        }
}
@media only screen and (min-width: 415px) and (max-width: 450px) {
    .navbar-brand {
    }

        .navbar-brand img {
            height: 55px !important;
        }

        .navbar-brand > img ~ img {
            height: 45px !important;
        }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.saas_banner_area {
    padding: 200px 0px 100px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .saas_banner_area::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../../../assets/img/home-one/banner_shap.png) no-repeat top center/cover;
        z-index: -1;
    }

.saas_banner_content {
    padding-right: 0px;
}

    .saas_banner_content h1 {
        font-size: 70px;
        line-height: 84px;
        font-family: var(--saas-Inter);
        color: #0f172a;
        margin-bottom: 20px;
        letter-spacing: -2.1px;
    }

    .saas_banner_content p {
        color: #475569;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 38px;
    }

.subcribes {
    margin-bottom: 35px;
}

    .subcribes .form-control {
        width: 100%;
        border-radius: 45px;
        background: #fff;
        padding: 8px 100px 8px 30px;
        height: 75px;
        border: 0px;
        font-size: 16px;
        color: #999999;
        font-family: var(--saas-Inter);
        font-weight: 500;
    }

        .subcribes .form-control.placeholder {
            color: var(--sass-gray-dark);
        }

        .subcribes .form-control:-moz-placeholder {
            color: var(--sass-gray-dark);
        }

        .subcribes .form-control::-moz-placeholder {
            color: var(--sass-gray-dark);
        }

        .subcribes .form-control::-webkit-input-placeholder {
            color: var(--sass-gray-dark);
        }

    .subcribes .btn_submit {
        font-size: 16px;
        font-weight: 600;
        font-family: var(--saas-Inter);
        background: var(--saas-blue);
        border-radius: 45px;
        padding: 16px 20px;
        color: #fff;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.2s linear;
    }

        .subcribes .btn_submit:hover {
            background: var(--saas-gray-dark);
        }

.saas_banner_img {
    position: relative;
    text-align: right;
    right: -48px;
}

    .saas_banner_img .dash_one,
    .saas_banner_img .dash_two {
        position: absolute;
    }

    .saas_banner_img .video_popup {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(31, 3, 67, 0.1);
        background: #fff;
        position: absolute;
        left: 59%;
        top: 46%;
        transform: translate(-50%, -50%);
        font-size: 28px;
        color: var(--sass-gray-dark);
        box-shadow: 0px 5px 17px -1px rgba(29, 29, 29, 0.2);
        transition: all 0.3s linear;
    }

        .saas_banner_img .video_popup:hover {
            transform: scale(1.1) translate(-50%, -50%);
        }

.ornaments li {
    position: absolute;
    z-index: -1;
}

    .ornaments li:nth-child(1) {
        top: 180px;
        left: 0;
    }

    .ornaments li:nth-child(2) {
        bottom: 150px;
        left: 650px;
    }

    .ornaments li:nth-child(3) {
        top: 130px;
        right: 350px;
    }

.saas_banner_area_two {
    padding: 180px 0px 0px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .saas_banner_area_two::before {
        content: "";
        width: 100%;
        height: 100%;
        background: url(../../../assets/img/home-two/banner_bg_two.png) no-repeat center center/cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

.saas_banner_content_two h2 {
    font-size: 70px;
    line-height: 84px;
    font-weight: 700;
    font-family: var(--saas-Inter);
    letter-spacing: -1.4px;
    margin-bottom: 30px;
    color: #fff;
}

    .saas_banner_content_two h2 span {
        display: inline-block;
    }

.saas_banner_content_two p {
    max-width: 720px;
    margin: 0 auto;
    line-height: 30px;
    margin-bottom: 40px;
    color: #fff;
}

.saas_banner_content_two .banner_img {
    margin-top: 90px;
    max-width: 100%;
    position: relative;
}

    .saas_banner_content_two .banner_img .line_shap {
        position: absolute;
        top: -48px;
        right: -20px;
        z-index: -1;
    }

.saas_banner_area_three {
    padding: 180px 0px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.sass_banner_content {
    position: relative;
    z-index: 2;
}

    .sass_banner_content h2 {
        font-family: var(--saas-Inter);
        font-size: 74px;
        font-weight: 600;
        line-height: 90px;
        letter-spacing: -2px;
        color: #14141f;
    }

    .sass_banner_content p {
        font-size: 20px;
        line-height: 32px;
        color: #14141f;
        margin-bottom: 40px;
    }

    .sass_banner_content .credit_text {
        font-size: 16px;
        color: #182c4c;
        margin-top: 20px;
        margin-bottom: 0px;
    }

        .sass_banner_content .credit_text i {
            color: #ff4998;
        }

    .sass_banner_content .ratting_icon {
        margin-top: 50px;
    }

        .sass_banner_content .ratting_icon a {
            margin-right: 60px;
            display: inline-block;
        }

.banner_subscribe {
    display: flex;
}

    .banner_subscribe .form-control {
        flex: 1;
        border-radius: 8px;
        border: 1px solid rgba(24, 44, 76, 0.1);
        height: 60px;
        padding-left: 60px;
        font-size: 16px;
        color: #182c4c;
        position: relative;
        z-index: 0;
        background: transparent;
        width: 333px;
    }

        .banner_subscribe .form-control.placeholder {
            color: #182c4c;
        }

        .banner_subscribe .form-control:-moz-placeholder {
            color: #182c4c;
        }

        .banner_subscribe .form-control::-moz-placeholder {
            color: #182c4c;
        }

        .banner_subscribe .form-control::-webkit-input-placeholder {
            color: #182c4c;
        }

        .banner_subscribe .form-control:focus {
            outline: none;
            box-shadow: none;
            border-color: var(--saas-blue);
        }

    .banner_subscribe .theme_btn {
        border: 0px;
        margin-left: 12px;
        transition: all 0.3s linear;
        box-shadow: none;
    }

        .banner_subscribe .theme_btn i {
            transition: all 0.3s linear;
            display: inline-block;
        }

        .banner_subscribe .theme_btn:hover {
            background: #182c4c;
        }

.input_group {
    position: relative;
}

    .input_group img {
        position: absolute;
        left: 25px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

.banner_img_three {
    position: relative;
    text-align: center;
    z-index: 1;
}

    .banner_img_three .one,
    .banner_img_three .two,
    .banner_img_three .three,
    .banner_img_three .four,
    .banner_img_three .five {
        position: absolute;
    }

    .banner_img_three .one {
        left: 20px;
        top: 90px;
    }

    .banner_img_three .two {
        left: 20px;
        top: 190px;
    }

    .banner_img_three .three {
        right: 20px;
        bottom: -20px;
    }

    .banner_img_three .four {
        right: -200px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .banner_img_three .five {
        left: 35px;
        bottom: -29px;
    }

.saas_banner_area_four {
    position: relative;
    z-index: 1;
    padding-top: 200px;
    overflow: hidden;
}

    .saas_banner_area_four .banner_shap {
        position: absolute;
        top: 0px;
        right: 200px;
        z-index: -1;
    }

    .saas_banner_area_four .saas_banner_content_two h2 {
        font-weight: 600;
        font-size: 80px;
        color: #fff;
    }

    .saas_banner_area_four .saas_banner_content_two p {
        color: #fff;
        max-width: 800px;
    }

    .saas_banner_area_four .subcribes_two,
    .saas_banner_area_four .ratting_site_icon {
        max-width: 815px;
        margin-left: auto;
        margin-right: auto;
    }

    .saas_banner_area_four .banner_img {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

.subcribes_two .input_group img {
    z-index: 2;
}

.subcribes_two .form-control {
    border-radius: 16px;
    padding-left: 60px;
}

.subcribes_two .btn_submit {
    border-radius: 10px;
    background: var(--saas-blue);
    padding: 16px 30px;
    font-size: 18px;
}

    .subcribes_two .btn_submit i {
        transition: all 0.3s linear;
        display: inline-block;
    }

    .subcribes_two .btn_submit:hover i {
        transform: translateX(5px);
    }

.ratting_site_icon {
    display: flex;
    width: 100%;
    margin-top: 70px;
}

    .ratting_site_icon .item {
        width: 25%;
        padding: 0px 5px;
    }

        .ratting_site_icon .item img {
            max-width: 100%;
        }

.saas_banner_area_five {
    padding-top: 170px;
    overflow: hidden;
}

.app_banner_content {
    position: relative;
    z-index: 1;
}

    .app_banner_content h2 {
        font-size: 80px;
        line-height: 94px;
        letter-spacing: -2px;
        color: #fff;
        margin-bottom: 30px;
    }

    .app_banner_content p {
        font-size: 18px;
        line-height: 30px;
        color: #fff;
    }

    .app_banner_content .saas_btn {
        margin-top: 30px;
    }

    .app_banner_content .ratting_text {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin-top: 25px;
    }

        .app_banner_content .ratting_text img {
            margin-right: 5px;
            vertical-align: text-bottom;
        }

.app_banner_img {
    position: relative;
    z-index: 0;
}

    .app_banner_img .app_img {
        margin-left: 40px;
    }

        .app_banner_img .app_img.two {
            position: absolute;
            bottom: 20px;
            right: -50px;
        }

    .app_banner_img .app_shap_one,
    .app_banner_img .app_shap_two {
        position: absolute;
        z-index: -1;
    }

    .app_banner_img .app_shap_one {
        left: -80px;
        top: -70px;
    }

    .app_banner_img .app_shap_two {
        bottom: 0;
        right: -300px;
    }

.saas_breadcrumb_area {
    position: relative;
    z-index: 1;
    padding: 100px 0px 0px;
    overflow: hidden;
}

    .saas_breadcrumb_area .b_shap {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

.saas_breadcrumb_text {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

    .saas_breadcrumb_text h1 {
        font-size: 64px;
        line-height: 78px;
        letter-spacing: -0.4px;
        color: #1d2939;
        margin-bottom: 15px;
    }

    .saas_breadcrumb_text p {
        margin-bottom: 18px;
    }

    .saas_breadcrumb_text .breadcrumb {
        margin-bottom: 50px;
    }

        .saas_breadcrumb_text .breadcrumb li {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: -0.2px;
            color: #1d2939;
            position: relative;
            margin-right: 6px;
        }

            .saas_breadcrumb_text .breadcrumb li a {
                color: #60687a;
            }

            .saas_breadcrumb_text .breadcrumb li + li {
                margin-left: 12px;
            }

                .saas_breadcrumb_text .breadcrumb li + li:before {
                    content: "/";
                    position: absolute;
                    left: -12px;
                    color: #60687a;
                }

.single_breadcrumb {
    padding: 190px 0px 160px;
}

    .single_breadcrumb .saas_breadcrumb_text {
        max-width: 1050px;
    }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.saas_btn {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    padding: 16px 29px;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.3s linear;
    background: var(--saas-blue);
    letter-spacing: -0.1px;
    box-shadow: 0px 4px 12px -2px rgb(160, 145, 182, 0.5);
    position: relative;
    z-index: 1;
}

    .saas_btn .btn_text {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

        .saas_btn .btn_text span {
            position: absolute;
            z-index: 1;
            top: 0;
            width: 100%;
            text-align: center;
            transition: transform 0.5s ease;
            display: block;
        }

            .saas_btn .btn_text span:first-child {
                transform: translateY(24px);
            }

            .saas_btn .btn_text span:last-child {
                position: relative;
            }

            .saas_btn .btn_text span i {
                vertical-align: middle;
            }

    .saas_btn:hover {
        color: #fff;
        box-shadow: none;
    }

        .saas_btn:hover .btn_text span:first-child {
            transform: translateY(0);
        }

        .saas_btn:hover .btn_text span:last-child {
            transform: translateY(-24px);
        }

    .saas_btn.white {
        background: #fff;
        color: var(--saas-blue);
    }

        .saas_btn.white:hover {
            color: var(--saas-blue);
        }

.btn_text {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
}

    .btn_text span {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        text-align: center;
        transition: transform 0.5s ease;
        display: block;
    }

        .btn_text span:first-child {
            transform: translateY(24px);
        }

        .btn_text span:last-child {
            position: relative;
        }

        .btn_text span i {
            vertical-align: middle;
        }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.saas_client_logo_area {
    overflow: hidden;
    padding-left: 125px;
    padding-right: 125px;
    padding-top: 80px;
}

    .saas_client_logo_area .min_client_area {
        border-bottom: 0px;
        padding-bottom: 0;
    }

.client_title {
    font-size: 18px;
    line-height: 32px;
    color: var(--saas-gray-dark);
    font-weight: 400;
    font-family: var(--saas-Inter);
    opacity: 0.8;
}

    .client_title .split-line {
        display: inline-block !important;
    }

    .client_title span {
        opacity: 1;
        font-weight: 600;
        margin: 0px 6px;
    }

    .client_title.white {
        color: #fff;
    }

.client_title_two {
    font-size: 24px;
    line-height: 34px;
    color: #0f172a;
    font-weight: 600;
    margin-bottom: 40px;
}

    .client_title_two span {
        color: var(--saas-blue);
    }

.min_client_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d9dbe9;
    padding-bottom: 40px;
    margin-top: 50px;
}

    .min_client_area .item {
        width: 14.2857142857%;
        text-align: center;
        padding: 10px;
    }

    .min_client_area img {
        opacity: 0.5;
        transition: 0.3s;
        cursor: pointer;
        max-width: 100px;
    }

        .min_client_area img:hover {
            opacity: 1;
        }

.saas_client_logo_two {
    padding-top: 100px;
}

    .saas_client_logo_two .min_client_area {
        border-bottom: 1px solid #d9dbe9;
    }

.saas_client_logo_three {
    padding-bottom: 80px;
}

.saas_client_logo_area_dark {
    padding-top: 100px;
}

    .saas_client_logo_area_dark .min_client_area {
        border-color: #515151;
    }

.subscribe_inner {
    background: linear-gradient(140deg, #245fe7 0%, #766397 100%);
    border-radius: 40px;
    padding: 85px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    margin-bottom: -150px;
}

    .subscribe_inner .section_title_two {
        max-width: 856px;
        margin: 0 auto 50px;
    }

        .subscribe_inner .section_title_two h2,
        .subscribe_inner .section_title_two p {
            color: #fff;
        }

    .subscribe_inner .note {
        font-size: 16px;
        color: #fff;
        margin-top: 20px;
    }

        .subscribe_inner .note a {
            text-decoration: underline;
            color: #fff;
        }

.subscribe_form {
    max-width: 526px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .subscribe_form .form-control {
        border-radius: 12px;
        box-shadow: 0px 4px 30px 0px rgba(29, 41, 57, 0.08);
        background: #fff;
        padding: 10px 150px 10px 25px;
        height: 62px;
        border: 0px;
    }

    .subscribe_form .theme_btn {
        position: absolute;
        right: 4px;
        top: 4px;
        bottom: 4px;
        background: var(--saas-blue);
        border-radius: 8px;
        padding: 10px 25px;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        transition: all 0.3s linear;
        border: 0px;
    }

        .subscribe_form .theme_btn:hover {
            background: #111;
            color: #fff;
        }

.marquee {
    width: 100%;
    display: inline-flex;
    overflow: hidden;
}

    .marquee .slide {
        width: auto;
        display: inline-block;
        padding: 1rem 0px;
    }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.saas_features_area {
    padding: 120px 0px;
}

.saas_features_item {
    align-items: center;
}

    .saas_features_item.two .saas_features_content {
        padding-right: 0;
        padding-left: 70px;
    }

    .saas_features_item.two .saas_features_img {
        /*align-items: start;*/
        background: url("../../../assets/img/home-one/patern_bg_two.png") no-repeat center center/cover;
    }

    .saas_features_item.three .saas_features_img {
        align-items: start;
        justify-content: flex-end;
        z-index: 1;
    }

        .saas_features_item.three .saas_features_img .img_small {
            z-index: 0;
            right: 70px;
            top: 30px;
            left: auto;
        }

    .saas_features_item + .saas_features_item {
        margin-top: 110px;
    }

.saas_features_content {
    padding-right: 72px;
}

    .saas_features_content h6 {
        font-size: 16px;
        text-transform: capitalize;
        color: var(--saas-blue);
        font-family: var(--saas-Inter);
        font-weight: 600;
        margin-bottom: 12px;
        line-height: 24px;
    }

    .saas_features_content h2 {
        font-size: 40px;
        line-height: 54px;
        letter-spacing: -0.4px;
        margin-bottom: 16px;
    }

    .saas_features_content p {
        margin-bottom: 25px;
    }

    .saas_features_content .features_item_list {
        margin-bottom: 20px;
    }

        .saas_features_content .features_item_list h5 {
            font-size: 20px;
        }

        .saas_features_content .features_item_list p {
            font-size: 18px;
            margin-bottom: 10px;
        }

    .saas_features_content .saas_btn {
        margin-top: 20px;
    }

.saas_features_img {
    border-radius: 20px;
    position: relative;
    padding: 35px;
    height: 100%;
    align-items: center;
    display: flex;
    min-height: 500px;
    justify-content: flex-end;
    background: url("../../../assets/img/home-one/patern_bg.png") no-repeat center center/cover;
}

    .saas_features_img img {
        margin-right: -35px;
    }

    .saas_features_img .img_small {
        position: absolute;
        top: -10px;
        left: 20px;
    }

        .saas_features_img .img_small img {
            box-shadow: 0px 32px 64px -16px rgba(15, 23, 42, 0.2);
            border-radius: 20px;
        }

.saas_list li {
    padding-left: 45px;
    position: relative;
    font-size: 16px;
    color: #1e2a3b;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 34px;
}

    .saas_list li .icon {
        width: 34px;
        height: 34px;
        background: #f2f2f2;
        border-radius: 8px;
        border: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        top: 0;
    }

.saas_features_area_two .saas_features_content h2 {
    font-family: var(--saas-Inter);
    font-weight: 400;
}

.saas_features_area_three {
    padding-bottom: 220px;
}

    .saas_features_area_three .section_title {
        margin-bottom: 20px;
    }

.feature_item_inner {
    background: linear-gradient(175deg, #7579ff 0%, #b224ef 100%);
    border-radius: 20px;
    padding: 90px;
}

    .feature_item_inner + .feature_item_inner {
        margin-top: 80px;
    }

    .feature_item_inner .saas_features_img_two {
        position: relative;
    }

        .feature_item_inner .saas_features_img_two .img_two {
            position: absolute;
            right: 0;
            box-shadow: 0px 3px 29px 0px rgba(143, 139, 139, 0.25);
            border-radius: 10px;
        }

    .feature_item_inner .saas_feature_content_two h2,
    .feature_item_inner .saas_feature_content_two p {
        color: #fff;
    }

    .feature_item_inner .saas_feature_content_two h2 {
        font-size: 38px;
        line-height: 48px;
        letter-spacing: -0.03px;
        margin-bottom: 20px;
    }

    .feature_item_inner .saas_feature_content_two p {
        margin-bottom: 20px;
    }

    .feature_item_inner .saas_feature_content_two .theme_btn_two {
        box-shadow: none;
        color: var(--saas-purple);
    }

        .feature_item_inner .saas_feature_content_two .theme_btn_two i {
            margin-left: 4px;
        }

        .feature_item_inner .saas_feature_content_two .theme_btn_two:hover {
            color: #fff;
        }

    .feature_item_inner.two {
        background: linear-gradient(175deg, #f74fac 0%, #fcb24f 100%);
    }

        .feature_item_inner.two .saas_features_img_two .img_two {
            top: 120px;
            right: 60px;
        }

    .feature_item_inner.three {
        background: linear-gradient(175deg, #ff7a00 0%, #ffd439 100%);
    }

        .feature_item_inner.three .saas_features_img_two {
            padding-top: 50px;
        }

            .feature_item_inner.three .saas_features_img_two .img_two {
                top: -30px;
            }

.features_list {
    margin-bottom: 40px;
}

    .features_list li {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 7px;
    }

        .features_list li i {
            border-radius: 50%;
            font-size: 18px;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            top: 0px;
            position: relative;
            margin-right: 10px;
        }

.app_features_area {
    padding: 120px 0px;
}

.app_features_item {
    align-items: center;
}

    .app_features_item:not(:last-child) {
        margin-bottom: 130px;
    }

    .app_features_item .saas_features_img {
        padding-bottom: 0;
        justify-content: center;
        background: transparent;
    }

        .app_features_item .saas_features_img .img_small {
            bottom: 120px;
            right: 60px;
            left: auto;
            top: auto;
        }

    .app_features_item .app_features_content {
        padding-left: 50px;
    }

        .app_features_item .app_features_content h2 {
            color: #fff;
            font-size: 60px;
            line-height: 74px;
            font-weight: 600;
            letter-spacing: -1.5px;
            margin-bottom: 38px;
        }

        .app_features_item .app_features_content p {
            color: #fff;
            font-size: 18px;
            line-height: 34px;
        }

        .app_features_item .app_features_content .features_item_list {
            position: relative;
            padding-left: 42px;
            padding-right: 80px;
            margin-bottom: 35px;
        }

            .app_features_item .app_features_content .features_item_list:before {
                content: "";
                position: absolute;
                background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8682 2.62891C13.2308 2.99154 13.2308 3.57947 12.8682 3.94211L5.4396 11.3707C5.07696 11.7333 4.48903 11.7333 4.12639 11.3707L0.412109 7.65639C0.0494793 7.29376 0.0494793 6.70582 0.412109 6.34319C0.774738 5.98056 1.36268 5.98056 1.72531 6.34319L4.78299 9.40088L11.555 2.62891C11.9176 2.26628 12.5055 2.26628 12.8682 2.62891Z" fill="white"/></svg>');
                left: 0;
                top: 5px;
                color: #fff;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background-color: var(--saas-blue);
                background-position: 6px center;
                background-repeat: no-repeat;
            }

            .app_features_item .app_features_content .features_item_list h5 {
                font-size: 24px;
                font-weight: 600;
                color: #fff;
                font-family: var(--saas-Inter);
                line-height: 34px;
                margin-bottom: 15px;
            }

            .app_features_item .app_features_content .features_item_list p {
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                font-family: var(--saas-Inter);
                line-height: 30px;
            }

    .app_features_item.two .app_features_content {
        padding-left: 0px;
        padding-right: 50px;
    }

        .app_features_item.two .app_features_content p {
            margin-bottom: 35px;
        }

        .app_features_item.two .app_features_content .features_list li {
            font-size: 23px;
            margin-bottom: 25px;
            position: relative;
            padding-left: 40px;
        }

            .app_features_item.two .app_features_content .features_list li:before {
                content: "";
                position: absolute;
                background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8682 2.62891C13.2308 2.99154 13.2308 3.57947 12.8682 3.94211L5.4396 11.3707C5.07696 11.7333 4.48903 11.7333 4.12639 11.3707L0.412109 7.65639C0.0494793 7.29376 0.0494793 6.70582 0.412109 6.34319C0.774738 5.98056 1.36268 5.98056 1.72531 6.34319L4.78299 9.40088L11.555 2.62891C11.9176 2.26628 12.5055 2.26628 12.8682 2.62891Z" fill="white"/></svg>');
                left: 0;
                top: 2px;
                color: #fff;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background-color: var(--saas-blue);
                background-position: 6px center;
                background-repeat: no-repeat;
            }

.saas_faq_area {
    position: relative;
    z-index: 1;
    background: linear-gradient(0deg, rgba(248, 240, 229, 0.5) 0%, #f8f0e5 100%);
}

.faq_inner .accordion-item {
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid rgba(31, 3, 67, 0.09);
    margin-bottom: 10px;
    background: transparent;
}

    .faq_inner .accordion-item .accordion-header .accordion-button {
        padding: 15px 15px 20px;
        background: transparent;
        font-size: 22px;
        line-height: 32px;
        color: var(--saas-gray-dark);
        font-weight: 600;
        border: 0px;
        box-shadow: none;
    }

        .faq_inner .accordion-item .accordion-header .accordion-button:after {
            color: #141b34;
        }

        .faq_inner .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            transform: rotate(-180deg);
        }

    .faq_inner .accordion-item .accordion-body {
        color: var(--saas-gray-dark);
        font-size: 18px;
        line-height: 30px;
        padding-top: 0;
        padding-left: 15px;
        padding-bottom: 28px;
    }

.faq_inner_two .accordion-item .accordion-header .accordion-button {
    color: #14141f;
}

.promo_content h2,
.promo_content p {
    color: #fff;
}

.promo_content h2 {
    font-size: 52px;
    line-height: 68px;
    letter-spacing: -1.8px;
    margin-bottom: 20px;
}

.promo_content p {
    line-height: 32px;
}

.promo_content .saas_btn {
    background: #fff;
    color: var(--saas-blue);
    border-color: #fff;
    margin-top: 25px;
}

    .promo_content .saas_btn:hover {
        background: var(--saas-blue);
        color: #fff;
        border-color: var(--saas-blue);
    }

.promo_content_bg {
    background: linear-gradient(90deg, #abc9e5 0%, #786497 100%);
    border-radius: 20px;
    padding: 100px 320px;
    position: relative;
    z-index: 1;
    margin-top: 90px;
}

    .promo_content_bg .shap_one,
    .promo_content_bg .shap_two {
        position: absolute;
        z-index: -1;
    }

    .promo_content_bg .shap_one {
        left: 0;
        top: 0;
    }

    .promo_content_bg .shap_two {
        bottom: 100px;
        right: 200px;
    }

    .promo_content_bg .saas_btn:hover {
        background: #fff;
        color: var(--saas-blue);
    }

.promo_area_dark .saas_btn {
    background: var(--saas-blue);
    color: #fff;
}

    .promo_area_dark .saas_btn:hover {
        background: #fff;
        color: var(--saas-blue);
    }

.promo_area_three .promo_content .saas_btn {
    background: var(--saas-blue);
    color: #fff;
}

.service_tab_inner {
    padding-left: 25px;
    padding-right: 25px;
}

    .service_tab_inner .nav-tabs {
        border-bottom: 2px solid rgba(57, 57, 57, 0.12);
    }

        .service_tab_inner .nav-tabs .nav-item {
            width: 20%;
        }

.service_tab_button {
    text-align: center;
    border: 0px !important;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #6d737c;
    font-family: var(--saas-Inter);
    padding-bottom: 20px;
    position: relative;
}

    .service_tab_button:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 2px;
        background: var(--saas-gray-dark);
        opacity: 0;
    }

    .service_tab_button.active, .service_tab_button:hover {
        background: transparent !important;
        color: var(--saas-gray-dark);
    }

        .service_tab_button.active::before, .service_tab_button:hover::before {
            opacity: 1;
        }

        .service_tab_button.active .icon, .service_tab_button:hover .icon {
            background: #386ffb;
            box-shadow: 0px 4px 12px -2px rgb(160, 145, 182, 0.35);
        }

            .service_tab_button.active .icon svg path, .service_tab_button:hover .icon svg path {
                stroke: #fff;
            }

    .service_tab_button .icon {
        width: 72px;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f7f6fe;
        border-radius: 14px;
        margin: 0 auto 25px;
        transition: all 0.3s ease;
    }

.service_tab_content {
    padding: 38px 70px 40px 32px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e0e2e7;
    margin-top: 40px;
}

    .service_tab_content .accordion-header {
        display: none;
    }

    .service_tab_content .accordion-item {
        border: 0px;
        background: transparent;
    }

        .service_tab_content .accordion-item .flex-row-reverse .tab_item_content {
            padding-left: 0;
            padding-right: 70px;
        }

        .service_tab_content .accordion-item .tab_img {
            border-radius: 20px;
        }

    .service_tab_content .tab_item_content {
        padding-left: 70px;
    }

        .service_tab_content .tab_item_content h3 {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .service_tab_content .tab_item_content .saas_btn {
            margin-top: 20px;
        }

.service_tab_item {
    margin-top: 25px;
}

    .service_tab_item h4 {
        font-size: 20px;
        font-weight: 600;
        color: var(--saas-gray-dark);
        line-height: 1.1;
        letter-spacing: -0.3px;
        margin-bottom: 12px;
    }

.promo_tab_image {
    background: linear-gradient(140deg, #766397 0%, #8ca6ff 100%);
    border-radius: 10px;
    overflow: hidden;
    padding: 40px;
    margin-right: 27px;
}

.promo_tab_box {
    padding-left: 10px;
}

    .promo_tab_box .section_title_two {
        margin-bottom: 30px;
    }

    .promo_tab_box .nav .nav-item .nav-link {
        text-align: left;
        display: flex;
        background: transparent;
        padding: 25px;
        border-radius: 12px;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
        align-items: flex-start;
        cursor: pointer;
    }

        .promo_tab_box .nav .nav-item .nav-link img {
            margin-right: 20px;
        }

        .promo_tab_box .nav .nav-item .nav-link h5 {
            font-size: 20px;
            font-weight: 700;
            font-family: var(--saas-Inter);
            color: #1d2939;
        }

        .promo_tab_box .nav .nav-item .nav-link p {
            font-size: 16px;
            margin-bottom: 0;
        }

        .promo_tab_box .nav .nav-item .nav-link .tab_progress {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
        }

            .promo_tab_box .nav .nav-item .nav-link .tab_progress .progress-bar {
                background: var(--saas-blue);
                height: 100%;
            }

        .promo_tab_box .nav .nav-item .nav-link.active {
            background: #f9f7fe;
            border-color: var(--saas-blue);
        }

.features_area_two {
    background: linear-gradient(0deg, #fff 0%, #edf2ff 100%);
    position: relative;
    z-index: 1;
}

    .features_area_two .service_category_area {
        padding-top: 120px;
    }

.features_tab_inner {
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    position: relative;
    z-index: 1;
}

    .features_tab_inner:before {
        content: "";
        background: url(../../../assets/img/home-two/tab_shap.png) no-repeat center top/cover;
        position: absolute;
        width: 60px;
        height: 74px;
        right: -50px;
        top: -60px;
        z-index: -1;
    }

    .features_tab_inner .nav {
        background: #f5f6fa;
        border-radius: 14px;
        padding: 8px;
    }

        .features_tab_inner .nav .nav-item {
            width: 16.6666666667%;
        }

            .features_tab_inner .nav .nav-item .nav-link {
                padding: 15px 15px;
                border-radius: 10px;
                display: flex;
                align-items: center;
                font-size: 16px;
                font-weight: 700;
                color: #1d2939;
                transition: all 0.3s ease;
                width: 100%;
            }

                .features_tab_inner .nav .nav-item .nav-link .icon {
                    width: 46px;
                    height: 46px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #ffdbea;
                    margin-right: 16px;
                }

                .features_tab_inner .nav .nav-item .nav-link.active {
                    background: #fff;
                    box-shadow: 0px 16px 40px 0px rgba(24, 44, 76, 0.07);
                }

                    .features_tab_inner .nav .nav-item .nav-link.active .icon {
                        background: #ff4998;
                    }

                        .features_tab_inner .nav .nav-item .nav-link.active .icon svg path {
                            stroke: #fff;
                        }

            .features_tab_inner .nav .nav-item:nth-child(2) .nav-link .icon {
                background: rgba(1, 204, 116, 0.2901960784);
            }

                .features_tab_inner .nav .nav-item:nth-child(2) .nav-link .icon svg path {
                    stroke: #01cc74;
                }

            .features_tab_inner .nav .nav-item:nth-child(2) .nav-link.active .icon {
                background: #01cc74;
            }

                .features_tab_inner .nav .nav-item:nth-child(2) .nav-link.active .icon svg path {
                    stroke: #fff;
                }

            .features_tab_inner .nav .nav-item:nth-child(3) .nav-link .icon {
                background: #fcebd0;
            }

                .features_tab_inner .nav .nav-item:nth-child(3) .nav-link .icon svg path {
                    stroke: #f29a16;
                }

            .features_tab_inner .nav .nav-item:nth-child(3) .nav-link.active .icon {
                background: #f29a16;
            }

                .features_tab_inner .nav .nav-item:nth-child(3) .nav-link.active .icon svg path {
                    stroke: #fff;
                }

            .features_tab_inner .nav .nav-item:nth-child(4) .nav-link .icon {
                background: #d0e0f7;
            }

                .features_tab_inner .nav .nav-item:nth-child(4) .nav-link .icon svg path {
                    stroke: #1665d8;
                }

            .features_tab_inner .nav .nav-item:nth-child(4) .nav-link.active .icon {
                background: #1665d8;
            }

                .features_tab_inner .nav .nav-item:nth-child(4) .nav-link.active .icon svg path {
                    stroke: #fff;
                }

            .features_tab_inner .nav .nav-item:nth-child(5) .nav-link .icon {
                background: #fbdfd4;
            }

                .features_tab_inner .nav .nav-item:nth-child(5) .nav-link .icon svg path {
                    stroke: #ea6126;
                }

            .features_tab_inner .nav .nav-item:nth-child(5) .nav-link.active .icon {
                background: #ea6126;
            }

                .features_tab_inner .nav .nav-item:nth-child(5) .nav-link.active .icon svg path {
                    stroke: #fff;
                }

            .features_tab_inner .nav .nav-item:nth-child(6) .nav-link .icon {
                background: #d3f5fa;
            }

                .features_tab_inner .nav .nav-item:nth-child(6) .nav-link .icon svg path {
                    stroke: #21cee5;
                }

            .features_tab_inner .nav .nav-item:nth-child(6) .nav-link.active .icon {
                background: #21cee5;
            }

                .features_tab_inner .nav .nav-item:nth-child(6) .nav-link.active .icon svg path {
                    stroke: #fff;
                }

    .features_tab_inner .saas_features_img img {
        border-radius: 22px;
        box-shadow: 0px 2.16px 6.47px 0px rgba(13, 10, 44, 0.08);
        max-width: 100%;
        margin-right: 0;
    }

    .features_tab_inner .saas_features_content h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }

    .features_tab_inner .saas_features_content .saas_list {
        margin-bottom: 20px;
    }

        .features_tab_inner .saas_features_content .saas_list li {
            padding-left: 24px;
            line-height: 25px;
        }

            .features_tab_inner .saas_features_content .saas_list li i {
                color: #01cc74;
                position: absolute;
                left: 0;
                top: 4px;
                font-size: 18px;
            }

.promo_area_two {
    padding-top: 110px;
}

.promo_item {
    padding-left: 80px;
    padding-right: 80px;
}

    .promo_item img {
        margin-bottom: 25px;
    }

    .promo_item h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
    }

    .promo_item p {
        font-size: 16px;
        line-height: 24px;
    }

.promo_dash_img {
    background: rgba(43, 91, 253, 0.16);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 90px 0px 0px;
    margin-top: 60px;
}

.promo_area_dark {
    position: relative;
    padding: 170px 0px;
    z-index: 1;
}

    .promo_area_dark:before {
        content: "";
        width: 100%;
        height: 100%;
        background: url(../../../assets/img/home-four/shap_2.png) no-repeat center top/cover;
        z-index: -1;
        position: absolute;
        left: 0;
        top: 0;
    }

    .promo_area_dark .promo_content h2 {
        font-size: 60px;
        font-family: var(--saas-Inter);
        font-weight: 500;
        letter-spacing: -0.01px;
        margin-bottom: 25px;
    }

    .promo_area_dark .promo_content p {
        color: #98a2b3;
        margin-bottom: 12px;
    }

    .promo_area_dark .promo_content .theme_btn_two.purple {
        font-size: 18px;
    }

.app_promo_area {
    background: linear-gradient(26deg, #0017e4 0%, #3793ff 100%);
    padding-top: 80px;
}

.app_promo_content {
    padding-top: 50px;
}

    .app_promo_content h2 {
        color: #fff;
        font-size: 72px;
        letter-spacing: -0.2px;
        font-family: var(--saas-Inter);
        line-height: 85px;
        margin-bottom: 25px;
    }

        .app_promo_content h2 .split-line {
            display: inline-flex !important;
            column-gap: 10px;
        }

            .app_promo_content h2 .split-line img {
                bottom: -8px;
                position: relative;
            }

    .app_promo_content p {
        color: #fff;
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 40px;
    }

    .app_promo_content .playstore_btn {
        margin-right: 16px;
    }

        .app_promo_content .playstore_btn svg {
            transition: all 0.3s ease;
        }

        .app_promo_content .playstore_btn:hover svg {
            transform: scale(1.05);
        }

.promo_area_three .promo_content h2 {
    font-size: 56px;
    color: var(--saas-gray-dark);
}

.promo_area_three .promo_content p {
    color: var(--saas-gray);
    margin-bottom: 40px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.service_category_area {
    position: relative;
    z-index: 1;
}

    .service_category_area .shap {
        position: absolute;
        top: 55%;
        transform: translate(-50%, -50%);
        left: 50%;
        z-index: -1;
    }

    .service_category_area .col-lg-4:nth-child(2) .service_item .icon {
        background: linear-gradient(0deg, #6366f1 0%, #818cf8 100%);
    }

    .service_category_area .col-lg-4:nth-child(3) .service_item .icon {
        background: linear-gradient(0deg, #a855f7 0%, #c084fc 100%);
    }

    .service_category_area .col-lg-4:nth-child(4) .service_item .icon {
        background: linear-gradient(0deg, #22c55e 0%, #4ade80 100%);
    }

    .service_category_area .col-lg-4:nth-child(5) .service_item .icon {
        background: linear-gradient(0deg, #ef4444 0%, #f87171 100%);
    }

    .service_category_area .col-lg-4:nth-child(6) .service_item .icon {
        background: linear-gradient(0deg, #06b6d4 0%, #22d3ee 100%);
    }

.service_item {
    border-radius: 26px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    transition: all 0.3s ease-in-out;
    padding: 40px;
    margin-bottom: 30px;
    background: #fff;
    cursor: default;
}

    .service_item .icon {
        width: 56px;
        height: 56px;
        border-radius: 100%;
        background: linear-gradient(0deg, #3b82f6 0%, #60a5fa 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }

    .service_item h4 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 14px;
    }

    .service_item p {
        margin-bottom: 0;
        line-height: 32px;
    }

    .service_item:hover {
        box-shadow: 0px 6px 50px 0px rgba(24, 44, 76, 0.13);
        transform: translateY(-8px);
    }

.service_category_area_two .service_item {
    background: #f8f9fc;
    box-shadow: none;
}

.service_item_dark {
    background: #1c1c22;
    box-shadow: none;
}

    .service_item_dark .icon {
        background: transparent !important;
        width: max-content;
        height: max-content;
        border-radius: 0px;
    }

    .service_item_dark h4,
    .service_item_dark p {
        color: #fff;
    }

    .service_item_dark:hover {
        box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3);
    }

.about_img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.saas_about_content {
    padding-left: 80px;
}

    .saas_about_content h2 {
        font-size: 48px;
        line-height: 60px;
        letter-spacing: -0.3px;
        color: #1d2939;
        margin-bottom: 20px;
    }

    .saas_about_content .saas_btn {
        margin-top: 25px;
    }

.fact_inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 80px;
    padding-right: 80px;
    grid-gap: 70px;
    margin-top: 90px;
}

    .fact_inner .skill_fact_item {
        display: flex;
    }

        .fact_inner .skill_fact_item .number {
            font-size: 48px;
            font-weight: 600;
            color: #1d2939;
            font-family: var(--saas-Inter);
            margin-right: 20px;
        }

        .fact_inner .skill_fact_item p {
            margin-bottom: 0;
            font-size: 18px;
        }

.mission_content .section_title {
    margin-bottom: 30px;
}

.mission_content .nav-tabs .nav-item {
    margin-right: 40px;
}

    .mission_content .nav-tabs .nav-item .nav-link {
        padding-left: 0;
        font-size: 22px;
        padding-right: 0;
    }

        .mission_content .nav-tabs .nav-item .nav-link:before {
            background: var(--saas-blue);
        }

        .mission_content .nav-tabs .nav-item .nav-link.active, .mission_content .nav-tabs .nav-item .nav-link:hover {
            color: var(--saas-blue);
        }

.mission_content .tab-content .tab-pane {
    padding-top: 30px;
}

.mission_content .tab-content p {
    font-size: 18px;
    line-height: 28px;
}

.mission_content .tab-content .saas_list li {
    padding-left: 24px;
    color: #344054;
}

    .mission_content .tab-content .saas_list li i,
    .mission_content .tab-content .saas_list li img {
        position: absolute;
        left: 0;
        top: 10px;
    }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.testimonial_area_one {
    overflow: hidden;
    background: linear-gradient(0deg, #fff 0%, #edf2ff 100%);
    position: relative;
    z-index: 1;
}

    .testimonial_area_one .service_tab_area {
        padding-top: 120px;
    }

        .testimonial_area_one .service_tab_area .section_title {
            margin-bottom: 60px;
        }

    .testimonial_area_one .saas_accordion_area {
        margin-top: 100px;
    }

.testimonial_area_two {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: linear-gradient(0deg, rgba(250, 239, 245, 0.5) 0%, #faeff5 100%);
}

    .testimonial_area_two.black:before {
        display: none;
    }

    .testimonial_area_two.black .testimonial_slider_one .item {
        background: #1c1c22;
    }

        .testimonial_area_two.black .testimonial_slider_one .item p {
            color: #fff;
        }

        .testimonial_area_two.black .testimonial_slider_one .item .client_info h5 {
            color: #fff;
        }

        .testimonial_area_two.black .testimonial_slider_one .item .client_info h6 {
            color: #979797;
        }

        .testimonial_area_two.black .testimonial_slider_one .item .quote_icon::before {
            background: #4e5066;
        }

    .testimonial_area_two.black .custom_nav .slick-arrow {
        border: 1px solid #c5d1e0;
        background: transparent;
        color: #fff;
        line-height: 44px;
    }

        .testimonial_area_two.black .custom_nav .slick-arrow:hover {
            background: #fff;
            border-color: #fff;
            color: #14141f;
        }

.testimonial_area_four {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .testimonial_area_four.black:before {
        display: none;
    }

    .testimonial_area_four.black .testimonial_slider_one .item {
        background: #1c1c22;
    }

        .testimonial_area_four.black .testimonial_slider_one .item p {
            color: #fff;
        }

        .testimonial_area_four.black .testimonial_slider_one .item .client_info h5 {
            color: #fff;
        }

        .testimonial_area_four.black .testimonial_slider_one .item .client_info h6 {
            color: #979797;
        }

        .testimonial_area_four.black .testimonial_slider_one .item .quote_icon .icon {
            background: var(--saas-blue);
        }

        .testimonial_area_four.black .testimonial_slider_one .item .quote_icon::before {
            background: #4e5066;
        }

.black .custom_nav .slick-arrow {
    border: 1px solid #c5d1e0;
    background: transparent;
    color: #fff;
    line-height: 44px;
}

    .black .custom_nav .slick-arrow:hover {
        background: #fff;
        border-color: #fff;
        color: #14141f;
    }

.testimonial_slider_one {
    margin-right: -640px;
}

    .testimonial_slider_one .item {
        padding: 50px;
        background: #fff;
        border-radius: 20px;
        margin: 0 10px;
    }

        .testimonial_slider_one .item .ratting {
            margin-bottom: 8px;
        }

            .testimonial_slider_one .item .ratting i {
                color: #f59e0b;
            }

        .testimonial_slider_one .item p {
            line-height: 34px;
        }

        .testimonial_slider_one .item .quote_icon {
            position: relative;
            margin-top: 35px;
            margin-bottom: 12px;
        }

            .testimonial_slider_one .item .quote_icon::before {
                content: "";
                width: 530px;
                height: 1px;
                background: #eaecf0;
                display: block;
                flex: 1;
            }

            .testimonial_slider_one .item .quote_icon .icon {
                width: 48px;
                height: 48px;
                background: var(--saas-blue);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .testimonial_slider_one .item .client_info {
            display: flex;
            align-items: center;
        }

            .testimonial_slider_one .item .client_info img {
                border-radius: 50%;
                margin-right: 15px;
            }

            .testimonial_slider_one .item .client_info h5 {
                font-size: 18px;
                font-weight: 600;
                color: #344054;
            }

            .testimonial_slider_one .item .client_info h6 {
                font-size: 18px;
                color: #344054;
                font-family: var(--saas-Inter);
                font-weight: 400;
                margin-bottom: 0;
            }

.testimonial_slider_two .item {
    border-radius: 12px;
    background: #fff;
    padding: 30px;
    margin: 0px 12px;
    box-shadow: 0px 4px 40px 0px rgba(20, 20, 31, 0.05);
}

    .testimonial_slider_two .item .t_logo {
        margin-bottom: 30px;
        align-items: center;
    }

    .testimonial_slider_two .item img {
        max-width: 100%;
    }

    .testimonial_slider_two .item .ratting {
        margin-bottom: 8px;
    }

        .testimonial_slider_two .item .ratting i {
            color: #fb6511;
            margin-left: 2px;
        }

    .testimonial_slider_two .item .client_info {
        display: flex;
        align-items: center;
        margin-top: 55px;
    }

        .testimonial_slider_two .item .client_info img {
            border-radius: 50%;
            width: 48px;
            height: 48px;
            margin-right: 15px;
        }

        .testimonial_slider_two .item .client_info h5 {
            font-family: var(--saas-Inter);
            font-size: 20px;
            font-weight: 600;
            color: #14141f;
        }

        .testimonial_slider_two .item .client_info h6 {
            color: #696a72;
            font-size: 14px;
            font-weight: 400;
        }

.custom_nav {
    text-align: center;
    margin-top: 60px;
}

    .custom_nav .slick-arrow {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        line-height: 44px;
        border: 1px solid #1d2939;
        color: #1d2939;
        background: transparent;
        margin: 0px 5px;
        transition: all 0.3s linear;
    }

        .custom_nav .slick-arrow:hover {
            background: var(--saas-blue);
            border-color: var(--saas-blue);
            color: #fff;
        }

.testimonial_area_three {
    background: linear-gradient(20deg, #0017e4 0%, #3793ff 100%);
}

.testimonial_area_five {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .testimonial_area_five:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: url(../../../assets/img/home-five/shapes.png) no-repeat top center/cover;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

/*---------------------------------------------------- */
.portfolio_filter {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

    .portfolio_filter .work_portfolio_item {
        font-size: 16px;
        line-height: 28px;
        color: #1d2939;
        text-align: center;
        padding: 7px 15px;
        border: 1px solid #e6e8f1;
        border-radius: 4px;
        margin: 4px;
        cursor: pointer;
    }

        .portfolio_filter .work_portfolio_item:hover, .portfolio_filter .work_portfolio_item.active {
            background: var(--saas-blue);
            color: #fff;
            border-color: var(--saas-blue);
        }

.portfolio_item {
    margin-bottom: 40px;
}

    .portfolio_item .portfolio_img {
        overflow: hidden;
        display: block;
        position: relative;
    }

        .portfolio_item .portfolio_img img {
            transition: all 0.3s linear;
            max-width: 100%;
        }

        .portfolio_item .portfolio_img .hover_content {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(180deg, rgba(4, 14, 41, 0.1) 0%, rgb(4, 14, 41) 100%);
            opacity: 0;
            transition: opacity 300ms linear;
            display: flex;
            align-items: flex-end;
            width: 100%;
            padding: 30px;
        }

            .portfolio_item .portfolio_img .hover_content a {
                overflow: hidden;
                display: inline-block;
            }

            .portfolio_item .portfolio_img .hover_content h3 {
                color: #fff;
                transform: translateY(35px);
                transition: all 0.4s linear;
            }

            .portfolio_item .portfolio_img .hover_content .portfolio_category a {
                color: #b8c2da;
            }

                .portfolio_item .portfolio_img .hover_content .portfolio_category a:hover {
                    color: #fff;
                }

    .portfolio_item h3 {
        font-size: 28px;
        line-height: 36px;
        margin-top: 22px;
        transition: all 0.3s linear;
    }

    .portfolio_item .portfolio_category a {
        font-size: 16px;
        color: #60687a;
    }

        .portfolio_item .portfolio_category a:hover {
            color: var(--saas-blue);
        }

    .portfolio_item:hover .portfolio_img img {
        transform: scale(1.1) translateX(10px);
    }

    .portfolio_item:hover .portfolio_img .hover_content {
        opacity: 1;
    }

        .portfolio_item:hover .portfolio_img .hover_content h3 {
            transform: translateY(0);
        }

    .portfolio_item:hover h3 {
        color: var(--saas-blue);
    }

.portfolio_area_two .portfolio_item h3 {
    font-size: 24px;
    line-height: 1.25;
}

.portfolio_area_masonry .portfolio_item {
    margin-bottom: 24px;
    cursor: pointer;
}

    .portfolio_area_masonry .portfolio_item h3 {
        margin-bottom: 0;
    }

.portfolio_single_area {
    padding-top: 120px;
}

.single_portfolio_content {
    padding: 100px;
}

    .single_portfolio_content h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.2px;
        margin-bottom: 25px;
    }

    .single_portfolio_content h3 {
        font-size: 44px;
        line-height: 50px;
        letter-spacing: -2.2px;
        margin-bottom: 18px;
    }

    .single_portfolio_content p {
        margin-bottom: 25px;
    }

    .single_portfolio_content .read_more_btn {
        font-size: 22px;
        margin-top: 40px;
    }

    .single_portfolio_content .pr_info {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 20px;
        border-top: 1px solid rgba(2, 2, 2, 0.15);
        margin-top: 100px;
        padding-top: 50px;
    }

        .single_portfolio_content .pr_info span {
            font-size: 20px;
            color: #7d7d82;
            font-weight: 400;
            letter-spacing: -0.5px;
            display: inline-block;
            margin-bottom: 8px;
        }

        .single_portfolio_content .pr_info h6 {
            font-size: 26px;
            font-weight: 500;
            color: #020202;
        }

    .single_portfolio_content .item + .item {
        margin-top: 60px;
    }

.gallery_item {
    margin-bottom: 25px;
}

/*----------------------------------------------------*/
.team_area .row {
    margin-bottom: -30px;
}

.team_item {
    margin-bottom: 30px;
}

    .team_item .team_img {
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

        .team_item .team_img img {
            transition: all 0.3s linear;
        }

        .team_item .team_img .team_social {
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            text-align: center;
            width: 100%;
        }

            .team_item .team_img .team_social li {
                display: inline-block;
            }

                .team_item .team_img .team_social li a {
                    background: #f9f9f9;
                    color: #1d2939;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    height: 40px;
                    width: 40px;
                    transition: all 0.3s linear;
                    transform: scale(0);
                }

                    .team_item .team_img .team_social li a:hover {
                        background: var(--saas-blue);
                        color: #fff;
                    }

    .team_item .team_text {
        padding-top: 25px;
        text-align: center;
    }

        .team_item .team_text h5 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 2px;
        }

        .team_item .team_text p {
            font-size: 16px;
            margin-bottom: 0;
        }

    .team_item:hover .team_img img {
        transform: scale(1.1);
    }

    .team_item:hover .team_img .team_social {
        opacity: 1;
    }

        .team_item:hover .team_img .team_social li a {
            transform: scale(1);
            opacity: 1;
        }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.saas_accordion_area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .saas_accordion_area .tab_shap {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

.saas_accordion_item {
    border: 0px;
    border-radius: 0px;
    padding-right: 50px;
    position: relative;
}

    .saas_accordion_item:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #e6e6e6;
        position: absolute;
        left: 0;
        top: 0;
    }

    .saas_accordion_item .accordion-item {
        border: 0px;
        background: transparent;
        position: relative;
        padding-top: 5px;
    }

        .saas_accordion_item .accordion-item:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 0px;
            background: var(--saas-blue);
            transition: height 0.5s ease 0s;
        }

        .saas_accordion_item .accordion-item.is-active:before {
            height: 100%;
        }

    .saas_accordion_item .accordion-header .accordion-button {
        padding: 20px;
        font-size: 24px;
        color: var(--saas-blue);
        font-family: var(--saas-Inter);
        line-height: 30px;
        letter-spacing: -0.8px;
        font-weight: 500;
        border: 0px;
        box-shadow: none;
        background: transparent;
    }

        .saas_accordion_item .accordion-header .accordion-button:after {
            width: 17px;
            background-size: 17px;
        }

        .saas_accordion_item .accordion-header .accordion-button img {
            margin-right: 15px;
        }

        .saas_accordion_item .accordion-header .accordion-button.collapsed {
            color: #14141f;
        }

    .saas_accordion_item .accordion-body {
        padding-left: 63px;
        padding-top: 0px;
        font-size: 18px;
        line-height: 30px;
    }

.accordion_img {
    border-radius: 12px;
}

.saas_accordion_item_two {
    position: relative;
}

    .saas_accordion_item_two:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #e6e6e6;
        position: absolute;
        left: 0;
        top: 0;
    }

    .saas_accordion_item_two .accordion-item:before {
        width: 3px;
    }

    .saas_accordion_item_two .accordion-item .accordion-header .accordion-button {
        color: #fff;
        padding-left: 30px;
    }

        .saas_accordion_item_two .accordion-item .accordion-header .accordion-button:after {
            filter: brightness(100);
        }

        .saas_accordion_item_two .accordion-item .accordion-header .accordion-button.collapsed {
            color: #fff;
        }

    .saas_accordion_item_two .accordion-item .accordion-body {
        color: #fff;
        padding-left: 30px;
    }

.process_inner {
    position: relative;
    z-index: 1;
    margin-top: 80px;
}

    .process_inner:before {
        content: "";
        width: 100%;
        background: url(../../../assets/img/home-three/line.png) no-repeat center center/cover;
        position: absolute;
        top: 10px;
        left: 0;
        height: 100px;
        z-index: -1;
    }

    .process_inner [class*=col-] {
        counter-increment: css-counter;
    }

    .process_inner .process_item {
        padding: 0px 45px;
    }

        .process_inner .process_item .icon {
            width: 124px;
            height: 124px;
            border-radius: 12px;
            background: var(--saas-blue);
            box-shadow: 0px 20px 70px 0px rgba(43, 91, 253, 0.3);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 35px;
            position: relative;
        }

            .process_inner .process_item .icon:before {
                content: "0" counter(css-counter);
                position: absolute;
                width: 42px;
                height: 42px;
                background: #fff;
                border-radius: 100%;
                color: #14141f;
                font-weight: 600;
                font-size: 16px;
                line-height: 42px;
                text-align: center;
                font-family: var(--saas-Inter);
                right: -18px;
                top: -18px;
            }

        .process_inner .process_item h5 {
            font-size: 24px;
            line-height: 35px;
            font-weight: 600;
            font-family: var(--saas-Inter);
            letter-spacing: -0.8px;
            color: #14141f;
            margin-bottom: 15px;
        }

.saas_price_area {
    position: relative;
    z-index: 1;
}

    .saas_price_area .price_shap {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

.price_note {
    font-size: 18px;
    color: #696a72;
    line-height: 30px;
    margin-top: 30px;
}

    .price_note a {
        text-decoration: underline;
        color: #14141f;
        transition: all 0.3s linear;
    }

        .price_note a:hover {
            color: var(--saas-blue);
        }

.saas_price_item {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 40px 30px 35px;
    transition: all 0.3s linear;
    background: #fff;
    cursor: pointer;
}

    .saas_price_item .price_header {
        margin-bottom: 25px;
    }

        .saas_price_item .price_header h3 {
            font-size: 20px;
            font-weight: 600;
            color: #14141f;
        }

        .saas_price_item .price_header h2 {
            font-size: 48px;
            font-weight: 600;
            color: #14141f;
        }

    .saas_price_item ul {
        margin-bottom: 40px;
    }

        .saas_price_item ul li {
            font-size: 18px;
            font-family: var(--saas-Inter);
            color: #344054;
            line-height: 30px;
            margin-bottom: 8px;
        }

            .saas_price_item ul li.opacity {
                opacity: 0.3;
            }

            .saas_price_item ul li i {
                font-size: 14px;
            }

            .saas_price_item ul li img {
                margin-right: 6px;
            }

    .saas_price_item .price_btn {
        display: block;
        text-align: center;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        font-family: var(--saas-Inter);
        color: #14141f;
        background: #e3e8f4;
        padding: 16px 20px;
        margin-top: 10px;
        transition: all 0.3s linear;
    }

        .saas_price_item .price_btn.black {
            background: #14141f;
            color: #fff;
        }

        .saas_price_item .price_btn:hover {
            background: var(--saas-blue);
            color: #fff;
        }

    .saas_price_item:hover {
        border-color: var(--saas-blue);
    }

        .saas_price_item:hover h2 {
            color: var(--saas-blue);
        }

.sec_border {
    position: relative;
    z-index: 1;
}

    .sec_border:before, .sec_border:after {
        content: "";
        width: 100%;
        height: 2px;
        background: rgb(67, 65, 71);
        background: linear-gradient(90deg, rgba(67, 65, 71, 0) 0%, rgba(102, 112, 133, 0.96) 50%, rgba(67, 65, 71, 0) 100%);
        position: absolute;
        left: 0;
    }

    .sec_border:before {
        top: 0;
    }

    .sec_border:after {
        bottom: 0;
    }

.price_tab .nav-item .nav-link {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    font-family: var(--saas-Inter);
    transition: all 0.2s;
}

    .price_tab .nav-item .nav-link.active {
        background: #fff;
        color: #344054;
    }

.price_content .saas_price_item {
    background: linear-gradient(178deg, rgba(3, 8, 3, 0.4) -4%, rgb(19, 21, 25) 23%);
    position: relative;
    z-index: 1;
    border: 0px;
    overflow: hidden;
    border-radius: 16px;
}

    .price_content .saas_price_item:before {
        content: "";
        left: 1px;
        right: 1px;
        top: 1px;
        bottom: 1px;
        position: absolute;
        background: rgb(67, 65, 71);
        background: linear-gradient(0deg, rgb(19, 21, 25) 100%, rgb(51, 53, 58) 90%);
        border-radius: 16px;
        z-index: -1;
        opacity: 0;
        transition: all 0.3s linear;
    }

    .price_content .saas_price_item .price_header {
        position: relative;
        padding-right: 50px;
    }

        .price_content .saas_price_item .price_header h3 {
            font-size: 16px;
            font-weight: 400;
            color: #fff;
            font-family: var(--saas-Inter);
        }

        .price_content .saas_price_item .price_header h2 {
            font-size: 24px;
            font-weight: 600;
            color: #fff;
            font-family: var(--saas-Inter);
            margin-bottom: 13px;
        }

        .price_content .saas_price_item .price_header .badge {
            font-size: 14px;
            font-weight: 500;
            padding: 5px 10px;
            border-radius: 45px;
            background: rgba(255, 255, 255, 0.12);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #fff;
            font-family: var(--saas-Inter);
            position: absolute;
            top: 0;
            right: 0;
        }

    .price_content .saas_price_item .price_middle {
        padding: 30px 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        margin-bottom: 32px;
    }

        .price_content .saas_price_item .price_middle h2 {
            font-size: 60px;
            font-weight: 500;
            font-family: var(--saas-Inter);
            color: #fff;
            line-height: 1;
            margin-bottom: 10px;
        }

            .price_content .saas_price_item .price_middle h2 small {
                font-size: 30px;
            }

        .price_content .saas_price_item .price_middle p {
            font-size: 16px;
            color: #fff;
            margin-bottom: 28px;
        }

    .price_content .saas_price_item .price_btn {
        padding: 11px 20px;
        background: rgba(255, 255, 255, 0.42);
        color: #fff;
    }

    .price_content .saas_price_item ul {
        margin-bottom: 10px;
    }

        .price_content .saas_price_item ul li {
            font-size: 16px;
            line-height: 25px;
            color: #fff;
            margin-bottom: 12px;
        }

            .price_content .saas_price_item ul li i {
                font-size: 14px;
                color: var(--saas-blue);
                margin-right: 10px;
            }

            .price_content .saas_price_item ul li img {
                vertical-align: middle;
                margin-right: 12px;
            }

            .price_content .saas_price_item ul li a {
                width: 13px;
                height: 13px;
                background: rgba(255, 255, 255, 0.42);
                border-radius: 50%;
                font-size: 9px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: #14141f;
                font-weight: 900;
                margin-left: 7px;
                top: -1px;
                position: relative;
            }

    .price_content .saas_price_item:hover {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(186, 147, 248, 0.5) 100%);
    }

        .price_content .saas_price_item:hover:before {
            background: rgb(67, 65, 71);
            background: linear-gradient(0deg, #372f48 100%, rgba(186, 147, 248, 0.05) 90%);
            opacity: 1;
        }

        .price_content .saas_price_item:hover .price_btn {
            background: #fff;
            color: var(--saas-blue);
        }

.fun_fact_area {
    background: linear-gradient(26deg, #0017e4 0%, #3793ff 100%);
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}

    .fun_fact_area:before {
        content: "";
        width: 100%;
        background: url(../../../assets/img/home-four/shap.png) no-repeat center center/cover;
        height: 100%;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
    }

    .fun_fact_area [class*=col-]:last-child .fact_item::before {
        display: none;
    }

.fact_item {
    text-align: center;
    position: relative;
}

    .fact_item:before {
        content: "";
        width: 4px;
        height: 100%;
        background: #fff;
        position: absolute;
        right: -20px;
    }

    .fact_item h3 {
        font-size: 48px;
        font-weight: 700;
        letter-spacing: -0.5px;
        color: #fff;
        font-family: var(--saas-Inter);
        margin-bottom: 20px;
    }

    .fact_item h5 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.2px;
        color: #fff;
    }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.blog_item {
    margin-bottom: 60px;
}

    .blog_item .blog_img {
        display: block;
        overflow: hidden;
    }

        .blog_item .blog_img img {
            transition: all 0.3s linear;
        }

    .blog_item .blog_content {
        padding-top: 35px;
    }

        .blog_item .blog_content .read_more_btn {
            margin-top: 10px;
        }

    .blog_item h2 {
        font-size: 44px;
        line-height: 52px;
        letter-spacing: -0.2px;
        margin-bottom: 22px;
        transition: color 0.2s linear;
    }

    .blog_item:hover .blog_img img {
        transform: scale(1.1);
    }

    .blog_item:hover h2 {
        color: var(--saas-blue);
    }

.read_more_btn {
    font-size: 16px;
    font-weight: 600;
    color: #1d2939;
    display: inline-block;
    position: relative;
    transition: color 0.3s linear;
}

    .read_more_btn:before, .read_more_btn:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #1d2939;
        transition: all 0.3s linear;
        left: 0;
        right: auto;
        bottom: 0;
    }

    .read_more_btn:after {
        width: 0;
        right: 0;
        left: auto;
        background: var(--saas-blue);
        transition: all 0.3s linear 0.1s;
    }

    .read_more_btn:hover {
        color: var(--saas-blue);
    }

        .read_more_btn:hover:after {
            width: 100%;
            right: auto;
            left: 0;
        }

        .read_more_btn:hover:before {
            width: 0;
            right: 0;
            left: auto;
        }

.blog_meta {
    margin-bottom: 10px;
}

    .blog_meta a {
        font-size: 16px;
        font-weight: 500;
        font-family: "Plus Jakarta Sans", sans-serif;
        color: var(--saas-gray);
        opacity: 0.8;
        position: relative;
    }

        .blog_meta a + a::before {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: var(--saas-gray);
            display: inline-block;
            vertical-align: middle;
            margin: 0px 6px 0px 2px;
        }

.blog_sidebar {
    padding-left: 50px;
}

.sidebar_widget .widget_title {
    font-size: 20px;
    font-weight: 700;
    font-family: "Plus Jakarta Sans", sans-serif;
    letter-spacing: -0.2px;
    margin-bottom: 25px;
}

.sidebar_widget .search-form {
    position: relative;
    z-index: 1;
}

    .sidebar_widget .search-form .form-control {
        font-size: 16px;
        border: 1px solid #e6e8f1;
        border-radius: 4px !important;
        padding-left: 20px;
        height: 52px;
        color: #808695;
        z-index: 0;
    }

        .sidebar_widget .search-form .form-control:focus {
            border-color: var(--saas-blue);
            box-shadow: none;
        }

    .sidebar_widget .search-form button {
        border: 0px;
        padding: 16px;
        background: transparent;
        position: absolute;
        color: var(--saas-blue);
        height: 100%;
        right: 0;
    }

.sidebar_widget .categories_list {
    margin-bottom: 0;
}

    .sidebar_widget .categories_list li a {
        font-size: 16px;
        color: #60687a;
        line-height: 28px;
        font-family: var(--saas-Inter);
        position: relative;
        transition: all 0.3s;
    }

        .sidebar_widget .categories_list li a:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #1d2939;
            position: absolute;
            left: 0;
            bottom: 0;
            transform: scaleX(0);
            transition: all 0.3s;
            transform-origin: left bottom;
        }

        .sidebar_widget .categories_list li a span {
            color: #1d2939;
            font-weight: 600;
            margin-left: 4px;
            display: inline-block;
        }

        .sidebar_widget .categories_list li a:hover {
            color: #1d2939;
        }

            .sidebar_widget .categories_list li a:hover:before {
                transform: scaleX(1);
            }

    .sidebar_widget .categories_list li + li {
        margin-top: 6px;
    }

.sidebar_widget .recent_post_item .post_img {
    display: block;
    margin-right: 20px;
}

.sidebar_widget .recent_post_item h4 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 5px;
    transition: all 0.2s;
}

.sidebar_widget .recent_post_item span {
    color: var(--saas-gray);
    opacity: 0.8;
    font-size: 14px;
    font-weight: 500;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.sidebar_widget .recent_post_item + .recent_post_item {
    margin-top: 25px;
}

.sidebar_widget .recent_post_item:hover h4 {
    color: var(--saas-blue);
}

.sidebar_widget + .sidebar_widget {
    margin-top: 40px;
}

.tags_lists a {
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    background: #f2f6ff;
    color: #1d2939;
    font-family: Inter;
    /*font-family: "Inter", sans-serif;*/
    border-radius: 4px;
    padding: 8px 14px;
    margin: 4px 2px;
    transition: all 0.3s;
}

    .tags_lists a:hover {
        background: var(--saas-blue);
        color: #fff;
    }

.pagination {
    margin-top: 60px;
}

    .pagination .page-numbers {
        width: 52px;
        height: 52px;
        text-align: center;
        border: 1px solid #e6e8f1;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 52px;
        color: #1d2939;
        display: inline-block;
        margin-right: 8px;
        transition: all 0.3s linear;
    }

        .pagination .page-numbers:hover, .pagination .page-numbers.current {
            background: var(--saas-blue);
            border-color: var(--saas-blue);
            color: #fff;
        }

.blog_grid_item h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
}

.blog_single .blog_content {
    padding-top: 35px;
}

    .blog_single .blog_content p + p {
        /*margin-bottom: 30px;*/
    }

    .blog_single .blog_content .blockquote {
        background: #f8f9fc;
        border-radius: 4px;
        padding: 35px 25px 35px 85px;
        position: relative;
        z-index: 1;
    }

        .blog_single .blog_content .blockquote::before {
            content: "";
            width: 47px;
            height: 37px;
            position: absolute;
            background: url(../../../assets/img/blog-grid/quote.svg) no-repeat;
            top: 45px;
            left: 20px;
            z-index: -1;
        }

        .blog_single .blog_content .blockquote h6 {
            font-size: 20px;
            line-height: 32px;
            font-style: italic;
            font-weight: 600;
        }

    .blog_single .blog_content h4 {
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 40px;
    }

.blog_navbar {
    padding-top: 30px;
    border-top: 1px solid #e6e8f1;
    margin-top: 35px;
}

    .blog_navbar a {
        font-size: 16px;
        color: #001f6d;
        font-weight: 500;
        transition: all 0.3s;
    }

        .blog_navbar a i {
            font-size: 14px;
        }

        .blog_navbar a.post_prev i {
            margin-right: 10px;
        }

        .blog_navbar a.post_next i {
            margin-left: 10px;
        }

        .blog_navbar a:hover {
            color: var(--saas-blue);
        }

.blog_title {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 30px;
}

.comment_inner {
    margin-top: 60px;
}

.comment_box .post_comment {
    margin-top: 30px;
}

    .comment_box .post_comment .comment {
        display: flex;
        align-items: flex-start;
    }

        .comment_box .post_comment .comment .rounded-img {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            margin-right: 25px;
        }

        .comment_box .post_comment .comment .comment_text h6 {
            font-size: 20px;
            margin-bottom: 8px;
            color: #1d2939;
        }

        .comment_box .post_comment .comment .comment_text span {
            font-size: 15px;
            color: #344054;
            font-family: var(--saas-Inter);
            margin-bottom: 8px;
        }

        .comment_box .post_comment .comment .comment_text p {
            color: #344054;
            margin-bottom: 20px;
        }

        .comment_box .post_comment .comment .comment_text .comment_reply {
            font-size: 15px;
            font-weight: 500;
            color: #1d2939;
            transition: all 0.3s;
            float: right;
        }

            .comment_box .post_comment .comment .comment_text .comment_reply i {
                margin-right: 4px;
            }

            .comment_box .post_comment .comment .comment_text .comment_reply:hover {
                color: var(--saas-blue);
            }

    .comment_box .post_comment .reply_comment {
        margin-left: 100px;
    }

.blog_comment_box {
    margin-top: 65px;
}

.comment_form .form-group {
    margin-bottom: 20px;
}

    .comment_form .form-group .form-control {
        font-size: 16px;
        border: 1px solid #e6e8f1;
        border-radius: 8px;
        padding-left: 25px;
        color: #808695;
        height: 64px;
    }

        .comment_form .form-group .form-control:focus {
            border-color: var(--saas-blue);
            box-shadow: none;
        }

    .comment_form .form-group textarea.form-control {
        height: 220px;
        padding-top: 20px;
    }

.comment_form .comment-form-cookies-consent {
    color: #808695;
    font-size: 16px;
    margin-bottom: 30px;
}

    .comment_form .comment-form-cookies-consent input {
        display: none;
    }

        .comment_form .comment-form-cookies-consent input:checked + label:before {
            background: var(--saas-blue);
            border-color: var(--saas-blue);
        }

        .comment_form .comment-form-cookies-consent input:checked + label:after {
            display: block;
        }

    .comment_form .comment-form-cookies-consent label {
        position: relative;
        padding-left: 25px;
    }

        .comment_form .comment-form-cookies-consent label:before {
            content: "";
            width: 15px;
            height: 15px;
            border: 1px solid #001f6d;
            position: absolute;
            left: 0;
            top: 8px;
        }

        .comment_form .comment-form-cookies-consent label:after {
            content: "";
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            position: absolute;
            left: 5px;
            top: 9px;
            transform: rotate(45deg);
            display: none;
        }

.comment_form .saas_btn {
    border: 0px;
    padding: 15px 35px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.saas_content {
    padding-left: 0;
    padding-right: 100px;
}

    .saas_content p {
        margin-bottom: 30px;
    }

.contact_info_item {
    display: flex;
    max-width: 300px;
    margin-top: 20px;
}

    .contact_info_item .icon {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: var(--saas-blue);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 18px;
    }

    .contact_info_item .contect_text {
        flex: 1;
    }

        .contact_info_item .contect_text p {
            font-size: 18px;
            color: #344054;
            font-weight: 500;
            margin-bottom: 0;
        }

            .contact_info_item .contect_text p a {
                color: #344054;
                transition: all 0.3s linear;
            }

                .contact_info_item .contect_text p a:hover {
                    color: var(--saas-blue);
                }

.contact_form {
    background: #EEF2FF;
    border-radius: 20px;
    padding: 50px;
}

    .contact_form h3 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 25px;
    }

    .contact_form .form-group {
        margin-bottom: 20px;
    }

        .contact_form .form-group .form-control {
            height: 72px;
            border-radius: 8px;
            padding-left: 25px;
            border: 1px solid #fff;
            background: #fff;
            color: #747373;
        }

            .contact_form .form-group .form-control::placeholder {
                color: #747373;
            }

            .contact_form .form-group .form-control:focus {
                outline: none;
                box-shadow: none;
                border-color: var(--saas-blue);
                box-shadow: none;
            }

        .contact_form .form-group textarea.form-control {
            height: 220px;
            padding-top: 20px;
        }

        .contact_form .form-group .select {
            width: 100%;
            padding-left: 25px;
            height: 72px;
            border: 1px solid #fff;
            line-height: 72px;
            font-size: 18px;
        }

            .contact_form .form-group .select .current {
                font-weight: 500;
                color: #0f0e0e;
            }

            .contact_form .form-group .select:focus {
                outline: none;
                box-shadow: none;
                border-color: var(--saas-blue);
                box-shadow: none;
            }

        .contact_form .form-group .saas_btn {
            border: 0px;
            padding: 16px 30px;
        }

.location_area {
    padding-bottom: 90px;
}

.location_item {
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 6px 60px 0px rgba(24, 44, 76, 0.03);
    padding: 48px;
    border-radius: 20px;
    margin-bottom: 30px;
}

    .location_item h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .location_item p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        color: #344054;
    }

    .location_item .email,
    .location_item .phone {
        display: block;
        font-size: 18px;
        font-weight: 600;
        color: #344054;
        transition: all 0.2s;
        line-height: 32px;
    }

        .location_item .email:hover,
        .location_item .phone:hover {
            color: var(--saas-blue);
        }

    .location_item .email {
        text-decoration: underline;
    }

    .location_item .phone {
        font-weight: 400;
    }

    .location_item .read_more_btn {
        margin-top: 30px;
    }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.footer_area {
    padding-top: 120px;
}

.f_widget .f_title {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--saas-Inter);
    margin-bottom: 25px;
}

    .f_widget .f_title.f_title_dark {
        color: #1d2939;
    }

.f_widget.f_about_widget {
    padding-right: 80px;
}

    .f_widget.f_about_widget .f_logo {
        margin-bottom: 30px;
        display: inline-block;
    }

    .f_widget.f_about_widget p {
        font-size: 16px;
        line-height: 26px;
        color: #a1a1aa;
    }

    .f_widget.f_about_widget .f_social_icon {
        margin-top: 30px;
    }

        .f_widget.f_about_widget .f_social_icon li {
            margin-right: 5px;
        }

            .f_widget.f_about_widget .f_social_icon li a {
                color: rgba(255, 255, 255, 0.6);
                width: 28px;
                height: 28px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.2s linear;
                font-size: 13px;
                background: #27272a;
            }

                .f_widget.f_about_widget .f_social_icon li a:hover {
                    background: var(--saas-blue);
                    color: #fff;
                }

.f_widget .link_widget li {
    margin-bottom: 15px;
}

    .f_widget .link_widget li a {
        color: rgba(255, 255, 255, 0.6);
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        font-family: var(--saas-Inter);
        transition: all 0.2s linear;
    }

        .f_widget .link_widget li a:hover {
            color: var(--saas-blue);
        }

.f_widget .link_widget.dark_link li a {
    color: #1d2939;
}

    .f_widget .link_widget.dark_link li a:hover {
        color: var(--saas-blue);
    }

.newsletter_form {
    position: relative;
}

    .newsletter_form .form-control {
        font-size: 16px;
        font-weight: 400;
        border: 1px solid rgba(14, 21, 32, 0.25);
        background: #fff;
        border-radius: 45px;
        padding: 10px 25px;
        font-family: var(--saas-Inter);
        height: 56px;
    }

        .newsletter_form .form-control:focus {
            border-color: var(--saas-blue);
            box-shadow: none;
            outline: none;
        }

    .newsletter_form .theme_btn {
        font-size: 16px;
        font-weight: 600;
        border-radius: 45px;
        padding: 10px 25px;
        background: var(--saas-blue);
        font-family: var(--saas-Inter);
        border: 0px;
        color: #fff;
        transition: all 0.2s linear;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

        .newsletter_form .theme_btn:hover {
            background: var(--saas-gray-dark);
            color: #fff;
        }

    .newsletter_form.newsletter_form_two .form-control {
        background: #f8f9fc;
        border-radius: 5px;
    }

    .newsletter_form.newsletter_form_two .theme_btn {
        background: var(--saas-blue);
        position: relative;
        border-radius: 5px;
        padding: 15px 38px;
        margin-top: 12px;
    }

        .newsletter_form.newsletter_form_two .theme_btn:hover {
            background: #fff;
            color: #111;
        }

.footer_bottom {
    border-top: 1px solid rgba(14, 21, 32, 0.1);
    padding: 28px 0px 20px;
    /*margin-top: 90px;*/
}

    .footer_bottom p {
        font-size: 16px;
        line-height: 28px;
        color: #0e1520;
    }

.f_social_icon li {
    display: inline-block;
}

    .f_social_icon li:not(:last-child) {
        margin-right: 15px;
    }

    .f_social_icon li a {
        font-size: 16px;
        color: #0e1520;
        transition: all 0.2s linear;
    }

        .f_social_icon li a:hover {
            color: var(--saas-blue);
        }

.footer_area_two {
    padding-top: 260px;
    overflow: hidden;
}

    .footer_area_two .f_widget .f_title {
        letter-spacing: 3px;
        font-size: 13px;
    }

    .footer_area_two .footer_bottom {
        border-top-color: #3f3f46;
    }

        .footer_area_two .footer_bottom p {
            color: rgba(255, 255, 255, 0.6);
        }

.footer_shap {
    position: relative;
    z-index: 0;
}

    .footer_shap:before {
        content: "";
        width: 1650px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../../../assets/img/home-three/f_shap.png) no-repeat left bottom/cover;
        z-index: -1;
    }

.footer_area_three {
    padding-top: 110px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .footer_area_three .f_widget.f_about_widget p,
    .footer_area_three .footer_bottom p {
        color: #fff;
    }

    .footer_area_three .f_widget .link_widget li a {
        color: #fff;
    }

        .footer_area_three .f_widget .link_widget li a:hover {
            color: var(--saas-blue);
        }

/*---------------------------------------------------- */ /*# sourceMappingURL=style.css.map */

@media (max-width: 1600px) {
  .saas_banner_img {
    right: 0;
  }
  .saas_banner_img img {
    max-width: 100%;
  }
  .saas_banner_img .video_popup {
    top: 50%;
    left: 50%;
  }
}
@media (max-width: 1480px) {
  .promo_dash_img {
    padding: 40px 40px 0px;
  }
  .saas_banner_img img,
  .saas_features_img img,
  .tab_img,
  .promo_tab_image img,
  .accordion_img,
  .about_img,
  .blog_item .blog_img img,
  .blog_single img,
  .portfolio_single_inner img {
    max-width: 100%;
  }
  .saas_about_content {
    padding-left: 20px;
  }
  .saas_banner_content {
    padding-right: 0px;
  }
  .saas_banner_img .dash_one {
    width: 210px;
    left: 0;
  }
  .saas_banner_img .dash_two {
    width: 220px;
    left: -6px;
  }
  .saas_features_img {
    min-height: 400px;
    height: auto;
  }
  .saas_features_content,
  .section_title.pe-5,
  .section_title_two.pe-5 {
    padding-right: 0px !important;
  }
  .saas_features_item.three .saas_features_img .img_small {
    max-width: 75%;
  }
  .service_tab_button {
    padding-left: 0;
    padding-right: 0;
  }
  .service_tab_content {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .service_tab_item {
    padding-left: 0px;
  }
  .service_tab_item + .service_tab_item {
    margin-top: 30px;
  }
  .promo_tab_image {
    margin-right: 0;
  }
  .features_tab_inner .nav .nav-item .nav-link {
    padding: 12px;
    font-size: 15px;
    margin-right: 5px;
  }
  .service_item {
    padding: 30px;
  }
  .banner_img_three .one {
    left: -10px;
  }
  .banner_img_three .two {
    left: -20px;
  }
  .accordion_r_img,
  .about_mission_area img,
  .team_img img {
    max-width: 100%;
  }
  .process_inner .process_item {
    padding: 0px;
  }
  .saas_features_area_three .feature_item_inner {
    padding: 40px;
  }
  .app_banner_content h2 {
    font-size: 70px;
    line-height: 85px;
  }
  .app_features_item .app_features_content,
  .app_features_item.two .app_features_content {
    padding-left: 0px;
    padding-right: 0;
  }
  .app_banner_img .app_img {
    margin-left: 0px;
  }
  .app_promo_area {
    overflow: hidden;
  }
  .app_promo_content h2 {
    font-size: 70px;
  }
  .fact_inner {
    padding-left: 0;
    padding-right: 0;
    grid-gap: 10px;
  }
  .fact_inner .skill_fact_item p {
    line-height: 27px;
  }
  .portfolio_item .portfolio_img .hover_content {
    padding: 20px;
  }
  .portfolio_item .portfolio_img .hover_content h3 {
    margin-bottom: 0;
  }
  .saas_content {
    padding-left: 0;
    padding-right: 0;
  }
  .contact_form {
    padding: 40px 30px 30px;
  }
  .saas_banner_content h1 {
    font-size: 60px;
    line-height: 75px;
  }
  .saas_client_logo_area {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service_tab_content .tab_item_content {
    padding-left: 0;
  }
  .service_tab_content .accordion-item .flex-row-reverse .tab_item_content {
    padding-right: 0;
  }
  .promo_content_bg {
    padding-left: 100px;
    padding-right: 100px;
  }
  .saas_banner_content_two .banner_img img {
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .promo_tab_box {
    padding-left: 0;
  }
  .saas_features_item.two .saas_features_content {
    padding-left: 0;
  }
  .saas_banner_img {
    right: 0;
  }
  .location_item {
    padding: 20px 20px 30px;
  }
  .location_item p {
    font-size: 18px;
  }
  .blog_sidebar {
    padding-left: 0px;
  }
  .sidebar_widget .recent_post_item .post_img {
    margin-right: 12px;
  }
  .saas_feature_content_two.pe-5,
  .saas_feature_content_two.ps-5 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .saas_features_area_three .feature_item_inner {
    padding: 40px 20px;
  }
  .saas_features_img_two img,
  .app_promo_area img {
    max-width: 100%;
  }
  .saas_banner_content h1 {
    font-size: 60px;
    line-height: 72px;
  }
  .sass_banner_content h2 {
    font-size: 70px;
    line-height: 80px;
  }
  .saas_features_content.ps-5,
  .accordion.faq_inner.ps-4 {
    padding-left: 0 !important;
  }
  .saas_features_item.two .saas_features_img .img_small {
    left: 5%;
  }
  .saas_banner_area {
    padding: 150px 0px 100px;
  }
  .saas_features_item + .saas_features_item {
    margin-top: 100px;
  }
  .features_tab_inner .nav .nav-item {
    width: calc(100% / 4);
  }
  .features_tab_inner .nav {
    justify-content: center;
  }
  .features_tab_inner .saas_features_img {
    padding: 10px;
  }
  .service_item p {
    font-size: 16px;
    line-height: 26px;
  }
  .service_item {
    padding: 20px;
  }
  .service_item h4 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .testimonial_slider_one .item {
    padding: 30px;
  }
  .f_widget.f_about_widget {
    padding-right: 0;
  }
  .footer_area_two .f_widget .f_title {
    letter-spacing: 1.2px;
  }
  .banner_img_three img {
    max-width: 100%;
  }
  .saas_accordion_item {
    padding-right: 0;
  }
  .saas_price_item {
    padding: 30px 15px 25px;
  }
  .app_promo_content h2 {
    font-size: 58px;
    line-height: 70px;
    margin-bottom: 15px;
  }
  .app_promo_content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
  }
  .fact_item h3 {
    font-size: 38px;
    margin-bottom: 12px;
  }
  .fact_item h5 {
    font-size: 18px;
  }
  .app_banner_content h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 14px;
  }
  .app_features_item .app_features_content h2 {
    font-size: 52px;
    line-height: 70px;
  }
  .app_features_item .app_features_content .features_item_list {
    padding-right: 0;
  }
  .app_features_item:not(:last-child) {
    margin-bottom: 80px;
  }
  .app_features_area {
    padding: 110px 0px;
  }
  .team_item .team_img img {
    width: 100%;
  }
  .service_item .icon {
    margin-bottom: 25px;
  }
  .portfolio_item .portfolio_img .hover_content h3 {
    line-height: 32px;
  }
  .promo_item {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .features_tab_inner .saas_features_img {
    justify-content: start;
  }
  .saas_features_content .saas_btn {
    margin-top: 0px;
  }
  .service_tab_content .accordion-item .text-end {
    text-align: left !important;
  }
  .service_tab_content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .saas_breadcrumb_area {
    padding: 80px 0px 0px;
  }
  .saas_banner_area .saas_banner_img {
    max-width: 600px;
    margin: 30px auto 0px;
  }
  .saas_banner_area {
    padding: 100px 0px 80px;
  }
  .saas_banner_content h1 {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 15px;
  }
  .saas_banner_content {
    text-align: center;
  }
  .saas_banner_area .subcribes_fetures_list {
    display: flex;
    column-gap: 20px;
    justify-content: center;
  }
  .saas_banner_area .subcribes {
    margin-bottom: 10px;
  }
  .saas_client_logo_area,
  .footer_area {
    padding-top: 75px;
  }
  .min_client_area {
    padding-bottom: 20px;
    margin-top: 10px;
  }
  .saas_features_area {
    padding: 80px 0px;
  }
  .saas_features_content {
    margin-top: 70px;
  }
  .saas_features_item .saas_features_img .img_small {
    bottom: 0;
  }
  .saas_features_item + .saas_features_item {
    margin-top: 60px;
  }
  .saas_features_item.three .saas_features_img .img_small {
    bottom: -30px;
  }
  .saas_features_content h2,
  .section_title h2,
  .section_title_two h2,
  .promo_area_dark .promo_content h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .saas_features_content p {
    font-size: 18px;
    line-height: 30px;
  }
  .sec_padding,
  .portfolio_single_area {
    padding: 25px 0px;
  }
  .service_tab_button {
    font-size: 15px;
    line-height: 1.4;
  }
  .section_title,
  .service_tab_content .tab_img {
    margin-bottom: 40px;
  }
  .service_tab_content {
    padding-left: 0;
    padding-right: 0;
  }
  .f_widget {
    margin-bottom: 40px;
  }
  .footer_bottom {
    padding: 22px 0px 15px;
    /*margin-top: 40px;*/
  }
  .saas_banner_content_two h2,
  .saas_banner_area_four .saas_banner_content_two h2 {
    font-size: 60px;
    line-height: 70px;
  }
  .promo_tab_image {
    display: inline-block;
    margin-bottom: 35px;
  }
  .features_area_two .saas_features_content {
    margin-top: 25px;
  }
  .features_tab_inner .nav .nav-item {
    width: calc(100% / 3);
  }
  .min_client_area .item {
    width: calc(100% / 4);
  }
  .min_client_area {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .features_tab_inner .saas_features_img {
    padding: 15px 0px 0px;
  }
  .saas_banner_area_two {
    padding-top: 120px;
  }
  .saas_banner_content_two .banner_img,
  .saas_accordion_item_two {
    margin-top: 50px;
  }
  .service_category_area .shap {
    width: 100%;
  }
  .features_tab_inner .saas_features_content .saas_list {
    margin-bottom: 30px;
  }
  .footer_area_two {
    padding-top: 230px;
  }
  .banner_img_three {
    max-width: 600px;
    margin: 30px auto 0px;
  }
  .saas_banner_area_three .sass_banner_content {
    text-align: center;
  }
  .saas_banner_area_three .banner_subscribe,
  .sass_banner_content .ratting_icon {
    justify-content: center;
  }
  .sass_banner_content h2 {
    font-size: 62px;
    line-height: 72px;
  }
  .sass_banner_content .ratting_icon,
  .accordion_r_img {
    margin-top: 20px;
  }
  .sass_banner_content .credit_text {
    margin-top: 10px;
  }
  .promo_area_two {
    padding-top: 50px;
  }
  .promo_dash_img {
    padding: 30px 30px 0px;
    margin-top: 30px;
  }
  .process_inner .process_item .icon {
    width: 84px;
    height: 84px;
  }
  .process_inner .process_item .icon img {
    width: 50px;
  }
  .process_inner .process_item h5 {
    font-size: 21px;
    line-height: 28px;
  }
  .process_inner:before {
    top: -6px;
  }
  .saas_price_item {
    margin-bottom: 30px;
  }
  .price_note,
  .ratting_site_icon {
    margin-top: 0;
    margin-bottom: 0;
  }
  .footer_area_three {
    padding-top: 80px;
  }
  .newsletter_form {
    margin-top: 10px;
  }
  .saas_banner_area_four {
    padding-top: 140px;
  }
  .saas_feature_content_two,
  .feature_item_inner + .feature_item_inner {
    margin-top: 30px;
  }
  .features_list {
    margin-bottom: 26px;
  }
  .feature_item_inner.two .saas_features_img_two .img_two {
    top: -20px;
  }
  .testimonial_slider_one {
    margin-right: -400px;
  }
  .promo_area_dark .promo_content h2 {
    margin-bottom: 10px;
  }
  .promo_area_dark .promo_content p {
    line-height: 26px;
  }
  .saas_banner_area_five {
    padding-top: 140px;
  }
  .app_features_item .app_features_content,
  .mission_content {
    margin-top: 30px;
  }
  .app_features_item .app_features_content h2 {
    margin-bottom: 30px;
  }
  .app_features_item:not(:last-child) {
    margin-bottom: 40px;
  }
  .section_title_four h2 br,
  .fun_fact_area [class*="col-"]:nth-child(2) .fact_item:before {
    display: none;
  }
  .fact_item {
    margin-bottom: 28px;
  }
  .saas_about_content {
    padding-left: 0;
    margin-top: 60px;
  }
  .saas_about_content h2 {
    font-size: 38px;
    line-height: 45px;
  }
  .fact_inner {
    margin-top: 40px;
  }
  .fact_inner .skill_fact_item {
    display: block;
  }
  .blog_sidebar {
    padding-left: 0px;
    max-width: 380px;
    margin-top: 50px;
  }
  .blog_item {
    margin-bottom: 40px;
  }
  .single_portfolio_content {
    padding: 45px 0px;
  }
  .related_portfolio_area {
    padding-bottom: 40px;
  }
  .contact_form {
    margin-top: 40px;
  }
  .saas_content {
    margin-top: 0;
  }
  .location_area {
    padding-bottom: 80px;
  }
  .promo_content_bg {
    padding: 80px 20px;
  }
  .subscribe_inner {
    padding: 40px;
  }
  .fun_fact_area {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .app_promo_content {
    margin-bottom: 40px;
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .navbar .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .saas_features_content p {
    margin-bottom: 15px;
  }
  .features_tab_inner .saas_features_content .saas_list {
    margin-bottom: 0px;
  }
  .banner_subscribe .theme_btn {
    padding: 10px 15px;
  }
  .saas_banner_content_two .banner_img .line_shap {
    top: -21px;
    right: -12px;
    width: 38px;
  }
  .features_area_two .service_category_area {
    padding-top: 80px;
  }
  .testimonial_area_one .saas_accordion_area {
    margin-top: 60px;
  }
  .features_tab_inner:before {
    width: 31px;
    height: 31px;
    right: -20px;
    background-size: contain;
    top: -20px;
  }
  .service_tab_inner .nav-tabs {
    display: none;
  }
  .service_tab_content .accordion-header {
    display: block;
  }
  .service_tab_button {
    padding: 15px;
  }
  .service_tab_content .accordion-collapse {
    padding: 0px;
  }
  .service_tab_content .accordion-item {
    background: #fff;
    margin-bottom: 10px;
  }
  .service_tab_content .service_tab_button:focus {
    box-shadow: none;
    outline: none;
    background: transparent;
  }
  .service_tab_content .service_tab_button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
    color: #1d2939;
  }
  .service_tab_content .service_tab_button:not(.collapsed) svg path {
    stroke: #1d2939;
  }
  .service_tab_button svg {
    margin-right: 10px;
  }
  .service_tab_content {
    padding-top: 0;
    border: 0px;
    background: transparent;
  }
  .promo_content h2,
  .promo_area_three .promo_content h2 {
    font-size: 45px;
    line-height: 62px;
    margin-bottom: 12px;
  }
  .promo_area_three .promo_content h2 {
    line-height: 56px;
  }
  .footer_bottom {
    text-align: center;
    padding: 18px 0px 15px;
  }
  .f_social_icon.text-end {
    text-align: center !important;
    padding-top: 5px;
  }
  .saas_banner_content_two h2,
  .saas_banner_content_two h2,
  .saas_banner_area_four .saas_banner_content_two h2,
  .app_features_item .app_features_content h2,
  .section_title_four h2 {
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 15px;
  }
  .saas_banner_content_two p,
  .app_features_item .app_features_content .features_item_list h5 {
    line-height: 26px;
  }
  .promo_tab_image {
    padding: 15px;
  }
  .features_tab_inner .nav .nav-item {
    width: calc(100% / 2);
  }
  .subscribe_inner {
    padding: 30px 20px;
  }
  .section_title_two h2 {
    margin-bottom: 10px;
  }
  .section_title_two p {
    margin-bottom: 0;
  }
  .subscribe_inner .section_title_two,
  .app_features_item .app_features_content h2 {
    margin-bottom: 32px;
  }
  .testimonial_slider_one .item .client_info h6 {
    font-size: 14px;
  }
  .footer_area_two .f_widget .f_title {
    letter-spacing: 2px;
  }
  .f_widget .f_title {
    margin-bottom: 20px;
  }
  .service_tab_inner {
    padding-left: 0;
    padding-right: 0;
  }
  .saas_banner_area_three {
    padding-top: 140px;
  }
  .saas_accordion_item {
    padding-right: 0;
  }
  .ratting_site_icon {
    align-items: center;
    justify-content: center;
  }
  .section_title p br {
    display: none;
  }
  .feature_item_inner.two .saas_features_img_two .img_two {
    width: 220px;
    right: 20px;
  }
  .app_banner_content h2 {
    font-size: 55px;
    line-height: 65px;
  }
  .app_banner_content .theme_btn_two {
    margin-top: 10px;
  }
  .app_features_item .app_features_content .features_item_list h5 {
    font-size: 20px;
  }
  .app_features_item.two .app_features_content .features_list li {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .app_features_item.two .app_features_content .features_list {
    margin-bottom: 0;
  }
  .testimonial_slider_two .item {
    padding: 20px 15px;
  }
  .saas_accordion_item .accordion-body {
    font-size: 16px;
    line-height: 28px;
  }
  .fact_item:before,
  .saas_client_logo_area_two h2 br {
    display: none;
  }
  .fun_fact_area {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .app_promo_area {
    padding-top: 60px;
  }
  .saas_breadcrumb_text h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 8px;
  }
  .blog_item h2,
  .single_portfolio_content h2 {
    font-size: 38px;
    line-height: 46px;
  }
  .blog_single .blog_content h4 {
    margin-top: 25px;
  }
  .blog_single .blog_content {
    padding-top: 25px;
  }
  .blog_single .blog_content .blockquote h6,
  .portfolio_item .portfolio_img .hover_content h3 {
    font-size: 18px;
    line-height: 29px;
  }
  .blog_item.blog_grid_item h2 {
    font-size: 24px;
    line-height: 35px;
  }
  .single_portfolio_content .pr_info {
    margin-top: 40px;
    padding-top: 40px;
  }
  .single_portfolio_content .read_more_btn {
    margin-top: 0;
  }
  .single_portfolio_content .pr_info {
    gap: 10px;
  }
  .single_portfolio_content .pr_info h6 {
    font-size: 19px;
  }
  .single_portfolio_content .pr_info span {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .gallery_inner {
    margin-bottom: -25px;
  }
  .single_portfolio_content .item + .item {
    margin-top: 30px;
  }
  .single_portfolio_content h3 {
    font-size: 32px;
    line-height: 34px;
  }
  .single_portfolio_content h2 {
    margin-bottom: 18px;
  }
  .portfolio_single_area {
    padding-bottom: 20px;
  }
  .single_portfolio_content .pr_info {
    grid-template-columns: repeat(2, 1fr);
  }
  .body_wrapper {
    overflow: hidden;
  }
  .saas_features_img img {
    margin-right: -25px;
  }
  .saas_btn {
    font-size: 16px;
    padding: 11px 26px;
  }
  .saas_features_content .saas_btn {
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .banner_subscribe .form-control {
    width: 100%;
    margin-bottom: 15px;
  }
  .portfolio_filter .work_portfolio_item {
    margin: 3px 2px;
    font-size: 14px;
    padding: 2px 12px;
  }
  .portfolio_filter {
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
  .saas_accordion_item .accordion-header .accordion-button {
    font-size: 20px;
    line-height: 26px;
  }
  .banner_subscribe {
    display: block !important;
  }
  .banner_subscribe .btn_submit {
    margin-left: 0;
    margin-top: 10px;
  }
  .banner_img_three .two {
    left: 0;
  }
  .features_tab_inner .nav .nav-item {
    width: calc(100% / 1);
  }
  .promo_tab_box .nav .nav-item .nav-link {
    padding: 15px 10px;
  }
  .promo_tab_box .nav .nav-item .nav-link img {
    margin-right: 8px;
  }
  .saas_banner_content p,
  .section_title_two p,
  .saas_accordion_item .accordion-body,
  .saas_breadcrumb_text p,
  .blog_item p {
    font-size: 16px;
    line-height: 26px;
  }
  .saas_banner_area .saas_banner_img {
    max-width: 500px;
  }
  .saas_banner_img .dash_one {
    width: 105px;
  }
  .saas_banner_img .dash_two {
    width: 110px;
    left: 0px;
  }
  .faq_inner .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
    line-height: 26px;
  }
  .faq_inner .accordion-item {
    margin-bottom: 5px;
  }
  .min_client_area {
    justify-content: center;
    flex-wrap: wrap;
  }
  .min_client_area .item {
    width: calc(100% / 3);
    padding: 5px;
  }
  .saas_features_content h2,
  .section_title h2,
  .promo_content h2,
  .saas_features_content h2,
  .section_title h2,
  .section_title_two h2,
  .section_title_four h2,
  .saas_about_content h2,
  .blog_item h2,
  .single_breadcrumb h1 {
    font-size: 34px;
    line-height: 41px;
  }
  .section_title_two h2 {
    margin-bottom: 10px;
  }
  .saas_features_content p,
  p,
  .section_title p,
  .faq_inner .accordion-item .accordion-body,
  .features_tab_inner .saas_features_content p,
  .price_note,
  .saas_price_item ul li,
  .features_list li,
  .app_promo_content p,
  .app_features_item .app_features_content p,
  .app_features_item .app_features_content .features_item_list p,
  .fact_inner .skill_fact_item p,
  .mission_content .tab-content p {
    font-size: 16px;
    line-height: 28px;
  }
  .service_tab_item h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .saas_banner_content h1,
  .app_banner_content h2 {
    font-size: 45px;
    line-height: 55px;
  }
  .subcribes .form-control {
    font-size: 15px;
    padding-left: 20px;
    height: 65px;
  }
  .subcribes .btn_submit {
    font-size: 14px;
    padding: 13px 13px;
  }
  .saas_banner_area .subcribes_fetures_list {
    column-gap: 5px;
  }
  .saas_banner_content .subcribes_fetures_list li,
  .section_title_two h5 {
    font-size: 14px;
  }
  .saas_features_img {
    padding: 25px;
    min-height: 100%;
  }
  .saas_features_item .saas_features_img .img_small {
    max-width: 50%;
  }
  .saas_features_item.three .saas_features_img {
    min-height: 350px;
  }
  .service_tab_item + .service_tab_item {
    margin-top: 20px;
  }
  .service_tab_content .tab_img {
    margin-bottom: 22px;
  }
  .features_tab_inner .saas_features_content h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 6px;
  }
  .section_title_two h5 {
    margin-bottom: 6px;
  }
  .testimonial_slider_one .item {
    padding: 20px 15px;
  }
  .testimonial_slider_one .item p {
    line-height: 28px;
  }
  .subscribe_inner .note {
    font-size: 14px;
    margin-top: 12px;
  }
  .process_inner:before {
    display: none;
  }
  .process_inner {
    margin-top: 50px;
  }
  .process_inner .col-md-4 + .col-md-4,
  .custom_nav {
    margin-top: 30px;
  }
  .saas_price_item {
    padding: 30px 12px 25px;
  }
  .testimonial_slider_two .item {
    padding: 18px;
  }
  .input_group img {
    left: 20px;
  }
  .subcribes_two .form-control {
    padding-left: 49px;
  }
  .feature_item_inner .saas_feature_content_two h2,
  .app_features_item .app_features_content h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 8px;
  }
  .features_list li i,
  .app_features_item.two .app_features_content .features_list li i {
    width: 16px;
    height: 16px;
    font-size: 10px;
    margin-right: 6px;
    top: -1px;
  }
  .app_features_item .app_features_content h2 {
    margin-bottom: 30px;
  }
  .app_features_item .app_features_content .features_item_list,
  .app_features_item.two .app_features_content p {
    margin-bottom: 20px;
  }
  .section_title_four {
    margin-bottom: 50px;
  }
  .app_promo_content h2 {
    font-size: 40px;
    line-height: 54px;
  }
  .app_promo_content .playstore_btn {
    margin-right: 2px;
  }
  .app_promo_content .playstore_btn svg {
    width: 145px;
  }
  .app_promo_content h2 img {
    max-width: 55%;
  }
  .app_banner_img .app_img {
    width: 250px;
  }
  .app_banner_img .app_img img,
  .app_banner_img .app_shap_one,
  .app_banner_img .app_shap_two {
    max-width: 100%;
  }
  .app_banner_img .app_shap_one {
    left: 0;
    top: 0;
  }
  .app_banner_img .app_shap_two {
    right: 0;
  }
  .app_banner_img .app_img.two {
    bottom: -40px;
    right: 0;
  }
  .app_banner_img {
    max-width: 400px;
  }
  .app_features_item.two .app_features_content .features_list li {
    font-size: 15px;
    margin-bottom: 12px;
  }
  .fact_inner .skill_fact_item .number {
    font-size: 38px;
  }
  .mission_content .section_title {
    margin-bottom: 0px;
  }
  .fact_inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .promo_area_three .promo_content p {
    line-height: 28px;
    margin-bottom: 26px;
  }
  .promo_area_three .promo_content h2 {
    font-size: 35px;
    line-height: 45px;
  }
  .comment_box .post_comment .comment .rounded-img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  .comment_box .post_comment .reply_comment {
    margin-left: 5px;
  }
  .tags_lists {
    flex-wrap: wrap;
  }
  .blog_img img,
  .portfolio_item .portfolio_img img {
    width: 100%;
  }
  .blog_meta a {
    font-size: 15px;
  }
  .blog_item .blog_content {
    padding-top: 25px;
  }
  .single_portfolio_content {
    padding: 35px 0px 25px;
  }
  .location_item h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .location_item p,
  .location_item .email,
  .location_item .phone {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .location_item .text_link {
    margin-top: 10px;
  }
}

.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
    .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .iti--container:hover {
      cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../../../assets/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../../../assets/img/flags@2x.png");
    } }

.iti__flag.iti__np {
  background-color: transparent; }