html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body { margin:0; color:#333; font-size:13px; font-family:Open Sans, Arial; line-height:20px; -webkit-text-size-adjust:100%; background-color:#F3F4F5; }

*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }

a { color:#45457B; text-decoration:none;  }
a:hover { color:#E44059; text-decoration:none; }

input, textarea, select { float:left; font-size:13px; margin:0; font-family:Open Sans, Arial; border-radius:0; border:0; -webkit-appearance:none; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Open Sans, Arial; font-weight:700; font-size:14px; }

.input { width:100%; height:45px; padding:0 14px; border:1px solid #CCC; transition:ease 0.3s; background-color:#FFF; border-radius:6px; }
.input:focus { border-color:#61D9C0; }

.select { background:#FFF url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

textarea.input { padding-top:10px !important; padding-bottom:10px !important; line-height:20px !important; }

.button { float:none; height:45px; line-height:45px; display:inline-block; padding:0 35px; cursor:pointer; border:none; color:#FFF; background-image:linear-gradient(100deg,#E44059,#7C4370); border-radius:23px; }
.button:hover { background:#39375B; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); }

.checkbox { margin:3px 7px 0px 0px; }

.hizliresim { float:left; width:100%; padding-top:80px; position:relative; }
	.wrap { margin:0 auto; width:1200px; min-height:10px; position:relative; }

.tac { text-align:center; }
.tar { text-align:right; }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }

.w100 { float:left; width:100% !important; }
.w50 { float:left; width:50%; }
.mt30 { margin-top:30px; }
.mt15 { margin-top:15px; }

/*	Start TOP	*/

#header { position:fixed; top:0; left:0; right:0; height:80px; background-color:#39375B; z-index:999; }

	#logo { float:left; margin-top:28px; z-index:240; }
		#logo a { float:left; position:relative; }
		#logo a:hover { opacity:0.8; }
			#logo a img { float:left; height:22px; }

	.nav-icon { display:none; }

	#nav { float:left; position:relative; z-index:200; }
		#nav::before { content:""; float:left; width:2px; height:40px; margin:20px 0 0 40px; background-color:rgba(255, 255, 255, 0.1); }
			#nav li { position:relative; margin-left:40px; }
				#nav li > a { float:left; font-weight:600; font-size:14px; color:#FFF; line-height:80px; position:relative; transition:all 0.2s; }
				#nav li > a:hover { color:#E44059; }
					#nav li > a.active::after { content:""; position:absolute; left:0; top:0; width:30px; height:2px; background-color:#D7B164; }
					#nav li > a img { float:left; height:80px; padding:0 30px; margin:0 -30px; }
					#nav li > a i { display:none; }

				#nav > ul li span {
					display:none;
					position:absolute;
					top:70px;
					left:50%;
					width:280px;
					margin-left:-140px;
					padding:20px;
					background-color:#FFF;
					box-shadow:0 5px 30px rgba(0, 0, 0, 0.12);
					text-align:left;
					border-radius:6px;
					}
					#nav li span::before {
						content:"";
						border-bottom:3px solid transparent;
						border-left:8px solid transparent;
						border-right:8px solid transparent;
						height: 0;
						position: absolute;
						width:0;
						left:50%;
						top:-3px;
						margin-left:-8px;
						border-bottom-color:#FFF;
					}
					#nav > ul li span > a { float:left; width:100%; padding:10px 15px; position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
					#nav > ul li span > a:hover { font-weight:600; }
					#nav > ul li span > a:first-child { border-top:1px solid rgba(0, 0, 0, 0.05); }

	.header-search { float:right; width:300px; margin-top:20px; margin-right:20px; position:relative; }
		.header-search input { width:100%; height:40px; padding:0 40px 0 19px; border:1px solid rgba(255, 255, 255, 0.5); background-color:transparent; font-size:13px; color:#FFF; line-height:38px; border-radius:20px; transition:all 0.3s; }
		.header-search input:focus { border-color:#FFF; }
		.header-search button { position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/icon-search.png) no-repeat center / 16px; border-radius:0 20px 20px 0; border:none; text-indent:-9999px; }
		.header-search button:hover { background-size:18px; opacity:1; }

	.header-login-wrap { float:right; margin-top:20px; position:relative; }
		.header-avatar , .header-login { float:left; height:40px; cursor:pointer; color:#FFF; line-height:40px; position:relative; }
			a.header-login { color:#FFF; }
			.header-avatar::after , .header-login::after { content:""; float:left; width:40px; height:40px; margin-right:10px; position:relative; background:rgba(255, 255, 255, 0.1) url(../images/icon-user.png) no-repeat center / auto 16px; border-radius:50%; transition:all 0.2s; }
			.header-avatar:hover::after , .header-login:hover::after { background-color:#E44059; }
			.header-login::after { background-image:url(../images/icon-lock.png); }

		.header-menu { display:none; position:absolute; right:0; top:50px; width:280px; background-color:#FFF; box-shadow:0 5px 30px rgba(0, 0, 0, 0.12); z-index:100; color:#FFF; border-radius:6px; }
			.header-menu::before {
				content:"";
				border-bottom:4px solid transparent;
				border-left:10px solid transparent;
				border-right:10px solid transparent;
				height: 0;
				top:-4px;
				right:25px;
				position:absolute;
				width:0;
				border-bottom-color:#FFF;
			}

		.header-menu ul { width:100%; padding:20px; }
			.header-menu li { width:100%; border-top:1px solid rgba(0, 0, 0, 0.06); }
			.header-menu li:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.06); }
				.header-menu li a { float:left; width:100%; padding:10px 15px; border-radius:4px; transition:all 0.2s; position:relative; }
				.header-menu li a:hover { font-weight:600; background-color:#F7F7F7; }
				.header-menu li:last-child a { color:#F24134; font-weight:600; }

/*	Finish TOP	*/

/*	Start FOOTER	*/

.footer-wrap { float:left; width:100%; background-color:#FFF; position:relative; overflow:hidden; }

	.footer { float:left; width:100%; padding-top:60px; position:relative; }
		.footer a { color:#535F6C; }
		.footer a:hover { color:#151515; }

		.footer-about { float:left; width:35%; padding:13px 60px 20px 0; position:relative; z-index:4; box-shadow:inset -1px 0 0 #F0F0F0; }
			.footer-about > img { float:left; height:22px; }
			.footer-about section { float:left; width:100%; margin:25px 0; color:#999; }
				.footer-about section a { font-weight:600; }

		.footer-block-wrap { float:left; width:65%; padding-left:60px; }
			.footer-block { float:left; width:33.33334%; padding:0 20px 20px 20px; }

		.footer-title { float:left; width:100%; padding:19px 0 21px 0; font-size:15px; font-weight:600; color:#39375A; }

		.footer-links { float:left; width:100%; position:relative; z-index:4; }
			.footer-links ul { width:100%; }
				.footer-links li { width:100%; padding-bottom:10px; }
					.footer-links li a { float:left; width:100%; color:#666; }

		.footer-social { float:left; width:100%; margin-top:-5px; }
			.footer-social ul { margin-bottom:-10px; }
				.footer-social li { padding-right:20px; margin-bottom:10px; }
				.footer-social li:last-child { padding-right:0; }
					.footer-social li a { float:left; border:1px solid #999; border-radius:50%; transition:all 0.3s; }
					.footer-apps li a { border-radius:5px; }
					.footer-social li a:hover { border-color:#F24134; }
						.footer-social li a img { float:left; height:40px; margin:-1px; }

		.footer-sign-up { float:left; width:100%; padding:45px 0; margin-top:20px; position:relative; color:#999; z-index:5; box-shadow:inset 0 1px 0 #F0F0F0 , inset 0 -1px 0 #F0F0F0; }
			.footer-sign-up section { float:left; min-height:50px; padding-left:70px; background:url(../images/icon-star.png) no-repeat 0 0 / 50px; }
				.footer-sign-up section i { display:block; margin:5px 0 -2px 0; color:#999; }
				.footer-sign-up section strong { display:block; color:#39375A; font-size:20px; font-weight:600; letter-spacing:-0.4px; }
			.footer-sign-up a { float:right; padding:0 40px; font-size:16px; font-weight:600; color:#FFF; line-height:50px; background-image:linear-gradient(100deg,#E44059,#7C4370); border-radius:25px; }
			.footer-sign-up a:hover { background:#39375B; color:#FFF; }

		.copyright { float:left; width:100%; padding:50px 0; position:relative; color:#999; z-index:5; }

/*	Start HERO SEARCH	*/

.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }

.hero-search-wrap { float:left; width:100%; height:calc(100vh - 80px); position:relative; background-color:#FFF; text-align:center; }
	.hero-search-wrap::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/lines.png) no-repeat right bottom; }
	.hero-search-wrap strong { float:left; width:100%; font-size:32px; font-weight:700; line-height:35px; letter-spacing:-0.6px; position:relative; }
	.hero-search-wrap span { float:left; width:100%; padding:21px 0 34px 0; font-size:24px; line-height:30px; position:relative; }

	.hero-search { display:inline-block; width:100%; max-width:800px; padding-bottom:100px; position:relative; }

		.hero-search section { float:left; width:100%; position:relative; }

			.hero-search section input { width:100%; height:60px; padding:0 99px 0 29px; border:1px solid #CCC; background-color:#FFF; font-size:18px; line-height:58px; border-radius:30px; box-shadow:0 0 30px rgba(0, 0, 0, 0.08); transition:all 0.3s; }
			.hero-search section input:focus { border-color:#61D9C0; box-shadow:0 0 40px rgba(0, 0, 0, 0.15); }

			.hero-search section button { position:absolute; right:10px; top:10px; width:80px; height:40px; background:#E44059 url(../images/icon-search.png) no-repeat center / 16px; border-radius:20px; border:none; text-indent:-9999px; }
			.hero-search section button:hover { background-size:18px; opacity:1; }

/*	Start CONTENT	*/

.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }

.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-5 { margin:0 -5px; }
.inner-2 { margin:0 -2px; }

.block-spacer { box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.06); }

.hero-upload-wrap { float:left; width:100%; position:relative; padding-top:2px; background:#FFF url(../images/bg-upload.png) no-repeat right bottom / auto 70%; text-align:center; }

	.hero-upload-title { float:left; width:100%; margin:-12px 0 17px 0; font-size:24px; font-weight:30; line-height:25px; color:#E44059; letter-spacing:-0.5px; }

	.hero-upload { display:inline-block; width:100%; max-width:720px; padding:10px; position:relative; border:2px dashed #EEE; border-radius:15px; }

		.hero-tab { float:left; width:100%; padding:4px; border:1px solid #E3E6E8; border-radius:30px; text-align:center; font-weight:600; }
			.hero-tab ul { width:100%; }
				.hero-tab li { width:33.3%; }
					.hero-tab li a { float:left; width:100%; line-height:50px; border-radius:25px; transition:all 0.3s; }
					.hero-tab li a.tab-active { color:#FFF; background-color:#39375B; }
						.hero-tab li a section { display:inline-block; }
							.hero-tab li a img { float:left; height:50px; padding:15px 0; margin-right:7px; }
							.hero-tab li a.tab-active img { filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(180deg) brightness(1000%) contrast(100%); }

		.hero-upload-form { float:left; width:100%; margin-top:10px; }
			.hero-upload-form section { float:left; width:100%; margin-top:20px; }
				.hero-upload-form section .input { height:50px; line-height:50px; }
				.hero-upload-form section .button { width:50%; height:50px; padding:0; font-size:16px; line-height:50px; border-radius:25px; }

			.upload { float:left; width:100%; height:50px; position:relative; text-align:center; border-radius:2px; }
				.upload div { float:left; width:100%; height:100%; position:relative; border:1px dashed #A9A9C2; color:#39375B; font-size:15px; font-weight:600; line-height:47px; z-index:2; background-color:#F1F1F5; border-radius:7px; }
				.upload:hover div { background-color:#FFF; }
				.upload input { display:block !important; width:100% !important; height:100% !important; opacity: 0 !important; overflow: hidden !important; position:absolute; left:0; top:0; z-index:3; cursor:pointer; }

			.for-all { float:right; margin:15px 0; }
				.for-all label { float:left; font-weight:600; }

	.hero-upload-warning { float:left; width:100%; padding:40px 0; color:#E44059; font-weight:600; text-align:center; }
		.hero-upload-warning a { text-decoration:underline; }

.js-tab { display:none; }
.js-show { display:block; }

.page-title { float:left; width:100%; padding:87px 0 23px 0; position:relative; text-align:center; color:#39375B; font-size:36px; font-weight:300; line-height:40px; letter-spacing:-0.5px; }
.page-title-slim { padding-top:47px; }
.page-title-left { text-align:left; }
	.page-title strong { font-weight:600; }

.page-about { float:left; width:100%; padding:0 10%; margin:-3px 0 43px 0; font-size:15px; color:#151515; line-height:25px; position:relative; text-align:center; }
.page-about-left { padding:0 !important; text-align:left; }
	.page-about a { font-weight:600; }
	.page-about b , .page-about strong { font-weight:normal; font-weight:700; color:#151515; }

.sub-title { float:left; width:100%; margin:29px 0 16px 0; position:relative; }
	.sub-title::before { content:""; position:absolute; left:10px; top:50%; right:0; height:2px; background-color:rgba(0, 0, 0, 0.05); }
	.sub-title section { float:left; padding-right:15px; position:relative; background-color:#F3F4F5; font-size:17px; font-weight:600; }

.small-title { padding:15px 0 10px 0; font-weight:700; font-size:14px; }

.hizliresim-apps { float:left; width:100%; margin-bottom:20px; text-align:center; }
	.hizliresim-apps ul { width:100%; display:flex; flex-flow:row wrap; }
		.hizliresim-apps li { width:25%; padding:0 20px 40px 20px; transition:all 0.25s; }
		.hizliresim-apps li:hover { padding-bottom:20px; }
			.hizliresim-apps li section { float:left; width:100%; padding:20px; border-radius:6px; background-color:rgba(255, 255, 255, 0.6); transition:all 0.25s; }
			.hizliresim-apps li section:hover { background-color:#FFF; box-shadow:0 7px 30px rgba(0, 0, 0, 0.1); }
				.hizliresim-apps li section img { display:inline-block; height:80px; margin-top:10px; }
				.hizliresim-apps li section strong { float:left; width:100%; padding:24px 0 41px 0; position:relative; font-size:17px; font-weight:600; color:#45457B; }
					.hizliresim-apps li section strong::after { content:""; position:absolute; left:0; right:0; bottom:17px; height:4px; background:url(../images/wave.png) no-repeat center / 56px 4px; opacity:0.3; }
					.hizliresim-apps li section:hover strong::after { opacity:1; }
				.hizliresim-apps li section span { float:left; width:100%; padding:0 15px; }
				.hizliresim-apps li section i { float:left; width:100%; margin-top:25px; position:relative; transition:all 0.25s; }
				.hizliresim-apps li section:hover i { margin-top:35px; margin-bottom:10px; }
					.hizliresim-apps li section i a { display:inline-block; width:100px; height:40px; border:2px solid #EAEAF0; font-size:11px; font-weight:700; line-height:36px; border-radius:20px; transition:all 0.25s; }
					.hizliresim-apps li section:hover i a { border-color:#39375B; }

					.hizliresim-apps li section i::before , .hizliresim-apps li section i::after { content:""; position:absolute; top:50%; left:0; width:calc(50% - 65px); height:2px; background-color:rgba(0, 0, 0, 0.06); }
					.hizliresim-apps li section i::after { left:auto; right:0; }
					.hizliresim-apps li section:hover i::before , .hizliresim-apps li section:hover i::after { background-color:#39375B; }

.pricing-plan { float:left; width:100%; position:relative; }
	.pricing-plan ul { width:100%; position:relative; z-index:20; display:flex; flex-flow:row wrap; }
		.pricing-plan li { width:20%; padding:0 15px 30px 15px; position:relative; }

			.pricing-plan li section { float:left; width:100%; position:relative; border-radius:6px; background-color:#FFF; transition:all 0.25s; }
			.pricing-plan li section:hover { box-shadow:0 7px 30px rgba(0, 0, 0, 0.1); }
				.pricing-plan li section::before , .pricing-plan li section::after { content:""; height:3px; bottom:-5px; left:10px; right:10px; position:absolute; background-color:#000; border-radius:0 0 3px 3px; opacity:0.1; transition:all 0.25s; }
				.pricing-plan li section::after { bottom:-9px; left:20px; right:20px; opacity:0.05; }
				.pricing-plan li:hover section::before , .pricing-plan li:hover section::after { background-color:#E44059; opacity:1; }
				.pricing-plan li:hover section::after { opacity:0.5; }

			.pricing-plan li div { float:left; width:100%; padding:20px; font-weight:600; color:#FFF; line-height:30px; position:relative; text-align:center; overflow:hidden; border-radius:6px 6px 0 0; }
			.pricing-plan li div { background-color:#E44059; }
			.pricing-plan li:nth-child(4n+2) div { background-color:#BA3E59; }
			.pricing-plan li:nth-child(4n+3) div { background-color:#8D3B5A; }
			.pricing-plan li:nth-child(4n+4) div { background-color:#61395B; }
			.pricing-plan li:nth-child(4n+5) div { background-color:#45385B; }

				.pricing-plan li div::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/logo-icon.png) no-repeat right 20px bottom / auto 64%; opacity:0.1; }
				.pricing-plan li div::after { content:""; position:absolute; top:0; bottom:0; right:-20%; left:47%; background-image:linear-gradient(0deg,rgba(255, 255, 255, 0.0),#FFF); transform:skew(-30deg); opacity:0.1; }
				.pricing-plan li div img { position:absolute; bottom:0; left:0; width:100%; max-height:15px; }

				.pricing-plan li div span { display:block; margin:4px 0 10px 0; font-size:15px; position:relative; z-index:10; letter-spacing:-0.5px; }
				.pricing-plan li div strong { display:block; padding-bottom:1px; font-size:36px; line-height:40px; position:relative; z-index:10; font-family:Oswald; font-weight:400; text-transform:uppercase; }
				.pricing-plan li div i { display:block; margin-bottom:5px; font-size:14px; position:relative; z-index:10; }

			.pricing-plan li article { float:left; width:100%; padding:8px 20px 20px 20px; }
			.pricing-plan li:hover article { color:#151515; }
				.pricing-plan li article i { float:left; width:100%; padding:7px 0; border-top:1px solid #EEE; }
				.pricing-plan li article i:first-child { border-top:none; }

				.pricing-plan li article a { float:left; width:100%; height:40px; margin-top:15px; font-weight:700; font-size:14px; text-align:center; line-height:35px; border:2px solid #A9A9C2; border-radius:20px; transition:all 0.3s; }
				.pricing-plan li article a:hover { color:#FFF; border-color:#E44059; background-color:#E44059; }

.advantages { float:left; width:100%; position:relative; z-index:100; color:#666; overflow:hidden; text-align:center; }
	.advantages ul { width:100%; display:flex; flex-flow:row wrap; }
		.advantages li { padding:0 20px 40px 20px; position:relative; flex:1; flex-basis:25%; }
			.advantages li section { float:left; width:100%; padding:0 30px; }
				.advantages li img { height:80px; display:inline-block; position:relative; }
				.advantages li strong { float:left; width:100%; padding:23px 0 10px 0; font-size:20px; font-weight:600; color:#45457B; position:relative; }
				.advantages li span { float:left; width:100%; line-height:25px; color:#66707B; }

.show-all { float:left; width:100%; text-align:center; }
	.show-all a { display:inline-block; height:40px; padding:0 29px; border:1px solid rgba(255, 255, 255, 0.1); line-height:37px; color:rgba(255, 255, 255, 0.5); transition:all 0.3s; border-radius:20px; }
	.show-all a:hover { color:#FFF; border-color:#FFF; }

/*	Start MASONRY	*/

.item { float:left; width:20%; padding:0 15px 24px 15px; }
.photo-item { float:left; width:100%; transition:all 0.25s; }
	.photo-item a { float:left; width:100%; position:relative; }
		.photo-item a section { float:left; width:100%; position:relative; border-radius:4px; overflow:hidden; }
			.photo-item a section img { float:left; width:100%; box-shadow:0 5px 20px rgba(0, 0, 0, 0.07); transform-origin:center bottom; transition:all 0.25s; }
			.photo-item a:hover section img { transform:scale(1.1, 1.1); }
		.photo-item a span { float:left; width:100%; padding-top:6px; color:#999; font-size:11px; }

.archive { float:left; width:100%; padding-bottom:20px; position:relative; }
	.archive ul { width:100%; }
		.archive li { width:33.33334%; padding:0 15px; margin-bottom:40px; position:relative; }
			.archive li::after { content:""; height:2px; bottom:-12px; left:45px; right:45px; position: absolute; background-color:rgba(0, 0, 0, 0.05); }

			.archive li span { position:absolute; top:-5px; left:40px; padding:0 15px; background-color:#E44059; color:#FFF; font-size:11px; font-weight:600; line-height:25px; z-index:10; }
				.archive li span::before {
					content:"";
					border-bottom:5px solid transparent;
					border-left:5px solid transparent;
					border-right:0 solid transparent;
					height: 0;
					top:0;
					left:-5px;
					position:absolute;
					width:0;
					border-bottom-color:#9A1428;
				}

			.archive li a { float:left; width:100%; position:relative; color:#FFF; }
				.archive li a::before , .archive li a::after { content:""; height:2px; bottom:-4px; left:10px; right:10px; position: absolute; background-color:rgba(0, 0, 0, 0.15); transition:all 0.3s; }
				.archive li a::after { bottom:-8px; left:20px; right:20px; background-color:rgba(0, 0, 0, 0.1); }
				.archive li a:hover::before { background-color:#E44059; }

				.archive li a section { float:left; width:100%; overflow:hidden; }
					.archive li a i { float:left; width:100%; position:relative; transform-origin:center bottom; transition:all 0.25s; overflow:hidden; border-radius:4px; }
						.archive li a i img { float:left; width:100%; }
						.archive li a:hover i::after { background-color:#E44059; }
					.archive li a:hover i { transform:scale(1.07, 1.07); }
					.archive li a strong { position:absolute; left:0; right:0; bottom:0; padding:30px 20px 16px 25px; font-weight:600; font-size:17px; background-image:linear-gradient(180deg,rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.9)); z-index:10; border-radius:0 0 4px 4px; }

/*	Start PHOTO DETAIL	*/

.photo-detail-wrap3 {
    position: relative;
    float: inherit;
    width: 100%;
    margin-top: 5px;
}
.photo-detail { float:left; width:100%; }
	.photo-hero-wrap { float:left; width:100%; position:relative; background-color:#FFF; border-radius:6px; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); }

		.photo-hero { float:left; width:100%; background-image:linear-gradient(140deg,#7C4370,#39375B); text-align:center; border-radius:6px 6px 0 0; overflow:hidden; }
			.photo-hero img { max-width:100%; max-height:600px; }

		.photo-hero-bottom { float:left; width:100%; padding:15px; }

			.photo-hero-actions { float:right; }
				.photo-hero-actions li { padding-right:15px; }
				.photo-hero-actions li:last-child { padding-right:0; }
					.photo-hero-actions li a { float:left; border:1px solid rgba(0, 0, 0, 0.1); border-radius:50%; transition:all 0.2s; }
					.photo-hero-actions li a:hover { border-color:rgba(0, 0, 0, 0.33); }
						.photo-hero-actions li a img { float:left; height:40px; margin:-1px; }
					.photo-hero-actions li a.liked { background-color:#3ECE7E; }
					.photo-hero-actions li a.disliked { background-color:#EA0000; }
					.photo-hero-actions li a.faved { background-color:#E44059; }
						.photo-hero-actions li a.liked img , .photo-hero-actions li a.disliked img , .photo-hero-actions li a.faved img { filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(220deg) brightness(1000%) contrast(100%); }

			.photo-hero-info { float:left; padding:10px 0 0 10px; color:#7C79AE; }
				.photo-hero-info section { float:left; margin-right:20px; }
				.photo-hero-info section:last-child { margin-right:0; }
					.photo-hero-info section img { float:left; height:16px; margin:2px 7px 2px 0; }

		.show-code-content { float:left; width:100%; padding:20px; margin-top:20px; background-color:#FFF; border-radius:6px; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); display:none; }

		.photo-hero-owner { float:left; width:100%; padding-top:25px; }
			.photo-hero-owner a { float:left; margin:0 15px; font-weight:600; line-height:40px; }
			.photo-hero-owner section { float:left; padding-left:15px; margin-top:10px; border-left:2px solid rgba(0, 0, 0, 0.08); color:#858585; }

		.avatar { float:left; width:40px; height:40px; text-align:center; font-size:24px; font-weight:600; color:#FFF; line-height:40px; border-radius:50%; }
		.color-blue { background-color:#00B8D4 !important; }
		.color-grey { background-color:#AAA !important; }
		.color-red { background-color:#F00 !important; }
		.color-orange { background-color:#F90 !important; }
		.color-green { background-color:#3ECE7E !important; }
		.color-violet { background-color:#7C79AE !important; }

		.comments-wrap { float:left; width:100%; position:relative; }

			.comment-detail { float:left; width:100%; padding-left:60px; margin-bottom:30px; position:relative; }
			.comments-wrap .comment-detail:last-child { margin-bottom:0; }

				.comment-detail::before { content:""; position:absolute; top:55px; left:19px; bottom:0; width:2px; background-color:rgba(0, 0, 0, 0.06); }

				.comment-detail .avatar { margin-left:-60px; }

				.comment-name { float:left; width:100%; margin:6px 0 9px 0; color:#999; }
					.comment-name strong { display:block; font-weight:500; color:#151515; }

				.comment-rate { float:left; width:100%; margin-top:-6px; margin-bottom:13px; }

				.comment-box { float:left; width:100%; padding:10px 15px; border-radius:5px; background-color:#FFF; position:relative; }

				.comment-btn { float:left; width:100%; margin-top:15px; }
					.comment-btn a { float:left; padding:0 24px; border:1px solid rgba(0, 0, 0, 0.1); font-weight:500; line-height:38px; border-radius:20px; }
					.comment-btn a:hover { border-color:#8296A5; color:#8296A5; background-color:#FFF; }

			.comment-answer { padding-left:90px; }
				.comment-answer::before { left:50px; background-color:#E44059; }

		.photo-tags { float:left; width:100%; margin-bottom:-10px; }
			.photo-tags ul { width:100%; }
				.photo-tags li { margin:0 10px 10px 0; }
					.photo-tags li a { float:left; padding:0 19px; border:1px solid #7C79AE; color:#7C79AE; border-radius:6px; line-height:33px; transition:all 0.25s; }
					.photo-tags li a:hover { border-color:#E44059; color:#E44059; background-color:#FFF; }

.sidebar { float:right; width:300px; margin-right:-340px; }
	.adv-right { float:left; width:100%; margin-bottom:20px; text-align:center; }
		.adv-right img { display:inline-block; width:100%; max-width:300px; border-radius:4px; }
		.adv-336 img { max-width:336px; border-radius:4px; }

/*	Start MAKE CAPS	*/

.caps-wrap { float:left; width:100%; padding:30px 30px 0 30px; position:relative; background-color:#FFF; border-radius:6px; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); }
.upload-done-wrap { padding-bottom:30px; margin-bottom:20px; }

	.caps-hero { float:left; width:40%; position:relative; text-align:center; }
	.uploaded-hero { background-color:#F7F7F7; border-radius:4px; }
		.caps-hero img { float:left; width:100%; }
		.uploaded-hero img { float:none; width:auto; max-width:100%; max-height:480px; }

	.copy-hero-photo { position:absolute; top:10px; right:10px; padding:0 15px 0 35px; color:#FFF; font-weight:600; line-height:35px; background:#151515 url(../images/icon-copy.png) no-repeat 10px center / 15px; border-radius:3px; cursor:pointer; opacity:0; transition:all 0.2s; }
	.copy-hero-photo:hover { background-color:#000; }
	.uploaded-hero:hover .copy-hero-photo { opacity:1; }

	.caps-details { float:left; width:60%; padding-left:30px; }

		.caps-coloz { float:left; width:100%; position:relative; }
			.caps-coloz section { float:left; width:50%; padding:0 10px; margin-bottom:20px; position:relative; }
			.caps-coloz section:last-child { margin-bottom:0; }
			.caps-coloz section.choose-color { width:100%; padding-right:120px; }
			.caps-coloz section.show-url { width:100%; padding-right:70px; }
				.caps-coloz section i { float:left; width:100%; margin-bottom:5px; }
				.caps-coloz section .upload { height:45px; }
					.caps-coloz section .upload div { line-height:43px; }

		.pick-color { position:absolute; top:0; right:0; width:110px; }
			.pick-color ul { width:100%; }
				.pick-color li { width:45px; height:45px; padding:3px; margin:0 5px; border:1px solid #DDD; border-radius:6px; position:relative; overflow:hidden; }
				.pick-color li:hover { z-index:5; overflow:visible; }
					.pick-color li span { float:left; width:100%; height:100%; border-radius:3px; box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.1); cursor:pointer; }
					.pick-color li i { position:absolute; left:50%; top:-26px; width:140px; height:25px; padding:2px 0 3px 0; margin-left:-70px; color:#FFF; background-color:#39375B; text-align:center; font-size:11px; border-radius:3px; opacity:0; transition:all 0.15s; }
					.pick-color li:hover i { top:-30px; opacity:1; }
						.pick-color li i::before {
							content:"";
							border-top:3px solid transparent;
							border-left:7px solid transparent;
							border-right:7px solid transparent;
							height: 0;
							position: absolute;
							width:0;
							left:50%;
							bottom:-3px;
							margin-left:-7px;
							border-top-color:#39375B;
						}

		.caps-thumbs { float:left; width:100%; margin-bottom:20px; }
			.caps-thumbs li { width:12.5%; padding:0 5px 10px 5px; }
				.caps-thumbs li img { float:left; width:100%; border-radius:7px; cursor:pointer; }

		.upload-tag { float:left; width:100%; margin-bottom:10px; }

		.upload-tools { float:left; width:100%; }
			.upload-tools ul { width:100%; }
				.upload-tools li { width:100%; margin-bottom:10px; }
				.upload-tools li:last-child { margin-bottom:0; }
					.upload-tools li a { float:left; font-weight:600; color:#7C79AE; line-height:30px; }
					.upload-tools li a:hover { font-weight:700; color:#39375B; }
						.upload-tools li a img { float:left; height:30px; padding:5px 0; margin-right:15px; }

		.upload-url { position:absolute; right:10px; bottom:0; }
			.upload-url a { float:left; width:45px; height:45px; border:1px solid #EEE; border-radius:6px; background:url(../images/icon-link.png) no-repeat center / 16px; }
			.upload-url a:hover { border-color:#E44059; }

		.upload-share { margin-top:25px; }
			.upload-share section { float:left; width:100%; margin-bottom:10px; font-weight:600; color:#E44059; }

/*	Start ACCORDION	*/

.accordion { float:left; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.06); line-height:25px; }

	.accordion-section-title { float:left; width:100%; padding:15px 10px 15px 50px; border-top:1px solid rgba(0, 0, 0, 0.06); position:relative; font-size:15px; font-weight:600; color:#39375B; }
	.accordion-section-title:hover { color:#000; }

		.accordion-section-title::before , .accordion-section-title::after {
			content:"";
			position:absolute;
			top:50%;
			left:20px;
			width:12px;
			height:2px;
			margin-top:-1px;
			background-color:#CCC;
			transition:all 0.25s;
			}
		.accordion-section-title::after { left:20px; opacity:0; }

	.accordion-section-title.active { color:#E44059; }
		.accordion-section-title.active::before { background-color:#E44059; }
		.accordion-section-title.active::after {
			background-color:#E44059;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-o-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			transform:rotate(90deg);
			opacity:1;
		}

	.accordion-section-content { float:left; width:100%; padding:10px 10px 20px 50px; margin-top:-5px; font-size:14px; display:none; position:relative; }
		.accordion-section-content::before { content:""; position:absolute; top:10px; bottom:25px; left:25px; width:2px; background-color:rgba(0, 0, 0, 0.06); }
		.accordion-section-content strong , .accordion-section-content b { color:#151515; font-weight:600; }
		.accordion-section-content a { font-weight:600; }

.accordion-table { width:100%; margin:20px 0; text-align:center; }
	.accordion-table tr { border-bottom:1px solid rgba(0, 0, 0, 0.06); }
	.accordion-table tr:nth-child(odd) { background-color:rgba(255, 255, 255, 0.5); }
	.accordion-table tr:first-child { font-weight:600; color:#FFF; background-color:#A9A9C2; border-bottom:0; }
		.accordion-table tr td { padding:10px 5px; }

/*	Start CONTACT	*/

.page-login { width:100%; max-width:480px; margin:0 auto; position:relative; z-index:10; }

	.sign-form { float:left; width:100%; }

		.sign-form > section { float:left; width:100%; padding-bottom:20px; }
			.sign-form > section .button { width:100%; border-radius:23px; }
			.sign-form > section article { float:left; width:100%; margin-bottom:9px; font-size:14px; font-weight:600; color:#FF7F4C; }
				.sign-form > section article::before { content:""; float:left; width:12px; height:2px; margin-top:8px; margin-right:15px; background-color:#FF7F4C; }
			.sign-form > section label , .sign-form > section a { font-weight:600; }
			.sign-form > section label a { font-weight:600; text-decoration:underline; }

			.sign-spacer { float:left; width:100%; padding:10px 0; margin-top:-10px; text-align:center; position:relative; }
				.sign-spacer::before { content:""; position:absolute; top:50%; left:0; right:0; height:1px; background-color:#000; opacity:0.07; }
				.sign-spacer span { display:inline-block; padding:0 20px; background-color:#F3F4F5; position:relative; font-size:13px; font-weight:500; color:#999; }

			.sign-up { float:left; width:100%; padding:10px 0; text-align:center; position:relative; }
				.sign-up ul { width:100%; }
					.sign-up li { width:100%; padding-bottom:20px; }
					.sign-up li:last-child { padding-bottom:0; }
						.sign-up li a { float:left; width:100%; text-align:center; font-size:14px; font-weight:600; color:#FFF; line-height:45px; background-color:#39375B; border-radius:25px; position:relative; }
						.sign-up li a:hover { background-color:#E44059; }
							.sign-up li a img { position:absolute; top:0; right:0; height:45px; padding:14px; }

.page-static { float:left; width:100%; margin-top:30px; font-size:15px; line-height:25px; }

.contact-form { float:left; width:100%; }
	.contact-inner { margin:0 -15px; }

	.form-item { float:left; width:50%; padding:0 15px 20px 15px; position:relative; }
	.form-item:last-child { padding-bottom:0; }
		.form-item strong { font-weight:normal; font-weight:600; }
		.form-item label { float:left; width:100%; }

		.security-code img { float:left; width:120px; height:45px; margin-right:10px; padding:2px; border:1px solid #CCC; background-color:#FFF; border-radius:3px; }
		.security-code a.refresh { float:left; width:45px; height:45px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center; background-size:24px; border:1px solid #CCC; border-radius:3px; }
		.security-code a:hover.refresh { background-color:#EEE; }

.col-2 { width:48%; }

.simple-list { float:left; width:100%; }
	.simple-list ul { width:100%; }
		.simple-list li { width:100%; padding:0 0 19px 30px; position:relative; background:url(../images/icon-check.png) no-repeat 0 7px / 16px 10px; }
			.simple-list li strong { display:block; margin-bottom:6px; font-size:17px; font-weight:600; color:#39375B; }
			.simple-list li section { display:block; }

/*	Start PAGINATION	*/

.pages { float:left; width:100%; text-align:center; }
	.pages ul { float:none; display:inline-block; }
		.pages li { padding:0 5px; }
			.pages li a { float:left; min-width:40px; height:40px; padding:0 14px; border:1px solid rgba(255, 255, 255, 0.1); font-weight:500; line-height:37px; color:rgba(255, 255, 255, 0.5); transition:all 0.3s; border-radius:12px; }
			.pages li a:hover { color:#FFF; border-color:#FFF; }
			.pages li a.current { background-color:#E03057; color:#FFF; border-color:#FFF; }

/*	Finish PAGINATION */



@media only screen and (max-width:1280px) {

.wrap { width:980px; }
.header-search { width:240px; }

#nav::before { margin-left:25px; }
#nav li { margin-left:25px; }
	#nav li > a img { padding:0 25px; margin:0 -25px; }

.hero-upload-wrap { padding-top:2px; }
.hero-upload-title { margin-top:8px; }
.hero-upload { padding:28px; }
.hero-upload-form { margin-top:0; }
.hero-upload-warning { padding:20px 0; }

.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }

.advantages li section { padding:0; }

.masonry-wrap .inner-15 { margin:0 -10px; }
.item { width:25%; padding:0 10px 24px 10px; }

}


@media only screen and (max-width:1023px) {

.hizliresim { padding-top:0; }
.wrap { float:left; width:100%; padding:0 20px; }

#header { float:left; width:100%; height:auto; position:relative; }
	#logo { margin-top:18px; }
	.header-login-wrap { margin-top:10px; }
		.header-login-wrap::after { content:""; float:right; width:2px; height:20px; margin-top:10px; background-color:rgba(255, 255, 255, 0.1); }
		.header-avatar , .header-login { margin-right:15px; }
		.header-menu { right:15px; }
	.header-search { width:100%; margin:0 0 20px 0; }

.nav-icon { float:right; width:60px; height:60px; margin-right:-20px; position:relative; cursor:pointer; display:block; text-indent:-9999px; }
	.nav-icon span { position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background-color:#FFF; transition:all 0.5s; }
		.nav-icon span::before { content:""; position:absolute; top:-7px; left:0; right:3px; height:2px; background-color:#FFF; transition:all 0.5s; }
		.nav-icon span::after { content:""; position:absolute; bottom:-7px; left:0; right:6px; height:2px; background-color:#FFF; transition:all 0.5s; }

	.nav-icon-close span { background-color:transparent; }
		.nav-icon-close span::before {
			-webkit-transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-o-transform:rotate(-135deg);
			-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
			top:0;
			right:0;
			background-color:#E44059;
		}
		.nav-icon-close span::after {
			-webkit-transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-o-transform:rotate(135deg);
			-ms-transform:rotate(135deg);
			transform:rotate(135deg);
			bottom:0;
			right:0;
			background-color:#E44059;
		}

	.nav-icon-close::before {
		content:"";
		border-bottom:5px solid transparent;
		border-left:10px solid transparent;
		border-right:0 solid transparent;
		height:0;
		position:absolute;
		width:0;
		left:50%;
		bottom:0;
		margin-left:-10px;
		border-bottom-color:#292842;
	}

#nav { position:absolute; top:60px; left:15px; right:15px; background-color:#292842; border-radius:6px; display:none; }
	#nav::before { display:none; }
	#nav ul { width:100%; padding:20px; }
		#nav li { width:100%; margin-left:0; border-top:1px solid rgba(255, 255, 255, 0.05); }
			#nav li > a { width:100%; padding:0 10px; line-height:50px; }
				#nav li > a img { display:none; }
				#nav li > a i { display:block; }

			#nav > ul li span { float:left; width:100%; display:block; position:relative; top:auto; left:auto; margin-left:0; }
				#nav li span::before { left:30px; }

.hero-upload-wrap { background-image:none; }
.hero-upload { padding:18px; }

.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }

.page-title { padding:40px 0 20px 0; font-size:27px; font-weight:400; line-height:30px; }
.page-title-slim { padding-top:30px; }
.page-about { padding:0; margin:-8px 0 23px 0; }

.hizliresim-apps { margin-bottom:0; }
	.hizliresim-apps .inner-20 , .pricing-plan .inner-15 { margin:0 -10px; }
	.hizliresim-apps li { width:50%; padding:0 10px 20px 10px; }
		.hizliresim-apps li section span { padding:0; }

.pricing-plan li { width:33.33334%; padding-left:10px; padding-right:10px; }
.pricing-plan li:first-child , .pricing-plan li:nth-child(2) { width:50%; }

.footer { padding-top:20px; }
	.footer-title { padding-bottom:11px; }
	.footer-about { width:100%; padding-right:0; box-shadow:inset 0 -1px 0 #F0F0F0; }
		.footer-about section { margin:15px 0 20px 0; }
	.footer-block-wrap { width:100%; padding-left:0; }
	.footer-sign-up { padding:25px 0; margin-top:0; }
	.copyright { padding:30px 0; font-size:11px; }

.item { width:33.33334%; }
.archive li { width:50%; }
.col-2 { width:100%; }
.contact-form { margin-bottom:30px; }

.photo-detail-wrap3 { padding-right:0; margin-top:5px; }
.sidebar { width:100%; margin-right:0; }

.caps-wrap { padding:20px 20px 0 20px; }
.upload-done-wrap { padding-bottom:20px; }
	.caps-hero { width:100%; }
	.caps-details { width:100%; padding-left:0; margin-top:20px; }
		.caps-thumbs li { width:16.66667%; }

.copy-hero-photo { opacity:1; }

}





@media only screen and (max-width:767px) {

.pricing-plan li { width:50%; }
.pricing-plan li:first-child { width:100%; }
.caps-thumbs li { width:20%; }

}





@media only screen and (max-width:640px) {

.footer-block-wrap { padding-bottom:20px; }
	.footer-block { width:100%; padding-bottom:0; }

.item { width:50%; }

.accordion-section-title { padding:15px 0 15px 25px; }
	.accordion-section-title::before , .accordion-section-title::after { left:0; }
.accordion-section-content { padding:10px 0 20px 0; }
	.accordion-section-content::before { display:none; }
.accordion-table { font-size:11px; }

.photo-hero-actions { width:100%; }
.photo-hero-info { width:100%; padding-left:0; }

}



@media only screen and (max-width:540px) {

.header-avatar , .header-login { width:40px; height:40px; text-indent:-9999px; }
.header-menu { right:5px; }
	.header-menu::before { right:22px; }

.hero-upload { padding:0; border:0; }

.hero-tab li a { line-height:40px; font-size:12px; }
	.hero-tab li a img { height:40px; padding:10px 0; }

.hero-upload-form section { margin-top:15px; }
	.hero-upload-form section .input { height:40px; line-height:40px; }
	.hero-upload-form section .button { width:100%; }

.upload { height:40px; }
	.upload div { line-height:37px; font-size:13px; }

.for-all{ width:100%; padding-bottom:15px; margin-bottom:-5px; text-align:left; border-bottom:1px solid #F0F0F0; }

.pricing-plan li { width:100% !important; }

.advantages li , .hizliresim-apps li { flex-basis:100%; }
	.hizliresim-apps li section img { height:40px; margin:0 0 -10px 0; }
	.hizliresim-apps li section strong { padding-bottom:31px; }
		.hizliresim-apps li section strong::after { bottom:12px; }
	.hizliresim-apps li section i { margin-top:15px; }

.footer-sign-up section , .copyright div , .archive li { width:100%; }
.footer-sign-up a { width:100%; padding:0; margin-top:15px; text-align:center; }

}



@media only screen and (max-width:440px) {

.photo-hero-info section { margin-right:10px; font-size:11px; }
.caps-coloz section { width:100%; }
.caps-thumbs li { width:25%; }

.hero-tab li a span{ display: none;}
.hero-tab li a img{ width: 23px; height: auto}


}



@media only screen and (max-width:375px) {



}




/* iCheck plugin Minimal skin, pink
----------------------------------- */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
    display:inline-block;
    *display:inline;
    vertical-align:middle;
    margin:-3px 5px 0 0;
    padding:0;
    width:18px;
    height:18px;
    background:url(pink.png) no-repeat;
    border:none;
    cursor:pointer;
}

.icheckbox_minimal-pink {
    background-position: 0 0;
}
    .icheckbox_minimal-pink.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal-pink.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal-pink.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal-pink.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-pink {
    background-position: -100px 0;
}
    .iradio_minimal-pink.hover {
        background-position: -120px 0;
    }
    .iradio_minimal-pink.checked {
        background-position: -140px 0;
    }
    .iradio_minimal-pink.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal-pink.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_minimal-pink,
    .iradio_minimal-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}