<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Responsive Template Name: RS-1200 Prototype 24
File: 1200px Responsive Framework CSS
Author: OS Templates
Author URI: //www.os-templates.com/
Licence: &lt;a href="//www.os-templates.com/template-terms"&gt;Website Template Licence&lt;/a&gt;
*/

.one_half, 
.one_third, .two_third, 
.one_quarter, .two_quarter, .three_quarter, 
.one_fifth, .two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth{display:inline; float:left; margin:0 0 0 5%; list-style:none;}

.one_half:first-child, 
.one_third:first-child, .two_third:first-child, 
.one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, 
.one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child, 
.one_sixth:first-child, .two_sixth:first-child, .three_sixth:first-child, .four_sixth:first-child, .five_sixth:first-child{margin-left:0;}

.first 	{clear:left;}
.first, .nogutter{margin-left:0;}

.full_width{display:block; width:100%; clear:both;}

body.boxed .wrapper{max-width:90%; padding:0 1.6%; margin:0 auto;}

/*----------------------------------------------Half Grid-------------------------------------*/

/*
.one_half{width:570px;} =&gt; 570 ÷ 1200 = 0.475 * 100 = 47.5
*/

.one_half{width:47.5%;}

/*
.one_half.nogutter{width:600px;} =&gt; 600 ÷ 1200 = 0.5 * 100 = 50
*/

.one_half.nogutter{width:50%;}

/*----------------------------------------------Third Grid-------------------------------------*/

/*
.one_third{width:360px;} =&gt; 360 ÷ 1200 = 0.3 * 100 = 30
.two_third{width:780px} =&gt; 780 ÷ 1200 = 0.65 * 100 = 65
*/

.one_third{width:30%;}
.two_third{width:65%;}

/*
.one_third.nogutter{width:400px;} =&gt; 400 ÷ 1200 = 0.3333333 * 100 = 33.33333
.two_third.nogutter * .one_third.nogutter =&gt; 2 * 33.33333 = 66.66666
*/

.one_third.nogutter{width:33.33333%;}
.two_third.nogutter{width:66.66666%;}


/*----------------------------------------------Quarter Grid-------------------------------------*/

/*
.one_quarter{width:255px;} =&gt; 255 ÷ 1200 = 0.2125 * 100 = 21.25
.two_quarter{width:570px} =&gt; 570 ÷ 1200 = 0.475 * 100 = 47.5
.three_quarter{width:885px} =&gt; 885 ÷ 1200 = 0.7375 * 100 = 73.75
*/

.one_quarter{width:21.25%;}
.two_quarter{width:47.5%;} /* Same as one_half */
.three_quarter{width:73.75%;}

/*
.one_quarter.nogutter{width:300px;} =&gt; 300 ÷ 1200 = 0.25 * 100 = 25
.two_quarter.nogutter * .one_quarter.nogutter =&gt; 2 * 25 = 50
.three_quarter.nogutter * .one_quarter.nogutter =&gt; 3 * 25 = 75
*/

.one_quarter.nogutter{width:25%;}
.two_quarter.nogutter{width:50%;}
.three_quarter.nogutter{width:75%;}


/*----------------------------------------------Fifth Grid-------------------------------------*/

/*
.one_fifth{width:192px;} =&gt; 192 ÷ 1200 = 0.16 * 100 = 16
.two_fifth{width:444px} =&gt; 444 ÷ 1200 = 0.37 * 100 = 37
.three_fifth{width:696px} =&gt; 696 ÷ 1200 = 0.58 * 100 = 58
.four_fifth{width:948px} =&gt; 948 ÷ 1200 = 0.79 * 100 = 79
*/

.one_fifth{width:16%;}
.two_fifth{width:37%;}
.three_fifth{width:58%;}
.four_fifth{width:79%;}

/*
.one_fifth.nogutter{width:240px;} =&gt; 240 ÷ 1200 = 0.2 * 100 = 20
.two_fifth.nogutter * .one_fifth.nogutter =&gt; 2 * 20 = 40
.three_fifth.nogutter * .one_fifth.nogutter =&gt; 3 * 20 = 60
.four_fifth.nogutter * .one_fifth.nogutter =&gt; 4 * 20 = 80
*/

.one_fifth.nogutter{width:20%;}
.two_fifth.nogutter{width:40%;}
.three_fifth.nogutter{width:60%;}
.four_fifth.nogutter{width:80%;}


/*----------------------------------------------Sixth Grid-------------------------------------*/

/*
.one_sixth{width:150px;} =&gt; 150 ÷ 1200 = 0.125 * 100 = 12.5
.two_sixth{width:360px;} =&gt; 360 ÷ 1200 = 0.3 * 100 = 30
.three_sixth{width:570px;} =&gt; 570 ÷ 1200 = 0.475 * 100 = 47.5
.four_sixth{width:780px;} =&gt; 780 ÷ 1200 = 0.65 * 100 = 65
.five_sixth{width:990px;} =&gt; 990 ÷ 1200 = 0.825 * 100 = 82.5
*/

.one_sixth{width:12.5%;}
.two_sixth{width:30%;} /* Same as one_third */
.three_sixth{width:47.5%;} /* Same as one_half */
.four_sixth{width:65%;} /* Same as two_third */
.five_sixth{width:82.5%;}

/*
.one_sixth.nogutter{width:200px;} =&gt; 200 ÷ 1200 = 0.1666666 * 100 = 16.66666
.two_sixth.nogutter * .one_sixth.nogutter =&gt; 2 * 16.66666 = 33.33332
.three_sixth.nogutter * .one_sixth.nogutter =&gt; 3 * 16.66666 = 49.99998
.four_sixth.nogutter * .one_sixth.nogutter =&gt; 4 * 16.66666 = 66.66664
.five_sixth.nogutter * .one_sixth.nogutter =&gt; 5 * 16.66666 = 83.3333
*/

.one_sixth.nogutter{width:16.66666%;}
.two_sixth.nogutter{width:33.33332%;}
.three_sixth.nogutter{width:49.99998%;}
.four_sixth.nogutter{width:66.66664%;}
.five_sixth.nogutter{width:83.3333%;}



/*****************************************************************/
/* my framework 						 */
/*****************************************************************/

.nopadding { padding:0px !important; }
.nomargin  { margin:0px !important; }

.pad5 {padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad25{padding:25px !important;}
.pad30{padding:30px !important;}
.pad35{padding:35px !important;}
.pad40{padding:40px !important;}
.pad45{padding:45px !important;}
.pad50{padding:50px !important;}
.pad55{padding:55px !important;}
.pad60{padding:60px !important;}
.pad65{padding:65px !important;}
.pad70{padding:70px !important;}
.pad75{padding:75px !important;}
.pad80{padding:80px !important;}
.pad85{padding:85px !important;}
.pad90{padding:90px !important;}
.pad95{padding:95px !important;}
.pad100{padding:100px !important;}

.pad-top-10	{ padding-top:10px !important; }
.pad-bottom-10	{ padding-bottom:10px !important; }
.pad-left-10	{ padding-left:10px !important; }
.pad-right-10	{ padding-right:10px !important; }


.pad-top-20	{ padding-top:20px !important; }
.pad-bottom-20	{ padding-bottom:20px !important; }
.pad-left-20	{ padding-left:20px !important; }
.pad-right-20	{ padding-right:20px !important; }

.marg-top-10	{ margin-top:10px !important; }
.marg-bottom-10	{ margin-bottom:10px !important; }
.marg-left-10	{ margin-left:10px !important; }
.marg-right-10	{ margin-right:10px !important; }

.marg-top-20	{ margin-top:20px !important; }
.marg-bottom-20	{ margin-bottom:20px !important; }
.marg-left-20	{ margin-left:20px !important; }
.marg-right-20	{ margin-right:20px !important; }

.marg-top-30	{ margin-top:30px !important; }
.marg-bottom-30	{ margin-bottom:30px !important; }
.marg-left-30	{ margin-left:30px !important; }
.marg-right-30	{ margin-right:30px !important; }

.marg-top-40	{ margin-top:40px !important; }
.marg-bottom-40	{ margin-bottom:40px !important; }
.marg-left-40	{ margin-left:40px !important; }
.marg-right-40	{ margin-right:40px !important; }

.marg-top-50	{ margin-top:50px !important; }
.marg-bottom-50	{ margin-bottom:50px !important; }
.marg-left-50	{ margin-left:50px !important; }
.marg-right-50	{ margin-right:50px !important; }

.marg-top-60	{ margin-top:60px !important; }
.marg-bottom-60	{ margin-bottom:60px !important; }
.marg-left-60	{ margin-left:60px !important; }
.marg-right-60	{ margin-right:60px !important; }


.marg-top-110	{ margin-top:110px !important; }
.marg-bottom-110	{ margin-bottom:110px !important; }
.marg-left-100	{ margin-left:110px !important; }
.marg-right-100	{ margin-right:110px !important; }


.marg-top-m10	{ margin-top:-10px !important; }
.marg-bottom-m10{ margin-bottom:-10px !important; }
.marg-left-m10	{ margin-left:-10px !important; }
.marg-right-m10	{ margin-right:-10px !important; }

.marg-top-m20	{ margin-top:-20px !important; }
.marg-bottom-m20{ margin-bottom:-20px !important; }
.marg-left-m20	{ margin-left:-20px !important; }
.marg-right-m20	{ margin-right:-20px !important; }

.marg-top-m30	{ margin-top:-30px !important; }
.marg-bottom-m30{ margin-bottom:-30px !important; }
.marg-left-m30	{ margin-left:-30px !important; }
.marg-right-m23	{ margin-right:-30px !important; }


.marg-top-m40	{ margin-top:-40px !important; }
.marg-bottom-m40{ margin-bottom:-40px !important; }
.marg-left-m40	{ margin-left:-40px !important; }
.marg-right-m40	{ margin-right:-40px !important; }

.marg-top-m60	{ margin-top:-60px !important; }
.marg-bottom-m60{ margin-bottom:-60px !important; }
.marg-left-m60	{ margin-left:-60px !important; }
.marg-right-m60	{ margin-right:-60px !important; }

.marg-top-m90	{ margin-top:-90px !important; }
.marg-bottom-m90{ margin-bottom:-90px !important; }
.marg-left-m90	{ margin-left:-90px !important; }
.marg-right-m90	{ margin-right:-90px !important; }

.set-width-310		{ width:310px; }
.set-width-300		{ width:300px; }
.set-width-260		{ width:260px; }
.set-width-250		{ width:250px; }
.set-width-200		{ width:200px; }
.set-width-150		{ width:150px; }
.set-width-100		{ width:100px; }
.set-width-80		{ width:80px; }
.set-width-70		{ width:70px; }
.set-width-60		{ width:60px; }
.set-width-50		{ width:50px; }

.set-max-width-300	{ max-width:300px !important; }
.set-min-width-300	{ min-width:300px !important; }

.set-max-width-400	{ max-width:400px !important; }
.set-min-width-400	{ min-width:400px !important; }

.set-max-width-350	{ max-width:350px !important; }
.set-min-width-350	{ min-width:350px !important; }

.set-min-height-120	{ min-height:120px !important; }
.set-min-height-250	{ min-height:250px !important; }
.set-min-height-350	{ min-height:350px !important; }

.set-shadow		{ box-shadow: 1px 1px 5px 2px #666;  }

.set-white-shadow	{ box-shadow: 1px 1px 5px 2px #ccc;  }

.text-align-left 	{ text-align:left     !important; }
.text-align-center 	{ text-align:center   !important; }
.text-align-right	{ text-align:right    !important;  }
.text-align-just	{ text-align:justify  !important;  }

.center_objects		{ margin-left: auto; margin-right: auto; }

.add_float_right	{ float:right; }
.add_float_left		{ float:left; }
.clearer		{ clear: both; height:0px; font-size:0px; }

/* Rows */
.row-float-left		{ float:left;  text-align:left;  }
.row-float-right	{ float:right; text-align:right;}
.row-clearer 		{ clear: both; height:0px; font-size:0px;}


/* text */
.left	{  text-align:left;  }
.right	{  text-align:right; }

.indent-30 { text-indent: 30px; }




/************************************************/
/* -980 					*/
/* style-mobile.css				*/
/************************************************/
@media screen	and (max-width : 980px) {

	.pad, 
	.one_half, .two_third, 
	.one_third, .two_third, .three_third, 
	.one_quarter, .two_quarter, .three_quarter, .four_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth	{ display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}

	.pad	{margin:0; padding:0 10px;}
	.more	{text-align:left; clear:both;}
	
	
	
}


/************************************************/
/* 981-1200					*/
/* style-1000px.css				*/
/************************************************/



/************************************************/
/* 1200-					*/
/* style-desktop.css				*/
/************************************************/




</pre></body></html>