﻿
#topnavbar {
	margin-top:0px;
	height: auto;
	text-transform:uppercase;
}
#topnavbar.navbar {
	z-index: 50;
}
#topnavbar .navbar-collapse {
	max-height: none;
	clear: both;
}
#topnavbar .nav ul, #topnavbar .nav ul > li {
	float: none;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

/*end top nav */

/*end template styles */

/*responsive*/

.formboxcov { width:100%; float:left; }

.frmleft { width:48%; float:left; margin-bottom:10px;}
.frmright{ width:48%; float:right; margin-bottom:10px;}

.form-ne1 {
    float: left;
    margin: 0 0px 20px 0;
    width: 100%;
}



.capchah { float:left; margin:0 10px 0 0px; padding:3px 0 3px 0px; background-color: #f9f9f9;  border: 1px solid #d2d2d2;  width:40%;}
.capchah img { max-width:100%;}

.form-ne1 input[type="text"] {
    background-color: #fff;
    border: 1px solid #cccccc;
    float: left;
    padding: 15px 15px;
    transition: all 0.3s ease 0s;
    width: 96%;
}


.form-ne1 input[type="submit"] {
    background-color: #e69317;
	border:none;
    float: left;
    padding: 12px 10px 12px 10px;
    transition: all 0.3s ease 0s;
    width: 100%;
	color: #fff;
	font-family: 'open_sansregular';
    font-size: 19px;
	text-transform:uppercase;
	cursor:pointer;
}



.form-ne1 input[type="submit"]:hover {
    background-color: #596067;
}





.form-neh input[type="text"] {
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
    float: left;
    padding: 10px;
    transition: all 0.3s ease 0s;
    width: 50%;
}


.form-neh label  { 
	color: #555;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.form-ne1 input[type="email"] {
    border: 1px solid #d2d2d2;
    float: left;
    padding: 15px 15px 15px 15px;
    transition: all 0.3s ease 0s;
    width: 96%;
}

.upload-document {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 30px;
    padding: 5px;
    width: 276px;}



.form-ne1 label { 
	color: #555;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 300; 
}


.form-ne1 input[type="textarea"] {
    border: 1px solid #d2d2d2;
    float: left;
    min-height: 97px;
    padding: 10px 15px 10px 15px;
    transition: all 0.3s ease 0s;
    width: 94%;
}

.form-ne1 input[type="file"] {
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
    float: left;
    min-height: 42px;
    padding: 5px 10px 16px;
    transition: all 0.3s ease 0s;
    width: 100%;
}


.loginfield input[type="textarea"]:focus, .contact-right form textarea:focus {
    background-color: #e9fffd;
    transition: all 0.3s ease 0s;
}
.loginfield input[type="password"]:focus, .contact-right form textarea:focus {
    background-color: #e9fffd;
    transition: all 0.3s ease 0s;
}
.form-ne1 input[type="text"]:focus, .contact-right form textarea:focus {
    background-color: #e9fffd;
    transition: all 0.3s ease 0s;
}

.form-ne1 input[type="email"]:focus, .contact-right form textarea:focus {
    background-color: #e9fffd;
    transition: all 0.3s ease 0s;
}

.form-ne1 input[type="textarea"]:focus, .contact-right form textarea:focus {
    background-color: #e9fffd;
    transition: all 0.3s ease 0s;
}







.form-ne1 input[type="password"]:focus, .contact-right form textarea:focus {
    background-color: #cef8f5;
    transition: all 0.3s ease 0s;
}
.form-ne1 input textarea {
    background-color: #eeeeee;
    border: medium none;
    display: block;
    float: left;
    margin: 10px 0 0;
    padding: 10px;
    transition: all 0.3s ease 0s;
    width: 99%;
}
.contact-us-page-form form input[type="submit"] {
    background-color: #fec60d;
    border: medium none;
    color: #000;
    display: inline-block;
    float: left;
    font-family: "open_sanssemibold";
    font-size: 20px;
    margin: 8px 0 0;
    padding: 5px 30px;
    transition: all 0.3s ease 0s;
}
.contact-us-page-form form input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
    transition: all 0.3s ease 0s;
}


/*inner-page-css-start*/

.about-banner { width:100%; margin: 0 auto; text-align: center;}

.about-banner img {
    max-width: 100%;
}


.for-gap-box { width:100%; height:30px; border-top:1px solid #ccc; padding:10px 0px; float:left;}


.comman-container-mid { width:100%; padding:50px 0px 20px 0px;}


.comman-container-mid-under {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

.comman-container-mid-under h1 {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 40px;
    margin: 0;
    padding: 0 0 18px 0px;
    text-align: left;
}


.comman-container-mid-under h3 {
    color: #454545;
    font-family: "open_sansregular";
    font-size: 17px;
    margin: 0;
    padding: 0 0 10px;
    text-align: left;
}


.comman-container-mid-under h5 {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 30px;
    margin: 0;
    padding: 0 0 20px;
    text-align: left;
}

.comman-container-mid-under h6 {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 20px;
    margin: 0;
    padding: 20px 0 10px 0px;
    text-align: left;
}


.comman-container-mid-under p {
    color: #7a7a7a;
    font-family: "open_sansregular";
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px 0px;
    text-align: left;
}




/*.comman-container-mid-under-left {
    float: left;
    width: 40%;
}

.comman-container-mid-under-left img {
    width: 100%;
}*/


.comman-container-mid-under-right {
    float: left;
    width: 100%;
}

.comman-container-mid-under-right img { max-width:100%; padding:20px 0 20px 20px; float:right;}



.team-box1{ width:31%; float:left; margin-right:35px;}
.team-box1.last{ margin-right:0px;}
.team-box1-for-img { width:100%;}
.team-box1-for-img img  { max-width:100%;}
.team-box1-for-img img:hover {opacity:0.75;}








.comman-container-mid-under-con {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

.comman-container-mid-under-con h4 {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 40px;
    margin: 0;
    padding: 0 0 40px 0px;
    text-align: center;
	line-height:37px;
	
}

.map-boxn { background:#ccc;
    clear: both;
    margin-bottom: 25px;
    padding: 3px;}

.map-boxn iframe {
    max-height: 450px;
    width: 100%;
}




.cont-dtail-right {
    width: 100%; max-width:500px; float:left;
}



.cont-dtail-bx {
    border-bottom: 1px solid #f7f7f7;
    margin: 0 0 10px;
    width: 100%;
}
.contact-bx1 {
    border-bottom: 1px solid #f7f7f7;
    float: left;
   padding: 0px 0 0 0px;
    width: 100%;
	margin: 0 0 20px 0px;
}

.contact-bx2 {
    float: left;
    text-align: left;
    width: 50px;
}
.contact-bx2 img { padding-bottom:5px;}


.contact-bx3 {
    float: left;
    text-align: left;
    width: 71%;
}






.testimon-box {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    margin-bottom: 20px;
    padding: 15px;
    width: 96%;
}
.testimon-box p {
    padding: 0 25px 20px 34px;
	line-height: 36px;
	color: #666666;
    font-family: "open_sansregular";
    font-size: 16px;
}
.testimon-box p strong {
    float: right;
    padding-bottom: 10px;
}
.pcl {
    background: rgba(0, 0, 0, 0) url("../images/testim-icon-left.png") no-repeat scroll left top;
}




.new-wlcm-right {
    width: 100%;
	float:left;
	padding-bottom:13px;
}

.new-wlcm-right ul {
    margin: 0;
    padding: 0 0 15px 0px;
}
.new-wlcm-right ul li {
    background: rgba(0, 0, 0, 0) url("../images/arrownew.png") no-repeat scroll left 7px;
    clear: both;
    color: #7a7a7a;
    display: block;
    float: left;
    font-family: "open_sansregular";
    font-size: 14px;
    padding-bottom: 7px;
    padding-left: 27px;
}
.new-wlcm-right ul li a {
    color: #858585;
    display: block;
    float: left;
    font-family: "open_sansregular";
    font-size: 14px;
}



.new-pr-list { width:63%; float:left; }
.new-pr-list-rt { width:30%; float:right; }
.new-pr-list-rt img { max-width:100%;}




/*inner-page-css-start*/







@media (max-width: 1140px) {

.new-prduct-under-left {
    border: 1px solid #ececec;
    float: left;
    margin: 0 40px 0 0;
    padding: 20px 0 40px;
    position: relative;
    width: 42%;
}

.new-prduct-under-right {
    border: 1px solid #ececec;
    float: right;
    margin: 0 65px 0 0;
    padding: 20px 0 40px;
    position: relative;
    width: 42%;
}

.new-prduct-under-right h6 { line-height:30px;}

.new-prduct-under-left h6 { line-height:30px;

}
}


@media (max-width: 1024px) {


.new-prduct-under-left {
    border: 1px solid #ececec;
    float: left;
    margin: 0 0 30px;
    padding: 20px 0 40px;
    position: relative;
    width: 98%;
}


.new-prduct-under-right {
    border: 1px solid #ececec;
    float: left;
    margin: 0 0 30px;
    padding: 20px 0 40px;
    position: relative;
    width: 98%;
}



.prod-image-left {
    position: absolute;
    right: 24px;
    top: 83px;
}

.prod-image-left1 {
   position: absolute;
    right: 24px;
    top: 83px;
}





}



@media (max-width: 980px) {
.nav-justified {
    margin: 0 auto;
    width: 82%;
}

}




@media (max-width: 800px) {
.nav-justified {
    margin: 0 auto;
    width: 89%;
}

}








@media(max-width:767px) {
#topnavbar {
	/*background:#000000;
	border-color:#7dcf49;*/
	}
.tb-bar {
background:#0b98b8;
}	
.navbar-collapse{background:#0b98b8;
	border-color:#0b98b8;}


#topnavbar .navbar-toggle {
	background:#e69317;
	border-color:#e69317;
	cursor:pointer;
	}
	#topnavbar .navbar-toggle:hover {
	background:#dc8a10;
	}
#topnavbar .navbar-toggle .icon-bar {
	color:#cb2017;
	background-color:#ffffff;
	}
#topnavbar.navbar-default .navbar-collapse {
	border-color:#0a87a3;
	padding:10px 0;
	}
#topnavbar .nav > li > a {
	color:#FFF;
	text-decoration:none;
	text-decoration:none;
	padding:8px 15px;
	}
#topnavbar .nav > li > a:hover,
#topnavbar .nav > li > a:focus {
	color:#fff;
	}
	/*dynamic menus should not appear*/
#topnavbar ul.dropdown-menu {
	display: none !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	box-shadow: none;
}
#topnavbar li.open > ul.dropdown-menu {
	display: block !important;
}

#topnavbar ul.dropdown-menu > li {
	background: transparent none;
	border-right: medium none;
	border-top: 0px solid #d1d1d1;
	display: block;
	float: none;
	height: auto;
	text-align:center;
}
#topnavbar ul.dropdown-menu > li a {
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	font-size:14px;
	text-decoration:none;
	}
#topnavbar li.dropdown-menu .menu-item {
	padding: 15px;
} 
#topnavbar .nav > li .glyphicon {
	font-weight:400;
	font-size:.6em;
	margin-left:5px;
	}
	 
.main-menures-txt {
    color: #ffffff;
    float: left;
    font-family: 'open_sansregular';
    padding-left: 10px;
    padding-top: 10px;
    width: 65%;
	text-align:left;
	font-size:14px;
}
}
@media (min-width: 768px) {






.navigation {
	padding-top:14px;
}
.main-menures-txt {
	display:none;
}
/*top nav*/
	/*because of the nested nature of OOTB top nav, we must treat the first element differently*/
#topnavbar {
	height: auto;
	border: 0;
	background: none;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
}
#topnavbar .navbar-collapse {
	
	border: 0;
	background: none;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-top: 0px;
	padding-left:0;
	padding-right:0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
/*show the edit nav link again for larger devices*/
#topnavbar .nav-justified > li > a {
	white-space:nowrap;
	}
#topnavbar .nav > li > a {
	color:#404040;
	text-decoration:none;
	padding:4px 10px;
	margin-right:0px;
	margin-left:8px;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	font-size:17px;
	text-transform:none;
	}
#topnavbar .nav > li > a.menu-item-last {
	margin-right:0;
	}
	
#topnavbar .nav > li > a:hover,
#topnavbar .nav > li > a:focus {
	 background:#0b98b8;
	color:#FFF;
	
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	text-decoration:none;
	} 
#topnavbar .nav .open > a,
#topnavbar .nav .open > a:hover,
#topnavbar .nav .open > a:focus {
   background:#0b98b8;
 
	color:#FFF;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#topnavbar .nav > li.active > a {
	color:#fff; background:#0b98b8;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}
#topnavbar .nav > li.active > a:hover,
#topnavbar .nav > li.active > a:focus {
	color:#FFF;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	}
#topnavbar .nav > li .glyphicon {
	font-weight:400;
	font-size:.6em;
	margin-left:5px;
	}
/*we need to override where SP is placing dynamic nav items*/
#topnavbar .dropdown-menu {
	background:#0b98b8;
	border:0;
	box-shadow:none;
	-moz-border-radius: 5px;
    border-radius: 5px;
	margin-top:-2px !important;
	text-transform:none;
	padding-top:0px !important;
	padding-bottom:0px !important;
	left:8px;
	}
#topnavbar .dropdown-menu > li {
	margin-left:15px !important;
	margin-right:15px !important;
	}
#topnavbar .dropdown-menu > li + li {
	border-top:1px solid #FFF;
	}
#topnavbar .dropdown-menu > li > a {
	color:#FFF;
	padding:6px 0;
	text-align:left;
	text-decoration:none;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
	}
#topnavbar .dropdown-menu > li > a:hover,
#topnavbar .dropdown-menu > li > a:focus {
	background:none;
	color:#0b98b8;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

/*3rd level +*/
#topnavbar .nav ul.dropdown-menu > li.dynamic-children > ul {
	position: absolute !important;
	top: 0px !important;
	left: 100% !important;
}
/*end top nav*/



}






@media (max-width: 741px) {

.team-box1 {
    float: none;
    margin: 0 auto;
    width: 100%; padding-bottom:20px;
}

.team-box1-for-img {
    text-align: center;
    width: 100%;
}


.comman-container-mid-under h6 {
    text-align: center;
}

.comman-container-mid-under h3 {
    text-align: center;
}

.comman-container-mid-under p {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px;
    text-align: left;
}

.nav-justified {
    margin: 0 auto;
    width: 100%!important;
}


}


@media (max-width: 705px) {

.contac-baarn-under-left {
    float: left;
    width: 100%;
}

.contac-baarn-under-right a {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #000;
	float:left;
    
    font-family: "open_sansregular";
    font-size: 15px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 182px;
}

.contac-baarn-under-right {
    border-radius: 3px;
    float: left;
    font-family: "open_sansregular";
    font-size: 15px;
    margin: 11px 0 0;
    text-transform: uppercase;
}

}



@media (max-width: 640px) {

.new-welcm1 {
    background: #f1f1f1 url("../images/welcm-img--3.jpg") no-repeat scroll right top / cover ;
    width: 100%;
}

.website-txt-area {
    float: left;
    padding: 50px 0 60px;
    width: 100%;
}



.form-ne1 {
    float: left;
    margin: 0 20px 10px 0;
    width: 100%;
}

.website-txt-area h3 {
    color: #fff;

}
.website-txt-area p {
    color: #fff;
    padding: 0 30px 0 0;
}


.wel-cm-line { width:200px; border-top:1px solid #fff; margin:0px 0 20px 0px; padding:0px; float:left;}


.sl-04 h1 { display:none;}
.sl-05 { display:none;}
.sl-06 {display:none;}


}




@media (max-width: 800px) {
.frmleft {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.frmright {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}


.form-ne1 input[type="textarea"] {
    width: 96%;
}

}


@media (max-width: 590px) {

.prod-image-left {
    position: absolute;
    right: 24px;
    top: 83px;
	display:none;
}

.prod-image-left1 {
    display: none;
    position: absolute;
    right: 24px;
    top: 83px;
}


}



@media (max-width: 480px) {
.form-ne1 input[type="text"] {

    width: 92%;
}


.form-ne1 input[type="email"] {
    width: 92%;
}

.form-ne1 input[type="textarea"] {
    width: 92%;
}


.newtop-l {
    color: #1b1b1b;
    font-family: "RobotoRegular_0";
    font-size: 16px;
    padding: 0 0 20px;
    text-transform: uppercase;
}

.new-pr-list {
    float: left;
    width: 100%;
}

.new-pr-list-rt {
    float: left;
    width: 100%;
}

.comman-container-mid-under h5 {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 30px;
    line-height: 35px;
    margin: 0;
    padding: 0 0 20px;
    text-align: left;
}


}






@media (max-width: 360px) {
.website-txt-area h3 {
    color: #fff;
    font-size: 31px;
    text-align: center;
}

.wel-cm-line {
    border-top: 1px solid #fff;
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}


.contac-baarn-under-left h2 {
    text-align: center;

}

.contac-baarn-under-left p {
    text-align: center;
}

.contac-baarn-under-right {
    border-radius: 3px;
    float: left;
    font-family: "open_sansregular";
    font-size: 15px;
    margin: 11px 0 0;
    text-transform: uppercase;
    width: 100%;
}


.contac-baarn-under-right a {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #000;
    float: left;
    font-family: "open_sansregular";
    font-size: 15px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


.contac-baarn-under-right a:hover {
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: "open_sansregular";
    font-size: 15px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


.website-txt-area p {
    color: #fff;
    padding: 0;
    text-align: center;
}


.new-welcm-left-wel-button {
    border-radius: 3px;
    float: none;
    font-family: "open_sansregular";
    font-size: 15px;
    margin: 35px auto 0;
    text-align: center;
    text-transform: uppercase;
}
.logo img {
    max-width: 84%;
    text-align: center;
}

.comman-container-mid-under h5 {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 30px;
    line-height: 39px;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}

.comman-container-mid-under p {
    color: #666666;
    font-family: "open_sansregular";
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}


}




/*end responsive*/
