string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=91271&expand=properties"
string(15731) "[{"templateId":91271,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":201,"categoryName":"Movie Templates","templateTitle":"Movie Responsive Website Template","templatePreviewHtmlTitle":"EMovies - Movie Streaming Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for EMovies - Movie Streaming Website Template #91271","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Splendid Movie Streaming Website Design</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Movie streaming website design can give your site a meaningful online boost. Today, being on the Web is vital to any company, regardless of their size and type. As people purchase everything online more and more, business promotion shifts to the Internet. It can influence everything more and more. This is why if you want to sell movies or music, you need a website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">However, building an average website won't get you anywhere. It has to be a well-developed website that takes all your needs into account. Instead of developing a website from scratch,</span> it is way easier to create a stunning website <span style=\"background-color: transparent; color: rgb(0, 0, 0);\">using an HTML template. It also has to make the shopping & subscribing experience simple for clients. To make your money and time work for you more efficiently, we have prepared a unique solution designed to meet your needs.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive & Feature-Rich HTML Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">EMovies movie streaming website design was developed as a multipage template for online movie stores. Thanks to our designers, it is a template with an impressive & clean design that is also responsive. It is made possible with the help of the Bootstrap 4 framework. The template also includes an extensive UI kit to help you make a user-friendly website. Besides, EMovies provides any modern website with a variety of other great features, such as:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working newsletter & contact forms;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful search engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Fonts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Blog & movie pages;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Full speed optimization.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">As a fully editable movie streaming website design, EMovies supports deep customization. It means that you can change the template as you wish. You can also decorate its UI with various effects like included CSS3 animations. Parallax effect & Google Fonts will also be a good addition to your website. To keep in touch with your viewers, feel free to use forms and social options. However, bear in mind that some of them may require additional configuration.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage HTML Solution with Qualified 24/7 Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">EMovies movie streaming website design is a multipage HTML solution. With it, you can present & sell all your movies and TV shows with the help of highly informative sections. The built-in blog layout allows creating posts with comments, tags, and sidebar. It is especially useful for posting the latest movie news and updates from your streaming service. Other pages will help you present your streaming company, its team & prices.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">You can also use minor features like newsletter forms & flexible search engine. To top it all, our team has included the template documentation, which is easy to comprehend. In the case of additional assistance, you can always reach our 24/7 customer support. We are glad to help you get the best user experience from our templates and answer all your questions anytime.</span></p><p><br></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"EMovies - Movie Streaming Website Template","templatePreviewMetaDescription":"Splendid Movie Streaming Website DesignMovie streaming website design can give your site a meaningful online boost. Today, being on the Web is vital to any","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"EMovies - Movie Streaming Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/emovies-movie-streaming-website-template-91271.html","userRating":0,"designIndex":"85","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2019-12-13","sent":0,"downloads":9,"search_words":"video studio camera pictures gallery fashion digital cameras picture company agency business online film ecommerce multimedia production","is_adult":0,"exc_price":4500,"sent_date":"2019-12-13 10:26:41","last_upload":"2019-12-13 10:26:41","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1881144,"templ_id":91271,"filename":"91271-0-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":1881145,"templ_id":91271,"filename":"91271-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":1881146,"templ_id":91271,"filename":"91271-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":1881147,"templ_id":91271,"filename":"91271-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":1881148,"templ_id":91271,"filename":"91271-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/91271.html","image":"https://s.tmimgcdn.com/scr/91200/emovies-movie-streaming-website-template_91271-0-original.jpg","searchHash":"e6f9aa9119150c2c5d0790ec7de9d81f","previewHash":"22e82053ab182d14fdcc92789a818f3f","authorNickname":"RockThemes","lowLevelTopic":"Movie Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","topic":["Movie Templates","Entertainment Templates","Art & Culture","Entertainment, Games & Nightlife"],"templateIcon":"icon-bootstrap","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"color":"white","showVariantForcibly":"b","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","bootstrapVersion":"4.0.x","authorUserId":"1768190","alreadyPacked":"1","marketplaceMembership":"One","isOldDemoUrl":"1","nameOfTheTemplate":"EMovies - Movie Streaming Website Template","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248987335_image-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248988909_image-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248990422_image-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248991950_image-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248993690_image-05.jpg","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Splendid Movie Streaming Website Design</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Movie streaming website design can give your site a meaningful online boost. Today, being on the Web is vital to any company, regardless of their size and type. As people purchase everything online more and more, business promotion shifts to the Internet. It can influence everything more and more. This is why if you want to sell movies or music, you need a website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">However, building an average website won't get you anywhere. It has to be a well-developed website that takes all your needs into account. Instead of developing a website from scratch,</span> it is way easier to create a stunning website <span style=\"background-color: transparent; color: rgb(0, 0, 0);\">using an HTML template. It also has to make the shopping & subscribing experience simple for clients. To make your money and time work for you more efficiently, we have prepared a unique solution designed to meet your needs.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive & Feature-Rich HTML Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">EMovies movie streaming website design was developed as a multipage template for online movie stores. Thanks to our designers, it is a template with an impressive & clean design that is also responsive. It is made possible with the help of the Bootstrap 4 framework. The template also includes an extensive UI kit to help you make a user-friendly website. Besides, EMovies provides any modern website with a variety of other great features, such as:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working newsletter & contact forms;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful search engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Fonts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Blog & movie pages;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Full speed optimization.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">As a fully editable movie streaming website design, EMovies supports deep customization. It means that you can change the template as you wish. You can also decorate its UI with various effects like included CSS3 animations. Parallax effect & Google Fonts will also be a good addition to your website. To keep in touch with your viewers, feel free to use forms and social options. However, bear in mind that some of them may require additional configuration.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage HTML Solution with Qualified 24/7 Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">EMovies movie streaming website design is a multipage HTML solution. With it, you can present & sell all your movies and TV shows with the help of highly informative sections. The built-in blog layout allows creating posts with comments, tags, and sidebar. It is especially useful for posting the latest movie news and updates from your streaming service. Other pages will help you present your streaming company, its team & prices.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">You can also use minor features like newsletter forms & flexible search engine. To top it all, our team has included the template documentation, which is easy to comprehend. In the case of additional assistance, you can always reach our 24/7 customer support. We are glad to help you get the best user experience from our templates and answer all your questions anytime.</span></p><p><br></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","uniqueKeywords":"video studio camera pictures gallery fashion digital cameras picture company agency business online film ecommerce multimedia production","affiliateSells":"1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248983244_Original.jpg","dqi":"85","facebookPixelId":"1857475610982695","googleAnalyticsId":"UA-118125082-1","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999870_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999871_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999872_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999872_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999872_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999872_cut-06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999872_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999873_cut-08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999874_cut-09.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576248999874_cut-10.jpg","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-25297/","loyaltySells":"1","metaDescription":"EMovies is a multipage & responsive movie streaming website design developed to satisfy the needs of modern streaming services offering audiovisual content.","saleSells":"1","templateSupportOptions":"[{\"id\":59322,\"template_id\":45642,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":59323,\"template_id\":45642,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","bitLyUrl":"http://bit.ly/2EfAkdk","customUrl":"/website-templates/emovies-movie-streaming-website-template-91271.html","trendiness":"2","lastmod":"2020-11-27T22:22:21-05:00","kindOfShops":"Movies online store, video online store","htmlTitle":"Movie Streaming Website Design - TemplateMonster","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","tags":["agency","business","camera","cameras","company","digital","fashion","film","gallery","multimedia","online","picture","pictures","production","studio","video","ecommerce"],"pHPVersionCompatibility":"7.x","types":"HTML Website Templates","hELPURL":"/quick-start-guide/website-template/","isFree":"none","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","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: Fri, 26 Apr 2024 04:34:44 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=91271&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=91271&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=91271&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 04:39:44 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: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-25297/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#91271 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/91271.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">
                Website Templates #91271            </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=91271&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>