string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=68890&expand=properties"
string(14365) "[{"templateId":68890,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":134,"categoryName":"SEO Website Templates","templateTitle":"SEO Website Responsive Website Template","templatePreviewHtmlTitle":"ALIE: Multipurpose, Lightweight Bootstrap5, SASS Website Template","templateDemoHtmlTitle":"Demo for ALIE: Multipurpose, Lightweight Bootstrap5, SASS Website Template #68890","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>ALIE </strong>- is a Simple, Lightweight, Elegant and fully Responsive Bootstrap 5, HTML5 Multipurpose Template. This template is ideal for Software, IT Companies, agencies, Architecture, Construction, and Interior Design and those who need an easy setup, an attractive and effective way to share their work with clients. HTML CSS and SASS codes are well organized and structured, named accordingly so it's very easy to update and customize ALIE.</p><p><br /></p><h2>Template Overview</h2><p><strong>Responsive Layout Design:</strong></p><p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive websites.</p><p>Great Blog, 404 and Portfolio Pages:</p><p>We designed Blogs, portfolios, 404 and other page templates with unique and awesome designs.</p><p>10 color stylesheet include:</p><p>ALIE theme is built with 10 different color themes, so you can choose a theme style depending on your business nature.</p><p>19 Valid HTML Files:</p><p>ALIE template is coded with beautiful and clean codes! HTML CSS codes are well organized and structured, named accordingly so it's very easy to update and customize.</p><p>Working Contact PHP:</p><p>Working PHP AJAX Contact Form is included in ALIE template.</p><h2>Template Key Features:</h2><p>HTML5 , CSS3 and SASS</p><p>Responsive Bootstrap 5 Template</p><p>Designed based on Bootstrap 1170 Grid System with 12-column</p><p>Minimal, modern and clean user interface</p><p>Font Awesome 5 used</p><p>Pixel Perfect</p><p>Clean &amp; Unique Design</p><p>Easy to customize</p><p>Mega Drop-Down Menu</p><p>10 Color Theme stylesheet files included</p><p>Ajax Contact Form</p><p>2, 3 and 4-column Portfolio page</p><p>2 Portfolio Details Pages</p><p>2 types of header</p><p>2 Blog Page</p><p>Working Contact Form with validation and Mail</p><p>19 HTML Pages included</p><p>Well Documented</p><h2>What do you get?</h2><p>All HTML File including both Version 2 and Version 3.</p><p>Well Documentation</p><p><strong>Files Included:</strong></p><p>HTML Files</p><p>CSS Files</p><p><strong>SASS files in Version 3 </strong></p><p>JS Files</p><p>Fonts Files</p><p>PHP Files for Contact-Form</p><p>Images: included (Free Images from unplashed)</p><h2>ALIE Version 3.0 (Sep 9, 2023):</h2><p>UPD: Overall look and feel of the complete theme.</p><p>UPD: Home Page Banner design and animation style</p><p>UPD: Bootstrap framework from v4.1.3 to 5</p><p>UPD: Updates page design like Contact and About Us Page.</p><p>UPD: Scroll to Top design and functionalty.</p><p>UPD: Speed Optimization;</p><p>UPD: Scripts updated</p><p>UPD: Some styles reorganized</p><p>UPD: Visual and animation bug fixes</p><p>FIX: Minor bug fixes.</p><h2>ALIE Version 2.0 (June 29, 2021):</h2><p>UPD: FAQ Accordion Design</p><p>UPD: Home Page Pricing Design</p><p>UPD: Bootstrap framework to v4.1.3</p><p>UPD: Speed Optimization;</p><p>UPD: Scripts updated</p><p>UPD: Some styles reorganized</p><p>UPD: Visual and animation bug fixes</p><p>FIX: Minor bug fixes.</p><h2>ALIE Version 1.0</h2><p>UPD: Responsive issue fixed.</p><p>UPD: Scripts updated</p><p>UPD: Some styles reorganized</p><p>FIX: Minor bug fixes.</p>","templateFullTitle":"ALIE: Multipurpose, Lightweight Bootstrap5, SASS Website Template","templatePreviewMetaDescription":"ALIE - is a Simple, Lightweight, Elegant and fully Responsive Bootstrap 5, HTML5 Multipurpose Template. This template is ideal for Software, IT Companies,","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the high quality ALIE Website Template (#68890) by enjoying the demo. Click through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"ALIE: Multipurpose, Lightweight Bootstrap5, SASS Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/alie-website-template-68890.html","userRating":"4","designIndex":"82","authorUserId":"1812812","exclusive":"1","state":1,"price":22,"inserted_date":"2018-05-02","sent":1,"downloads":31,"search_words":"html5 css3 responsive fontawesome5 portfolio megamenu creative404page blogpages company design services business creative work multipurpose bootstrap modern blue bootstrap 4","is_adult":0,"exc_price":2100,"sent_date":"2018-05-02 10:13:50","last_upload":"2020-04-22 08:02:18","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1744146,"templ_id":68890,"filename":"68890-2-original.jpg","width":1349,"height":750,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1744147,"templ_id":68890,"filename":"68890-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":1744148,"templ_id":68890,"filename":"68890-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":1744149,"templ_id":68890,"filename":"68890-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":1744150,"templ_id":68890,"filename":"68890-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/68890.html","image":"https://s.tmimgcdn.com/scr/68800/alie-multipurpose-lightweight-bootstrap5-sass-website-template_68890-2-original.jpg","searchHash":"3076ee4e65e69c40ffc26093fc36122f","previewHash":"8ec6a1a78d34a5f4599925e718895e83","authorNickname":"w3reign","lowLevelTopic":"SEO Website Templates; IT Templates; Software Company Templates; Web Development Templates; Web Design Templates","weightedRating":4.0909090909091,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":22,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","MegaMenu","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","Completely JS","HTML plus JS","Static","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Web2.0","Mobile"],"topic":["SEO Website Templates","IT Templates","Software Company Templates","Web Development Templates","Software Templates","Web Design Templates","Design","Design & Photography","Business & Services","Computers & Internet"],"isFree":"none","popularity":"Top Rated","dateRange":"Last Year","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1812812","nameOfTheTemplate":"ALIE: Multipurpose, Lightweight Bootstrap5, SASS Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1812812/e9a6496d8e2fc115abd65ac84ee2c01f.jpg, https://s3u.tmimgcdn.com/u1812812/ae9aefbff3786503370bbcd243377c26.jpg, https://s3u.tmimgcdn.com/u1812812/747ff0c7aece6409eda0781c6e563aca.jpg, https://s3u.tmimgcdn.com/u1812812/466a9e28100b15cfa2948776845eb659.jpg","shortDescription":"<p><strong>ALIE </strong>- is a Simple, Lightweight, Elegant and fully Responsive Bootstrap 5, HTML5 Multipurpose Template. This template is ideal for Software, IT Companies, agencies, Architecture, Construction, and Interior Design and those who need an easy setup, an attractive and effective way to share their work with clients. HTML CSS and SASS codes are well organized and structured, named accordingly so it's very easy to update and customize ALIE.</p><p><br /></p><h2>Template Overview</h2><p><strong>Responsive Layout Design:</strong></p><p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive websites.</p><p>Great Blog, 404 and Portfolio Pages:</p><p>We designed Blogs, portfolios, 404 and other page templates with unique and awesome designs.</p><p>10 color stylesheet include:</p><p>ALIE theme is built with 10 different color themes, so you can choose a theme style depending on your business nature.</p><p>19 Valid HTML Files:</p><p>ALIE template is coded with beautiful and clean codes! HTML CSS codes are well organized and structured, named accordingly so it's very easy to update and customize.</p><p>Working Contact PHP:</p><p>Working PHP AJAX Contact Form is included in ALIE template.</p><h2>Template Key Features:</h2><p>HTML5 , CSS3 and SASS</p><p>Responsive Bootstrap 5 Template</p><p>Designed based on Bootstrap 1170 Grid System with 12-column</p><p>Minimal, modern and clean user interface</p><p>Font Awesome 5 used</p><p>Pixel Perfect</p><p>Clean &amp; Unique Design</p><p>Easy to customize</p><p>Mega Drop-Down Menu</p><p>10 Color Theme stylesheet files included</p><p>Ajax Contact Form</p><p>2, 3 and 4-column Portfolio page</p><p>2 Portfolio Details Pages</p><p>2 types of header</p><p>2 Blog Page</p><p>Working Contact Form with validation and Mail</p><p>19 HTML Pages included</p><p>Well Documented</p><h2>What do you get?</h2><p>All HTML File including both Version 2 and Version 3.</p><p>Well Documentation</p><p><strong>Files Included:</strong></p><p>HTML Files</p><p>CSS Files</p><p><strong>SASS files in Version 3 </strong></p><p>JS Files</p><p>Fonts Files</p><p>PHP Files for Contact-Form</p><p>Images: included (Free Images from unplashed)</p><h2>ALIE Version 3.0 (Sep 9, 2023):</h2><p>UPD: Overall look and feel of the complete theme.</p><p>UPD: Home Page Banner design and animation style</p><p>UPD: Bootstrap framework from v4.1.3 to 5</p><p>UPD: Updates page design like Contact and About Us Page.</p><p>UPD: Scroll to Top design and functionalty.</p><p>UPD: Speed Optimization;</p><p>UPD: Scripts updated</p><p>UPD: Some styles reorganized</p><p>UPD: Visual and animation bug fixes</p><p>FIX: Minor bug fixes.</p><h2>ALIE Version 2.0 (June 29, 2021):</h2><p>UPD: FAQ Accordion Design</p><p>UPD: Home Page Pricing Design</p><p>UPD: Bootstrap framework to v4.1.3</p><p>UPD: Speed Optimization;</p><p>UPD: Scripts updated</p><p>UPD: Some styles reorganized</p><p>UPD: Visual and animation bug fixes</p><p>FIX: Minor bug fixes.</p><h2>ALIE Version 1.0</h2><p>UPD: Responsive issue fixed.</p><p>UPD: Scripts updated</p><p>UPD: Some styles reorganized</p><p>FIX: Minor bug fixes.</p>","uniqueKeywords":"html5,css3,responsive,fontawesome5,portfolio,megamenu,creative404page,blogpages,company,design,services,business,creative,work,multipurpose,bootstrap,modern,blue,bootstrap 4","affiliateSells":"1","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1812812-1525260459476_ALIE-theme-html-v-1.0.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180605%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180605T080233Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=5f56fd4c2982c814acf7a048d018cf7e5e8c02f7f480c118821b8c6487723393","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1812812/e59e59aeeee527d3e8b1ac578cf1cbeb.jpg","dqi":"82","livePreviewURL":"https://w3reign.com/themes/alie/","metaDescription":"ALIE - is a Simple, Lightweight, Elegant and fully Responsive Bootstrap 5, HTML5 Multipurpose Template. This template is ideal for Software, IT Companies,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2HJuCAr","customUrl":"/website-templates/alie-website-template-68890.html","lastmod":"2022-01-27T02:58:06-05:00","trendiness":"1","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","demoMetaDescription":"Prior to buying it, get the look and feel of the high quality ALIE Website Template (#68890) by enjoying the demo. Click through the pages, check the images, press the buttons, explore the features.","advImage":"https://s3u.tmimgcdn.com/u1812812/5094d513acb52d977b6866ae975c6f52.jpg","changeLogDate":"2023-09-14","filesDescription":"<p>Source HTML zip code, Documentation file</p>","imagesIncluded":"Yes","tags":["blue","bootstrap","business","company","creative","design","modern","multipurpose","portfolio","responsive","services","work","html5","css3","megamenu","bootstrap 4","fontawesome5","creative404page","blogpages"],"productSize":"28448552","paidSupport":"No","bootstrapVersion":"5.x","changeLog":"ALIE Version 3.0 (Sep 9, 2023):\nUPD: Overall look and feel of the complete theme. \nUPD: Home Page Banner design and animation style\nUPD: Bootstrap framework from v4.1.3 to 5\nUPD: Updates page design, like Contact and About Us Page. \nUPD: Scroll to Top design and functionality. \nUPD: Changed CSS to SASS\nUPD: Some styles reorganized\nUPD: Visual and animation bug fixes\nFIX: Minor bug fixes.\n\nALIE Version 2.0 (July 27, 2021):\nFix : Footer Contact us mail issue. \n\n\nALIE Version 2.0 (June 29, 2021):\nUPD: FAQ Accordion Design\nUPD: Home Page Pricing Design\nUPD: Bootstrap framework to v4.1.3\nUPD: Speed Optimization;\nUPD: Scripts updated\nUPD: Some styles reorganized\nUPD: Visual and animation bug fixes\nFIX: Minor bug fixes.","reviewsTotal":"1","reviewAverageScore":"4","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>ALIE - is a Simple, Lightweight, Elegant and fully Responsive Bootstrap 5, HTML5, CSS3 and SASS style sheet Multipurpose Template.</p>","authorMainScreenshotVersion":"2","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1812812/543ed54251ba8bd496ad1045b002d1c0.jpg","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","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: Thu, 28 Nov 2024 20:35:51 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=68890&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=68890&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=68890&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 20:40:51 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://w3reign.com/themes/alie/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#68890 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/68890.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 #68890            </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=68890&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $20                <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>