body{
  background: url('../image/bg.jpg'); 
  background-repeat: repeat;
}

.wrapper{
  background-color: #fff;
  margin-top: 15px;
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 35px;
}

@media(max-width:768px){ 
     h1{font-size: 20px;}
    h3 {font-size: 18px;}
    h4{font-size: 16px;}

}
@media(max-width:768px){ 
   p {font-size: 14px;}
   address{font-size: 12px}
   .btn {padding: 3px 6px;
   font-size: 14px;
    };
  .container .row .row {
   margin-top: 5px;
   margin-bottom: 5px;}

}

.nav-input{
  height: 24px;
  padding: 10px 5px;
}


/*main page*/
/*top banner*/

.topbanner img{ 
    border-bottom-left-radius: 15px;
 border-bottom-right-radius: 15px;
}

.main_contain{
    background-color: rgba(248, 246, 246, 0.62);
    height: 100%;z-index:1;
	}

.sub_contain_cline .row .row {
    margin-top: 15px;
     margin-bottom: 15px;}
/*.sub_contain_cline .row .row img{border-left: 1px solid #CAC8C8;
                                 padding: 0px;
                                  border-bottom: 0px solid #CAC8C8;   }*/
@media(max-width:768px){
    .sub_contain_cline .row .row {margin-top: 5px;
                               margin-bottom:5px;}
    
}
/*main page tome nav small*/

.navbar-nav  :last-child form  {margin-top: 8px;}
.navbar-nav  :last-child  form .life{
    padding-left: 3px;
    color:#fff }
.navbar-nav  :last-child form input {float: left;}
.navbar-nav  :last-child form .manu_search {padding: 0px; margin: 0px; width: 0px; border: 0px; }

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 10px;
}
.masthead-nav > li > a {
  padding-right:0;
  padding-left: 0px;
  padding-bottom:0;
  padding-top:0;
  font-size: 12px;
  font-weight:600;
  font-weight: normal;
  color: #336601;/* IE8 proofing */
  color: rgba(7, 7, 7, 0.66);
  border-left:0;
}
.masthead-nav  :first-child a{border-left:0;}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: rgba(255,255,255,.25);
  color: #ccc;
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-nav {
    float: right;
   margin-top: 20px;
}
.masthead-nav > li > a{
    
    padding-left:10px;
    font-size: 14px;}
}
/* 
main navigation  */
/* child left */
.child_left > :first-child a {padding-left:0;}
 
/*left side navigation*/
.nav li a span {font-size: 14px;}
                /* margin-left: -15px; */ 

/*conati heading first*/
.topmarging{margin-top: 0;}

/*button radious*/
.but-radious{
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
			  
.sub_contain_cline {
    margin-top:20px;
}		  
			  
.sub_contain_cline h3{
padding-top:10px;
padding-bottom:10px;
color: rgb(0, 0, 0);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-8 */

}		  
/*main coantin nav coutome*/

.leftnav{
   background-color: rgba(243, 241, 241, 0.03);
    /* border: 1px solid rgba(212, 218, 220, 0.58); */
    box-shadow: -1px  4px 9px rgba(197, 197, 204, 0.21);
    margin-top: 10px;
    word-spacing: -10px;
    text-transform: uppercase;
}
.leftnav > li {
    background-color: rgba(252, 252, 252, 0.48);
    border-bottom: 1px solid rgba(0, 0, 0, 0.51);
    line-height: 20px;
    padding-bottom: 10px;}

.leftnav> li > a {
  color: rgba(0, 0, 0, 0.83);
  font-size: 15px;

   }

.leftnav li:first-child {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-8 */
 padding:15px 0;
 margin-top: 0px; 
 margin-bottom: 0px; }
 .leftnav li:last-child{ border-bottom:none;}
 .leftnav li h3{
   margin-top: 5px;
   margin-bottom: 15px;
   color: #060606;
   text-shadow: 1px 1px rgba(130, 123, 123, 0.51);
 }
@media (max-width: 768px){
   .leftnav> li >a{font-size: 12px;} 
}
/*footer custome*/
.panel-footer address{/* margin-top: 14px; */}
@media (max-width: 768px){
    .panel-footer address{margin-top: 3px;}
}

/*sub conting */
.sub_head{
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
  }


/*Companies page*/


.sub_companies .row .row{
    margin-top: 10px;
    margin-bottom:10px }
@media(max-width:768px){
 .sub_companies .row .row{
        margin-top: 15px;
        margin-bottom: 15px;}
}
.sub_companies h4{margin-top: 0;}

/*swithcgear page*/
.sub_switchgear .row .row{
    margin-top: 10px;
    margin-bottom:10px }
@media(max-width:768px){
    .sub_switchgear .row .row{
        margin-top: 5px;
    margin-bottom: 5px;}
}


/*contact us page*/

/*form contain*/
.form-signin {
  max-width: 330px;
  padding-bottom: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
  /* font-size: 16px; */
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*Phoenix Contact Products page*/
.sub_pcp .row .row {margin-top: 15px;
margin-bottom: 15px;}

.sub_pcp .row .row h4{margin-top: 0;}
@media(max-width:768px){
  .sub_pcp .row .row {
      margin-top: 0px;
     margin-bottom:0px;}
 .sub_pcp .row .row h4{
 margin-top: 10px;
 }

}

/*request page*/
.bottom_nav  :first-child{
margin-top:3px;
}
.bottom_nav >li {
   margin-top:15px;
   margin-bottom:15px;
}
.form-request,.bottom_nav {
         margin-bottom: 15px;
 }
 
.form-request input,.form-request textarea{
     width: 50%;
	 }

/*sub partnar*/
.sub_partner{margin-bottom: 15px}
.title_widget{
  margin-left: 10px;
}


/* top borde */

.top-border{
height: 30px;
background-size: 100px;
margin-top: 10px;
margin-bottom: 15px;

}


.slider-wrapper { 
  margin: 100px auto;
  margin:0 15px; /* edit by own */
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
  clear:both;
}

.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}
.portfolio img{
  margin: 5px;
  padding: 5px;
border: 5px solid #D8D8D8;
background: rgb(240, 240, 240);
}
.request-textarea{
  width: 95% !important;
}

@keyframes animatedBackground {
      from { background-position: 0 0; }
      to { background-position: 100% 0; }
    }
    @-webkit-keyframes animatedBackground {
      from { background-position: 0 0; }
      to { background-position: 100% 0; }
    }
    @-ms-keyframes animatedBackground {
      from { background-position: 0 0; }
      to { background-position: 100% 0; }
    }
    @-moz-keyframes animatedBackground {
      from { background-position: 0 0; }
      to { background-position: 100% 0; }
    }

.top-border { 
  background-image: url('../image/border1.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 40s linear infinite;
  -ms-animation: animatedBackground 40s linear infinite;
  -moz-animation: animatedBackground 40s linear infinite;
  -webkit-animation: animatedBackground 40s linear infinite;
}

.navbar-inverse .navbar-collapse .navbar-nav, .navbar-header{
            background: #fceabb;
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );

}