/* Theme Name: Marta Author: IDWebBuilder Author URI: http://idwebbuilder.com Description: This theme for Marta Version: 2.0 */ @import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Old+Standard+TT:400,400i,700|Questrial&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); @import url('assets/fonts/fonts.css'); 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; } * { outline: none !important; } html,body { position: relative; padding: 0 !important; } .wrap { position: relative; max-width: 1024px; margin: 0 auto; } .big-wrap { position: relative; max-width: 1280px; margin: 0 auto; } .widget-title { display: none; } .panel-grid { margin: 0 !important; } .so-panel { margin: 0 !important; } .overlay { position: fixed; display: none; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 160; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* H E A D E R */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #header { position: relative; -webkit-box-shadow: 0px 2px 2px 0px rgba(176,176,176,1); -moz-box-shadow: 0px 2px 2px 0px rgba(176,176,176,1); box-shadow: 0px 2px 2px 0px rgba(176,176,176,1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#abe0e3+0,aae1e3+23,e4e4dc+77,e4e5dc+100 */ background: #abe0e3; /* Old browsers */ background: -moz-linear-gradient(top, #abe0e3 0%, #aae1e3 23%, #e4e4dc 77%, #e4e5dc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #abe0e3 0%,#aae1e3 23%,#e4e4dc 77%,#e4e5dc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #abe0e3 0%,#aae1e3 23%,#e4e4dc 77%,#e4e5dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe0e3', endColorstr='#e4e5dc',GradientType=0 ); /* IE6-9 */ } #header .logo { padding: 5px 15px; } #header nav .mainmenu ul { list-style-type: none; } #header nav .mainmenu ul li { display: inline-block; padding: 0 0 0 10px; } #header nav .mainmenu ul li:after { content:"|"; padding: 0 0 0 10px; font-size: 22px; color: #f7a89f; } #header nav .mainmenu ul li:last-child:after { content:""; } #header nav .mainmenu ul li:last-child a { position: absolute; top:30px; color: transparent; display: inline-block; padding: 10px 50px !important; margin-left: 15px; background-image: url(assets/images/bg-button-hover.png); background-size: 100% 100%; -webkit-background-size: 100% 100%; background-repeat: no-repeat; width: 350px; color: #fff4a2; text-align: center; font-size: 25px; } #header nav .mainmenu ul li:last-child a:hover { background-image: url(assets/images/bg-button.png);color: #fff; } #header nav .mainmenu ul li a { display: inline-block; font-family: 'Droid Serif', serif; font-weight: 100; font-style: normal; color: #f7a89f; font-size: 22px; text-decoration: none; padding: 40px 0; } #header.fixed { position: fixed; width: 100%; left:0; top: 0; z-index: 150; } #header.fixed .logo img { width: 50%; } #header.fixed nav .mainmenu ul li a { padding: 20px 0; } #header.fixed nav .mainmenu ul li:last-child a { top: 5px; height: 60px !important; } #header.fixed .btn-mobile { top: 5px !Important; } #mobile,.mobilemenu{ display: none; } /* Mobile Menu */ .btn-menu-mobile { display: none; text-align: right; } .btn-mobile,.btn-mobile:hover,.btn-mobile,.btn-mobile:active { position: relative; top:18px; display:inline-block; color: #FC988C; font-size: 30px; } .slicknav_nav { position: fixed; background: #FC988C; left: 0; top: 0; width: 300px; height: 100%; z-index: 999; } .slicknav_nav a { text-decoration: none; color: #fff; margin: 0; padding: 10px; font-size: 18px; border-bottom: 1px dotted; font-family: 'Questrial'; } .slicknav_nav a:hover { background: #DD796D; border-radius: 0; } .slicknav_menu { position: relative; top: 30%; background: transparent; position: relative; top: 30%; } .slicknav_btn { background: #FC988C; display: none; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* F O O T E R */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footer { position: relative; background-image: url(assets/images/bg-footer.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 20px 0; margin-top: -50px; text-align: center; } #footer ul { list-style-type: none; } #footer ul li { position: relative; padding: 0 0 0 5px; display: inline-block; color: #000; } #footer ul li a { position: relative; color: #000; font-family: 'Old Standard TT'; font-style: normal; font-weight: 300; font-style: normal; font-size: 18px; text-decoration: none; font-size: 18px; color: #000; } #footer ul li:after { content:"|"; padding: 0 0 0 10px; } #footer ul li:last-child:after { display: none; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* H O M E P A G E */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~~~~~~~~~*/ .home { position: relative; } .home .content { position: relative; background-color: rgba(255,255,255,0.9); padding: 20px 20px 50px 20px; border-radius: 8px; -webkit-border-radius: 8px; } .home .content h2 { position: relative; color: #f7a89f; font-family: 'Old Standard TT'; font-style: normal; font-weight: 600; font-size: 35px; margin-bottom: 10px; } .home .content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 600; color: #000; margin-bottom: 15px; font-size: 20px; } .home .content div { position: absolute; left:0; bottom: -30px; width: 100%; text-align: center; } .home .content div a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 25px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } .home .content div a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } /*~~~~~~~~~~~~~~~ Hero Section ~~~~~~~~~~~~~~~~~~~~~~*/ #hero { position: relative; background-image: url(assets/images/bg-hero-home.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 100px 0; margin-bottom: -50px; } /*~~~~~~~~~~~~~~~ Waves Section ~~~~~~~~~~~~~~~~~~~~~~*/ #waves { position: relative; background-image: url(assets/images/bg-waves.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 100px 0; margin-bottom: -60px; } /*~~~~~~~~~~~~~~~ Ball Section ~~~~~~~~~~~~~~~~~~~~~~*/ #ball { position: relative; background-image: url(assets/images/bg-ball.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 100px 0; z-index: 100; margin-bottom: -60px; } /*~~~~~~~~~~~~~~~ Boat Section ~~~~~~~~~~~~~~~~~~~~~~*/ #boat { position: relative; background-image: url(assets/images/bg-ship-hd.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 120px 0; margin-bottom: -80px; z-index: 99; } /*~~~~~~~~~~~~~~~ About Section ~~~~~~~~~~~~~~~~~~~~~~*/ #about { position: relative; background-image: url(assets/images/bg-about.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 120px 0; } /*~~~~~~~~~~~~~~~ TEstimonial Section ~~~~~~~~~~~~~~~~~~~~~~*/ #testimonial { position: relative; background-image: url(assets/images/bg-testimonial.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 120px 0; } #testimonial h1 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; text-align: center; font-size: 45px; margin-bottom: 15px; } #testimonial .testimonial-list { position: relative; padding: 15px 0; } #testimonial .testimonial-list .testimonial-item { position: relative; margin-bottom: 15px; } #testimonial .testimonial-list .testimonial-item .desc { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; font-size: 16px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 80px 50px; text-align: center; margin-bottom: -70px; z-index:99; } #testimonial .testimonial-list .testimonial-item .desc p { font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; font-size: 16px; margin-bottom: 15px; } #testimonial .testimonial-list .testimonial-item .desc.spray1 { background-image: url(assets/images/bg-spray1.png); } #testimonial .testimonial-list .testimonial-item .desc.spray2 { background-image: url(assets/images/bg-spray2.png); } #testimonial .testimonial-list .testimonial-item .desc.spray3 { background-image: url(assets/images/bg-spray3.png); } #testimonial .testimonial-list .testimonial-item .desc.spray4 { background-image: url(assets/images/bg-spray4.png); } #testimonial .testimonial-list .testimonial-item .name { position: relative; background-position: center center; background-repeat: no-repeat; background-size: 60% 100%; -webkit-background-size: 60% 100%; padding: 70px 50px; text-align: center; height: 220px; } #testimonial .testimonial-list .testimonial-item .name h2 { position: relative; font-family: 'hillgatesregular'; font-size: 30px; padding: 0 25px; } #testimonial .testimonial-list .testimonial-item .name.name1 { background-image: url(assets/images/bg-cup1.png); color: #FFF4A2; } #testimonial .testimonial-list .testimonial-item .name.name2 { background-image: url(assets/images/bg-cup2.png); color: #CDE8F2; } #testimonial .testimonial-list .testimonial-item .name.name3 { background-image: url(assets/images/bg-cup3.png); color: #FC978B; } #testimonial .testimonial-list .testimonial-item .name.name4 { background-image: url(assets/images/bg-cup4.png); color: #32D5DE; } /*~~~~~~~~~~~~~~~ Statistik Section ~~~~~~~~~~~~~~~~~~~~~~*/ #statistik { position: relative; background-image: url(assets/images/bg-sand.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 80px 0; margin: -80px 0; } #statistik h1 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; text-align: center; font-size: 45px; margin-bottom: 15px; } #statistik .statistik-item { position: relative; margin-bottom: 15px; } #statistik .statistik-item .content { position: relative; background-image: url(assets/images/bg-sign.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; height: 300px; text-align: center; } #statistik .statistik-item .content h2 { font-family: 'hillgatesregular'; font-size: 50px; color: #fc978b; margin: 0 0 -15px 0; padding: 50px 0 0 0; } #statistik .statistik-item .content p { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; color: #000; font-size: 24px; } /*~~~~~~~~~~~~~~~ Vlog Section ~~~~~~~~~~~~~~~~~~~~~~*/ #vloghome { position: relative; background-image: url(assets/images/bg-vloghome.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 80px 0; margin: -80px 0; } #vloghome h2 { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; text-align: center; font-size: 45px; margin-bottom: 15px; } #vloghome .vlog-item { position: relative; padding: 10px 0 10px 200px; } #vloghome .vlog-item.right { position: relative; padding: 10px 200px 10px 0; text-align: right; } #vloghome .vlog-item .plant { position: relative; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; width: 200px; height: 320px; z-index: 99; } #vloghome .vlog-item .plant.plant-blue { background-image: url(assets/images/plant-blue.png); } #vloghome .vlog-item .plant.plant-red { background-image: url(assets/images/plant-red.png); } #vloghome .vlog-item .plant.plant-yellow { background-image: url(assets/images/plant-yellow.png); } #vloghome .vlog-item a { position: absolute; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; font-size: 35px; padding:30px 50px 40px 90px; width: 800px; text-decoration: none; font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; top: 30%; left: 37%; line-height: 1; padding: ;} #vloghome .vlog-item.right a { left: -16%; } #vloghome .vlog-item a.title-blue { background-image: url(assets/images/bg-vlog-item-blue.png); color: #fff4a2; } #vloghome .vlog-item a.title-red { background-image: url(assets/images/bg-vlog-item-red.png); color: #fff4a2; padding: 30px 90px 40px 50px; } #vloghome .vlog-item a.title-yellow { background-image: url(assets/images/bg-vlog-item-yellow.png); color: #fc978b; } #vloghome .vlog-item-mobile { display: none;margin: 20px 0; padding: 0 15px; } #vloghome .vlog-item-mobile a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 30px; font-size: 15px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #vloghome .vlog-item-mobile a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } /*~~~~~~~~~~~~~~~ Calm Section ~~~~~~~~~~~~~~~~~~~~~~*/ #calm { position: relative; background-image: url(assets/images/bg-beach.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 100px 0; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* I N T E R I O R P A G E */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~ General Page ~~~~~~~~~~~~~~~~~~~~~~*/ #page { position: relative; background-image: url(assets/images/bg-page.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; background-attachment: fixed; padding: 50px 0; } #page .single-page { background: #fff; padding: 50px; border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 50px; } #page .single-page h2 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 45px; margin-bottom: 15px; } #page .single-page h3 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 30px; margin-bottom: 15px; } #page .single-page h4 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 25px; margin-bottom: 15px; } #page .single-page p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; margin-bottom: 15px; font-size: 18px; } #page .single-page ul { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; margin-left: 25px; margin-bottom: 15px; font-size: 18px; list-style-image: url(assets/images/icon-shell.png); } /*~~~~~~~~~~~~~~~ Vlog Page ~~~~~~~~~~~~~~~~~~~~~~*/ #pagevlog { position: relative; } #pagevlog .hero { position: relative; background-image: url(assets/images/bg-hero-vlog.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 100px 0;} #pagevlog .hero .content { position: relative; padding: 15px; } #pagevlog .hero .content h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 45px; margin-bottom: 15px; } #pagevlog .hero .content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; font-size: 20px; margin-bottom: 15px; } #pagevlog .hero .content .btn-subscribe { position: relative; text-align: center; } #pagevlog .hero .content .btn-subscribe a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 25px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #pagevlog .hero .content .btn-subscribe > a { padding: 15px 70px; } #pagevlog .hero .content .btn-subscribe a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #pagevlog .hero .content .btn-subscribe .sub { position: absolute; display: none; z-index: 99; } #pagevlog .hero .content .btn-subscribe:hover .sub { display: block; } #pagevlog .vlogcategory { position: relative; background-image: url(assets/images/bg-category-vlog.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 50px 0; text-align: center; } #pagevlog .vlogcategory h2 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #000; font-size: 40px; } #pagevlog .vlogcategory p { font-family: 'Questrial'; font-style: normal; font-weight:300; color: #000; font-size: 22px; } #pagevlog .vlogcategory ul { position: relative; list-style-type: none; vertical-align: top; padding: 20px 0; } #pagevlog .vlogcategory ul li { position: relative; display: inline-block; background-image: url(assets/images/bg-cat-item.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; width: 180px; margin: 5px; } #pagevlog .vlogcategory ul li a { position: relative; display: block; font-family: 'Droid Serif', serif; font-weight: 300; font-style: normal; font-size: 18px; color: #fff; text-transform: uppercase; padding: 20px 15px; text-decoration: none; } #pagevlog .vlogcategory ul li:hover,#pagevlog .vlogcategory ul li.active { background-image: url(assets/images/bg-cat-item-hover.png); } #pagevlog .vlogcategory ul li:hover a,#pagevlog .vlogcategory ul li.active a { color: #fff4a2; } #pagevlog .vloglist { position: relative; background-image: url(assets/images/bg-vlog-list.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 50px 0 100px 0; } #pagevlog .vloglist h1 { position: relative; text-align: center; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #000; font-size: 45px; padding: 10px 0 50px 0; } #pagevlog .vloglist .vlog-item { position: relative; margin-bottom: 15px; } #pagevlog .vloglist .vlog-item > .thumb { position: relative; } #pagevlog .vloglist .vlog-item > .thumb a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top:0; background-image: url(assets/images/icon-play.png); background-position: center center; background-repeat: no-repeat; background-size: 80px; -webkit-background-size: 80px; } #pagevlog .vloglist .vlog-item img { width: 100%; } #pagevlog .vloglist .vlog-item .desc { position: relative; background-color: #fff; background-image: url(assets/images/bg-desc.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 10px 15px; border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -webkit-box-shadow: 0px 3px 5px 0px rgba(153,148,153,1); -moz-box-shadow: 0px 3px 5px 0px rgba(153,148,153,1); box-shadow: 0px 3px 5px 0px rgba(153,148,153,1); } #pagevlog .vloglist .vlog-item .desc a { color: #000; text-decoration: none; } #pagevlog .vloglist .vlog-item .desc a:hover { color: #32d5de; } #pagevlog .vloglist .vlog-item .desc h2 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #000; font-size: 20px; margin-bottom: 10px; line-height:1.2; } #pagevlog .vloglist .vlog-item .desc p { font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 18px; margin-bottom: 10px; } /*~~~~~~~~~~~~~~~ Single Vlog Page ~~~~~~~~~~~~~~~~~~~~~~*/ #singlevlog { position: relative; } #singlevlog .video { position: relative; background-image: url(assets/images/bg-video.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 50px 0; } #singlevlog .video h2 { position: relative; text-align: center; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #000; font-size: 35px; margin-bottom: 20px; } #singlevlog .video .singlevideo { position: relative; max-width: 600px; margin: 0 auto; } #singlevlog .video .singlevideo iframe { position: relative; width: 100%; } #singlevlog .video .desc { position: relative; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; margin: 20px 0 0 0; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 20px; } #singlevlog .podcast { position: relative; background-image: url(assets/images/bg-podcast.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; background-attachment:fixed; padding: 50px 0; } #singlevlog .podcast .inner-content { position: relative; background-color: #fff; background-image: url(assets/images/bg-pattern-hexa.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; padding: 50px; border-radius: 10px; -webkit-border-radius: 10px; } #singlevlog .podcast .inner-content h1 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 45px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #singlevlog .podcast .inner-content h3 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 30px; margin: 15px 0; text-transform:capitalize; } #singlevlog .podcast .inner-content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 18px; margin-bottom: 10px; } #singlevlog .podcast .inner-content ul li { position: relative; list-style-image: url(assets/images/icon-shell.png); margin-left: 30px; } #singlevlog .podcast .inner-content ul li { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 18px; margin-bottom: 10px; } #singlevlog .podcast .inner-content .share { text-align: center; margin: 20px 0; } #singlevlog .podcast .inner-content .share a { position: relative; display: inline-block; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; text-align: center; font-size: 35px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; color: #fff; width: 100%; padding: 15px 50px; text-decoration: none; } #singlevlog .podcast .inner-content .share a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #singlevlog .podcast .inner-content .share a.btn-review { margin-bottom: 20px; } #singlevlog .podcast .inner-content .share a span { font-size: 30px; } #singlevlog .podcast .inner-content .share a.btn-itunes,#singlevlog .podcast .inner-content .share a.btn-youtube,#singlevlog .podcast .inner-content .share a.btn-newsletter { line-height: 1; padding: 15px 20px; } #singlevlog .tweet { position: relative; background-image: url(assets/images/bg-tweet.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 100px 0; } #singlevlog .tweet .inner-tweet { position: relative; background: #fff; padding: 50px 50px 20px 50px; border-radius: 10px; -webkit-border-radius: 10px; } #singlevlog .tweet .inner-tweet h1 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 45px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #singlevlog .tweet .inner-tweet p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 20px; margin-bottom: 10px; } #singlevlog .tweet .inner-tweet p.by { text-align: right; } #singlevlog .tweet .inner-tweet .btn-tweet { position: absolute; left:0; bottom: -30px; width: 100%; text-align: center; text-align: center; } #singlevlog .tweet .inner-tweet .btn-tweet a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 25px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #singlevlog .tweet .inner-tweet .btn-tweet a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #singlevlog .resource { position: relative; background-image: url(assets/images/bg-resource.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; background-attachment:fixed; padding: 100px 0; } #singlevlog .resource .inner-resource { position: relative; background: #fff; padding: 50px 50px 50px 50px; border-radius: 10px; -webkit-border-radius: 10px; } #singlevlog .resource .inner-resource h1 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 40px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #singlevlog .resource .inner-resource p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 20px; margin-bottom: 10px; } #singlevlog .resource .inner-resource .btn-resource { position: absolute; left:0; bottom: -30px; width: 100%; text-align: center; text-align: center; } #singlevlog .resource .inner-resource .btn-resource a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 25px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #singlevlog .resource .inner-resource .btn-resource a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } /*~~~~~~~~~~~~~~~ Testimonial Page ~~~~~~~~~~~~~~~~~~~~~~*/ #pagetestimonial { position: relative; } #pagetestimonial .hero { position: relative; background-image: url(assets/images/bg-hero-testimonial.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 100px 0; } #pagetestimonial .hero .content { position: relative; padding: 15px; } #pagetestimonial .hero .content .inner-content { padding: 20px 50px; } #pagetestimonial .hero .content h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 45px; margin-bottom: 15px; } #pagetestimonial .hero .content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; font-size: 20px; margin-bottom: 15px; } #pagetestimonial .list-testimonial { position: relative; background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%; background-attachment: fixed; padding: 50px 0; } #pagetestimonial .list-testimonial.list1 { background-image: url(assets/images/bg-list1.png); } #pagetestimonial .list-testimonial.list2 { background-image: url(assets/images/bg-list2.png); } #pagetestimonial .list-testimonial.list3 { background-image: url(assets/images/bg-list3.png); } #pagetestimonial .list-testimonial h1 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; font-size: 40px; padding: 0 0 50px 0; text-align: center; } #pagetestimonial .list-testimonial.list1 h1 { color: #fff; } #pagetestimonial .list-testimonial.list2 h1 { color: #fa9e93; } #pagetestimonial .list-testimonial.list3 h1 { color: #32d5de; } #pagetestimonial .list-testimonial .testimonial-item { position: relative; margin-bottom: 25px; } #pagetestimonial .list-testimonial .testimonial-item .content { position: relative; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 20px; -webkit-box-shadow: 0px 3px 5px 0px rgba(153,148,153,1); -moz-box-shadow: 0px 3px 5px 0px rgba(153,148,153,1); box-shadow: 0px 3px 5px 0px rgba(153,148,153,1); } #pagetestimonial .list-testimonial .testimonial-item .content h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 45px; margin-bottom: 15px; } #pagetestimonial .list-testimonial .testimonial-item .content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 18px; margin-bottom: 10px;} #pagetestimonial .list-testimonial .testimonial-item .avatar img { width: 100%; border-radius: 100%; -webkit-border-radius: 100%; } /*~~~~~~~~~~~~~~~ Media Page ~~~~~~~~~~~~~~~~~~~~~~*/ #media { position: relative; } #media .hero { position: relative; background-image: url(assets/images/bg-hero-media.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 120px 0; } #media .hero .content { position: relative; } #media .hero .content h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 45px; margin-bottom: 15px; } #media .hero .content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 20px; margin-bottom: 10px; } #media .topik { position: relative; background-image: url(assets/images/bg-topik.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 120px 0; } #media .topik .topik-list { position: relative; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; } #media .topik .topik-list h1 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 50px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #media .topik .topik-list .topik-item { position: relative; margin-bottom: 20px; } #media .topik .topik-list .topik-item h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fa9e93; font-size: 35px; margin-bottom: -2px; } #media .topik .topik-list .topik-item p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 20px; margin-bottom: 10px; } #media .topik .topik-list .topik-item .btn-topik { text-align: center; } #media .topik .topik-list .topik-item .btn-topik a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 25px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #media .topik .topik-list .topik-item .btn-topik a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #media .asseenon { position: relative; background-image: url(assets/images/bg-podcast.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 50px 0; } #media .asseenon h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #fff4a2; font-size: 45px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #media .press { position: relative; background-image: url(assets/images/bg-press.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 100px 0; } #media .press .press-content { position: relative; background: #fff; padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; } #media .press .press-content h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 45px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #media .press .press-content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight:400; color: #000; font-size: 20px; margin-bottom: 10px; } #media .press .press-content ul { position: relative; list-style-type: none; } #media .press .press-content ul li { position: relative; margin-bottom: 8px; } #media .press .press-content ul li a.collapsed { color: #f7a89f; } #media .press .press-content ul li a { color: #32d5de; display: block; font-size: 28px; font-family: 'Questrial'; font-style: normal; font-weight:600; text-decoration: none; text-transform: uppercase; } #media .press .press-content ul li a .f { font-style: normal; } #media .press .press-content ul li a .f-minus { display: inline-block; } #media .press .press-content ul li a .f-plus { display: none; } #media .press .press-content ul li a.collapsed .f-minus { display: none; } #media .press .press-content ul li a.collapsed .f-plus { display: inline-block; } #media .press .press-content ul li a:hover { color: #32d5de; } #media .press .press-content ul li p { display: none; } #media .press .press-content ul li div { background: #51e4ed; padding: 20px; color: #000; font-size: 22px; font-family: 'Questrial'; font-style: normal; font-weight:400; border-radius: 10px; -webkit-border-radius:10px; } #media .press .press-content ul li div > p { color: #000; font-size: 22px; font-family: 'Questrial'; font-style: normal; font-weight:400; } #media .press .btn-press { position: relative; text-align: center; padding: 50px 0 0 0; } #media .press .btn-press a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 35px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #media .press .btn-press a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #media .reel { position: relative; background-image: url(assets/images/bg-video-reel.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 100px 0; text-align: center; } #media .reel div { max-width: 550px; margin: 0 auto; } #media .reel div img { width: 100%; } #media .testimonial { position: relative; background-image: url(assets/images/bg-testimonial.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 100px 0; text-align: center; } #media .testimonial h1 { font-family: 'Old Standard TT'; font-style: normal; font-weight:400; color: #000; font-size: 35px; margin-bottom: 15px; text-align: center; text-transform:capitalize; } #media .testimonial .testimonial-list { position: relative; padding: 15px 0; } #media .testimonial .testimonial-list .testimonial-item { position: relative; margin-bottom: 15px; } #media .testimonial .testimonial-list .testimonial-item .desc { position: relative; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 80px 50px; text-align: center; margin-bottom: -70px; z-index:99; } #media .testimonial .testimonial-list .testimonial-item .desc p { font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; font-size: 16px; margin-bottom: 15px; } #media .testimonial .testimonial-list .testimonial-item .desc.spray1 { background-image: url(assets/images/bg-spray1.png); } #media .testimonial .testimonial-list .testimonial-item .desc.spray2 { background-image: url(assets/images/bg-spray2.png); } #media .testimonial .testimonial-list .testimonial-item .desc.spray3 { background-image: url(assets/images/bg-spray3.png); } #media .testimonial .testimonial-list .testimonial-item .desc.spray4 { background-image: url(assets/images/bg-spray4.png); } #media .testimonial .testimonial-list .testimonial-item .name { position: relative; background-position: center center; background-repeat: no-repeat; background-size: 60% 100%; -webkit-background-size: 60% 100%; padding: 70px 50px; text-align: center; height: 220px; } #media .testimonial .testimonial-list .testimonial-item .name h2 { position: relative; font-family: 'hillgatesregular'; font-size: 30px; padding: 0 25px; } #media .testimonial .testimonial-list .testimonial-item .name.name1 { background-image: url(assets/images/bg-cup1.png); color: #FFF4A2; } #media .testimonial .testimonial-list .testimonial-item .name.name2 { background-image: url(assets/images/bg-cup2.png); color: #CDE8F2; } #media .testimonial .testimonial-list .testimonial-item .name.name3 { background-image: url(assets/images/bg-cup3.png); color: #FC978B; } #media .testimonial .testimonial-list .testimonial-item .name.name4 { background-image: url(assets/images/bg-cup4.png); color: #32D5DE; } #media .testimonial .btn-testi { position: relative; text-align: center; padding: 50px 0 0 0; } #media .testimonial .btn-testi a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 15px 50px; font-size: 35px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #media .testimonial .btn-testi a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #media .media { position: relative; background-image: url(assets/images/bg-list3.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; background-attachment: fixed; padding: 50px 0; text-align: center; } #media .media h1 { font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 45px; margin-bottom: 15px; text-align: center; text-transform:capitalize; margin-bottom: 25px; } #media .media img { width: 100%; padding: 0 15px; } #media .media .btn-download { position: relative; text-align: center; padding: 20px 0 0 0; } #media .media .btn-download a { position: relative; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; padding: 10px 50px; font-size: 30px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; display: inline-block; text-decoration: none; text-transform: uppercase; } #media .media .btn-download a:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; } #media .bio { position: relative; background-image: url(assets/images/bg-bio.png); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; padding: 100px 0;} #media .bio .content { position: relative; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; padding: 20px 25px; } #media .bio .content h2 { position: relative; font-family: 'Old Standard TT'; font-style: normal; font-weight:600; color: #32d5de; font-size: 45px; margin-bottom: 15px; text-align: center; } #media .bio .content p { position: relative; font-family: 'Questrial'; font-style: normal; font-weight: 400; color: #000; font-size: 20px; margin-bottom: 15px; text-align: justify; } /*--------------------------*/ /* FORM */ /*--------------------------*/ input[type="text"],input[type="email"], textarea { border: 1px solid #49D6DB; } input[type="submit"] { padding: 8px 100px; font-size: 30px !important; font-family: 'Droid Serif', serif; font-weight: 400; font-style: normal; border: 1px solid transparent; background-image: url(assets/images/bg-button.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #fff; } input[type="submit"]:hover { background-image: url(assets/images/bg-button-hover.png); color: #fff4a2; }