@import url(https://fonts.googleapis.com/css?family=Oswald); /*font-family: 'Oswald', sans-serif;*/
 @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900,900italic,600); /*font-family: 'Source Sans Pro', sans-serif;*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p {
	padding-bottom: 15px;
	text-align: justify;
}
ol, ul {
	list-style: none;
}
del {
	text-decoration: line-through;
}
img {
	border: 0 none;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #ef5411;
	outline: 0 none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
}
hr {
	display: block;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
input, select {
	vertical-align: middle;
	outline: 0 none;
}
input:focus, select:focus, textarea:focus {
	outline: 0 none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, .text-area {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
/*-------------------TYPOGRAPHY-------------------*/



body, select, input, textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
/*-----------------ANIMATION-------------------*/











input[type=submit],  input[type=button] {
	-webkit-user-select: none;
	cursor: pointer;
}
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background: #ffffff;
}
/*  Clearfix



------------------------------------------------------------------------------*/



.clearfix:after,  section:after,  aside:after,  article:after,  footer:after,  header:after,  div:after,  ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,  section:before,  aside:before,  article:before,  footer:before,  header:before,  div:before,  ul:before {
	content: "";
	display: table;
}
.clearfix,  section,  aside,  article,  footer,  header,  div,  ul {
	zoom: 1;
}
.clear {
	clear: both;
	height: 0;
}
body, html {
	overflow-x: hidden;
}
/* Links



--------------------------------------------- */



@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/pts55f.eot');
	src: url('../fonts/pts55f.eot') format('embedded-opentype'),  url('../fonts/pts55f.woff') format('woff'),  url('../fonts/pts55f.ttf') format('truetype'),  url('../fonts/pts55f.svg#PTSansRegular') format('svg');
}
@font-face {
	font-family: 'PTSansBold';
	src: url('../fonts/pts75f.eot');
	src: url('../fonts/pts75f.eot') format('embedded-opentype'),  url('../fonts/pts75f.woff') format('woff'),  url('../fonts/pts75f.ttf') format('truetype'),  url('../fonts/pts75f.svg#PTSansBold') format('svg');
}
.radius,  .adds img {
	behavior: url(PIE/PIE.htc);
	position: relative;
}
.frame {
	width: 100%;
	max-width: 958px;
	margin: 0 auto;
}
/*----------------------------------*/



header {
	background: #ffffff;
	padding: 4px 0;
	position: relative;
	z-index: 9
}
header .container {
	width: 1205px;
	margin: 0 auto;
}
header .logo {
	float: left;
	width: 288px;
	padding: 0 10px 0 10px
}
header nav {
	float: left;
	width: 725px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 32px 0 0 30px
}
header nav ul li {
	display: inline-block;
	padding: 0 14px;
	position: relative
}
header nav ul li ul {
	position: absolute;
	top: 99%;
	background: #ffffff;
	width: 200px;
	padding: 20px 0 0;
	display: none
}
header nav ul li:hover ul {
	display: block;
}
header nav ul li ul li {
	display: block;
	padding: 7px 10px;
	border-bottom: 1px solid #E6E6E6
}
header nav ul li a {
	color: #444444;
}
header nav ul li a:hover {
	color: #bf263a;
}
header ul.social {
	float: left;
	padding: 25px 0 0 0
}
header ul.social li {
	float: left;
	width: 29px;
	height: 29px;
	margin: 0 5px
}
header ul.social li a {
	display: block;
	background: #cccccc;
}
header ul.social li a:hover {
	background: #42b3e5;
}
/*************************************/



.main-content {
	background: url(../images/bg.jpg) repeat-x 0 0 #ffffff;
	padding: 12px 0 0 0;
}
.title {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	font-size: 36px;
	line-height: 35px
	background-color: #696969;
text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0,rgba(0,0,0,.1) 0 6px 1px, rgba(0,0,0,.1) 0 0 5px, rgba(0,0,0,.3) 0 1px 3px, rgba(0,0,0,.15) 0 3px 5px, rgba(0,0,0,.2) 0 5px 10px, rgba(0,0,0,.2) 0 10px 10px, rgba(0,0,0,.1) 0 20px 20px;
}
.no-more {
	background: #1d2d81;
	color: #ffffff;
	display: inline-block;
	padding: 10px 20px;
	font-size: 18px;
	line-height: 18px
}
.container-home {
	width: 1219px;
	margin: 0 auto;
	background: url(../images/emblom.png) no-repeat center top;
	padding: 0 0 51px
}
.grid {
	padding: 10px 0 0 0
}
.grid .row {
}
.colums {
	float: left;
	width: 199px;
	height: 192px;
	margin: 2px
}
.colums.red {
	background: red;
}
.grid .next, .grid .prev {
	display: none;
}
.pagination {
	display: none;
}
.cool-care {
	background: #01bce3;
	height: 192px;
	width: 809px;
	margin: 2px;
	overflow: hidden;
	float: left
}
.cool-care.inner {
	float: none;
	width: 100%;
}
.cool-care figure {
	float: left;
	width: 251px
}
.cool-care article {
	float: left;
	width: 545px;
	color: #ffffff;
	ont-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 39px;
	padding: 40px 0 0 50px
}
.cool-care article p.fon-x {
	color: #bf263a;
	font-size: 42px;
	color: #9ecfff;
	padding: 0
}
.cool-care article p.fon-xm {
	font-size: 30px;
	color: #ffffff;
	padding: 0;
	line-height: 35px
}
.slide02 {
	height: 192px;
	width: 401px;
	float: left;
	margin: 2px
}
footer {
	background: #fff !important;
	color: #ff586e;
	padding: 30px 0;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase
}
footer ul {
	float: left;
	width: 800px;
	font-weight: 300
}
footer ul li {
	display: inline-block;
	padding: 0 14px
}
footer ul li a {
	color: #ffffff;
}
footer ul li a:hover {
	color: #bf263a;
}
footer .container {
	max-width: 1200px;
	margin: 0 auto
}
footer .copy {
	float: right;
	width: 400px;
	font-weight: 300;
	text-align: right
}
.col-01 {
	float: left;
	width: 203px
}
.col-02 {
	float: left;
	width: 609px;
	position: relative
}
.col-03 {
	float: left;
	width: 407px
}
.blu-box {
	background: #10c1ef url(../images/arc-01.png) no-repeat 0 0;
	position: relative
}
.blu-box.reverse {background: #10c1ef url(../images/arc-06.png) no-repeat 0 0;
}
.orange-box.reverse {background: #efaa10 url(../images/arc-06.png) no-repeat 0 0;
}
.blu-box2 {
	background: #004080 url(../images/arc-02.png) no-repeat 0 0;
	position: relative
}
.red-box {
	background: #a41427 url(../images/arc-03.png) no-repeat 0 0;
	position: relative
}
.green-box {
	background: #39823e url(../images/arc-04.png) no-repeat 0 0;
	position: relative
}
.grey-box {
	background: #868686 url(../images/arc-05.png) no-repeat 0 0;
	position: relative
}
.title2 {
	position: absolute;
	bottom: 53px;
	left: 34px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 25px;
	color: #ffffff
}
.plus-more {
	position: absolute;
	bottom: 35px;
	left: 34px;
}
.plus-more a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #000000;
	text-align: center;
	color: #a59799;
	line-height: 17px
}
.plus-more2 {
	position: absolute;
	right: 10px;
	bottom: 5px
}
.plus-more2 a {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 25px;
	color: #ffffff;
}
.plus-more a:hover {
}
.close {
	position: absolute;
	top: 3px;
	right: 2px
}
footer {
	overflow: hidden
}
.popbox {
	padding: 40px;
	color: #ffffff;
	width: 607px;
	height: 388px;
	display: none;
	position: absolute;
	z-index: 999
}
.popbox h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 300;
	padding-bottom: 20px
}
#air-condition {
	background: #10c1ef url(../images/arc-01.png) no-repeat 0 0;
	margin: 2px 0 0 0
}
#refrigeration {
	background: #004080 url(../images/arc-02.png) no-repeat right top;
	margin: 2px 0 0 0
}
#firefighting {
	background: #a41427 url(../images/arc-03.png) no-repeat right top;
	margin: 2px 0 0 0
}
#ventilation {
	background: #39823e url(../images/arc-04.png) no-repeat right top;
	margin: 2px 0 0 0
}
#al-noor-product {
	background: #10c1ef url(../images/arc-01.png) no-repeat 0 0;
	margin: 2px 0 0 0
}
#project {
	background: #868686 url(../images/arc-05.png) no-repeat 0 0;
	margin: 2px 0 0 0
}
.content-main {
	float: left;
	width: 824px;
	padding: 46px 42px;
	background: #ffffff;
	border: 1px solid #cfcfcf;
	margin: 58px 47px 39px 0;
	color: #454545;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	line-height: 27px
}
.page-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 42px;
	text-transform: uppercase;
	line-height: 30px;
	border-bottom: 1px solid #d7d7d7;
	padding: 0 0 18px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #454545;
}
.sub-hed {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 0;
	margin-bottom: 20px;
	font-weight: 300;
	color: #454545;
}
.right-panel {
	float: left;
	width: 347px;
	margin: 58px 0 39px 0;
}
.contact-tab {
	margin-bottom: 35px;
	background: url(../images/arc-02.png) no-repeat right top #00b9e5;
	padding: 30px 24px;
	color: #ffffff;
}
.contact-tab h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 33px;
	padding-bottom: 33px;
	font-weight: 300;
	line-height: 26px;
}
.contact-tab ul li {
	padding: 0 0 20px 40px;
	font-size: 17px;
	line-height: 25px;
	position: relative;
}
.contact-tab ul li i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 27px;
	height: 27px;
	border: 1px solid #ffffff;
	background: url(../images/icons.png) no-repeat
}
.contact-tab ul li i.adr {
	background-position: -7px -8px
}
.contact-tab ul li i.phone {
	background-position: -44px -9px
}
.contact-tab ul li i.fax {
	background-position: -81px -9px
}
.contact-tab ul li i.mail {
	background-position: -119px -10px
}
.slider-contact {
	border: 1px solid #ffffff;
	padding: 5px;
}
.slider-contact ul li {
	padding: 0;
}
.slider-contact .callbacks_container {
	margin: 0 0 0;
}
.contact {
}
.contact .row {
	padding: 0 0 20px
}
.contact .row.row-area {
	padding: 0 10px 20px
}
.contact .row label {
	display: block;
	padding: 0 0 3px 4px;
	font-size: 14px
}
.contact .row .colums {
	width: 365px;
	padding: 0 10px;
	height: auto
}
.field-txt {
	border: 1px solid #e3e3e3;
	width: 100%;
	height: 35px;
	text-indent: 10px
}
.text-area {
	border: 1px solid #e3e3e3;
	width: 100%;
	height: 200px;
	text-indent: 10px;
	padding: 10px;
}
.button {
	background: #a41427;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	color: #ffffff;
	padding: 10px 25px;
	border: 0
}
.toll-free {
	background-color: #4caf50;
	color: #ffffff;
	width: 150px;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 24px;
}
dl.faq {
}
dl.faq dt {
	padding: 0 0 20px 25px;
	list-style: none;
	position: relative;
}
dl.faq dt::before {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 20px;
	background: #000000;
	content: "";
	left: 0;
	top: 11px;
	font-weight: bold;
	padding: 0 0 15px
}
dl.faq dd {
	padding: 0 0 25px 28px
}
.testimonial_main {
	width: 750px;
	height: auto;
	float: left;
	margin-bottom: 10px;
}
.testimonial_img {
	width: 159px;
	height: 169px;
	float: left;
	margin-right: 10px;
	border: 1px solid #CCC;
}
.testimonial_content {
	width: 570px;
	height: auto;
	float: left;
}
.testimonial_name {
	width: 100%;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.position_name {
	width: 100%;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px #CCC solid;
	margin-top: 10px;
}
#bullets {
	float: left;
	width: 50%;
	font-size: 15px
}
#bullets ul li {
	background: url(../images/bullet.png) no-repeat 0 9px;
	padding: 0 0 9px 28px;
	color: #313a3d;
}
#reference table {
	border: #999999 solid 1px;
}
#reference table tr th {
	background-color: #004184;
	padding: 5px;
}
#reference table tr td {
	padding: 5px;
}
#reference table tr th {
	font-weight: normal;
	text-align: center;
	border-left: 1px solid #999999;
}
#reference table tr.blk {
	color: #FFFFFF;
}
#reference table tr td {
	border-left: 1px solid #999999;
	border-bottom: 1px dashed #999999;
	text-align: center;
}
ul.gallery-block {
}
ul.gallery-block li {
	float: left;
	width: 250px;
	height: 182px;
	padding: 25px 25px 15px;
	font: 12px Tahoma, Geneva, sans-serif;
	margin: 5px;
	background-position: 350px 250px;
}
ul.gallery-block li:hover {
	background: #d5d5d5 url(../images/logo-symbol.png) no-repeat right bottom;
}
ul.gallery-block li figure {
	overflow: hidden;
	height: 141px;
	padding-bottom: 10px;
}
ul.gallery-block li a {
	color: #686c68;
	text-decoration: none;
}
ul.gallery-block li:hover a {
	color: #000000;
}
.error-msg       { background:url(../images/error.png) no-repeat 10px 8px #ffe8a3; border:1px solid #e1b213; margin-bottom:20px; 
                   padding:4px 10px 0 60px; color:#F00; height:36px; }

.sucesses-msg       { background:url(../images/sucesses.png) no-repeat 10px 8px #ceffdf; border:1px solid #7beca2; margin-bottom:20px; 
                   padding:4px 10px 0 60px; color:#4f4f4f; height:36px; }