/*-------------------------------------------------
GLOBALS CLASSES
-------------------------------------------------*/
*{ margin:0; padding:0; font-family: 'Pontano Sans', sans-serif; outline:0px;}
body { background:#fbd4b4; font-size:14px;}

p {font-family: 'Pontano Sans', sans-serif; color:#292929; 
font-size:14px; }
a { text-decoration:none; color: #007295; }
a:hover { text-decoration:none; color:#dd31ae;}
ul li { list-style:none; outline:none;}
img { border:none; }
img { border:none;}
h1 { font-family: 'Oswald', sans-serif; color:#45303f; font-size:22px; font-weight:normal;text-transform:uppercase;}



/*-------------------------------------------------
CSS TWEAKS
-------------------------------------------------*/
.clearing { clear:both;}
.fltLeft { float:left;}
.flrRight { float:right;}
.marLeft30 { margin-left:30px;}
.marRight30 { margin-right:30px;}
.marginTop { margin-top:30px;}
.marginBottom { margin-bottom:60px;}
.padTop { padding-top:20px;}
.padBottom { padding-bottom:20px;}
.wid960{ width:960px !important; }

/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/

.panel {	background:#fff;	border: 1px solid #e1b693;	
overflow: hidden; }
.title {}
.content { overflow:hidden; font-size:14px;}
.button-link{ }
.button-link a{ font-family: 'Oswald', sans-serif; text-transform:uppercase;}

/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
/*
.header-wrap { width:100%; overflow:hidden; background:#00c0ff;}
.header { width:100%; overflow:hidden; margin:0 auto;}

.menu { float:left; width:960px;}

.menu ul li { float:left; width:auto; margin-right:1px; }

.menu ul li a { display:block; padding:0px 62px; height:40px;
 line-height:40px; text-align:center; color:#ffffff; background:#1E8DB8; 
 font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold;}


.menu ul li a:hover { background:#0C6081;} 
.menu ul li a.active { background:#0C6081;} 

.social-media { float:right; height:80px;}
.social-media ul li { float:left; margin-right:10px; padding-top:25px;}

.logo-sarch-wrap { width:100%; overflow:hidden; background:#fbd4b4;}
.logo-search-container { width:960px; margin:0 auto; height:auto;}
.logo { float:left; width:31%; height:auto; padding:10px 0px; line-height:140px; }

.logo a img { width:100%; }

.logo h1 { margin: 0; padding: 0; }
.logo h1 a { margin: 0; padding: 0; display: block; }
.search { float:right; width:358px; margin-top:50px;}
.search-input { float:left; width:220px;}
.search-button { float:left;}
.search-text-field { width:220px; border:0px solid ; background:#d02aa3; color:#ffffff; height:40px; line-height:40px; padding-left:10px;}
*/
/*----*/
/*.logo-sarch-wrap .flow_right-cont {
	float: left;	height: 50px;	width: 66%;
	background-color: transparent;	padding-right: 5px;	color: #0C5A7A;
	font-family: Verdana, Geneva, sans-serif;	font-size: 16px;
	margin-top: 45px;	text-align: right; }
*/
/*----*/


.header-wrap { width:100%; overflow:hidden; background:#00c0ff;}
.header { width:960px; overflow:hidden; margin:0 auto;}

.menu { float:left; width:960px;}
.menu ul li { float:left; width:auto; margin-right:1px;}
.menu ul li a { display:block; padding:0px 62px; height:40px;
 line-height:40px; text-align:center; color:#ffffff; background:#1E8DB8; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold;}
.menu ul li a:hover { background:#0C6081;} 
.menu ul li a.active { background:#0C6081;} 

.social-media { float:right; height:80px;}
.social-media ul li { float:left; margin-right:10px; padding-top:25px;}

.logo-sarch-wrap {	width: 100%;	overflow: hidden;	background: #fbd4b4; }
.logo-search-container { width:960px; margin:0 auto; height:auto;}
.logo {	float: left;	width: 600px;	height: auto;	padding: 10px 0px;
	line-height: 140px; }
.logo h1 { color:#ffffff; font-size:36px; text-transform:uppercase;
 font-weight:normal; display:block; }
.logo h1 a { display:block; }


.search { float:right; width:358px; margin-top:50px;}
.search-input { float:left; width:220px;}
.search-button { float:left;}
.search-text-field { width:220px; border:0px solid ; background:#d02aa3; color:#ffffff; height:40px; line-height:40px; padding-left:10px;}

/**/
.page-wrapper .panel .title h2 { font-size:22px; }


.padBottom p { font-size:16px; }
.padBottom p b { font-size:20px; }
.padBottom p b span { font-size:20px; }

/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/

.banner-wrap { width:1000px; margin:0 auto; overflow:hidden; height:auto; margin-top:20px;}
.banner-left { float:left; width:20px;}
.bannre-right { float:left; width:20px;}
.banner { float:left; width:920px; height:380px; padding:20px; overflow:hidden; background:#ffffff;}
.banner-image { margin:0 auto; background:url(../images/banner-bg.gif) no-repeat; height:381px; text-align:right;}
.banner-data { margin-top:100px; float:right; position:relative; width:500px;}
.caption1  h1 { padding:10px; background:#00c0ff; font-size:22px; font-weight:normal; color:#ffffff;text-transform:uppercase; display:inline-block;}
.caption2  h2 { padding:10px; background:#dd31ae; font-size:18px; font-weight:normal; color:#ffffff;  text-transform:uppercase;display:inline-block;  font-family: 'Oswald', sans-serif; }
.caption3 { padding:10px; background:#45303f; font-size:16px; font-weight:normal; color:#ffffff; display:inline-block;}

/*-------------------------------------------------
4 PANELS CLASSS
-------------------------------------------------*/

.panel-wrapper { width:960px; margin:0 auto; overflow:hidden; margin-top:30px;}
.panel-wrapper .panel { float:left; width:403px; padding:30px; margin-bottom:30px;}
.panel-wrapper .title { padding-bottom:20px;}
.panel-wrapper .title img { float:left; margin-right:20px;}
.panel-wrapper .content p { padding-left:60px;}
.panel-wrapper .content a { background:#dd31ae; color:#ffffff; }
.panel-wrapper .content a:hover { background:#00c0ff; color:#ffffff;}
.panel-wrapper .button-link{padding-left:60px; padding-top:20px;}

/*-------------------------------------------------
LAYOUT CLASSS
-------------------------------------------------*/
.page-wrapper { width:960px; margin:0 auto; overflow:hidden;}
.primary-content { float:left; width:628px; overflow:hidden;}
.sidebar { float:left; width:298px; overflow:hidden;}

/*-------------------------------------------------
PRIMARY CONTENT CLASSS
-------------------------------------------------*/

.primary-content .panel {  padding:30px;}
.primary-content .title { width:100%;}
.primary-content .title h1 { padding-bottom:10px;}
.primary-content .title h2{ background:#122127; height:40px; line-height:40px;
 color:#ffffff; font-weight:600; font-size:24px; padding-left:10px;
   margin-bottom:20px;}


.primary-content .content img {	float: left;	margin-right: 20px;	width: 20%; }

.primary-content .content p span {	margin: 0;	padding: 0;
 display: inline-block;	/*width: 91px;*/ }

.primary-content .content p span img { display: inline-block; width: 100%; }

.primary-content .content p { padding-bottom:10px; text-align: left; }

.primary-content .content p b {	font-size:21px; font-weight: 900;
	display: inline-block;	text-align: left;	font-family: arial; }

.primary-content .content h3 { font-size:16px; color:#dd31ae; padding-bottom:10px;}
.primary-content .button-link{padding-top:2px;}

.generic-content { overflow:hidden; width:900px; padding:30px; background:#ffffff; margin-top:30px;}
.generic-content { overflow:hidden; width:900px; padding:30px; background:#ffffff; margin-top:30px;}
.generic-content .title h2{ font-size:16px; font-weight:normal; color:#444; padding-bottom:20px; border-bottom:1px solid #ebebeb; margin-bottom:30px; padding-top:10px;}

.portfolio { overflow:hidden; width:900px; padding:30px; background:#ffffff; margin-top:30px;}
.portfolio .title h2{ font-size:16px; font-weight:normal; color:#b6b6b6; padding-bottom:20px; border-bottom:1px solid #ebebeb; margin-bottom:30px; padding-top:10px;}
.portfolio .panel { width:280px; border:none;  background:#f5f5f5; float:left; margin-bottom:30px;}
.portfolio .panel .content { padding:10px; padding-bottom:20px;}
.portfolio .panel .content p{ padding-bottom:10px;}
.portfolio .panel .content p span{ padding-bottom:10px; border-bottom: 1px solid #dddddd;  color:#dd31ae; display:block;}
.portfolio .panel .content a { color:#ffffff; background:#00c0ff; padding: 0px 6px 0px 6px;  text-transform:uppercase; font-family:'Oswald', sans-serif; font-size:12px;}
.portfolio .panel .content a:hover { background:#dd31ae;}
.portfolio .panel .content img{ padding-bottom:10px;}

/*-------------------------------------------------
SIDEBAR CLASSS
-------------------------------------------------*/

.sidebar .panel { width:298px; padding-bottom:30px;}
.sidebar .title h1 { padding:30px; border-bottom:1px solid #ececec; }
.titl { padding:30px 30px; border-bottom:1px solid #ececec; color: #45303f;
    font-family: "Oswald",sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;}


.sidebar .content ul li { display:block; border-bottom:1px solid #ececec;
 height:40px; line-height:40px; }
.sidebar .content ul li a {	padding-left: 30px;	color: #444; font-size: 14px;
 font-weight: bold; }

.sidebar .content ul li a:hover {color:#06C;}
.sidebar .content ul li a.active {color:#06C;}
.sidebar .content ul li.borderNone { border-bottom:none;}

.subscribe { padding:20px 20px 0px 20px;}
.subscribe h2 { color:#1E8DB8;}
.subscribe .button-link a { display:block; width:90px; height:36px; line-height:36px; text-align:center; background:#00c0ff; color:#ffffff; font-size:12px; margin-left:30px; margin-top:20px;}
.subscribe .button-link a:hover { background:#dd31ae;} 
.contact-form {	background: #fff;	padding: 14px;	width: 440px;
	float: left;	border: 1px solid #c7c7c7;	margin: 14px; }

.sidebar .call { background:#06C; padding:10px 20px;}
.sidebar .call h1 { color:#ffffff; text-transform:uppercase; font-size:22px; font-weight:normal;}
.sidebar .call h1 span { font-size:20px; padding-left:15px;}
.sidebar .call h1 p { margin:0; padding:6px 0 0 0; display:block; 
	font-size:16px; line-height:20px; color:#fff; font-weight:600;  }


.footer-wrapper { width:100%; background:#06C; overflow:hidden;}
.footer { width:960px; height:70px; line-height:70px; text-align:center; margin:0 auto; color:#ffffff; font-size:14px;}
.footer a { color:#FF0;}
.footer a:hover { color:#ffffff;}
.footer_left{ height:20px; width:350px; float:left; display:block; }
.footer_right{ height:20px; width:500px; float:right; display:block; text-align:right; }

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form {background: #fff;	padding: 14px;	width: 440px;	float: left; }
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {	display: block;	color: #000;	font-size: 14px;
	float: left;	width: 108px;	text-align: left;	padding: 5px 20px 0 0; }

.contact-form .input_text {	padding: 10px 10px;	width: 250px;	background: #ffffff;
	border: 0px solid;	color: #939191;	border-bottom: 1px solid #b9b9b9; }

.contact-form .message {	padding: 10px 10px;	width: 257px;
background: #ffffff;	border-bottom: 1px solid #b9b9b9 !important;
overflow: hidden;	height: 150px;	color: #939191;
font-size: 14px;	border: 0; }

.contact-form .button { padding: 11px 19px;	background: #00c0ff;
color: #ffffff;	text-transform: uppercase;
font-family: 'Oswald', sans-serif;	border: 0px solid;
margin-left: 100px;	margin-top: 20px; cursor:pointer; transition: all 0.6s; }

.contact-form .button:hover {	background:#007da6; 
transition: all 0.3s;  }
	

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#dd31ae}
.address .panel .title h1 {  color:#1E8DB8; padding-bottom:10px;}
.address .panel .content p span { color:#dd31ae;}


/*-- new-css --*/

.panel_box{ border: 1px solid #e1b693; }

/*----*/
.panel_box .marquee_flow-tec_product { width:100%; height:300px; }

/*-- flowtec_products-box --*/
.flowtec_products-box { margin: 0; padding: 0;  }

.flowtec_products-box .prd_row { margin: 0; padding:10px 0; }

.flowtec_products-box .prd_row .item_prd { width:33.33%; 
float:left; padding:4px; margin: 0; box-sizing:border-box; }

.flowtec_products-box .prd_row .item_prd img { width:100%; height:160px; }

.flowtec_products-box .prd_row .item_prd p {
margin: 0;padding: 8px 0;font-size:17px;color: #fff;line-height: 20px;
text-align: center;background: #444; clear: both; }

/**/

/*-- flowtec_client-box --*/

.flowtec_client-box { margin: 0; padding: 0; }

.flowtec_client-box .prd_row {	margin: 0;	padding: 10px;	border: 1px solid #444;
	width: 50%;	float: left;	height: 320px;	overflow: auto;
	box-sizing: border-box; }
.flowtec_client-box .prd_row h2 {	margin: 0;	padding: 6px 0 12px 0;
	font-size: 20px;	color: #003D7B;	line-height: 24px; }

.flowtec_client-box .prd_row p {	margin: 0;	padding: 0 0 0 18px;
background: url(../images/right-arrow.png) no-repeat left 9px;
font-size: 14px;	color: #7e0706;	line-height: 30px;
text-decoration-style: solid;	background-size: 6px;
font-weight: 600; }


/*-- media_query --*/
/*----*/
/*@media screen and (max-width:992px){

.logo-sarch-wrap .flow_right-cont {
	margin-top: 25px; }
*/


/*----*/

/*@media screen and (max-width:767px){

.menu ul li a {	padding: 0px 46px; }
*/
/*----*/
/*@media screen and (max-width:600px){ 

.menu ul li a {	padding: 0px 19px; }
.logo-sarch-wrap .flow_right-cont {	font-size: 13px; }

.logo {	width: 40%; }
.logo-sarch-wrap .flow_right-cont { width: 56%; }

}*/
/*----*/


/*@media screen and (max-width:400px){

.logo-sarch-wrap .flow_right-cont {	font-size: 12px; }
.logo-sarch-wrap .flow_right-cont {	margin-top: 15px; }

.menu ul li a {	padding: 0px 9px; }
.menu ul li a {	font-size:15px;	font-weight: 500; }
*/


}


/**/