string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=63940&expand=properties"
string(16736) "[{"templateId":63940,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":200,"categoryName":"Tickets Website Templates","templateTitle":"Tickets Website Responsive WordPress Theme","templatePreviewHtmlTitle":"Codathon - Hackathon for Coders Landing WordPress Theme","templateDemoHtmlTitle":"Live preview for Codathon - Hackathon for Coders Landing WordPress Theme #63940","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Meet the Vivid Codathon Event Website Wordpress for the Hackathon</h2><p>Are you going to organize the widespread hackathon for coders? Annually plenty of experts in the developing sphere create such a meeting, but not each organizer has a worthwhile place where to showcase all the information about the event. For this reason, there is a perfect solution like the Codathon landing page, which can be a great helper in the hackathon gathering.</p><p>Obviously, that event website WordPress is very necessary and the most convenient way to announce the data, details, and schedule of the event. This is a stunning solution both for the organizer, speakers, and visitors. As anyone doesn’t need to walk around the dozens of pages to find the current information, because all you want is on a one-page website with the convenient placement.</p><p><strong>Let's Take a Detailed Look at the Codathon Event Website Wordpress </strong></p><p>Firstly, you may misremember the hard work in a long time while building the website. Now we have a marvelous decision on how to make the process of creating easier and satisfying. Meet the perfect effectual and smart page builder, which allows you to move the boxes in one click and maximize your time at all. Be sure, you won’t regret. You won’t use the hundreds of movements to change your structure.</p><p>Using this charming one-page website template you will get all in one. Catch such page sections as:</p><ul><li>About - showcase the short information about the current and previous meetings, make your visitors sure that they are in the right place and they should stay on the website for a while.</li><li>Disciplines - inform the customers which lections and disciplines you plan on the hackathon, and give a short description of each of them.</li><li>Testimonials - all the successful hackathons deserve the positive feedback, that is why not to show them on your landing page? Future customers will be satisfied with this section and their trust will rise in a few moments.</li><li>Tickets - the page that worth it. Save the buyers’ time and show the prices. You can also include the short key points that are inside of the each category. Just one click and the ticket is purchased.</li><li>Team - this a perfect chance to demonstrate the previous teams who participated, and rise the number of beliefs as well.</li></ul><p><strong> Learn More Information on the Codathon </strong></p><p>Additionally, if you or your clients need more extra sections on the event website WordPress there are such possibilities. Don’t miss them, as they include something really valuable.</p><p>Take a shufty at the endless list of the additional page elements and make a strong decision about the Codathon:</p><ul><li>7 post formats to any taste</li><li>4 blog layouts</li><li>15+ static elements ( circles counter, social sharing, call to action, video slider, tabs, and many others)</li><li>7 headers</li><li>3 footers</li><li>sidebars according to your needs</li></ul><p>The one extra thing that makes the landing page extremely beneficial is its speed. If we compare the whole website with dozens of pages and landing pages that make a difference. This is a stunning opportunity to speed on the event website WordPress using and make loads of information shorter and more attractive for users.</p><p>Finally, draw your attention to the bright design. It will definitely inspire each of the customers to stay on the website and make the right decision. Have a successful hackathon ever!</p>","templateFullTitle":"Codathon - Hackathon for Coders Landing WordPress Theme","templatePreviewMetaDescription":"Meet the Vivid Codathon Event Website Wordpress for the HackathonAre you going to organize the widespread hackathon for coders? Annually plenty of experts in","templateDemoMetaDescription":"Before you buy it, get yourself familiar with the professional Codathon - Hackathon for Coders Landing WordPress Theme (#63940) by experiencing the live preview. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Codathon - Hackathon for Coders Landing WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/63940.html","userRating":"5","designIndex":"86","authorUserId":"1519369","exclusive":"1","state":1,"price":54,"inserted_date":"2017-05-19","sent":1,"downloads":48,"search_words":"event planning event planner event coordinator event management event manager web development event geek event coding entertainment websites","is_adult":0,"exc_price":5000,"sent_date":"2020-06-25 11:48:35","last_upload":"2020-06-25 12:13:43","package_id":287,"hasExclusivePrice":1,"screenshots":[{"id":1692475,"templ_id":63940,"filename":"63940-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692476,"templ_id":63940,"filename":"63940-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692477,"templ_id":63940,"filename":"63940-wp3.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":265,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692478,"templ_id":63940,"filename":"63940-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692479,"templ_id":63940,"filename":"63940-origin.jpg","width":1903,"height":9043,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692480,"templ_id":63940,"filename":"63940-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692481,"templ_id":63940,"filename":"63940-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692482,"templ_id":63940,"filename":"63940-wpgpl-b.jpg","width":430,"height":2043,"href":"","window_params":"","scr_type_id":336,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692483,"templ_id":63940,"filename":"63940-origin-1200.jpg","width":1903,"height":9043,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692484,"templ_id":63940,"filename":"63940-original-1200.jpg","width":1903,"height":9043,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692485,"templ_id":63940,"filename":"63940-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692486,"templ_id":63940,"filename":"63940-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692487,"templ_id":63940,"filename":"63940-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1692488,"templ_id":63940,"filename":"63940-3-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1907232,"templ_id":63940,"filename":"63940-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/63940.html","image":"https://s.tmimgcdn.com/scr/63900/codathon-hackathon-for-coders-landing-wordpress-theme_63940-3-original.jpg","searchHash":"1b2f11b3f9c5db71f3893304704845f8","previewHash":"474c9bedecd3a32947f3a15879655cd7","authorNickname":"ZEMEZ","lowLevelTopic":"Tickets Website Templates; Event Planner Templates; Web Development Templates","weightedRating":4.357142857142857,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Sample content","Advanced Theme Options","Performance Optimization","One Page Templates","Website Builder"],"styles":"Neutral","templateSources":[".PHP","This theme is widgetized"],"topic":["Tickets Website Templates","Event Planner Templates","Web Development Templates","Entertainment Templates","Software Templates","Computers & Internet","Entertainment, Games & Nightlife"],"isFree":"none","popularity":"Top Rated","color":["black","white","purple","pink","blue"],"showVariantForcibly":"b","exclusive":"1","livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_7192/v1/","documentationLink":"wordpress/projects/codathon/index.html","imageDescription":"https://s.tmimgcdn.com/scr/63900/63940-responsive-layout.jpg","authorUserId":"1519369","nameOfTheTemplate":"Codathon - Hackathon for Coders Landing WordPress Theme","shortDescription":"<h2>Meet the Vivid Codathon Event Website Wordpress for the Hackathon</h2><p>Are you going to organize the widespread hackathon for coders? Annually plenty of experts in the developing sphere create such a meeting, but not each organizer has a worthwhile place where to showcase all the information about the event. For this reason, there is a perfect solution like the Codathon landing page, which can be a great helper in the hackathon gathering.</p><p>Obviously, that event website WordPress is very necessary and the most convenient way to announce the data, details, and schedule of the event. This is a stunning solution both for the organizer, speakers, and visitors. As anyone doesn’t need to walk around the dozens of pages to find the current information, because all you want is on a one-page website with the convenient placement.</p><p><strong>Let's Take a Detailed Look at the Codathon Event Website Wordpress </strong></p><p>Firstly, you may misremember the hard work in a long time while building the website. Now we have a marvelous decision on how to make the process of creating easier and satisfying. Meet the perfect effectual and smart page builder, which allows you to move the boxes in one click and maximize your time at all. Be sure, you won’t regret. You won’t use the hundreds of movements to change your structure.</p><p>Using this charming one-page website template you will get all in one. Catch such page sections as:</p><ul><li>About - showcase the short information about the current and previous meetings, make your visitors sure that they are in the right place and they should stay on the website for a while.</li><li>Disciplines - inform the customers which lections and disciplines you plan on the hackathon, and give a short description of each of them.</li><li>Testimonials - all the successful hackathons deserve the positive feedback, that is why not to show them on your landing page? Future customers will be satisfied with this section and their trust will rise in a few moments.</li><li>Tickets - the page that worth it. Save the buyers’ time and show the prices. You can also include the short key points that are inside of the each category. Just one click and the ticket is purchased.</li><li>Team - this a perfect chance to demonstrate the previous teams who participated, and rise the number of beliefs as well.</li></ul><p><strong> Learn More Information on the Codathon </strong></p><p>Additionally, if you or your clients need more extra sections on the event website WordPress there are such possibilities. Don’t miss them, as they include something really valuable.</p><p>Take a shufty at the endless list of the additional page elements and make a strong decision about the Codathon:</p><ul><li>7 post formats to any taste</li><li>4 blog layouts</li><li>15+ static elements ( circles counter, social sharing, call to action, video slider, tabs, and many others)</li><li>7 headers</li><li>3 footers</li><li>sidebars according to your needs</li></ul><p>The one extra thing that makes the landing page extremely beneficial is its speed. If we compare the whole website with dozens of pages and landing pages that make a difference. This is a stunning opportunity to speed on the event website WordPress using and make loads of information shorter and more attractive for users.</p><p>Finally, draw your attention to the bright design. It will definitely inspire each of the customers to stay on the website and make the right decision. Have a successful hackathon ever!</p>","kindOfShops":"event planning, event planner, event coordinator, event management, event manager, web development event, geek event, coding, and entertainment websites.","metaDescription":"Meet the Vivid Codathon Event Website Wordpress for the HackathonAre you going to organize the widespread hackathon for coders? Annually plenty of experts in","htmlTitle":"Event Coordinator WordPress Theme","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1581344491572_Slice.png, https://s3u.tmimgcdn.com/1519369-1581344491573_Slice-1.png, https://s3u.tmimgcdn.com/1519369-1581344491574_Slice-2.png, https://s3u.tmimgcdn.com/1519369-1581344491575_Slice-3.png, https://s3u.tmimgcdn.com/1519369-1581344491576_Slice-4.png, https://s3.tmimgcdn.com/templates/51119/scr/1584350599634_Slice-5.png, https://s3.tmimgcdn.com/templates/51119/scr/1584350599636_Slice-6.png","bitLyUrl":"http://bit.ly/2sZtq8X","dynamicChangeLog":"<ul><li>- 2 JS bugs fixed</li><li>- 3 minor back-end bugs fixed</li><li>- 1 minor layout bugs fixed</li><li>- 3 minor styles issues fixed</li></ul>","lastmod":"2021-12-15T09:48:19-05:00","reviewsTotal":"4","reviewAverageScore":"5","sqi":"95","templateSupportOptions":"[]","dqi":"86","skupromo":"31%","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","customUrl":"/wordpress-themes/63940.html","demoMetaDescription":"Before you buy it, get yourself familiar with the professional Codathon - Hackathon for Coders Landing WordPress Theme (#63940) by experiencing the live preview. View the pages, check out the images, click the buttons, explore the features.","isOldDemoUrl":"1","wpWoo":"1","uniqueKeywords":"event planning,event planner,event coordinator,event management,event manager,web development event,geek event,coding,entertainment websites","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/54421/scr/1519369-1593097152370_preview.jpg","saleSells":"1","wordpressEngine":"5.4.x","advImage":"https://s3u.tmimgcdn.com/u1519369/606e932870df0b55c88b9ddb33965ccc.png","imagesIncluded":"Yes","tags":["coding","event management","event manager","event planner","event planning","event coordinator","web development event","geek event","entertainment websites"],"productSize":"97228589","trendiness":"1","wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":"5.6.x","wooCommerceCompatibility":"4.2.x","paidSupport":"Yes","authorMainScreenshotVersion":"3","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"languageSupport":"English","webForms":["Contact Form","Search Form"],"additionalInfo":"Well Documented","nomotopress":"1","notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 18 Nov 2024 05:58:17 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=63940&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=63940&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=63940&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 18 Nov 2024 06:03:17 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://ld-wp73.template-help.com/wordpress/prod_7192/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#63940 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/63940.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                WordPress Themes #63940            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=63940&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/wordpress-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>