.page-top { background:url(../img/logo.png) no-repeat; text-indent:-10000px; width:211px;height:52px;display:block;

}

/*.page-top { background:url(../img/logo.png) no-repeat; text-indent:-10000px; width:211px;height:51px;display:block;

}*/



.toptxt {color:#fff;padding: 10px 0;font-size:15px;text-transform: none; }

@media (min-width:320px) {

   .toptxt {color:#fff;font-size:14px;text-transform: none; }

  

}

@media (max-width: 700px) {

.social {padding-left:200px;}

}

@media (max-width: 600px) {

.social {padding-left:170px;}

}

@media (max-width: 500px) {

.social {padding-left:115px;}

}

@media (max-width: 400px) {

.social {padding-left:75px;}

}

@media (max-width: 400px) {

.social {padding-left:45px;}

}



.footer-tab{background:#2c3e50;color:#fff;}

.footer-tab  p{text-align:center;}

.btn {color:#000;}

.btn-button {   

  border-color: #e1e1e1;

}

.atag {

  display: inline-block;

 



  text-align: center;

  vertical-align: middle;

  -ms-touch-action: manipulation;

      touch-action: manipulation;

  cursor: pointer;

  background:#009bff;

  border: 1px solid transparent;

  white-space: nowrap;

  padding: 3px 15px;

 

  line-height: 1.42857143;

  border-radius: 4px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.marg-top{margin-top:20px;}

.marg-top-sm{margin-top:10px;}

.txtcnts{color:#009bff; font-size: 25px;

padding: 10px;}



.prolist a{ color:#000;font-size:24px; }

.prolist a:hover{ color:#009bff; }





 .facebook{background:url(../img/fb.png) no-repeat; width:30px; height:32px; text-indent:-10000px; display:block; cursor:pointer; opacity:0.4;}

.facebook:hover{background:url(../img/fb.png) no-repeat; opacity:1;}

.twitter{background:url(../img/twt.png) no-repeat; width:32px; height:32px; text-indent:-10000px; display:block; cursor:pointer; opacity:0.4;}

.twitter:hover{background:url(../img/twt.png) no-repeat; opacity:1;}

.linknd{background:url(../img/in.png) no-repeat; width:32px; height:32px; text-indent:-10000px; display:block; cursor:pointer; opacity:0.4;}

.linknd:hover{background:url(../img/in.png) no-repeat; opacity:1; }

.google{background:url(../img/g%2b.html) no-repeat; width:32px; height:32px; text-indent:-10000px; display:block; cursor:pointer; opacity:0.4;}

.google:hover{background:url(../img/g%2b.html) no-repeat; opacity:1;}

.youtupe{background:url(../img/Utbe.png) no-repeat; width:32px; height:32px; text-indent:-10000px; display:block; cursor:pointer; opacity:0.4;}

.youtupe:hover{background:url(../img/Utbe.png) no-repeat; opacity:1;}

.social ul{padding:0px; list-style-type: none;}

.social ul li{float:left; margin-left:10px;}



.btn-successsml {

    border-color: #e1e1e1;

    text-transform: uppercase;

    width: 120px;

}

.image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

}





#portfolio .col-sm-6  { padding-left: 3px;

    padding-right: 3px;}

#portfolio .col-lg-6  { padding-left: 0px;

    padding-right: 0px;}

#portfolio .col-lg-3  { padding-left: 3px;

    padding-right: 3px;}

#portfolio .col-sm-12{ padding-left: 0px;

    padding-right: 0px;}

.hdtxt {font-size:18px; 

}

.readmore{ color:#009bff; padding-left:10px;}

.readmore:hover{color:#009bff; }



/*slider ourclient*/

        

			#carousel div {

				text-align: center;

				width: 250px;

				height: 150px; 

				padding: 0 20px;

				float: left;

				position: relative;

			}

			#carousel div img {

				border: none;

				width: 100%;

				height: auto;

			}

			#carousel div span {

				display: none;

			}

			#carousel div:hover span,

			#carousel div.hover span {

				background-color: #333;

				color: #fff;

				display: inline-block;

				width: 100px;

				padding: 2px 0;

				margin: 0 0 0 -50px;

				position: absolute;

				bottom: 0;

				left: 50%;

				border-radius: 3px;

			}

			#pager {

				text-align: center;

				padding-top: 20px;

			}

			#pager a {

				background: #ccc;

				display: inline-block;

				border-radius: 5px;

				width: 10px;

				height: 10px;

				margin: 0 2px;

			}

			#pager a.selected {

				background: #999;

			}

			#pager a:hover {

				background: #666;

			}

			#pager a span {

				display: none;

			}

			

			#donate-spacer {

				height: 100%;

			}

			#donate {

				width: 750px;

				padding: 50px 75px;

				margin: 0 auto;

				overflow: hidden;

			}

			#donate p, #donate form {

				margin: 0;

				float: left;

			}

			#donate p {

				width: 650px;

			}

			#donate form {

				width: 100px;

			}

			

			

			







            .sf-menu{

  

    border-top: none;

}



.sf-menu, .sf-menu * {

    margin:0;

    padding:0;

    list-style:none;

}



.sf-menu ul {

    position:absolute;

    top:-999em;

}



.sf-menu li:hover {

   

    visibility:inherit; /* fixes IE7 'sticky bug' */

}



.sf-menu a {

    broder-bottom:1px;

    color:#000;

    display:block;

    padding: 12px 25px;

    text-decoration: none;

    

}

    .sf-menu a:hover { color:#F02D31;

    }



.sf-menu li li, .sf-menu li li:hover{

    background: none;

    background-image: none;

    border-bottom: 1px solid #e1e1e1;

}

   



.sf-menu li li a{

 

}



.sf-menu li li li a{

 

}





/* position first drop */

.sf-menu li:hover ul {

    top:auto; 

    position:relative;

}



ul.sf-menu li:hover li ul {

    position: absolute;

    top:-999em;

}

/* position second drop */

ul.sf-menu li li:hover ul {

    top:auto;

    position:relative;

}



ul.sf-menu li li:hover li ul {

    position: absolute;

    top:-999em;

}

/* position third drop */

ul.sf-menu li li li:hover ul {

    top:auto;

    position:relative;

}

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

}

@media only screen and (min-width: 600px) {

    /* set height so content isn't pushed down */

    #access{

        float: left;

        height: 36px;

        width: 100%;

    }

  

    .sf-menu li:hover ul{

        background: #fff;

        left: auto;

        position: absolute;

        top: -1;

        width: 100%;

        z-index: 100;

    }



 

    ul.sf-menu li li:hover ul{

        background: #fff;

        position: absolute;

        top: -1px;

        left:100%;

       

    }

   

    ul.sf-menu li li li:hover ul{

        background: #fff;

        position: absolute;

        top: -1px;

        left:100%;

       

    }

}

@media only screen and (min-width: 768px) {

    header h1{

    font-size: 30px;

}

}

@media only screen and (min-width: 992px) {

  

  

    .sf-menu a {

       

        padding:6px;

    }

}

@media only screen and (min-width: 1382px) {

    /* move the header to the left side of the screen */

    header{

        float: left;

        margin: 0 2% 0 0;

        width: 20%;

    }

    header h1{

        font-size: 45px

    }

    .content{

        float: left;

        width: 78%;

    }

    #access, .sf-menu{

        height: auto;

    }

   

    /* reposition the first drop */

    .sf-menu li:hover ul{

        left: 100%;

        top: -1px;

        position: absolute;

    }

    

}

.sub-menu a {font-size:13px;border-bottom: 1px solid #E1E3E4;

}



.bedcrom  a{color:#009bff; margin-bottom:5px;}

.fltlft{float:left;}

.imgttle{padding-left:25px;}



.divmenu{width:100px; position:fixed;height:30px;background:#000; radius:100px; color:#000px;}



.producthdr{  border: 1px solid #e1e1e1;  padding: 10px; color:#fff;    text-align: center; border-top-left-radius: 25px;    border-top-right-radius: 25px;background:none repeat scroll 0 0 #D9D9D9;}







/*.producthdr3{  border: 1px solid #e1e1e1;  padding: 10px;   text-align: center; border-top-left-radius: 25px;    border-top-right-radius: 25px;background:none repeat scroll 0 0 #D9D9D9;}*/

.proimg{ padding: 10px; border: 1px solid #e1e1e1;height:320px;}

.mrgn-sml-xl{margin-bottom:10px;}





.Margtop {padding-top:15px;

}

.selectop {padding-top:20px;}

.imgmain img{width:100%;

}

.imgmain {margin-bottom:10px;}

.maintenace .HeaderSect {width:270px;

}

.ApplyLnk a{background:rgba(0, 155, 255, 0.78);  padding: 12px;text-decoration: none; border-radius:15px;}

.ApplyLnk {

    width: 151px;margin: 20px 0px 0px;

}

.dvcctvs {

left:300px;}

.required_star {

 font-weight:bold;

 color:#F00;

}

.btnsend {border-radius:15px;background:rgba(0, 155, 255, 0.78);padding: 12px;border: none;width: 115px;height: 28px;}

.dllselect select {width:100%; margin-bottom:5px; padding:3px;}

.txtinp input {padding:3px;}

.s7 {font-size:13px;}



.footer-nav {

	padding:15px 0;

	margin:0px;

	display:block;

	text-align:left;

}

.footer-nav li {

	padding:0 35px;

	margin:0px;

	display:inline-table;

	color:#8f8f8f;

	font-size:12px;

	border-left:solid 1px #4b4b4b;

}

.footer-nav li:first-child {

	border:0;

	padding-left:0;

}

.footer-nav li a {

	padding:0 0px;

	margin:0px;

	text-transform:uppercase;

	font-size:16px;

	line-height:18px;

}

.footer-nav li a:hover, .footer-nav li.active a {

	text-decoration:none;

	color:#BFBFBF;

}

.foot-sub-menu {float:left; padding-right: 35px; margin-left: -28px;}

.pad-top-sml-nw {padding-to:10px;}

.span12 {border-bottom:1px solid #e1e1e1;}

.footmenu {

    background: #e7e7e7;

    width: 1170px;

    margin:auto;

     border-top: 2px solid #87CEFA;  

    border-bottom: 2px solid #87CEFA;



}

.mar-top1 {margin-top:110px; margin-bottom:10px;}

.cntr {text-align:center;}

.sitelink {float:left;position:fixed;}

.sitelink {margin-top:20px;z-index: 100;}

    .sitelink  .FltLft {  padding:10px 0px; }

	.pad-top-sit{margin-top:110px;}



.sidebar-wrp { display: none; margin-top: 0.625em;  position: fixed;  right: 2.33161%;  width: 289px;  z-index: 5;}

.sidebar { position: absolute;  width: 100%;  z-index: 3;}

.sidebar nav { float: right; width: 37.3702%;}



.sidebar nav ul li.con a.contct { background: url("../img/iconcom.png") no-repeat scroll;  margin: 0px 45px; height:32px; color:#fff;}

.sidebar nav ul li a.contct { background: none repeat scroll 0 0 #00bcec; margin: 0 0 0.5em 0.313em;}

.sidebar nav ul li a { border-radius: 5px; color: #fff; display: block; height: 1.938em; padding: 0; width: 6.75em;}

#navurl {}

#navurl ul {list-style:none;}

.sidebar nav ul li a .customwrd, .sidebar nav ul li a .contctwrd { font-size: 0.6em;  padding: 1em 0 0 3.9em;  text-align: center;  text-transform: uppercase;}

.sidebar nav ul li.con a.home { background: url("../img/home.png") no-repeat scroll; margin:10px 45px; height:32px; color:#fff;}

.sidebar nav ul li a.home { background: none repeat scroll 0 0 #00bcec; margin: 0 0 0.5em 0.313em;}

.sidebar nav ul li a { border-radius: 5px; color: #fff; display: block; height: 1.938em; padding: 0; width: 6.75em;}

.padd-leftNon {padding-left:0px;}

#Solutions .active {background:#fff;}

.boxborder { border-bottom: 1px solid #ecf0f1;border-left: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; padding: 10px;}

.mag-sm32 {margin:32px 0px;}



.serviceimg img{

-webkit-transition: all 0.7s ease; transition: all 0.7s ease;

}

.serviceimg img:hover {

-webkit-transform:scale(1.2); transform:scale(1.2);

}

.showroom { background: #F3f3f3; 

    color: #000;

    font-size: 35px;

    position: relative;margin: 0 auto;

    text-align: center;

    z-index: 100;}

.closeadd {float:right; background:url(../img/close.png) no-repeat; width:24px; height:24px; text-indent:-10000px; display:block; cursor:pointer; opacity:0.4;}

.grnclr {color:#6eb48c;}

.padbtnsml {border-bottom:10px;}