@charset "utf-8";
/* CSS Document */


.row{ margin:0px; }

.no-padding{ padding:0px;}

.padding-l-zero{ padding-left:0px; }

.padding-r-zero{ padding-right:0px; }

a:hover{ text-decoration:none;}

.clear{ clear:both;}




@font-face{ font-family:Questrial-Regular; src: url(../fonts/Questrial-Regular.ttf); }

body{ font-family:Questrial-Regular; }


/*hdr-tp styles*/


/*header-bottom-left style starts here*/

#sp-lft{ padding-left:40px; font-size:1px;}

#sp-lft2{ padding-left:70px; font-size:13px;}

.header-bottom{ background-color:#ffffff; background-size:100% 100%;
     padding: 15px 0px 58px 0px; position:relative;}

.header-bottom-left{width:32%; float:left;}

.header-bottom-right{ width:62%; float:right;}

.header-bottom-left img{ width:280px; height:81px; margin-top:2px;}

/*.info-box{ width:45%; float:left; padding:20px 0px;}*/

.info-box-lft,.info-box-lft-1{ width:13%; height:42px; border-radius:50%; border:3px solid #ffffff; float:left;}

.info-box-lft-1{ width:13%;}

.info-box-lft i.fa{ color:#ffffff; font-size:22px; padding:10px 13px;}

.info-box-lft-1 i.fa{ color:#ffffff; font-size:22px; padding:8px 13px;}

.info-box-lft i.fa-envelope-o{ font-size:16px;}

.hdr-btm{ position: absolute; top: 111px;}


.element-box{ width:50%; float:left;}

.element-box p,.element-box-1 p{ padding-top:18px;}

span.cont,span.cont-1{ width:57%; float:left; margin-top:10px; margin-left:9px; font-size:17px;}

.element-box-1{ width:50%; float:left;}

/*header-bottom-left style ends here*/



/*menu styles*/

div#overlay { display: none; }

a#toggle {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 138, 0, 0.8);
  text-align: center;
  color: white;
  display: none;
  transition: all ease-out 0.3s;
  border:2px solid #ffffff; z-index:99999;
}

a#toggle i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size:24px;
}

a#toggle:hover{ background:rgba(255,255,255,0.9); border:2px dotted #ffffff; color:#ffffff;}

#menu ul li > a > i.fa.fa-caret-right{
  margin-left: 15px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.1s; font-size:18px;
}

#menu ul li:hover > a > i.fa.fa-caret-right { transform: rotateZ(90deg); }

/* general styles */

.menu-bar{  z-index:9999;}

.menu, .menu ul {list-style: none;padding: 0; margin: 0;}

.menu > li {display: block; float: left;position: relative;}

.menu li:first-child a{ border-left:1px solid rgba(255,255,255,0.2);}

.menu li a {border-right: 1px solid rgba(255,255,255,0.2);
    color: #ffffff;display: block;padding: 10px 46px;text-decoration: none;text-transform: capitalize;
	font-size:17px;}

.menu li a i.fa.fa-dot-circle-o{ padding-right:5px; }

.menu li ul li a{ padding:7px 10px; font-size:14px;}

/* onhover styles */
.menu li:hover {background:#000000;}

.menu li:hover > a { color: #ffffff;}

/* submenu styles */
.submenu {left: 0;max-height: 0;
    position: absolute;
    top: 45px;
    z-index: 9999;
	min-width:201px;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}


.submenu li {
    opacity: 0;
	-webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
	z-index:9999;
}

.menu li ul li,.submenu li:hover{  background: -moz-linear-gradient(#434242, #4b5457);
    background: -ms-linear-gradient(#434242, #4b5457);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #434242), color-stop(100%, #4b5457));
    background: -webkit-linear-gradient(#434242, #4b5457);
    background: -o-linear-gradient(#434242, #4b5457);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient(#434242, #4b5457); } 

.submenu li a{ text-transform:capitalize;}

.menu .submenu li:hover a {
    border-left: 2px solid #e31e24;
    border-radius: 0;
    color: #ffffff; 
}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;z-index:9999;
}

#menu li:hover,#menu a:hover{ background: #ffffff; transition:all 1s;}

.submenu ul { margin:0px 0px 0px 0px; opacity: 0; min-width:220px; visibility: hidden; position: absolute;  z-index: 9999; background:#ffffff; transition: all .3s ease-in-out; left:200px;  }

.submenu ul ul { left:200px; margin-top:-35px;  margin-left:200px; }


.submenu li:hover > ul{ opacity: 1; visibility: visible; margin: 0px;}


.submenu li ul li a:hover{ background:#ffffff;}

.submenu ul li{ float:none; }


.submenu ul a { display: block;   background:url(../images/right-arrow.png) no-repeat 2% center/9px 9px; color:#ffffff; padding:5px 5px 5px 20px; font-size:14px; border-bottom:1px dotted rgba(255,255,255,0.2); border-right:0px; }


/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #ffffff;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}
/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.menu li:hover .submenu li:nth-child(9) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}


.submenu li:nth-child(2) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(9) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}










/*slider styles starts here*/

.slider .carousel{ width:100%; height:530px !important;}

.slider .carousel-inner img{ width:100%; height:530px !important; }

.slider .carousel-control.left,.carousel-control.right,.testimonials .carousel-control.left,.carousel-control.right{ background:none;}

.slider .carousel-control{ width:60px; height:60px; vertical-align:middle; top:45%; text-align:center; opacity:0.6; }

.slider .left.carousel-control{ background:url(../images/right.png) no-repeat 20% center; background-size:50px 50px; }

.slider .right.carousel-control{ background:url(../images/left.png) no-repeat 90% center;  background-size:50px 50px;}

.carousel-caption{ left:0%; right:0%;  bottom:-40px; margin:0px auto;}

.carousel-caption h1,.carousel-caption h2,.carousel-caption p{ color:#ffffff; background-color:rgba(9,9,9,0.5);
font-size:25px; padding:10px 0px; text-transform:uppercase; }


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


.newFS{ background: #ffffff; font-size:18px !important; padding:8px 20px; color:#ffffff; font-weight:bold;} 

.bottomNav{ bottom:5px !important; width:140px !important;}

.allinone_bannerRotator.universal .bottomNavButtonOFF{ margin-right:5px;}

.allinone_bannerRotator {
	position:relative;
	width:100% !important;
	
	
}
.allinone_bannerRotator img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background-size:100% 100% !important;
	height:500px !important;
	z-index:99;
}
.allinone_bannerRotator_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}
.allinone_bannerRotator .stripe {
	position:absolute;
	display:block;	
	height:100%;
	z-index:1;
	overflow:hidden;
}
.allinone_bannerRotator .block {
	position:absolute;
	display:block;	
	z-index:1;
	overflow:hidden;
}





/***UNIVERSAL SKIN***/


.allinone_bannerRotator.universal .leftNav {
	position:absolute;
	left:10px;
	top:50%;
	/*margin-top:-20px;  height/2 */
	width:55px;
	height:55px;
	background:url(../images/right.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.universal .leftNav:hover {
	background:url(../images/right.png) 0 0 no-repeat;
}
.allinone_bannerRotator.universal .rightNav {
	position:absolute;
	right:10px;
	top:50%;
	/*margin-top:-20px;  height/2 */
	width:50px;
	height:50px;
	background:url(../images/left.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_bannerRotator.universal .rightNav:hover {
	background:url(../images/left.png) 0 0 no-repeat;
}
.allinone_bannerRotator.universal .bottomNav {
	position:absolute;
	width:0px;
	height:24px;
	z-index:4;
	padding-left:9px;
}
.allinone_bannerRotator.universal .bottomNavButtonOFF {
	float:left;
	display:block;
	width:14px;
	height:14px;
	background:url(../images/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_bannerRotator.universal .bottomNavButtonON {
	float:left;
	display:block;
	width:14px;
	height:14px;
	padding-left:9px;
	background:url(../images/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerRotator.universal .bottomNavLeft {
	position:absolute;
	width:0px;
	display:none;
	background:#ffffff;
	height:24px;
	z-index:4;
}
.allinone_bannerRotator.universal .bottomNavRight {
	position:absolute;
	width:0px;
	display:none;
	height:24px;
	background:#ffffff;
	z-index:4;
}

.allinone_bannerRotator.universal .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(../images/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_bannerRotator.universal .bottomOverThumb img {
	border:4px solid #000000;
}



/***Text Styles***/


.allinone_bannerRotator_texts {
	position:absolute;
	z-index:3;
	display: none;
	width:100%;
	text-align:left;
}
.allinone_bannerRotator_text_line {
	position:absolute;
	font-size:40px;
	color:#ffffff;
}







/****Text Attractive FullWidth***/

.textElement11_attractive_FullWidth {
	font: bold 38px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:54px;
	color:#ffffff;
}


.textElement12_attractive_FullWidth {
	font: bold 26px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:37px;
	color:#ffffff;
}

.textElement12_attractive_FullWidth a {
	color:#ffffff;
	text-decoration:none;
}

.textElement12_attractive_FullWidth a:hover {
	color:#ffffff;
}

.textElement21_attractive_FullWidth {
	font: bold 42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:53px;
	color:#ffffff;
}
.textElement22_attractive_FullWidth {
	font: bold 28px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:38px;
	color:#ffffff;
}

.textElement31_attractive_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#ffffff;
}

.textElement32_attractive_FullWidth {
	font: bold 48px/64px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
}

.textElement33_attractive_FullWidth {
	font: bold 32px/42px 'Droid Sans', Verdana, Helvetica, sans-serif;
	color:#ffffff;
}



.textElement41_attractive_FullWidth {
	font: bold 52px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:72px;
	color:#ffffff;
}
.textElement42_attractive_FullWidth {
	font: bold 32px 'Droid Sans', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:45px;
	color:#ffffff;
}

.textElement51_attractive_FullWidth {
	font: bold 48px 'Cabin', Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:68px;
	color:#ffffff;
}


.textElement51_attractive_FullWidth a {
	color:#ffffff;
	text-decoration:none;
}

.textElement51_attractive_FullWidth a:hover {
	color:#ffffff;
}




.textElement52_attractive_FullWidth {
	width:35%;
	font: 28px 'Arial', Verdana, Helvetica, sans-serif;
	line-height:37px;
	color:#ffffff;
}

.textElement52_attractive_FullWidth a {
	color:#ffffff;
	text-decoration:none;
}

.textElement52_attractive_FullWidth a:hover {
	color:#ffffff;
	text-decoration:none;
}


#bannerBg{
	background:url(preview_images/responsive/opportuneResponsive.jpg) center top no-repeat;
}
#containingDiv {
	width:960px;margin:0 auto; padding:140px 0 0 0;	
}
#bottomText {
	width:100%; font:18px 'Lato', sans-serif; color:#ffffff; border-top:1px solid #ffffff; padding:10px 0 0 0; margin-top:100px; text-align:center;
}

@media screen and (min-width:1200px){
#bannerBg{
	background:url(preview_images/responsive/opportuneResponsive.jpg) center top no-repeat;
}
#containingDiv {
	width:960px;margin:0 auto; padding:140px 0 0 0;	
}
#bottomText {
	width:100%; font:18px 'Lato', sans-serif; color:#ffffff; border-top:1px solid #ffffff; padding:10px 0 0 0; margin-top:100px; text-align:center;
}
}

@media screen and (max-width:767px){
#bannerBg {
	background:url(preview_images/responsive/opportuneResponsive767.jpg) center top no-repeat;
}
#containingDiv {
	width:100%;margin:0 auto;padding:60px 0 0 0;	
}	
#bottomText {
	width:100%;font:14px 'Lato', sans-serif; color:#ffffff; border-top:1px solid #ffffff; padding:10px 0 0 0; margin-top:50px; text-align:center;
}
}

@media screen and (max-width:640px){

.allinone_bannerRotator img {
	
	width:100%;
	background-size:100% 100% !important;
	height:300px !important;
	z-index:99;
}


}

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

.allinone_bannerRotator img {
	
	width:100%;
	background-size:100% 100% !important;
	height:150px !important;
	z-index:99;
}


}

@media screen and (max-width:320px){

.allinone_bannerRotator img {
	
	width:100%;
	background-size:100% 100% !important;
	height:130px !important;
	z-index:99;
}


}

/*slider styles ends here*/




/*testimonial grid*/

.testimonials-grid h2,.aboutus h2{ margin:0px; font-size:29px; color:#ffffff;}

.testimonials-grid h2 span,.aboutus h2 span{ border-bottom:2px solid #ffffff; display:inline-block; padding-bottom:10px; position:relative; color:#ffffff; }

.testimonials-grid h2 span,.aboutus h2 span{ color: #ffffff; font-family:OpenSans-CondBold;}

.aboutus h2{ margin:30px 0px 0px 0px;font-size:33px;}

.aboutus h2 span{ color:#ffffff; padding-bottom:8px; }

/*.testimonials-grid h2 span:before,.aboutus h2 span:before { content:""; position:absolute; bottom:-7px; width:50%; left:25%; border:6px solid #495eff;}
*/
section.testimonials-grid{ background:url(../images/testimonials_bg.jpg); background-size:100% 100%; }

.testi-inr{ background-color: rgba(55,200,213,0.5); padding:25px 0px;}

.testimonials-grid .carousel-control.right,.testimonials-grid .carousel-control.left{ background:none; width:50px; height:50px; top:inherit; bottom:-10px;}

.testi-slider{ width:60%; margin:0px auto; margin-top:40px;}

.testimonials-grid .carousel-control.left{ left:0%;}

.testimonials-grid .carousel-control.right{ left:7%;}

.testimonials-grid .carousel-control i.fa{ font-size:30px; padding:2px 12px; border:2px solid #47a5c1; transition:all 0.5s;}

.testimonials-grid .carousel-control i.fa:hover{ border:2px solid #fff;} 

.testi-img img{ width:100px; height:100px; margin:0px auto; border-radius:100%; padding:5px; border:2px solid #1d9bc3;}

.testi-cnt{ height:140px; overflow:hidden;}

.testi-cnt p{ text-align:justify; line-height:1.8; font-size:16px; margin:20px auto; color:#ffffff;}

.testi-name h4{ text-align:center; color: #ffffff;  }

/* fade on slider */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1 !important; transition:all 2s;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}





/* Back to top button */

#back-top { position: fixed; bottom: 30px; right:30px; z-index:99999; }

#back-top a {  display: block; text-align: center; -webkit-transition: 1s;-moz-transition: 1s; transition: 1s; }

#back-top a:hover { color: #000; }

#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background:#ffffff url(../images/up-arrow.png) no-repeat center center/18px 18px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s; border-radius:100%;
}
#back-top a:hover span { background-color:#ffffff; }



/*aboutus*/

.aboutus{ width:100%; background:url(../images/abt-2.jpg) no-repeat; background-size:100% 100%; min-height:500px; position:relative;}


.abt-lft{ width:50%; float:left;}

.abt-rht{ width:50%; float:right; padding:50px 0px 0px 0px;}

.abt-rht p{ padding-top:20px; font-size:16px; text-align:justify;}

.about-desc-lft img{ width:86%;}




	
	
/*footer*/


footer{  min-height:350px; position:relative; padding:20px 0px;
    background-color:#808080; background-size:100% 100%;
   
}

footer::before{  
    background-position: center center;position: absolute;top: 0;left: 0;height: 8px;
    width: 100%;content: " ";z-index: 1;background-color: transparent;}

footer::after{    
    background-position: center center;position: absolute;bottom: 0;left: 0;height: 7px;width: 100%;
    content: " ";z-index: 1;background-color: transparent;}
	


.ft-logo{ width:25%; float:left; /*display:flex; align-items:center;*/ height:210px;  background:url(../images/ftr-logo-bg1.jpg) no-repeat 0 center; background-size:100% 100%; position:relative; margin:22px 0px;}


.ft-logo img{ width:256px; height:80px; margin:45px auto; margin-left:0px; position:relative;}

.quick-links{  float:left; padding:20px 0px;}

.ftr-top h4{ color:#ff0080; margin-top:0px; margin-bottom:20px;}

.ftr-top h4 span{ border-bottom:2px solid #ff0080; padding-bottom:10px;  padding-right:20px; font-weight:bold;}

.quick-links ul li{ list-style:none; line-height:1.8;}

.quick-links ul li a{ color:#000; transition:all 0.7s; font-weight:bold;}

.quick-links ul li a:hover{ color:#ff0080;}

.quick-links ul li a i.fa{ margin-right:10px; }

.get{  float:left; position:relative; padding:20px 0px;}

.get iframe{ width:100%; position:relative;}



.ftr-btm{ border-top:1px solid rgba(255,255,255,0.1); background:#000;}

.ftr-btm span.copyright{ width:60%; float:left; color:#999;}

.ftr-btm span.copyright h5,.ftr-btm span.designby h5{ margin:0px; padding:10px 0px; font-size:15px; color:#fff;}

.ftr-btm span.designby{ width:40%; float:left; text-align:right; color:#999;}

.ftr-btm span.designby a{ color:#ff0080;  transition:all 0.7s; }

.ftr-btm span.designby a:hover{ color:#f00;}

.social ul.social-icons li a i.fa{ transition:all 0.7s;}

.social ul.social-icons li a i.fa:hover{ border-radius:100%;}
	
ul.social-icons li a i.fa.fa-facebook{ background:#3b5998; padding:10px 12px;}

ul.social-icons li a i.fa.fa-twitter{ background:#00aced;}

ul.social-icons li a i.fa.fa-google-plus{ background:#d34836;}

ul.social-icons li a i.fa.fa-linkedin{ background:#0e76a8;}

ul.social-icons li a i.fa.fa-youtube{ background:#cc181e; }

.quick-links ul{ margin:0px; padding:0px;}

.quick-links ul li{ color:#000; font-weight:bold;}






/* SECTION6*/

.section_6{  background-size:cover; padding:100px 0px;}

.subscribe{ position:relative;}

.subscriber_wrap h3{  color:#fff; font-size:21px; margin:0px; line-height:42px; text-align:right;} 

.subscribe .form-control{ box-shadow:none; border-radius:0px; height:42px; font-size:18px;}

.subscribe button.btn{ position:absolute; top:0px; right:0px; border:0px; background:#F14659; border-radius:0px; color:#fff; padding:10px 40px; height:42px; font-size:18px;}

a.sub-btn{background:#00B9E8; border-radius:10%; padding:8px 10px; margin-top:10px; color:#fff;}



/* section3 */

.section_full_width{ padding:30px 0px;}

.career_course_learning_wrap h2{line-height:1.6; color:#00B3E5; text-align:center; font-size:36px;}

.career_course_learning_wrap h2 b{ display:block; font-weight:normal; color:#6D6D6D; font-size:28px;}

.career_course_learning_wrap{ position:relative;}

.career_course_learning_wrap figcaption{ padding:15px 10px; color:#000;}

.career_course_learning_wrap h3{ margin-top:10px;}

.career_course_learning_wrap a button.btn-2{  text-transform:uppercase; color:#fff; font-weight:bold; transition:all 0.5s; background:none; border:0px;}

.career_course_learning_wrap a button.btn:hover{ background:#152B38;}
 
#owl-demo .item{	
		
        margin: 10px 10px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
}

.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size:60px; color:#878787;  position:absolute; top:55%; left:-15px; cursor:pointer;}
  
  .customNavigation a.next{ right:-15px; left:inherit;}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.hdng-tp{  padding:20px 0px;}

.hdng-tp-1{ background:#3690C0 ;}

.hdng-tp-2{ background:#FF5B4F;}

.hdng-tp-3{ background:#595D8F; }

.hdng-tp-4{ background:#8FCEC5;}

.hdng-tp-5{ background:#41AB5D;}

.hdng-tp-6{ background:#959595;}

.cptn-hdng-1{ background:#74A9CF; padding:10px 0px; }

.cptn-hdng-2{ background:#FF7C72; padding:10px 0px; }

.cptn-hdng-3{ background:#7A7DA6;padding:10px 0px; }

.cptn-hdng-4{ background:#A6D8D1; padding:10px 0px; }

.cptn-hdng-5{ background:#78C679; padding:10px 0px; }

.cptn-hdng-6{ background:#BDBDBD; padding:10px 0px;}

figcaption p{ color:#fff;}

.hdng-tp h3,.section_3 h2{ font-family:OpenSans-CondBold; text-transform:uppercase; text-align:center; }

#owl-demo i.fa{ text-align:center; font-size:40px; color:#fff;}



.mob-hdr{ display:none;}

.me {
  width: 400px;
  margin: 90px auto;
}
.me p,
.me h1 {
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}
.me p {
  font-weight: 200;
}
.me span {
  font-weight: bold;
}
.social {
  position: fixed;
  top: 20px; left:-20px;
}
.social ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 300px;
  text-align: right;
  padding: 10px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
  color: #000;
}
.social ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #000;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: #ffffff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}






@media screen and (max-width: 991px) { 

a#toggle { display: block;  }

main#content {
  margin-top: 65px;
  transition: all ease-out 0.3s;
}

#menu {
  position: fixed;
  width: 214px;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  background-color: rgba(255,167,64, 0.7);
  transform: translateX(-250px);
}

#menu ul {
  text-align: left;
  background-color: transparent;
}

#menu ul li { display: block; }

#menu ul li a { display: block; }

#menu ul li a > i { float: right; }

#menu ul li ul {
  display: none;
  position: static;
  width: 100%;
 
}

#menu ul li:hover > ul { display: none; }

#menu ul li:hover > a > i { transform: rotateZ(0); }

#menu ul li.open > a { background-color: rgba(0, 0, 0, 0.3); }

#menu ul li.open > a > i { transform: rotateZ(90deg); }

#menu ul li.open > ul { display: block; }

div#overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all ease-out 0.3s;
  z-index: 1;
  opacity: 0;
}

html.open-menu { overflow: hidden; }

html.open-menu div#overlay {
  visibility: visible;
  opacity: 1;
  width: calc(-150%);
  left: 250px;
}

html.open-menu a#toggle,
 html.open-menu main#content { transform: translateX(203px); }

html.open-menu nav#menu {
  z-index: 3;
  transform: translateX(0);
}
}











/*aboutus styles*/

.hdr-btm-inr-pg{padding: 15px 0px 34px 0px;}

.mnu-inr {
    position: absolute;
    top: 112px;
}

.section-3{ padding:56px 0px;  background-size:100% 100%;}

.section-3 h2 {
    background: #333;
    color: #fff;
    margin: 0px auto;
    display: block;
    width: 15%;
    text-align:center;
    font-size: 23px;
	padding:5px 0px;
}

.aboutus-desc{ padding:40px 0px 20px 0px;}

.about-desc-lft{ width:35%; float:left;}

.about-desc-rht{ width:65%; float:left;}

.about-desc-rht p{ padding:0px 30px; font-size:16px; text-align:justify;}


/*contsctus styles*/

.con-lft{ width:65%; float:left;}

.con-rht{ width:35%; float:right;}

.con-adr-lft{ width:9%; float:left;}

.con-adr-rht{ width:91%; float:right;}

.cont-info{  padding:40px 0px; }

.con-adr-lft i.fa{ background:#D45591; color:#fff; padding:13px 15px; border-radius:50%; font-size:20px;}

.con-adr-lft i.fa-envelope{ font-size:15px;}

.con-adr-rht p{ margin:0px; padding-top:10px; font-size:16px; }

.con-adr{ margin:10px 0px;}

.con-rht { background:#26B580; padding:30px 0px;position:relative;}

.con-rht form{ width:80%; margin:0px auto; display:block;}

.con-rht:before { content:"";
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 30px solid #26B580;
	border-bottom: 20px solid transparent;
	position:absolute; left:-20px; top:40px;
}

.con-rht .form-control{ height:42px;background:#26B580; border:1px solid #fff; color:#fff !important;}

.con-rht .form-group textarea{ height:90px;}

placeholder{ color:#fff !important;}


input[placeholder], [placeholder], *[placeholder]{color:#fff !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
 color:#fff !important;
}
:-moz-placeholder { /* Firefox 18- */
 color:#fff !important;
}

/*product details styles*/

.prod-lft{ width:30%; float:left;}

.prod-rht{ width:70%; float:right; padding:0px 20px;}

.prod-lft img{ width:100%; height:370px;}

.prod-rht p{ text-align:justify; font-size:16px;}

.prod-rht h4{ margin-bottom:0px; font-weight:bold; color:#0DB0FF; font-size:15px;}

.prod-rht h3{color: rgb(0, 168, 195);font-weight:bold; font-size:23px;}

.prod-rht ul li{ font-size:16px;}


/*products styles*/

.products-inr{ padding:20px 0px;}

.product-info-1{ width:24%; float:left; margin:5px 5px 10px 5px; min-height:300px; border:15px solid #ccc;:#ccc;padding:10px 10px;}

.prod-info-inr{ background:#fff;}	

.prod-info-inr img{ width:100%; min-height:225px !important;}	

.prod-info-inr h3{ text-align:center; margin:0px; padding:10px 0px 5px 0px; font-size:18px;
font-weight:bold;}		

.product-info-1:hover{ border:15px solid #04ADFF; transition-duration:2s;}	



/*blog styles*/

.blog-info{ width:100%; background:#efefef; box-shadow:0px 0px 5px #ccc; min-height:180px; margin:15px 0px;}

.blog-sec-top{ border-bottom:1px solid #ccc; position:relative;}

.blog-sec-top-lft{ width:6%; float:left; background:#0F9FD7; position:absolute; left:-20px; top:10px;}

.blog-sec-top-rht{ width:93%; float:right;}

.blog-sec-top-lft h3{ margin:3px 0px; color:#fff; text-align:center; font-size:15px;}

.blog-sec-top-lft p{ text-align:center; color:#fff;}

.blog-sec-top-rht h3{ color:#0F9FD7; font-size:15px; margin:8px 0px; font-weight:bold;}

.blog-sec-top-rht p span{color:#0F9FD7; font-weight:bold;font-size:13px;}

.blog-sec-top-rht p{ color:#000;border-bottom:1px solid #ccc;}

.blog-sec-top-lft:before { content:""; width: 0; height: 0; border-top: 20px solid #0F9FD7; border-left: 20px solid transparent; top:71px; position:absolute; left:-1px;} 

.blog-sec-bot-lft{ width:20%; float:left;}

.blog-sec-bot-rht{ width:77%; float:right;}

.blog-sec-bot{ padding:10px 40px 10px 80px;}

.blog-sec-bot-lft img{ width:100%;}

.blog-sec-bot-rht p{ border-bottom:1px solid #ccc; padding-bottom:10px; text-align:justify; font-size:15px;}

.btns-sec{ width:38%; float:right;}

.btns-sec a{ width:40%; float:left; margin:0px 10px; background:#fff; border:1px solid #ccc; border-radius:5px; padding:3px 10px; text-align:center; color:#0F9FD7; font-weight:bold;}

.blg h2{ padding-left:0 px;}

.con-lft p{ font-size:16px;}


/*upcoming events styles*/

.event-sec{ width:45%; float:left; margin:10px 10px; min-height:127px;}

.event-sec-lft{ width:15%; float:left;  padding:26px 0px;}

.event-sec-lft p{ color:#fff; text-align:center; padding:2px 0px;}

.event-sec-lft h3{ color:#fff; margin:2px 0px;text-align:center; font-weight:bold; font-size:35px;}

.event-sec-rht{ width:85%; float:left; padding:0px 10px; }

.event-sec-rht h3{ color:#FFFFFF;}

.event-sec-rht p{text-align:justify;}

.one-lft{background:#8FBC8B;}

.one-rht{background:#00c4bf;}

.two-rht{ background:#F7BAB8;}

.two-lft{ background:#F34892;}

.thre-lft{background:#9ED77C;}

.thre-rht{background:#D1EF8F;}

.four-rht{background: #9ACD32; }

.four-lft{background:#66CDAA; }

.fve-lft{background:#3BA5BC; }

.fve-rht{background:#6EC6AB; }

.six-rht{background:#8F87BA; }

.six-lft{background:#646BA4; }




/*invoice table styles starts here*/
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}


th{ background:#e8f8fe; color:#000;}



td{ border:0px;}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ border:0px;}

#no-more-tables{ margin:20px 0px;}

.table-bordered{ margin-bottom:10px;}




@media (min-width: 992px) and (max-width: 1200px) {

.menu li a{ padding: 10px 31px;}

.img-info p{padding: 0px 15px;}

.nbs-flexisel-item img{ margin:0px;}

.img-info p{ width:215px;}

.subscriber_wrap h3{font-size:17px;}

.ft-logo img{width: 185px; margin-left: 9px;}

.product-info-1{ width: 23%;}

.blog-info{ min-height: 201px;}

.event-sec-lft{ padding: 36px 0px;}

.prod-rht img{ width:100%;}

.hdr-btm{ width:92%;}

#cssmenu ul li a { padding: 15px 24px;}

.info-box-lft-1 i.fa{ padding: 8px 8px;}

.info-box-lft i.fa{ padding: 10px 9px;}

.info-box-lft i.fa-envelope-o { font-size: 15px;}




}


@media (min-width: 768px) and (max-width: 991px) {

.menu{ width:96%;}


.hdr-btm{ top:87px;}

.dev-desg ul li{ width:50%; float:left;}

.header-bottom-left img{ width: 203px; height: 55px;}

span.cont, span.cont-1{ margin-top: 6px; font-size:14px;}

.info-box-lft-1 i.fa{ font-size:19px;}

.info-box-lft, .info-box-lft-1{ height:31px;}

.info-box-lft{ width:15%;}

.info-box-lft i.fa{ padding: 5px 7px; font-size:14px;}

#cssmenu #menu-button{ padding:15px;}

.info-box-lft-1 i.fa{ padding: 5px 7px;}

.info-box-lft-1{ width:16%;}

.hdr-tp-lft{ width:25%; float:left;}

.hdr-tp-rht{ width:75%; float:right;}

.hdr-tp-lft img{ width:90%;}

a#toggle{ top: 58px;}

.icon-info p{ font-size:17px; padding-top:5px;}

.con-adr-rht{ width: 88%;}

.ft-logo img{ margin-left:0px;width: 226px; height:79px;}

.product-info-1 { width: 31%;}

#menu ul li a > i{ float:left;}

#menu{ background:#009FEC;}

.menu li a{ border-right:0px;}

.testi-cnt{ height: 163px;}

.testi-slider{ width:87%;}

.aboutus{ min-height:584px;}

.ft-logo{ width:50%; float:left;}

.ft-logo img{ margin:30px auto; margin-left:4px;}

.hdr-tp-lft{ width:92%; margin:0px auto; display:block;}

.hdr-tp-lft img{ width:50%; margin:0px auto; display:block;}

.hdr-tp-rht{ width:100%; padding-top:20px;}

.img-info p {width: 180px;}

.nbs-flexisel-item img{ width:168px;}

.aboutus h2 {font-size: 29px;}

.event-sec-lft { width: 22%;padding: 59px 0px;}

.event-sec-rht { width: 78%;}

.blog-sec-top-lft {width: 11%;}

.blog-sec-top-rht { width: 89%;}

.blog-info{ min-height:234px;}

.btns-sec{ width:54%;}

#cssmenu { background: #008D72;}

.prod-rht img{ width:100%;}

}

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

.menu{ width:96%;}

.hdr-btm{ top:87px;}

.header-bottom-left img{ width: 203px; height: 55px;}

span.cont, span.cont-1{ margin-top: 6px; font-size:14px;}

.info-box-lft-1 i.fa{ font-size:19px;}

.info-box-lft, .info-box-lft-1{ height:31px;}

.info-box-lft{ width:15%;}

.info-box-lft i.fa{ padding: 5px 4px; font-size:14px;}

.info-box-lft-1 i.fa{ padding: 5px 7px;}

.info-box-lft-1{ width:16%;}

.img-info p{padding: 0px 15px;}

.nbs-flexisel-item img{ margin:5px; width:215px;}

.img-info p{ width:215px;}

#menu ul li a > i{ float:left;}

.menu li a{ border-right:0px;}

#menu{ background:#009FEC;}

.testi-cnt{ height: 163px;}

.testi-slider{ width:87%;}

.ft-logo{ width:50%; float:left; height:150px;}

.quick-links{ padding:0px;}

.ft-logo img{margin:28px auto; margin-left:4px;}

.aboutus{min-height: 586px;}

.menu-bar{ background:none;}

.hdr-tp-lft{ width:95%; }

.hdr-tp-lft img{ margin:0px auto; display:block;}

.hdr-tp-rht{ width:100%; padding-top:10px;}

.con-lft{ width:100%;}

.con-rht{ width:85%;}

.section-3 h2{ width:32%;}

.blog-sec-top-lft{ width:12%;}

.blog-sec-top-rht{ width:88%;}

.btns-sec {width: 57%;}

.blog-info{ min-height:231px;}

.event-sec{ width:100%;}

.event-sec-lft{padding:16px 0px;}

.product-info-1 {width: 31%;border: 8px solid #ccc;}

.product-info-1:hover { border:8px solid #ccc;}

#cssmenu { background: #008D72;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ height:320px;}

.slider_wrapper .carousel-inner {height:320px;}

.slider-rht{height:320px;}

.abt-rht p{ font-size:13px;}

.aboutus h2{ font-size:26px;}

.aboutus {min-height: 502px;}

.get iframe{height:120px !important;}

.dev-desg ul li{ width:50%; float:left;}

.prod-rht img{ width:100%;}



}


@media screen and (max-width: 640px) {

.header-bottom-left img{ width: 203px; height: 55px;}

span.cont, span.cont-1{ margin-top: 6px; font-size:14px;}

.info-box-lft-1 i.fa{ font-size:19px;}

.info-box-lft, .info-box-lft-1{ height:31px;}

.info-box-lft{ width:15%;}

.info-box-lft i.fa{ padding: 5px 4px; font-size:14px;}

.info-box-lft-1 i.fa{ padding: 5px 7px;}

.info-box-lft-1{ width:16%;}

#menu ul li a > i{ float:left;}

.menu li a{ border-right:0px;}

#menu{ background:#009FEC;}

.con-lft{ width:100%;}

.con-rht{ width:80%; margin:0px auto; display:block;}

.ft-logo{ width:50%; float:left;}

.ft-logo img{margin: 10px auto; margin-left:4px;}

.section-3 h2{ width:33%;}

.event-sec{ width:100%;}

.hdr-tp-lft{ width:100%;}

.hdr-tp-lft img{ margin:0px auto; display:block;}

.hdr-tp-rht{ width:100%;}

.hdr-elmnts-1 {width: 28%;}

.blog-sec-top-lft{ width:12%;}

.blog-sec-top-rht{ width:88%;}

.btns-sec {width: 57%;}

.blog-info{ min-height:241px;}

.product-info-1{width: 31%;border: 7px solid #ccc;}

.menu-bar{ background:none;}

.testi-slider{ width:91%;}

.testimonials-grid .carousel-control.right, .testimonials-grid .carousel-control.left{ bottom:-29px;}

.testi-cnt { height: 169px;}

.img-info p{padding: 0px 15px;}

.nbs-flexisel-item img{ margin:5px; width:200px;}

.img-info p{ width:200px;}

#cssmenu { background: #015DA6;}


.icon-info p{ font-size:14px; padding:3px 0px;}

.lge{ width:32px; height:32px !important;}

.img-icon img{ width:32px; height:32px;}

#cssmenu { background: #015DA6;  }

.hdr-elmnts{ width:30%;}

.hdr-elmnts-1{ width:25%; float:right;}

#cssmenu #menu-button{ padding:13px;}

#cssmenu #menu-button::after { top:16px;}

#cssmenu #menu-button::before { top:9px;}

.dev-desg ul li{ width:50%; float:left;}

.ft-logo{ min-height:160px;}

.get iframe{height:128px !important;}

#back-top span{ width:45px; height:45px; background-size:20px 20px;}

.contact-button-link{ width:30px; height:30px; line-height: 29px;
font-size: 18px;}


.abt-rht p{ font-size:13px;}

.aboutus h2{ font-size:26px;}

.aboutus {min-height: 502px;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ height:300px;}

.slider_wrapper .carousel-inner {height:300px;}

.slider-rht{height:300px;}

.prod-rht img{ width:100%;}

.menu{ width:96%;}

.hdr-btm{ top:87px;}

.hdng-tp h3, .section_3 h2{ font-size:20px;}

.about-desc-rht{ width:100%;}

.about-desc-lft{ display:none;}

.subscriber_wrap h3{ text-align:left;}
}


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

.blg h2 { padding-left: 4px;}

.header-bottom-left img{ width: 234px;height: 53px; margin-left:58px;}

.about-desc-lft img, .about-desc-rht img{ display:none;}

.header-bottom-right{ display:none;}

.ft-logo{ min-height:75px;}

.testi-cnt p{ font-size:14px;}

#no-more-tables td{ padding-left:0px;}

.header-bottom{ padding: 15px 0px 37px 0px;}

.slider{ margin-top:38px;}

.hdr-btm{ top: 97px; left: 0px;}

.menu, .menu ul{ width:100%;}

#back-top span{ width:30px; height:30px;}

#back-top span{ background-size:18px 18px;}

.quick-links{ height:180px !important;}

.dev-desg{ height:130px !important;}

.dev-desg ul li{ width:50%; float:left;}

.con-lft,.con-rht{ width:100%;}

.section-3 h2{ width:42%;}

.con-adr-rht{ width:89%;}

.con-adr-lft{ width:9%;}

.ft-logo{ width:100%; height:100px; margin:0px; }

.ft-logo img{width:80%; margin:10px auto;}

.testi-slider{ width:91%;}

.testimonials-grid .carousel-control.right, .testimonials-grid .carousel-control.left{ bottom:-29px;}

.testi-cnt { height: 179px;}

.ftr-btm span.copyright,.ftr-btm span.designby{ width:100%; float:none; text-align:left;}

.img-info p{padding: 0px 15px;}

.nbs-flexisel-item img{ margin:5px; width:200px;}

.img-info p{ width:200px;}

#menu ul li a > i{ float:left;}

.menu li a{ border-right:0px;}

#menu{ background:#009FEC;}

.hdr-tp-lft{ width:100%;}

.hdr-tp-lft img{ margin:0px auto;}

.hdr-tp-rht{ display:none;}

.hdr-elmnts{ width:43%; float:left;}

.icon-info p{ font-size:13px;}

.hdr-elmnts-1{ width:50%; float:right;}

.hdr-elmnts-1 .img-icon{ padding-left:10px;}

.hdr-elmnts-1 .icon-info{ width:74%;}

.blog-sec-top-lft{ width:15%;}

.blog-sec-top-rht{ width:85%;}

.blog-sec-bot{padding: 10px 10px 10px 10px;}

.blog-info{ min-height:260px;}

.btns-sec{ width:75%;}

.event-sec{ width:100%; margin:10px 0px;}

.event-sec-rht h3{ font-size:16px;}

.event-sec-rht{ width:79%;}

.event-sec-lft{ width:21%; padding: 31px 0px;}

.product-info-1{width: 47%; border: 8px solid #ccc;}

.prod-lft,.prod-rht{ width:100%;}

.prod-lft{ padding-top:10px;}

.about-desc-lft,.about-desc-rht{ width:100%;}

/*.about-desc-lft img,.about-desc-rht img{ margin:0px auto; display:block;}
*/
.blog-sec-bot-lft {width: 100%;}

.blog-sec-bot-rht{ width:100%; padding-top:10px;}

.aboutus{ background:#00C0ED; color:#fff;min-height: 371px;}

a.sub-btn{ background:#FF8000;}

.abt-lft{ display:none;}

.abt-rht{ width:100%; padding:10px 0px 0px 0px;}

.aboutus h2 {font-size: 21px; }

.aboutus h2 span{ color:#fff;}

#cssmenu { background: #015DA6; margin-top:10px; }

.testimonials-grid .carousel-control i.fa,.testimonials-grid .carousel-control i.fa:hover{ border:0px;}

.slider-lft{ display:none;}

.slider-rht{ width:100%;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ height:300px;}

.slider_wrapper .carousel-inner {height:300px;}

.slider-rht{height:300px;}

#cssmenu ul ul {
    background: #008D72;
    min-width: 218px;
}

#cssmenu > ul > li > a{ font-size:12px;}

.contact-button-link{width: 23px; height: 23px; line-height: 23px; font-size: 14px;}

.enq-btn h4 { margin: 0px; padding: 5px 12px;}

.enquiry-form .enq-btn h4{ width:113px; font-size:15px;}

.enq-btn.active h4 { width: 140px;  top: 64px;right: -57px;}

.enq-btn.active::before{ left: -26px; padding: 2px 10px;}

.mob-hdr{ display:block;}

.me { width: 400px; margin: 90px auto;}

.me p, .me h1 { text-transform: uppercase; letter-spacing: 3px; text-align: center;}

.me p {
  font-weight: 200;
}
.me span {
  font-weight: bold;
}
.mob-soc {
  position: fixed;
  top:0px; left:0px; z-index:999999;
}
.mob-soc ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.mob-soc ul li {
  display: block;
  margin: 5px;
 
  width: 300px;
  text-align: right;
  
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  
}
.mob-soc ul li:hover {
  -webkit-transform: translate(180px, 0);
  -moz-transform: translate(180px, 0);
  -ms-transform: translate(180px, 0);
  -o-transform: translate(180px, 0);
  transform: translate(180px, 0);
  background: rgba(255, 255, 255, 0.4);
  background:#0074BD; 
}
.mob-soc ul li:hover a {
  color: #fff;
}
.mob-soc ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.mob-soc ul li i {
  margin-left: 10px;
  color: #fff;
  
  padding: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
  font-size: 15px;
  background: #0074BD;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.get{ min-height:250px;}

.contact-button-link:hover, .contact-button-link:focus, .contact-button-link:active{ width:34px;}

.contact-button-link.show-hide-contact-bar:hover{ width:30px;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ width:25px; height:25px; top:-23px !important;}

.nbs-flexisel-nav-left{ right:36px;}

.prod-rht img{ width:100%;}




}

@media screen and (max-width: 375px) {

.newFS{ display:none;}

.header-bottom-right{ display:none;}

.header-bottom-left img{ width: 234px;height: 53px; margin-left:38px;}

.hdr-tp-lft{ width:100%; padding:10px 25px;}

.hdr-tp-lft img{ width:90%;}

.hdr-tp-rht{ display:none;}

.hdr-elmnts,.hdr-elmnts-1{ width:100%;}

.hdr-elmnts-1 .icon-info{ width:76%;}

.hdr-elmnts-1 .img-icon{ padding-left:10px;}

.section-3 h2{ width:70%;}

.product-info-1{ width:100%;}

.ft-logo{ width:100%; height:156px; margin: 21px 0px;}

.get iframe{ width:85%; height:150px;}

.ftr-btm span.copyright,.ftr-btm span.designby{ width:100%; float:none; text-align:left;}

.ft-logo img{ margin-left:0px; margin:0px 0px;}

.ft-logo-img3{ height:56px !important;}

#menu ul li a > i{ float:left;}

.menu li a{ border-right:0px;}

#menu{ background:#009FEC;}

.con-lft{ width:100%;}

.con-rht{ width:100%;}

.con-adr-lft i.fa{padding: 8px 10px; font-size: 15px;}

.con-adr-rht{ width:85%;}

.con-adr-rht p{ padding-top: 2px;font-size: 14px;}

.cont-info {   padding: 11px 0px;}

.event-sec{ width:100%; margin:10px 0px;}

.event-sec-rht h3{ font-size:16px;}

.event-sec-rht{ width:79%;}

.event-sec-lft{ width:21%; padding: 41px 0px;}

.blog-sec-top-lft{ width:19%;}

.blog-sec-top-rht{ width:83%;}

.blog-sec-bot-rht{ width:100%;}

.blog-sec-bot-lft{ width:100%;}

.blog-sec-bot{ padding:10px 10px;}

.btns-sec {width: 79%;}

.prod-lft,.prod-rht{ width:100%;}

.about-desc-lft,.about-desc-rht {width:100%;}

.about-desc-rht p{ padding:0px 15px;}

a#toggle{ top:0px;}

.aboutus{ background:#00C0ED; color:#fff; min-height: 451px;}

.aboutus h2 span{ color:#fff;}

.abt-lft{ display:none;}

.abt-rht{ width:100%; padding:10px 0px 0px 0px;}

.aboutus h2 {font-size: 21px;}

.slider-lft{ display:none;}

.slider-rht{ width:100%;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ height:220px;}

.slider_wrapper .carousel-inner {height:220px;}

.slider-rht{height:220px;}

.nbs-flexisel-item img {margin: 5px;width: 300px;}

.img-info p {width: 300px; margin: 5px;}

#cssmenu { background: #015DA6; width:100%; }

.testimonials-grid .carousel-control i.fa,.testimonials-grid .carousel-control i.fa:hover{ border:0px;}

.abt-rht p,.prod-rht p{ font-size:14px;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ width:25px; height:25px; top:-23px !important;}

.nbs-flexisel-nav-left{ right:36px;}

.ftr-btm span.copyright h5, .ftr-btm span.designby h5,.quick-links ul li{ font-size:13px;}


.dev-desg{ height:90px !important;}

.get{ min-height:190px;}

.contact-button-link:hover, .contact-button-link:focus, .contact-button-link:active{ width:34px;}

.contact-button-link.show-hide-contact-bar:hover{ width:30px;}

.prod-rht img{ width:100%;}


}

@media screen and (max-width: 320px) {

.hdr-tp-lft{ width:100%; padding:10px 25px;}

.hdr-tp-lft img{ width:90%;}

.hdr-tp-rht{ display:none;}

.hdr-elmnts,.hdr-elmnts-1{ width:100%;}

.hdr-elmnts-1 .icon-info{ width:76%;}

.hdr-elmnts-1 .img-icon{ padding-left:10px;}

.section-3 h2{ width:70%;}

.product-info-1{ width:100%;}

.ft-logo{ width:100%; height:156px; margin: 21px 0px;}

.get iframe{ width:85%; height:120px;}

.ftr-btm span.copyright,.ftr-btm span.designby{ width:100%; float:none; text-align:left;}

.ft-logo img{ margin-left:0px; margin:0px 0px;}

.ft-logo-img3{ height:56px !important;}

#menu ul li a > i{ float:left;}

.menu li a{ border-right:0px;}

#menu{ background:#009FEC;}

.con-lft{ width:100%;}

.con-rht{ width:100%; margin-top:15px;}

.con-adr-lft i.fa{padding: 8px 10px; font-size: 15px;}

.con-adr-rht{ width:85%;}

.con-adr-rht p{ padding-top: 2px;font-size: 14px;}

.cont-info {   padding: 11px 0px;}

.event-sec{ width:100%; margin:10px 0px;}

.event-sec-rht h3{ font-size:16px;}

.event-sec-rht{ width:79%; }

.event-sec-lft{ width:21%; padding: 61px 0px;}

.blog-sec-top-lft{ width:19%;}

.blog-sec-top-rht{ width:83%;}

.blog-sec-bot-rht{ width:100%;}

.blog-sec-bot-lft{ width:100%;}

.blog-sec-bot{ padding:10px 10px;}

.btns-sec {width: 79%;}

.prod-lft,.prod-rht{ width:100%;}

.about-desc-lft,.about-desc-rht {width:100%;}

.about-desc-rht p{ padding:0px 15px; font-size:14px;}

a#toggle{ top:0px;}

.aboutus{ background:#00C0ED; padding-bottom:15px; color:#fff;}

.abt-lft{ display:none;}

.abt-rht{ width:100%; padding:10px 0px 0px 0px;}

.aboutus h2 {font-size: 21px;}

.aboutus h2 span{ color:#fff;}

.slider-lft{ display:none;}

.slider-rht{ width:100%;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ height:220px;}

.slider_wrapper .carousel-inner {height:220px;}

.slider-rht{height:220px;}

.nbs-flexisel-item img { margin: 5px; width: 244px;}

html.open-menu nav#menu{ z-index:9999;}

.blog-info {min-height: 483px;}

.enquiry-form{ display:none;}

.testimonials-grid .carousel-control i.fa,.testimonials-grid .carousel-control i.fa:hover{ border:0px;}

.img-info p { width: 255px;}


#cssmenu { background: #015DA6;}

.abt-rht p,.prod-rht p{ font-size:14px;}

.open li{ color:#339999;}

.slider_wrapper .carousel-control.left, .slider_wrapper .carousel-control.right{ width: 30px;
height: 30px; font-size: 24px; line-height: 12px;}

.ftr-btm span.copyright h5, .ftr-btm span.designby h5,.quick-links ul li{ font-size:13px;}


.dev-desg{ height:90px !important;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ width:20px; height:20px; top:-23px !important;}

.nbs-flexisel-nav-left{ right:36px;}

.contact-button-link:hover, .contact-button-link:focus, .contact-button-link:active{ width:34px;}

.contact-button-link.show-hide-contact-bar:hover{ width:30px;}

.prod-rht img{ width:100%;}




}

#contact-buttons-bar {
  position: fixed;
  top: 190px !important;
  left: -50px;
  width: 50px;
  z-index:99999;
}


#contact-buttons-bar.slide-on-scroll {
  position: fixed;
}

.contact-button-link  {
  display: block;
  width: 43px;
  height: 43px;
  padding: 0;
  margin-bottom: 1px;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  background: #727271;
  color: #fff;
  position: relative;
  left: 0;
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  
  -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
          transition: all 250ms;
}
.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active {
  color: #fff;
  padding-left: 20px;
  width: 70px;
}
.contact-button-link.cb-hidden {
  left: -50px;
}
.contact-button-link.facebook,.foot ul.social li i.fa.fa-facebook {
  background: #3b5998;
}

.contact-button-link.twitter,.foot ul.social li i.fa.fa-twitter{ background:#36b9ff;}
.contact-button-link.linkedin,.foot ul.social li i.fa.fa-linkedin {
  background: #0077b5;
}
.contact-button-link.gplus,.foot ul.social li i.fa.fa-google-plus{
  background: #db4437;
}

.contact-button-link.separated {
  margin-top: 20px;
}

.show-hide-contact-bar,
.contact-button-link.show-hide-contact-bar:focus,
.contact-button-link.show-hide-contact-bar:active {
  background: transparent;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 50px;
}
.contact-button-link.show-hide-contact-bar:hover {
  color: #000;
  background: #727271;
  padding: 0;
  width: 50px;
}

#sideslider {
  
    left: auto;
    margin-left: auto;
    margin-right: -415px;
    position: fixed;
    right: 0;
    top:110px;
    width: 450px;
    z-index: 99999;
}

#sideslider .sideslider-tab {
    
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    left: -55px;
    padding:10px;
     background:#e31e24 url(../images/mail.png) no-repeat 10% 50%/20px 20px;
    position: absolute;
    text-transform: uppercase;
    top: 211px;
    transform: rotate(-90deg);
    width: 140px;
	padding-left:40px;
	
}

#sideslider a {
    text-decoration: none;
}

#sideslider-smartbutton {
    background-color: #434242;
    margin-left: 35px;
    padding: 20px;
    position: relative;
    
}

#sideslider-smartbutton .form-group{ margin-bottom:5px; width:50%; float:left; padding-right:10px;}

#sideslider-smartbutton .form-group.pn-no,#sideslider-smartbutton .form-group.message{ width:100%;}

#sideslider-smartbutton form button{ margin-top:15px;}


#sideslider .sideslider-close {
   
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: 300;
	 padding-top: 3px;
    text-align: right;
   
    width: 415px;
	position:absolute; top:0px; right:0px;
}

#sideslider .sideslider-close span{ background:#e31e24; padding:7px 10px;}


#sideslider-text .line {
    display: block;
    margin-bottom: 10px;
}
#sideslider-text {
    color: #fff;
    text-align: left;
    margin-left: 5px;
}

#sideslider-text .header {
    display: block;
    font-size: 2.4rem;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px #000;
}
.sideclear {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    height: 0;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    width: 0;
}