string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54961&expand=properties"
string(15497) "[{"templateId":54961,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":396,"categoryName":"Yachting Templates","templateTitle":"Yachting Responsive Website Template","templatePreviewHtmlTitle":"Yachting Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Yachting Responsive Website Template #54961","typeShortName":"Website","templatePreviewFBTitle":"This website design is a sailing club website design providing simplicity of use and personalization. This regatta website theme will be a perfect first step for building yachting club, yachting lessons or yachting sport web pages. Traditionally, the theme was coded with valid HTML and CSS techniques. If you have any inquiries in relation to website layout use you can look at detailed documentation, also you receive 24/7 priority assistance helping to resolve any trouble. Just purchase this web layout and start doing a business on the net.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Regatta web template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for establishing website pages.</p> <p><b>Why is it Good?</b></p><p>Bootstrap enables you to create better websites .  </p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Sport Kit website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the internet page adjusts its size and shape to suit any sort of screen, from the smallest touch screen phones to the widest Desktop screens. For each and every gadget, webpage components expand or greatly reduce to seem perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive web page design helps to get good buyer experience and offer a extensive access to the web page information from any device.</p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Parallax Yachting Gear web template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique where front layouts move around  much faster than the back ones.</p> <p><b>Why is it Good?</b></p><p>Parallax permit your site visitors correspond with your web page and generate far better client experience. It can help you to stand out among your opponents.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Yachting Responsive Website Template","templatePreviewMetaDescription":"This website design is a sailing club website design providing simplicity of use and personalization. This regatta website theme will be a perfect first step","templateDemoMetaDescription":"Have a look at the live preview for the top notch Yachting Responsive Website Template (#54961) get yourself knowledgeable about this theme before you purchase it. Go through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Yachting Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/54961.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-07-06","sent":2,"downloads":20,"search_words":"Yacht club yachting yacht chartering sport yacht club steering control anchor sea team award regatta school training trainer achievement activities racing","is_adult":0,"exc_price":4500,"sent_date":"2015-07-07 06:15:49","last_upload":"2015-07-06 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"54961-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":895,"window_params":"","banner_url":"","id":1485385,"href":"","height":599},{"scr_type_id":3,"filename":"54961-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":408,"window_params":"","banner_url":"","id":1485386,"href":"","height":55},{"scr_type_id":297,"filename":"54961-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":430,"window_params":"","banner_url":"","id":1485387,"href":"","height":1027},{"scr_type_id":3,"filename":"54961-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":1800,"window_params":"","banner_url":"","id":1485388,"href":"","height":2767},{"scr_type_id":311,"filename":"54961-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":965,"window_params":"","banner_url":"","id":1485389,"href":"","height":2305},{"scr_type_id":3,"filename":"54961-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":1800,"window_params":"","banner_url":"","id":1485390,"href":"","height":2767},{"scr_type_id":314,"filename":"54961-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":2050,"window_params":"","banner_url":"","id":1485391,"href":"","height":4300},{"scr_type_id":78,"filename":"54961-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54961,"width":970,"window_params":"","banner_url":"","id":1485392,"href":"","height":280},{"scr_type_id":317,"filename":"54961-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":2050,"window_params":"","banner_url":"","id":1485393,"href":"","height":2767},{"scr_type_id":3,"filename":"54961-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":2050,"window_params":"","banner_url":"","id":1485394,"href":"","height":2767},{"scr_type_id":212,"filename":"54961-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":430,"window_params":"","banner_url":"","id":1485395,"href":"","height":60},{"scr_type_id":9,"filename":"54961-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":145,"window_params":"","banner_url":"","id":1485396,"href":"","height":156},{"scr_type_id":298,"filename":"54961-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":430,"window_params":"","banner_url":"","id":1485397,"href":"","height":900},{"scr_type_id":299,"filename":"54961-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":430,"window_params":"","banner_url":"","id":1485398,"href":"","height":900},{"scr_type_id":3,"filename":"54961-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":2050,"window_params":"","banner_url":"","id":1485399,"href":"","height":4300},{"scr_type_id":300,"filename":"54961-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":320,"window_params":"","banner_url":"","id":1485400,"href":"","height":900},{"scr_type_id":3,"filename":"54961-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":1800,"window_params":"","banner_url":"","id":1485401,"href":"","height":4300},{"scr_type_id":315,"filename":"54961-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":1800,"window_params":"","banner_url":"","id":1485402,"href":"","height":4300},{"scr_type_id":312,"filename":"54961-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":370,"window_params":"","banner_url":"","id":1485403,"href":"","height":370},{"scr_type_id":3,"filename":"54961-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":965,"window_params":"","banner_url":"","id":1485404,"href":"","height":1483},{"scr_type_id":334,"filename":"54961-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54961,"width":2050,"window_params":"","banner_url":"","id":1639399,"href":"","height":4300}],"demoUrl":"/demo/54961.html","image":"https://s.tmimgcdn.com/scr/54900/yachting-responsive-website-template_54961-original.jpg","searchHash":"2b1c36418c280aaf7e9a27c8a58a791c","previewHash":"37c6df09f74298be73defa0fc4f502dd","authorNickname":"WT","lowLevelTopic":"Yachting Templates","weightedRating":3.4857142857142858,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"uniqueKeywords":"Yacht Chartering","metaDescription":"This detailed preview of your Yachting Responsive Website Template (#54961) will let you make a knowledgeable decision to order and enjoy this pro website theme.","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Slider","Responsive Carousel"],"isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/54900/54961-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2019-11-07T00:01:31-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Have a look at the live preview for the top notch Yachting Responsive Website Template (#54961) get yourself knowledgeable about this theme before you purchase it. Go through the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"This website design is a sailing club website design providing simplicity of use and personalization. This regatta website theme will be a perfect first step for building yachting club, yachting lessons or yachting sport web pages. Traditionally, the theme was coded with valid HTML and CSS techniques. If you have any inquiries in relation to website layout use you can look at detailed documentation, also you receive 24/7 priority assistance helping to resolve any trouble. Just purchase this web layout and start doing a business on the net.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Regatta web template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for establishing website pages.</p> <p><b>Why is it Good?</b></p><p>Bootstrap enables you to create better websites .  </p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Sport Kit website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the internet page adjusts its size and shape to suit any sort of screen, from the smallest touch screen phones to the widest Desktop screens. For each and every gadget, webpage components expand or greatly reduce to seem perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive web page design helps to get good buyer experience and offer a extensive access to the web page information from any device.</p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Parallax Yachting Gear web template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique where front layouts move around  much faster than the back ones.</p> <p><b>Why is it Good?</b></p><p>Parallax permit your site visitors correspond with your web page and generate far better client experience. It can help you to stand out among your opponents.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","tags":["achievement","activities","anchor","award","chartering","club","control","racing","regatta","school","sea","sport","steering","team","trainer","training","yacht","yachting","back to school"],"customUrl":"/website-templates/54961.html","badge":"badge-responsive","nameOfTheTemplate":"Yachting Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Yachting Templates","Sport Templates","Sports, Outdoors & Travel"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/54900/54961-original.jpg","imagesList":"Depositphotos1617062original,Depositphotos3350807original,Depositphotos5204309original,Depositphotos11405680original,Depositphotos23293968original,Depositphotos1041968original,Depositphotos1276186original,Depositphotos1291994original,Depositphotos1382984original,Depositphotos3148496original,Depositphotos3350413original,Depositphotos3350807original,Depositphotos3921682original,Depositphotos3921975original,Depositphotos5505562original,Depositphotos7161537original,Depositphotos8157528original,Depositphotos9701296original,Depositphotos11047353original,Depositphotos11326149original,Depositphotos12245697EL4,Depositphotos12883217original,Depositphotos14559963original,Depositphotos32817757original","productFamily":"None","followUpLetter":"website-template-offers","color":["white","grey","blue","cyan"],"reviewsTotal":"4","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.3.x","livePreviewURL":"https://livedemo00.template-help.com/wt_54961","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 2 CSS bugs fixed</li>\n<li>- 1 font bug fixed</li>\n<li>- 3 layout bugs fixed</li>\n<li>- 1 styles bug fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1H9LHuJ","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"35%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 23 Dec 2024 03:52:41 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=54961&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54961&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54961&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 23 Dec 2024 03:57:41 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_54961<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54961 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/54961.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 #54961            </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=54961&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>