@import url('./css/reset.css');

@import url('./css/pink/skin.css');

body {
	background:#fff;
	color:#242424;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
p {
	margin:0;
	padding:8px 0 8px 0;
}
a {
	text-decoration:none;		
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight:bold;	
}
h1, h3, h4, h5, h6 {
	font-weight:bold;
	/*float:left;*/
	width:100%;
}
h1 {
	font-size:40px;
	line-height:46px;
	letter-spacing:-2px;
}
h2 {
	font-weight:bold;
	font-size:34px; 
	letter-spacing:-1.6px;
	padding:36px 0 10px 0;
	line-height:38px;	
}
h3 {
	font-size:30px;
	letter-spacing:-1.2px;
	padding:28px 0 6px 0;
	line-height:34px;	
}
h4 {
	font-size:26px;
	letter-spacing:-0.4px;
	padding:28px 0 8px 0;	
	letter-spacing:-0.8px;
	line-height:30px;
}
h5 { /* this is the header with lobster font / georgia */
	font-size:28px;
	font-weight:normal;
	padding:20px 0 6px 0;	
	line-height:32px;
}
h6 {
	font-size:22px;
	padding:20px 0 2px 0;
	letter-spacing:-0.4px;
	line-height:28px;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#242424;
	padding:4px;
}
input {
	height:14px;	
}
.clear {
	clear:both;
}

/* start header full slider */
.st-wrapper {
	margin:0 auto;
	position:relative;
	width:960px;
	height:452px;
}
#fwidth-slider {
	float:left;
	width:100%;
}
#fwidth-slider #slider {
	left: -480px;
	position: absolute;
	width: 1920px;
	top:0;
	background:#050505;
	overflow:hidden;
	height:452px;
}
#fwidth-slider #slider li {
	height:452px;
	position:relative;
	text-align:center;
	display:inline;
	width:1920px;
}
.sinfo-wrapper {
	position:absolute;
	bottom:60px;
	left:0;	
	background:url(./images/sinfo_bg.png) repeat left top;
	width:100%;
	height:90px;
}
.sinfo {
	margin:0 auto;
	width:960px;
	text-align:left;
	position:relative;
	z-index:8;	
}
.sdata-left {
	float:left;
	margin-left:268px;
	width:536px;	
}
.sdata-left p {
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding:20px 0 20px 0;
	line-height:24px;
	letter-spacing:-0.3px;
}
.sdata-left h5 {
	font-size:34px;	
	padding:28px 0 0 0;	
	line-height:28px;	
	height:32px;	
}

/* start homepage more link */
.sdata-left .more-link {
	position:absolute;
	top:-20px;
	right:0;
	width:121px;
	height:121px;
	display:block;
	text-decoration:none;
	font-size:24px;
}
.sdata-left .more-link .more-text {
	width:86px;
	float:left;
	margin:40px 0 0 20px;
	text-align:center;
}
.sdata-left .more-link:hover {
	background-position:0 -121px;	
}
/* end homepage more link */

#nav, #nav a {
	height:17px;
	z-index:90;
}
#nav {
	position:absolute;	
	top:414px;
	left:270px;
}
#nav a {
	text-indent:-9999px;
	display:block;
	width:18px;
	float:left;
	padding-right:8px;
	background:url(./images/slider_controls.png) no-repeat 0 0;
}
#nav a:hover, #nav a.activeSlide {
	background-position:0 -17px;	
}
#nav a:focus { 
	outline:none; 
}

/* end header full slider */

/* start top menu */
#menu-wrapper {
	position:absolute;
	top:0;
	left:0;	
	z-index:100;
	background:url(./images/menu_bg.png) repeat-y top center;
	width:200px;
	padding:0 22px 0 22px;	
}
#logo {
	float:left;
	width:100%;
	padding:12px 0 12px 0;
}
.sf-menu {
	float:left;
	width:100%;
	padding-bottom:10px;
}
.sf-menu li {
	width:100%;
	float:left; 
	position:relative;
	margin-top:2px;	
}
.sf-menu li a {
	float:left;
	width:160px;
	padding:8px 10px 8px 30px;
	text-decoration:none;
	color:#acacac;	
	background:url(./images/menu_arrow.png) no-repeat 8px 10px;
}
.sf-menu li a:hover {
	background:#1a1a1a url(./images/menu_arrow.png) no-repeat 8px -86px;	
}
.sf-menu li a span {
	font-weight:bold;
	font-size:17px;
	color:#dbdbdb;		
	display:block;
	width:100%;
}
.sf-menu li a strong {
	font-weight:normal;
	font-size:11px;
	color:#717171;
	display:block;
	width:100%;
	cursor:pointer;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu, .sf-menu * {
	z-index:100;
}
/* start submenus styels */
.sf-menu ul {
	position:absolute;
	border:1px solid #2d2d2d;
	top:-999em;
	width:202px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%;	
	padding:0;
	margin:0;
}
.sf-menu ul li a {
	margin:0;
	float:left;
	width:170px;
	padding:10px 16px 10px 16px;
	background:#050505;	
}
.sf-menu ul li a:hover {
	background:#1a1a1a;	
	color:#fff;		
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	200px;
	top:	0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			202px;
	top:			-1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			202px;
	top:			-1px;
}
/* end submenus styels */
.menu-add {
	float:left;
	background:url(./images/menu_end.png) no-repeat top center;
	height:65px;
	width:244px;
	z-index:80;
	position:absolute;
	bottom:-65px;
	left:0;	
}
/* end top menu */

/* start body area */
.main {
	float:left;
	width:100%;
}
.main-wrapper {
	margin:0 auto;
	width:960px;
	padding-top:48px;
}
/* end body area */

/* start different list types */
.green-checklist, .red-checklist, .orange-checklist, .blue-checklist, .purple-checklist, .pink-checklist, .yellow-checklist, .bullet-list {
	/*float:left;*/
	margin-top:10px;
}
.green-checklist li, .red-checklist li, .orange-checklist li, .blue-checklist li, .purple-checklist li, .pink-checklist li, .yellow-checklist li {
	padding:5px 0 5px 36px;
}
.bullet-list, .bullet-list li {
	list-style:inside disc;
}
.bullet-list li {
	padding:3px 0 3px 24px;
}
ol {
	float:left;	
	margin-top:10px;
}
ol, ol li {
	list-style:decimal inside;

}
ol li {
	padding:3px 0 3px 24px;
}
/* end different list types */


/* start column framework */
.last {
	margin-right:0 !important;
	clear:right;
}
.half-box {
	float:left;
	width:472px;
	margin-right:15px;
	margin-top:16px;
}

/* end column framework */
.hb-body {
	float:left;
	margin:12px;
	width:416px;
	padding:16px;
}
*:first-child+html .hb-body { /* this applies only to ie7 */
	float:none;
}
.hb-content {
	float:left;
	width:320px;
}
.hb-img {
	float:left;
	margin:0 20px 0 0;	
}
.hb-body h5 {
	padding:6px 0 2px 0;	
}
/* start footer */
#footer {
	float:left;
	width:100%;
	background:#050505 url(./images/ftop_decoration.gif) repeat-x top center;	
	margin-top:34px;
	color:#bebebe;
}
#footer a, .fbottom a {
	color:#eaeaea;	
}
#footer a:hover, .fbottom a:hover {
	text-decoration:none;
}
.footer-wrapper {
	margin:0 auto;
	width:960px;
	padding-top:48px;
}
.fbox-wrapper {
	width:996px;
	float:left;
	margin-left:-36px;
}
.fbox {
	float:left;
	margin:0 0 0 36px;	
	width:213px;
	padding-bottom:34px;
}
.fbox h6 {
	color:#eaeaea;
	padding:0 0 10px 0;
	border-bottom:1px solid #2d2d2d;
}
.fbox-content {
	float:left;
	width:100%;
	padding:6px 0 10px 0;	
}
.fbox ul {
	float:left;
	margin-top:6px;	
	width:100%;
}
.fbox ul li {
	padding:2px 0 2px 0;
	float:left;
	width:100%;
}
.fbox ul li a {
	padding:3px 10px 3px 36px;
	display:block;
	float:left;
}
.fconnect ul li {
	width:32px;
	height:32px;
	float:left;
	padding:0 13px 0 0;
}
.fconnect ul li a, .fconnect ul li a:hover {
	padding:0;
	background:none;	
}
.flogo p {
	font-size:15px;
	font-style:italic;
	line-height:27px;
	color:#bebebe;	
}
.fbottom {
	float:left;
	width:100%;
	border-top:1px solid #292929;
	background:#262626 url(http://goldenworks.ro/demos/royalty/images/ftexture.gif) repeat top center;
	color:#bebebe;
}
.fbottom-wrapper {
	margin:0 auto;
	width:960px;
	padding:10px 0 30px 0;	
}
/* end footer */

/* start interior top area */

.page_banner{
	position: relative;
	width: 100%;
}

.int-wrapper {
	margin:0 auto;
	position:relative;
	width:960px;
/*	height:238px; */
}
#fwidth-interior {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:238px;
	overflow: hidden;
}
.interior-top {
	left: 0;
	position: absolute;
	width: 100%;
	top:0;
	background:#050505;
	overflow:hidden;
	height:238px;	
	overflow: hidden;
}
.intop-container {
	height:238px;
	position:relative;
	text-align:center;
}
.intop-container .sinfo-wrapper {
	position:absolute;
	bottom:32px;
}
.intitle-left {
	float:left;
	margin-left:268px;
	width:690px;
}
.intitle-left h1 {
	padding:21px 0 21px 0;	
}
.int-wrapper #menu-wrapper { /* this applies only to main menu on interior pages */
	position:relative;
	float:left;
}
.intdec {
	width:100%;
	position:absolute;
	top:238px;
	left:0;
	height:12px;
	z-index:-1;
}
/* end interior top area */
.left {
	float:left;
	position:relative !important;
	width:244px;
	z-index:100;	
}
.right {
	float:left;
	width:678px;
	margin:276px 0 0 36px;
}


/* start sidebar styles */
.sidebar {
	float:left;
	width:100%;	
	margin-top:60px;
}
.e_mail {
	float:left;
	width:225px;
	height:25px;
}
.box {
	float:left;
	width:100%;
	margin-top:36px;	
}
.box h5 {
	padding:6px 0 3px 44px;
	width:200px;
	margin-bottom:6px;	
}
.search-fieldset {
	float:left;
	width:100%;
	margin-top:14px;
}
.search-fieldset .search-input {
	width:160px;
	float:left;	
	margin-right:1px;
}
.submit-btn {
	border:0 none;
	text-transform:uppercase;
	padding:4px 8px 2px 8px;	
	float:left;
	overflow:visible;
	height:24px;
	font-size:11px;
	margin:0;
}
.box ul {
	float:left;
	width:100%;
}
.box ul li {
	padding:2px 0 2px 0;
	float:left;
	width:100%;
}
.box ul li a {
	padding:3px 10px 3px 36px;
	display:block;
	float:left;
}
.box ul li a:hover {
	text-decoration:none;	
}
.box p {
	float:left;	
}
.waddress p {
	width:100%;
	padding:6px 0 6px 0;
}
/* end sidebar styles */
.breadcrumbs {
	/*float:left;*/
	width:100%;
	color:#6a6a6a;
	font-size:22px;
	padding-bottom:10px;
	line-height:28px;
}
.right h2 {
	padding:22px 0 10px 0;
}
.intro {
	padding-bottom:10px;	
}
.intro p {
	font-size:18px;
	line-height:24px;		
}
.line {
	float:left;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	padding-bottom:14px;
}
.italic {
	font-style:italic;	
}
.alignleft, img.alignleft, a img.alignleft {
	float:left; 
	margin:8px 20px 10px 0;
}
.alignleft img, .alignright img {
	display:block;

}
.alignright, img.alignright, a img.alignright {
	float:right; 
	margin:8px 0 10px 20px;
}
.alignleft, .alignright {
	padding:10px;
}
.image-holder {
	position:relative;
	display:block;	
}
/* START table styles */
.tbl {
	float:left;
	width:680px;
}
*:first-child+html .tbl { /* this applies only to ie7 */
	margin-bottom:10px;
}
.tbl td {
	float:left;
}
.tbl tr td {
	padding:7px 0 7px 22px;
}
.tbl tr .td-1 { 
	width:148px; 
}
.tbl tr .td-2 {
	width:148px; 
}
.tbl tr .td-3 {
	width:148px;
}
.tbl tr .td-4 {
	width:148px; 
}
/* END table styles */

blockquote {
	float:left;
	width:640px;
	padding:16px 20px 16px 20px;
}
blockquote p {
	float:left;
	width:558px;
	font-size:20px;
	line-height:28px;
}
.quote-decoration {
	float:left;
	width:37px;
	height:29px;
	margin:14px 20px 0 4px;
}
.greenbox, .bluebox, .orangebox, .redbox {
	float:left;
	width:628px;
	padding:10px 24px 10px 24px;	
}
.greenbox-wrapper, .bluebox-wrapper, .orangebox-wrapper, .redbox-wrapper {
	margin:8px 0 8px 0;
}
code {
	font-family:mono-space,monospace;
	white-space:pre;
	overflow:auto;
	line-height:21px;	
	float:left;
	margin-top:4px;
	padding:0 14px;
	display:block;		
}
/* start button styles */
.btn-red, .btn-green, .btn-yellow, .btn-blue, .btn-pink, .btn-orange, .btn-purple, .btn-black, .btn-oposite, .btn-skin a {
	display:block;
	padding:3px 14px 2px 14px;
	float:left;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:0.4px;
	color:#fff;
	margin:6px 0 0 0; 
}
.btn-oposite {
	margin-right:1px;	
}
.btn-red a, .btn-green a, .btn-yellow a, .btn-blue a, .btn-pink a, .btn-orange a, .btn-purple a, .btn-black a, .btn-oposite a {
	color:#fff;	
}
.btn-red a:hover, .btn-green a:hover, .btn-yellow a:hover, .btn-blue a:hover, .btn-pink a:hover, .btn-orange a:hover, .btn-purple a:hover, .btn-black a:hover, .btn-oposite a:hover, .btn-skin a:hover {
	text-decoration:none;
}
.btn-red:hover, .btn-green:hover, .btn-yellow:hover, .btn-blue:hover, .btn-pink:hover, .btn-orange:hover, .btn-purple:hover, .btn-skin a:hover {
	background:#242424;		
}
.btn-red {
	background:#cf1717;	/* the red background */	
}
.btn-green {
	background:#8ccf17;	/* the green background */		
}
.btn-yellow {
	background:#e5c90e;	/* the yellow background */	
}
.btn-blue {
	background:#00a8f6;	/* the blue background */		
}
.btn-pink {
	background:#e40066;	/* the pink background */	
}
.btn-orange {
	background:#f68b00;	/* the orange background */		
}
.btn-purple {
	background:#771fbb;	/* the purple background */	
}
.btn-black {
	background:#242424;	/* the black background */	
}
.btn-black:hover {
	background:#343434;	
}
/* end button styles */

/* start blog styles */
.blog-block {
	float:left;
	width:100%;	
	margin:40px 0 38px 0;
	position:relative;
}
.blogfix {
	margin:0 32px 24px 0;
}
.bcateg {
	font-size:20px;
	padding:0 0 30px 0;
	float:left;
	width:354px;
}
.blog-block h2 {
	float:none !important;
	margin:0;
	padding:6px 0 10px 0;
	line-height:36px;
	font-size:34px;
}
*:first-child+html .blog-block h2 { /* this applies only to ie7 */
	width:354px;
}
.blog-block h2 a {
	text-decoration:none;	
}
.bdate {
	width:91px;
	height:91px;
	position:absolute;
	top:-18px;
	left:226px;
	z-index:10;
	display:block;
}
.bdate p {
	width:94px;
	text-align:center;
	color:#fff;
	line-height:12px;	
	font-size:14px;
	margin:11px 0 0 1px;
}
.bdate p span {
	font-size:40px;
}
.blog-interior {
	margin-bottom:0;	
}
.blog-block .line {
	margin-top:8px;
	padding-bottom:4px;
}
/* end blog styles */


/* start wp pagination */
.wp-pagenavi {
	clear:both;
	position:relative;
	top:-16px;
	z-index:10;
}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	padding:5px 11px 4px 11px;
	display:inline-block;		
	text-decoration:none;	
	cursor:pointer;
	font-size:11px;
	color:#424242;
	margin:0;
	margin:0 -2px 0 0;	
}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:0 -2px 0 0;	
}
.wp-pagenavi span.pages {
	float:right;
	padding-right:18px;
	display:block;
	cursor:pointer;
	cursor:text;
	background:none;
}
/* end wp pagination */

/* start social */
.social {
	float:left;
	width:100%;	
}
.social h4 {
	padding-bottom:2px;	
}
.social ul {
	float:left;
	width:656px;
	padding:3px 12px 0 12px;
	margin-top:10px;
}
.social ul li {
	float:left;
	padding:12px 6px 8px 6px;	
}
/* end social */

/* start comments section */
.comments-wrapper {
	float:left;
	width:100%;
	margin-top:10px;
}
.comments-wrapper h4 {
	padding-bottom:2px;
}
.blog-comment-fieldset {
	float:left;
	width:644px;
	margin-top:6px;
	padding:20px 18px 20px 18px;
}
.blog-comment-fieldset ul li {
	float:left;
	width:100%;
	margin:4px 0 4px 0;
}
.blog-comment-fieldset ul li label {
	float:left;
	margin:6px 0 0 6px;
	display:block;
}
.bc-input {
	float:left;
	margin:3px 0 0 0;
	width:250px;
}
.bc-textarea {
	float:left;
	height:154px;
	line-height:16px;	
	margin:3px 0 0 0;
	overflow:auto;
	width:630px;
}
/* end comments section */

/* START contact form styles */
.contact-fieldset {
	float:left;
	width:100%;
	margin-top:4px;
	padding-bottom:20px;
}
.contact-fieldset ul {
	float:left;
	margin-top:10px;
	width:100%;
}
.contact-fieldset ul li {
	float:left;
	margin:7px 0 7px 0;
	width:100%;
}
.contact-fieldset ul li label {
	float:left;
	width:108px;
}
.contact-input {
	float:left;
	width:256px;
}
.contact-textarea {
	height:166px;
	float:left;
	overflow:auto;
	width:468px;
}
.contact-fieldset .submit-btn {
	margin-left:108px;
	float:left;
}
/* END contact form styles */

/* start portfolio styles */
.portfolio-1, .portfolio-2 {
	float:left;
	width:100%;	
}
.port2-list {
	float:left;
	width:700px;	
	margin:4px 0 0 -20px;
	padding-bottom:36px;
}
.port2-list li {
	float:left;
	margin:20px 0 0 20px;
	padding:10px;
	position:relative;
}
.port1-list li img, .port2-list li img, .gallery-list li img {
	display:block;
}
.hframe {
	display:none;
	position:absolute;
	top:11px;
	left:11px;
	width:308px;
	height:188px;
	background:#000 url(./images/hframe_bg.gif) repeat top left;
}
.hframe p {
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	line-height:28px;
	float:left;
	width:250px;
	margin:26px 0 0 30px;
}
.hframe-controls {
	position:relative;
	width:154px;
	top:26px;
	left:80px;
}
.hframe-controls a {
	display:block;
	float:left;
	margin:0 11px 0 0;	
}
.hframe-details, .hframe-zoom {
	width:65px;
	height:65px;
	text-indent:-9999px;	
}
.hframe-details:hover, .hframe-zoom:hover {
	background-position:0 -65px;	
}
.port1-list li .port1-content img, .port2-list li .hframe-controls img {
	border:none;	
}

img.p1-img{
	width: 400px;
	height: 238px;
}
.port1-list {
	float:left;
	padding-bottom:36px;	
}
.port1-list li {
	float:left;
	margin:20px 0 0 0;
	padding:10px;
	position:relative;
	width:660px;
}
.port1-content {
	float:left;
	width:218px;
	padding:20px;
	height:200px;
}
.port1-content h3 {
	padding:0 0 10px 0;
}
.p1-img {
	float:left;	
}
.port1-list .more-link {
	position:absolute;
	bottom:26px;
	right:26px;
	width:91px;
	height:91px;
	text-decoration:none;
	font-size:22px;
}
.port1-list .more-link .more-text {
	width:64px;
	float:left;
	margin:23px 0 0 17px;
	text-align:center;
}
.port1-list .more-link:hover {
	background-position:0 -91px;	
}
/* end portfolio styles */

/* start gallery styles */
.gallery-wrapper {
	float:left;
	width:702px;	
	margin:4px 0 0 -22px;
	
}	
.gallery-list {
	float:left;
	padding-bottom:36px;	
}
.gallery-list li {
	float:left;
	margin:22px 0 0 22px;
	padding:10px;
	position:relative;
	height:192px;
	width:192px;
}
.gallery-list li img {
	display:block;	
}
.zoom-parent {
	display:block;
	position:relative;
}
.image-zoom {
	cursor:pointer; 
    display:none;
    height:100%;
    position:absolute;
    width:100%;
    z-index:90;
	top:0;
	left:0;
}
.image-zoom a, .image-zoom img {
	display:block;
	width:91px;
	height:91px;
	position:relative;
}
.gallery-list .image-zoom img {
	border:0 none;		
}
.image-zoom img {
	top:50%;
	left:50%; 
}
/* end gallery styles */

/* start toggle content */
h6.toggle {
	padding-bottom:0;
}
h6.toggle a {
	text-decoration: none;
	display:block;
	padding-bottom:8px;
	padding:0 0 8px 40px;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	float:left;
	width:100%;
}
.toggle-content .block {
	padding:14px 20px 14px 20px;
	float:left;
}
h6.active a {
	background-position:0 -63px;	
}
/* end toggle content */

.pic-box {
	width:150px;
	height:120px;
	float:left;
	margin:0 10px 10px 0;
	border:#c6c6c6 5px solid;
}
.ta_mobile, .contact_mobile{
	display: none;
}



.contact_form{
	/*width: 100%;*/
	padding: 20px;
	background-color: #848484;
	border-radius: 5px;
	border: 5px solid #eda012;
	clear: both;
}

.form_field, .form_field1{
	display: block;
  width: 96%;
  height: 25px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;  
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
	margin-bottom: 10px;
	clear: both;
}

select.form_field, select.form_field1{
	padding: 5px;	
	height: 35px;
	width: 100%
}
textarea.form_field, textarea.form_field1{
	resize: none;
	height: 70px;
}

.contact_btn, .btn{
	padding: 10px 25px;
	background-color: #ed3b3b;
	color: #fff;
	border: none;
	border-radius: 4px;
	height: auto;
	font-size: 14px;
}
.mobile_menu, .mob_menu{
	display: none;
}
.sub-menu{
	display: inherit;
}







/*===========================================*/

@media (max-width: 1100px){
	

	.mobile_menu{
	display: block;
		background-color: #000;
		width: 100%;
		float: left;
		padding: 5px;
}
	.mob_menu{
		display: block;
	}
	
	.hide_xs, .sub-menu{
		display: none;
	}
	
	.left{
		width: 100%;
		margin: 0 auto;
		position: fixed !important;;
		top: 0;
		left: 0;
		height: auto;
	}
	#trigger{
		display: block;		
		color: #e58e18;
		cursor: pointer;
		float: left;
		margin-right: 10px;
		font-size: 24px;
		margin-top: 30px;
		margin-left: 20px
	}
	.int-wrapper #menu-wrapper {		
		position: absolute;		
		/*height: 100%;*/
		z-index: 10;
		transform: translate(-150%, 0px);
		transition: all 0.75s ease-in-out;
		width: 100%;
		background:#000;
		top: 86px;
		padding: 0;
		border-top: 1px solid #333;
		overflow-y: scroll;
	}
	.int-wrapper #menu-wrapper.active {
		-webkit-transform: translate(0%, 0px);
		transform: translate(0%, 0px);
		transition: all 0.75s ease-in-out;
		height: auto;
	}
	
	.sf-menu li, .sf-menu li ul{
		position: inherit;
		width: 100%;
	}
	
	.sf-menu ul li a{		
		width: 95%;
		padding: 10px 0 10px 16px;
		border-top: 1px solid #171717;
	}
	.sf-menu li a{
		width: 100%;
	}
	.right{
		width: 90%;
		margin: 0 auto;
		float: inherit;
	}
	
	.int-wrapper, .footer-wrapper, .fbottom-wrapper{
		width: 740px;
	}
	.port1-list li{
		margin: auto;
		width: 100%;
		padding: 10px 0;
	}
	.port1-content {
		float: left;
		width: 50%;
		padding: 20px 0 20px 0;
		height: 250px;
	}

	img.p1-img {
		width: 49%;
		height: auto;
		float: right;
	}
	.sidebar{
		margin-top: 0;
	}
	.box {
		float: left;
		width: 30%;
		margin-top: 36px;
		padding: 10px 0;
	}
	.box h5{
		width: 85%;
		text-align: left;
	}
	.ta_mobile, .contact_mobile{
		display: block;
	}
	.ta_mobile{
		width: 90%;
		float: left;
		/*text-align: center;*/
	}
	
	.intop-container{
		text-align: inherit;
		height: auto;
		position: inherit;
	}
	
	.intop-container .sinfo-wrapper {
		position:inherit;
		bottom:0;
	}
	.interior-top{
		width: 100%;
		left: 0;
		position: inherit;
		height: 350px;
		background: transparent;
	}
	#fwidth-interior {
	width:100%;
	position:inherit;
	
	height:auto;
	overflow: visible;
}
	
	img.the-image{
		width: 100% !important;
		height: auto !important;
		margin-top: 86px;
	}
	
	.intitle-left {
    float: none;    
    width: 100%;
    margin: auto;
    text-align: center;
}
	.sinfo{
		width: 100%;
	}
	
	.right img{
		
		height: auto !important;
	}
	
	
	
	
	.fbox-wrapper{
		width: 100%;
		margin-left: 0;
		float: none;
	}
	.fbox {
		float: left;
		margin: 0 0 0 0;
		width: 100%;
		padding-bottom: 34px;
	}
}

@media (max-width: 800px){
	.port1-list .more-link{
		bottom: 100px;
	}
}
@media (max-width: 767px){	
	.int-wrapper, .footer-wrapper, .fbottom-wrapper{
		width: 90%;		
	}
	img.p1-img{
		width: 100%;
		height: auto;
		float: left;
	}
	.port1-content{
		width: 100%;
		height: auto;
	}
	.box.col_sm_50{
		width: 50%;
		padding: 0;
	}
	.box.col_sm_100{
		width: 100%;
		padding: 0;
	}
	
	.col_sm_25{
		width: 50%;
		
	}
	/*.ta_mobile{
		text-align: center;
	}*/
	/*.interior-top {
		width: 100%;
		left: 0;
	}*/
	.col_sm_25{
		width: 25%;
		padding: 0;
		float: left;
	}
	.port1-list .more-link{
		bottom: 50px;
	}

}

@media (max-width: 600px){
	.form_field{
		width: 90%;
	}
	
	
}
	
@media (max-width: 480px){
	.box.col_xs_100{
		width: 100%;
	}
	.col_sm_25{
		width: 100%;
		margin: 15px 0;
		
	}
	.port1-list .more-link{
		bottom: 26px;
	}
	
	.whatsapp_btn{
	    bottom: 2px;
    right: 0px;
	}
}


.whatsapp_btn {
    padding: 14px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 70px;
    height: 70px;
    
    border-radius: 100%;
    text-align: center;
    z-index: 2000;
}

.whatsapp_btn img {
	width :75px;
	}