@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600;700&display=swap');

@font-face {

font-family: 'Aleyna Regular';

font-style: normal;

font-weight: normal;

src: local('Aleyna Regular'), url('Aleyna.woff') format('woff');

}

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, 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,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

a { text-decoration: none;}



body {

	line-height: 1;
	overflow-x:hidden:
}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

p{ font-size: 16px; line-height: 22px; color:rgba(0,0,0,.7);}



body{background: #f7f7f8;font-family: 'Poppins', sans-serif; overflow-x:hidden:}



header { padding: 20px 0;}

.sb_nav { border-bottom:1px solid #d7d7d7 !important; position:relative;}

.sb_nav:before { position: absolute; background: url("../images/dots.jpg") no-repeat; ; content: ''; width:63px; height:30px; bottom: -10px; left: 0px; z-index: 10;}

.sb_nav .nav-link { padding:10px 30px !important;}



.banner { padding:180px 0 100px 0px;}

.logo{max-width: 140px;}

.banner-content h1 { color:#000; font-family: 'Josefin Sans', sans-serif; font-size:50px; position: relative; line-height: 60px; margin-bottom: 70px;}

.banner-content h1 span { color:#2b83d5;}

.banner-content h1 small { color:#ffbc63; font-family: 'Aleyna Regular'; font-size: 180px; position: absolute; right: 60px;}

.banner-content p { color:#000; line-height: 30px; padding-right: 95px;}



.shop { background:#eaeff4; padding: 60px 0; text-align: center; position: relative;z-index: 2;}

.shop:after {background: url("../images/box-2.png") no-repeat; content: ''; width: 202px; height: 508px; position: absolute; top: -40px; right: 50px; z-index:-1;}

.shop h2 { font-size: 28px; color: #000; text-align: center;font-family: 'Josefin Sans', sans-serif;}

.shop h2 strong { font-weight:700; text-transform: uppercase;}



.shop p { line-height: 30px !important;}

.shop p strong { font-weight: 600 ;}



.advertise_box { background: #e55454; color: #fff; border-radius: 10px; padding: 50px 80px; margin: 0 20px;}

.advertise_box h1 { font-size: 35px; color: #fff;font-family: 'Josefin Sans', sans-serif; margin: 10px 0 45px;}

.advertise_box p {color:#fff; font-size: 20px; line-height: 32px !important;} 

.advertise_box a{ background: #fff; border-radius:5px; color: #e55454; font-size: 16px; margin-top: 25px; padding: 10px 20px; display: inline-block;}

.publishers { background: #4fb0a8;}

.publishers a {color: #4fb0a8;}



.quality { padding: 50px 0 200px; position: relative; z-index: 2;}

.quality:after {background: url("../images/box-3.png") no-repeat; content: ''; width: 138px; height: 356px; position: absolute; top: -40px; left: -70px; z-index: 3;}

.quality_form { padding:0 50px;}

.quality_form h2 { font-size:16px; color: #2b83d5; font-weight: 700; text-transform: uppercase; letter-spacing: 15px; font-family: 'Josefin Sans', sans-serif; margin-bottom: 30px; position: relative;}

.quality_form h2:after { content: ''; width: 39px; height: 17px; background: url("../images/form-box.png"); position: absolute;}

.quality_form form input { border: 2px solid #ccc; border-radius: 10px; height: 55px; background: #f7f7f8;}

.quality_form form textarea {border: 2px solid #ccc; border-radius: 10px; background: #f7f7f8;}



.toggle_radio{ position: relative; background: #eaeff4; margin: 4px auto; overflow: hidden; padding: 0 !important;  border-radius: 10px; position: relative;  height: 60px;	border: 2px solid #ccc;}

.toggle_radio > * {  float: left;}

.toggle_radio input[type=radio]{  display: none; /*position: fixed;*/}

.toggle_radio label{font-size: 18px !important; color: #000; z-index: 0; display: block; width: 50%; height: 60px; line-height: 55px; border-radius: 10px; cursor: pointer; position:relative; z-index: 1; text-align: center;}

.toggle_option_slider{ background: red; width: 50%; height: 60px; position: absolute; border-radius: 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;}

#first_toggle:checked ~ .toggle_option_slider{background: #4fb0a8; left: 0px;}

#second_toggle:checked ~ .toggle_option_slider{background: #4fb0a8;left: 50%;}



.submit { height: 55px; border-radius: 10px; font-size: 18px !important; background: #e55454; border-color: #e55454; }

.submit:hover { background: #4fb0a8; border-color: #4fb0a8;}



.quality_point { position: relative; padding: 0 50px; position: relative;}

.quality_point:before { content: ''; min-width: 489px; min-height: 493px; position: absolute; background: url("../images/quality.png") no-repeat;bottom: -205px; right: -95px;}



.q_box { background: #eaeff4; border-radius: 10px; padding: 10px 100px 10px 40px; box-shadow: 0px 4px 0px #d7dee5; margin-top: 25px;}

.q_box  h2 { font-size: 20px; color: #000; font-weight: 600;}

.q_box p { font-size: 15px; color: #000; line-height: 20px; padding-top: 5px;}





footer {background:url("../images/f-box.png") no-repeat top center #e3eaf1; padding:50px 0 30px; position: relative; }

.f-b0x-2 {background:url("../images/f-box-2.png") no-repeat; content: ''; width: 310px; height: 50px; position: absolute; left:60%; bottom: 0;}

.footer_menu h5 { font-size:20px; font-weight:700; color: #000; margin-bottom: 20px; }

.footer_menu p, .footer_menu a{ font-size: 16px; color: #000;}

.footer_menu img { text-align: right;}

.cp { color: rgba(0,0,0,.5) !important; margin-top: 30px;}





.in_content {padding: 20px 0;}

.in_head h1 { font-size: 100px; color:#e55454;

font-family: 'Aleyna Regular';}

.in_head h4 { font-size: 20px; line-height: 30px; padding: 0 100px; font-style: italic;margin-bottom: 30px;}

.in_head h4 strong { font-weight: 700; color: #e55454; }



.start h2 { font-size:25px; margin-bottom: 30px;}

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













@media (max-width: 768px){



	.banner {padding: 15px 0;}

	.banner-content h1 { text-align: center; font-size: 30px;}

	.banner-content h1 small { right: 0; left: 0; top: 50px; font-size: 70px;}

	.banner-content p {text-align: center; padding: 0;}

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

	.advertise_box { padding: 20px; margin: 0; margin-bottom: 25px;}

	.quality:after, .quality_point:before { display: none;}

	.quality { padding: 50px 0;}

	.quality_form  { padding: 0;}

	.quality_form h2 {letter-spacing: 5px;}

	.q_box {padding: 20px 40px}

	.quality_point { padding: 0;}

	.footer_menu h5 { margin-top: 25px; margin-bottom: 10px;}

	.footer_menu { text-align:center;}

	.footer_menu img { margin-top: 20px;}

	.f-b0x-2 { display: none;}

	.in_head h4 {padding: 0 0;}

}


.sticky-header{
	width: 100%;
    background: #f7f7f9;
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);
    z-index: 100;
    padding: 0px;
}