@font-face {
	font-family: 'thaisans_neuebold';
	src: url("../fonts/thaisansneue-bold-webfont.eot");
	src: url("../fonts/thaisansneue-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/thaisansneue-bold-webfont.woff2") format("woff2"), url("../fonts/thaisansneue-bold-webfont.woff") format("woff"), url("../fonts/thaisansneue-bold-webfont.ttf") format("truetype"), url("../fonts/thaisansneue-bold-webfont.svg#thaisans_neuebold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'thaisans_neueitalic';
	src: url("../fonts/thaisansneue-italic-webfont.eot");
	src: url("../fonts/thaisansneue-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/thaisansneue-italic-webfont.woff2") format("woff2"), url("../fonts/thaisansneue-italic-webfont.woff") format("woff"), url("../fonts/thaisansneue-italic-webfont.ttf") format("truetype"), url("../fonts/thaisansneue-italic-webfont.svg#thaisans_neueitalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'thaisans_neuelight';
	src: url("../fonts/thaisansneue-light-webfont.eot");
	src: url("../fonts/thaisansneue-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/thaisansneue-light-webfont.woff2") format("woff2"), url("../fonts/thaisansneue-light-webfont.woff") format("woff"), url("../fonts/thaisansneue-light-webfont.ttf") format("truetype"), url("../fonts/thaisansneue-light-webfont.svg#thaisans_neuelight") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'thaisans_neuelight_italic';
	src: url("../fonts/thaisansneue-lightitalic-webfont.eot");
	src: url("../fonts/thaisansneue-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/thaisansneue-lightitalic-webfont.woff2") format("woff2"), url("../fonts/thaisansneue-lightitalic-webfont.woff") format("woff"), url("../fonts/thaisansneue-lightitalic-webfont.ttf") format("truetype"), url("../fonts/thaisansneue-lightitalic-webfont.svg#thaisans_neuelight_italic") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'thaisans_neueregular';
	src: url("../fonts/thaisansneue-regular-webfont.eot");
	src: url("../fonts/thaisansneue-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/thaisansneue-regular-webfont.woff2") format("woff2"), url("../fonts/thaisansneue-regular-webfont.woff") format("woff"), url("../fonts/thaisansneue-regular-webfont.ttf") format("truetype"), url("../fonts/thaisansneue-regular-webfont.svg#thaisans_neueregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'thaisans_neuesemi_bold';
	src: url("../fonts/thaisansneue-semibold-webfont.eot");
	src: url("../fonts/thaisansneue-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/thaisansneue-semibold-webfont.woff2") format("woff2"), url("../fonts/thaisansneue-semibold-webfont.woff") format("woff"), url("../fonts/thaisansneue-semibold-webfont.ttf") format("truetype"), url("../fonts/thaisansneue-semibold-webfont.svg#thaisans_neuesemi_bold") format("svg");
	font-weight: normal;
	font-style: normal;
}

/****** extend *****/

/* line 75, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

mainfont,
.contact-box h2,
.linetag h1,
.slogan h2,
.slogan h4,
.slogan .subslogan1,
.slogan .subslogan2,
.orange-btn,
.quotation .quo-footer button,
.service-step ul li,
.services h2,
.portfolio h2,
.otherservice h2,
.quotation .quo-panel h2,
.quotation h2,
.quotation .form-label,
.quotation .thank-text,
.innekt {
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
}

/*******************/

/* line 79, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

* {
	margin: 0;
	padding: 0;
}

/* line 83, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

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

/* line 89, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.wrapper,
.container {
	min-width: 1170px;
}

/* line 92, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.top-flash {
	position: relative;
	top: -50px;
}

/* line 96, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.mainlogo {
	position: relative;
	top: -20px;
}

/* line 100, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
.mainbannerH {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.mainbanner {
	width: 100%;
	height: 600px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.mainbanner {
	/*    background: url('../images/mainbanner.jpg')*/
}

/* line 107, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.mainbanner .bx-wrapper img,
.mainbannerH .bx-wrapper img {
	width: 100%;
}

/* line 110, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.mainbanner .bx-wrapper .bx-viewport,
.mainbannerH .bx-wrapper .bx-viewport {
	left: 0;
	border: 0;
	box-shadow: none;
}

/* line 117, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

header {
	width: 100%;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 2;
}

/* line 124, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.lang-btn {
	list-style: none;
	display: inline;
	float: right;
}

/* line 128, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.lang-btn li {
	float: left;
	padding-left: 15px;
}

/* line 131, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.lang-btn li a {
	display: block;
}

/* line 136, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.contact-box {
	/*
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #d7d7d7;
*/
	border-radius: 10px;
	padding: 15px;
	/*  margin-bottom: 15px;*/
	/*  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);*/
}

/* line 143, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.contact-box h5 {
	color: #fff;
	margin: 0 0 5px;
	font-weight: 400;
	letter-spacing: 1px;
}

.contact-box h2 {
	color: orange;
	font-size: 28px;
	line-height: 24px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

/* line 151, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.contact-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* line 155, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.contact-box ul li {
	color: #fff;
	font-size: 17px;
	margin-top: 10px;
	display: block;
	clear: both;
}

.contact-box ul li a {
	text-decoration: none;
	color: #fff;
}

.contact-box ul li a:hover {
	text-decoration: none;
	color: #f6921e;
}

/* line 161, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.contact-box ul li img {
	margin-right: 10px;
}

/* line 168, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.linetag h1 {
	color: #f6921e;
	font-weight: bold;
	font-size: 40px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

/* line 178, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan {
	position: absolute;
	z-index: 1;
	/*  top: 220px;*/
	bottom: 70px;
	width: 100%;
}

/* line 183, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan h2 {
	color: #ec1c24;
	font-size: 36px;
	font-weight: bold;
}

/* line 189, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan h4 {
	font-size: 24px;
	font-weight: 500;
	color: #292929;
}

/* line 195, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan .subslogan1 {
	margin-bottom: 30px;
	font-size: 44px;
	font-weight: bold;
	color: #233066;
}

/* line 201, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan .subslogan1 span {
	color: white;
	position: relative;
	margin-left: 15px;
}

/* line 205, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan .subslogan1 span .wrong {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	text-align: center;
}

/* line 215, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.slogan .subslogan2 {
	font-size: 44px;
	font-weight: bold;
	color: #d10f0f;
}

.img-logo img {
	margin: 20px 10px 0 0;
}

/* line 222, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.orange-btn,
.quotation .quo-footer button {
	color: white;
	font-size: 16px;
	background-color: #e38800;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 8px 15px;
	border-radius: 5px;
	text-align: center;
	-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

/* line 237, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.orange-btn:hover,
.quotation .quo-footer button:hover {
	background-color: #1b658d;
	color: white;
	text-decoration: none;
	-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

/* line 247, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.step {
	min-height: 300px;
	position: relative;
}

.service-step {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px 0;
	background-image: url(../images/background-step.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.service-step h2 {
	text-align: center;
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
}

/* line 255, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.service-step ul {
	width: 90%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

/* line 259, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.service-step ul li {
	float: left;
	width: 33.33%;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	position: relative;
}

.service-step ul li a {
	color: #fff;
	text-decoration: none;
}

/* line 271, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.service-step ul li .icon {
	margin-bottom: 15px;
}

/* line 274, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.service-step ul li > a {
	margin-top: 15px;
}

/* line 277, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.service-step ul li .arrow {
	position: absolute;
	top: 20%;
	right: -13px;
}

/* line 285, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.services {}

.services h2 {
	color: #f6921e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: center;
}

.services .col-sm-3 figure {
	background: #000;
}

.services .col-sm-3 img {
	width: 100%;
	height: auto;
}

.services .col-sm-3 a:hover img {
	opacity: 0.8;
}

.services .maintype {
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	font-weight: 300;
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
}

.services .maintype h4 {
	height: 40px;
	font-size: 18px;
	color: #363636;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.services a {
	text-decoration: none;
	display: block;
	background: #fff;
	color: #363636;
	box-shadow: 0 8px 6px -6px #000;
}

.services a:hover .maintype h4 {
	color: #f6921e;
	text-decoration: none;
}

.services .maintype a {
	width: 30%;
	display: block;
	margin: 15px auto;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	background: #252525;
	padding: 5px 10px;
	color: #fff;
}

.portfolio {
	position: relative;
	background-image: url(../images/background-portfolioRight.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 65px;
	padding-top: 15px;
	min-height: 367px;
	background-color: #fff;
}

/* line 304, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio h2 {
	color: #f6921e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
}

.portfolio h2 span {
	font-size: 14px;
	float: right;
	line-height: 36px;
}

.portfolio img {
	width: 100%;
	height: 200px;
}

.portfolio figcaption .maintype {
	height: 45px;
	overflow: hidden;
	margin: 10px 0;
	text-decoration: none;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
}

.portfolio figcaption a {
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
	text-decoration: none;
	margin: 5px auto;
	font-size: 14px;
	font-weight: 300;
	background: #252525;
	padding: 5px 20px;
	color: #fff;
	display: inline-block;
}

/* line 311, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .bottombg {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 168px;
	left: 0;
	bottom: 0;
	background-image: url(../images/port-bottombg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* line 323, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .bx-wrapper {
	position: relative;
	z-index: 3;
	margin: 0;
	margin-top: 15px;
	width: 100%;
}

/* line 329, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .bx-wrapper .bx-viewport {
	box-shadow: none;
	left: 0;
	border: none;
	background: none;
}

/* line 335, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .bx-wrapper .bx-controls-direction {
	position: absolute;
	width: 100%;
	bottom: -30px;
}

/* line 342, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .bx-wrapper .bx-prev {
	left: auto;
	right: 50px !important;
	background-image: url(../images/prev.png);
	background-position: left top;
}

/* line 348, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .bx-wrapper .bx-next {
	background-image: url(../images/next.png);
	background-position: left top;
}

/* line 353, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .port-list {
	margin-left: -15px;
	margin-right: -15px;
}

/* line 357, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .port-list .port-child > div {
	padding-left: 15px;
	padding-right: 15px;
}

/* line 361, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .port-list .port-child figure {
	width: 100%;
	max-height: 185px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}

/* line 367, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .port-list .port-child figure img {
	width: 100%;
	height: auto;
}

/* line 372, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.portfolio .port-list .port-child figcaption {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #000000;
}

/* line 380, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.otherservice {
	background-image: url(../images/otherservice-bg.jpg);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-bottom: 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,fafafa+100 */
	background-color: #ededed;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-color: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-color: -moz-linear-gradient(top, #ededed 0%, #fafafa 100%);
	/* FF3.6-15 */
	background-color: -webkit-linear-gradient(top, #ededed 0%, #fafafa 100%);
	/* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to bottom, #ededed 0%, #fafafa 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#fafafa', GradientType=0);
	/* IE6-8 */
}

/* line 399, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.otherservice h2 {
	color: #f6921e;
	font-size: 28px;
	font-weight: bold;
}

/* line 405, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.otherservice .banner {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

/* line 411, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

footer {
	width: 100%;
	height: auto;
}

/* line 414, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

footer .footer-info {
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
	font-weight: 300;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 182px;
	width: 100%;
	background: #000;
	/*	background-image: url(../images/footer-bg.jpg);*/
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: table;
}

/* line 432, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

footer .footer-info > div {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}

/* line 442, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

footer address {
	margin: 0;
	color: white;
}

/* line 445, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

address .company-name {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: #e38800;
}

/* line 451, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

address .address,
address .phone,
address .fax,
address .email,
address .line {
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 30px;
	color: #e6e7e8;
}

/* line 455, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

address .address i,
address .phone i,
address .fax i,
address .email i {
	font-size: 15px;
}

/* line 460, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

address .phone i {
	font-size: 20px;
	margin-left: 4px;
}

/* line 466, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

footer #map-canvas {
	width: 100%;
	height: 305px;
}

/* line 471, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.bottom-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	/*	float: right;*/
}

/* line 476, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.bottom-nav li {
	float: left;
}

/* line 478, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.bottom-nav li a {
	color: #e6e7e8;
	font-size: 13px;
	font-family: Tahoma, Arial, sans-serif;
	padding-right: 5px;
}

/* line 484, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.bottom-nav li:after {
	content: "|";
	padding-right: 5px;
	color: #e6e7e8;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
}

/* line 492, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.bottom-nav li:last-child:after {
	content: "";
	padding: 0;
}

/* line 499, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation {
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../images/background-Drone.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: right top;
	background-attachment: fixed;
	min-height: 665px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: table;
}

/* line 516, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation > div {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}

/* line 524, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-panel {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 40px 15px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	/*	margin-top: 15px;*/
}

/* line 530, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-panel h2 {
	font-size: 18px;
	font-weight: bold;
	color: #2a8df6;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	margin-top: 15px;
	display: inline;
	float: left;
}

/* line 542, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-panel .ball {
	width: 35px;
	height: 35px;
	background-color: #f6921e;
	line-height: 35px;
	text-align: center;
	color: white;
	font-size: 18px;
	font-family: Arial;
	border-radius: 100%;
	display: inline;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 5px;
}

/* line 559, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
}

/* line 565, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-footer {
	width: 100%;
	border-top: 1px solid #2a8df6;
	padding-top: 15px;
	text-align: right;
}

/* line 570, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-footer button {
	display: inline-block;
	width: auto;
	border: none;
}

/* line 577, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .form-label {
	color: #808184;
	font-size: 14px;
	font-weight: 500;
	text-align: right;
	line-height: 32px;
}

/* line 587, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .form-input input[type="radio"] {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* line 591, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .form-input label {
	color: #808184;
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
	margin-left: 10px;
}

.quotation .form-input .send {
	color: white;
	font-size: 16px;
	background-color: #e38800;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 8px 15px;
	border-radius: 5px;
	text-align: center;
	border: none;
}

.quotation .form-input #datepicker {
	background-color: #252525;
	color: #fff;
}

/* line 599, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation input[type="text"] {
	background-color: #252525;
	border-radius: 3px;
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
}

/* line 608, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation input::-webkit-input-placeholder {
	color: white;
}

/* line 612, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation input:-moz-placeholder {
	/* Firefox 18- */
	color: white;
}

/* line 616, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation input::-moz-placeholder {
	/* Firefox 19+ */
	color: white;
}

/* line 620, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation input:-ms-input-placeholder {
	color: white;
}

/* line 624, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation textarea {
	background-color: #252525;
	border-radius: 3px;
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
	min-height: 100px;
}

/* line 634, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .notice {
	color: red;
	font-size: 13px;
	font-family: Tahoma, Arial, sans-serif;
}

/* line 640, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-child {
	display: none;
}

/* line 642, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .quo-child.active {
	display: block;
}

/* line 646, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.quotation .thank-text {
	color: red;
	text-align: center;
	font-size: 20px;
}

/* line 653, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.select-holder {
	background-color: #252525;
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: 95%;
	border-radius: 3px;
	padding: 5px;
	color: white;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

/* line 664, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.select-holder select {
	width: 100%;
	background: none;
	border: none;
	padding: 5px 10px;
	-webkit-appearance: button;
	-moz-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-padding-end: 20px;
	-moz-padding-end: 20px;
	-webkit-padding-start: 2px;
	-moz-padding-start: 2px;
}

/* line 692, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.hidden-input {
	display: none;
}

/* line 695, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.innekt {
	margin-bottom: 15px;
	color: white;
	font-weight: bold;
	font-size: 45px;
}

.innekt .export-text {
	line-height: 42px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #f6921e;
	font-size: 40px;
}

.innekt .export-text span {
	font-size: 26px;
	letter-spacing: 1px;
	font-weight: 300;
	color: #fff;
}

/* line 701, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.innekt .innekt-logo {
	position: relative;
	top: -15px;
}

/* line 706, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.bannercaption {
	font-weight: bold;
	color: black;
	margin-top: 10px;
}

.content {
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
	margin: 5% 0;
}

.content h2 {
	color: #f6921e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
}

.content ul li {
	margin: 5px 0;
	list-style: none;
}

.portfolioContent {
	width: 100%;
	display: inline-block;
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
	margin-bottom: 10%;
}

.portfolioContent h2 {
	color: #f6921e;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}

.portfolioContent img {
	width: 100%;
	height: auto;

}

.albumImg {
	margin-bottom: 20px;
	font-family: 'Sukhumvit Set', 'thaisans_neueregular', Arial, sans-serif;
	text-align: center;
}

.albumImg img {
	margin-bottom: 10px;
}

.albumImg h3 {
	font-size: 16px;
	color: #252525;
	margin: 5px 0;
}

.buttunclick {
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	padding: 4px 20px;
	display: inline-block;
	margin: 5px !important;
}

.buttunclick:hover {
	background: #252525;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	/* line 714, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.mainlogo {
		top: 0;
	}

	/* line 717, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.wrapper,
	.container {
		min-width: 0;
	}

	/* line 720, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	header {
		position: relative;
		display: block;
		clear: both;
	}

	/* line 725, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step {
		position: relative;
		width: 100%;
	}

	/* line 729, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step ul li {
		width: 100%;
	}

	/* line 731, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step ul li .arrow {
		display: none;
	}

	/* line 738, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.quotation .quo-panel {
		background-color: rgba(255, 255, 255, 0.9);
	}

	/* line 741, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.quotation .form-label {
		text-align: left;
	}

	/* line 746, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	footer #map-canvas {
		height: 400px;
	}

	/* line 750, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav {
		float: left;
	}

	/* line 752, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav li {
		display: block;
		width: 100%;
		border-bottom: 1px dotted white;
		padding-bottom: 5px;
	}

	/* line 757, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav li:after {
		content: "";
	}

	/* line 760, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav li:last-child {
		border-bottom: none;
	}

	/* line 765, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan {
		position: relative;
		bottom: auto;
		text-align: center;
		margin-top: 30px;
	}

	/* line 770, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .innekt {
		margin-bottom: 0;
	}

	/* line 773, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .export-text {
		color: orange;
	}

	/* line 776, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan h2 {
		font-size: 25px;
		margin-top: 30px;
		display: block;
	}

	/* line 781, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .subslogan1 {
		text-align: center;
	}

	/* line 783, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .subslogan1 span {
		display: inline-block;
		clear: both;
		color: black;
		margin: 0;
		margin-bottom: 25px;
	}

	/* line 795, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.portfolio .port-list .port-child figure {
		max-height: 220px;
	}

	/* line 801, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.main-logo {
		position: relative;
		top: -40px;
	}
}

/* line 806, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */

.maintype {
	font-weight: bold;
	text-decoration: underline;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

	/* line 814, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.wrapper,
	.container {
		min-width: 0;
	}

	/* line 817, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.mainlogo {
		top: 0;
	}

	/* line 820, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step {
		position: relative;
		width: 100%;
	}

	/* line 824, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step ul li {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* line 835, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.portfolio .port-list .port-child figure {
		max-height: 200px;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {

	/* line 845, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.wrapper,
	.container {
		min-width: 0;
	}

	/* line 848, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.mainlogo {
		top: 0;
	}

	/* line 851, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	header {
		position: relative;
		display: block;
		clear: both;
	}

	/* line 856, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step {
		position: relative;
		width: 100%;
	}

	/* line 860, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step ul li {
		width: 100%;
	}

	/* line 862, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step ul li .arrow {
		display: none;
	}

	/* line 869, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.quotation .quo-panel {
		background-color: rgba(255, 255, 255, 0.9);
	}

	/* line 872, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.quotation .form-label {
		text-align: left;
	}

	/* line 877, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	footer #map-canvas {
		height: 400px;
	}

	/* line 881, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav {
		float: left;
	}

	/* line 883, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav li {
		display: block;
		width: 100%;
		border-bottom: 1px dotted white;
		padding-bottom: 5px;
	}

	/* line 888, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav li:after {
		content: "";
	}

	/* line 891, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.bottom-nav li:last-child {
		border-bottom: none;
	}

	/* line 896, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan {
		position: relative;
		bottom: auto;
		text-align: center;
		top: 52px;
	}

	/* line 901, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .innekt {
		margin-bottom: 0;
	}

	/* line 904, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .export-text {
		color: orange;
	}

	/* line 907, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan h2 {
		font-size: 25px;
		margin-top: 30px;
		display: block;
	}

	/* line 912, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .subslogan1 {
		text-align: center;
	}

	/* line 914, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.slogan .subslogan1 span {
		display: inline-block;
		clear: both;
		color: black;
		margin: 0;
		margin-bottom: 25px;
	}

	/* line 926, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.portfolio .port-list .port-child figure {
		max-height: 220px;
	}

	/* line 932, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.main-logo {
		position: relative;
		top: -40px;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

	/* line 942, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.wrapper,
	.container {
		min-width: 0;
	}

	/* line 945, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.mainlogo {
		top: 0;
	}

	/* line 948, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step {
		position: relative;
		width: 100%;
	}

	/* line 952, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.service-step ul li {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* line 962, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.portfolio .port-list .port-child figure {
		max-height: 200px;
	}
}

@media (min-width: 667px) {

	/* line 970, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	body {
		min-width: 1170px;
	}

	/* line 973, /Volumes/Macintosh HD/Applications/MAMP/htdocs/ots/css/layout.scss */
	.wrapper,
	.container {
		min-width: 1170px;
	}
}

@media (max-width: 767px) {
	.service-step {
		display: none;
	}

	.contact-box {
		display: none;
	}

	.img-cctv {
		display: none;
	}
}

@media (max-width: 767px) and (min-width: 668px) {
	.slogan {
		top: 41%;
	}
}

@media (max-width: 374px) {
	.slogan {
		top: 77px;
	}
}

@media (max-width: 352px) {
	.slogan .export-text {
		font-size: 20px;
	}

	.slogan .subslogan2 {
		font-size: 20px;
	}
}