/*
Author       :Syed Ekram   
Theme Name:  :Bahubali - Responsive Business Template
Version      :1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. NAVIGATION
    03. START HOME DESIGN
    04. START ABOUT CONTENT DESIGN
    05. START ABOUT US DESIGN
    06. START ABOUT SECTION DESIGN
    07. START COUNT TIMER
    08. START SERVICE DESIGN
    09. START FEATURES DESIGN 
    10. START TESTIMONIAL DESIGN  
    11. START PORTFOLIO DESIGN
    12. START CASE STUDY DESIGN
    13. START PROJECT DESIGN    
    14. START TEAM DESIGN
    15. START PROMOTION DESIGN
    16. START PRICING DESIGN
    17. START PARTNER COMPANY DESIGN
    18. START BLOG DESIGN
    19. START CONTACT FORM DESIGN
    20. START CONTACT ADDRESS DESIGN
    21. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

@font-face {
    font-family: 'titilliumregular';
    src: url('titillium-regular-webfont.woff2') format('woff2'),
         url('titillium-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: #fff;  
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'titilliumregular';
    font-size: 18px;
    color: #727272;
    font-weight: 300;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
/*font-family:Arial, Helvetica, sans-serif;*/
font-family: 'titilliumregular';
margin-top: 0px }
p {
    line-height: 28px;
}
a {	/*font-family:Arial, Helvetica, sans-serif;*/
font-family: 'titilliumregular';
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #337ab7;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #222;
    margin-top: 30px;
}
/*END PRELOADER DESIGN*/
.no-padding { padding: 0px }
.section-padding { padding: 20px 0 ; border:0px solid #ff0000;}

.space-padding{ margin-top:20px;}
.image {
	
   background-image: url('../img/bg/service-img-home1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
   background-position: 50% 100%;
   padding-top:50px;

}

#beyond.section-padding { padding: 0 0 }
/*START SECTION TITLE DESIGN*/
.section-title {/* margin-bottom: 50px;*/ border:0px solid #ff0000}

#beyond .section-title{
	margin-bottom:0px;
}
.section-title h1 {
    color: #979693;
    font-weight: 700;
    /*text-transform: uppercase;*/
	font-size:30px;
	
}

.aboutpage .maintitle {
	font-size:30px !important;
	color:#727272 !important;
}

.aboutpage .section-title h1 {
    color: #004b69;
    font-weight: 700;
    /*text-transform: uppercase;*/
	font-size:24px;
}

.carousel-inner{
	margin-top:100px;
}

#beyond{
	border-bottom:7px solid #004b68;
	padding-bottom:0px;
}

#beyond img{
	width:100%;
	
}

#nomargin{
	margin-bottom:0px;
}

.readmore{
	color:#0e4a7d;
	font-size:14px;
	cursor:pointer;
}

#features .media-body, #features .media-left, #features .media-right{
	vertical-align:middle;
}

.submenu{
	margin-right:20px;
	cursor:pointer;
	font-size:14px;
}

.submenu:hover{
	color:#337ab7;
}

.followus{
	font-size:14px;
}

#arrowdown{
	padding:0px;
	margin-top:-1px;
}

.rownew{
	background:url(../img/bg-act.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#FFFFFF;
}

#service{
	/*padding-bottom:20px;
	padding-top:16px;*/
}

#features{
	/*padding-top:53px;*/
}

#ourServices{
	padding-top:20px;
}

.h4, h4{
	font-size:21px !important;
}

.servicesText{
	font-size:18px;
}

.navbar-default .navbar-nav li a:hover{
	color:#969591 !important;
}

.dropdown-menu li{
	padding:5px;
}

.menumobile{
		display:none !important;
	}

.navbar-default .dropdown-menu li a:hover{
	background-color:#0e4a7d !important;
	color:#FFF !important;
}

.timelineicon{
	color: #fff;
    font-size: 30px;
    height: 36px;
    line-height: 90px;
    left: 16px;
    position: absolute;
    top: -15px;
    width: 36px;
}

.timelineImage{
margin-right:10px;

}

.timelinetext{
	vertical-align:top;
	margin:0px !important;
	padding:0px !important;

}

.aboutpage{
	font-size:16px !important;
}

.aboutpage h4{
	font-size:16px !important;
	
}

.aboutpage .h4{
	font-size:16px !important;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.row img{
	margin-bottom:30px;
}




.contactMail{
	font-size:16px;
}

#Physicalsecurity, #DataCenterSolutions{
	background-color:#8ac53e;
}

#Physicalsecurity h4, #DataCenterSolutions h4{
	color:#FFF;
}

#NetworkInfrastructure ul ,#Physicalsecurity ul, #DataSecurity ul, #UnifiedCommunication ul, #DataCenterSolutions ul, #NetworkSolutions ul{
	margin-left:15px;
}

#NetworkInfrastructure ul li ,#Physicalsecurity ul li, #DataSecurity ul li, #UnifiedCommunication ul li, #DataCenterSolutions ul li{
	line-height:25px;
}

label{
	font-weight:normal;
}

.btn-default {
    background-color: #0e4a7d;
    border-color: #ccc;
    color: #fff;
	width:200px;
	font-weight:bold;
	width:271px;
}

.form-control{
	border:1px solid #004b69;
}

.form-horizontal .control-label{
	text-align:left;
}


a h4{
	color:#727272;
}

.contactinfo p{
	color:#004b69;
	font-weight:bold;
	margin:0px;
	padding:0px;
	display:inline;
}

.contact-title{
	border-bottom: 1px solid #004b69;
	padding: 0;
	display:inline;
	padding-bottom:10px;
	font-size:18px;
}

.contactformfield input{
	max-width:550px;
}

.mapping{
	color:#8ac53e;
	font-size:16px;
	cursor:pointer;
}

.mapping:hover{
	color:#004b69;
}






/**===================================================**/
/** Start Portfolio Styling
/**===================================================**/

#portfolio-section .btn-primary {
	margin-top: 30px;
	
}

ul.filter {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 60px;
}
ul.filter li {
  display: inline-block;
  margin-right: -4px;
}
ul.filter li a {
	font-weight: 300;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #434343;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 8px 17px;
  /*border: 1px solid #f26520;*/
  border-left: none;
}
ul.filter li a:hover,
ul.filter li a.active {
  border-color: #8ac53e;
  background: #8ac53e;
  color: #ffffff;
}
ul.filter li:first-child a {
  /*border-left: 1px solid #f26520;*/
}


.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}




/* ==============================================
Services
=============================================== */
.service_bg {
	background: #8ac53e;
}
.service_bg > div > div {
	padding: 0;
}
.service_bg > div > div.services_title {
	padding: 129px 50px;
	color: #FFF;
	background-color:#8ac53e;
}
.service_bg > div > div.services_title.pull-right {
	right: 0;
}
.services {
	background: url(../img/services/img4.jpg);
	background-repeat:no-repeat;
}
.services.style_2 {
	background: url(../img/services/img4.jpg);
	background-repeat:no-repeat;
}
.services {
	text-align: center;
}
.services > div {
	padding: 0;
}
/*.services > div:nth-child(2n+1) {
	background-color:#FFFFFF;
	opacity:0.9;
}

.services > div:nth-child(2n) {
	background-color:#FFFFFF;
	opacity:0.6;
}*/

.space{ margin-top:95px}


@media only screen and (max-width: 768px) {
	
	#features .alignTextleft{
		width:auto;
		padding-left: 60px;
    	text-align: left;
	}
	
	#features .alignIconleft{
		padding-left: 0;
    	position: absolute;
    	text-align: left;
    	top: 0;
	}
	
	#features .single_why_Left{
		position:relative;
		padding:20px 0;
	}
	
	#solutionsList .alignTextleft{
		width:auto;
		padding-left: 60px;
    	text-align: left;
	}
	
	#solutionsList .alignIconleft{
		padding-left: 0;
    	position: absolute;
    	text-align: left;
    	top: 0;
	}
	
	#solutionsList .single_why_Left{
		position:relative;
		padding:20px 0;
	}
}
@media only screen and (max-width: 1150px) {
.service_bg > div > div.services_title {
/*	padding: 129px 50px;*/
	padding: 30px 50px;
	color: #FFF;
	background-color:#8ac53e;
}

.space{ margin-top:0px !important}



}

.services .lightbg{
	background: rgba(255,255,255,.5);
	
}

.services .lightbg:hover{
	background: rgba(138,197,62,.8);
}

.services .darkbg{
	background: rgba(255,255,255,.8);
}

.services .darkbg:hover{
	background: rgba(138,197,62,.8);
}

.services .midbg{
	background: rgba(255,255,255,.7);
}

.services .midbg:hover{
	background: rgba(138,197,62,.8);
}
.services > div a {
	display: block;
	padding: 100px 20px;
	color: #FFF;
}
.services > div i {
	font-size: 40px;
}
.services > div p {
	color: #FFF;
	font-size: 16px;
}

.services .serviceTitle{
	/*color:#004b69;*/
	color:#FFF;
	font-size: 22px;
    margin: 25px 0;
	font-weight:bold;
}

/*****/
#OnlineMeetingData, #CiscoMerakiData, #HostedVideoData, #GdsManagedData, #PartnerBasedData{
	position:absolute; 
	top:0px; 
	left:0px; 
	background-color:#FFFFFF; 
	display:none; 
	z-index:1; 
	height:100%;
	text-align:left;
}

.OnlineMeetingText{
	margin:20px;
}

.OnlineMeetingText ul{
	margin-left:20px;
}

.OnlineMeetingText h1{
	color: #004b69;
    font-size: 24px;
    font-weight: 700;
}

.OnlineMeetingText .closebtn{
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}

.closebtn i{
	font-size:35px !important;
	font-weight:normal !important;
}

/*Contact section*/
.contact-form {
    margin-bottom:15px; 
	margin-top:125px;
}
.contact-form .action-message {
    margin-bottom: 20px;
}
.contact-form .action-message .contact-success, .contact-form .action-message .contact-error {
    display: none;
    margin-bottom: 0;
    padding: 5px 10px;
}
.contact-form input, .contact-form textarea {
    background-color: white;
    border-color: rgba(0, 0, 0, 0.3);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 14px 20px;
    width: 100%;
}
.contact-form input:focus, .contact-form textarea:focus {
    border-color: #00bcd4;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.contact-form label {
    color: #ff0000;
    font-weight: 300;
}
.contact-form .entry-field {
    margin-bottom: 25px;
}
.contact-form .btn {
    margin-top: 20px;
}

.btn {
    border-radius: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
.btn:hover {
    box-shadow: 0 1px 5px rgba(138, 197, 62, 0.5);
}

.btn-default:hover{
	background-color:#8ac53e;
	color:#FFF;
}

.btn i, .btn span {
    margin-right: 5px;
}
.btn.btn-sm {
    font-size: 9em;
    padding: 5px 18px;
}
.btn.btn-lg {
    font-size: 15px;
    padding: 14px 40px;
}
.btn-primary {
    background-color: #0e4a7d;
    border-color: #0e4a7d;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #8ac53e !important;
    border-color: #8ac53e !important;
}
.btn-panel p {
    margin-bottom: 10px;
}
.btn-panel p p:last-child {
    margin-bottom: 0;
}

.overlay-black, .overlay-white, .overlay-primary, .overlay-black, .overlay-white, .overlay-primary {
    padding: 0 !important;
}
.overlay-black .overlay-inner, .overlay-black .overlay-inner h1, .overlay-black .overlay-inner h2, .overlay-black .overlay-inner h3, .overlay-black .overlay-inner h4, .overlay-black .overlay-inner h5, .overlay-black .overlay-inner h6, .overlay-black .overlay-inner .fp-meta, .overlay-primary .overlay-inner, .overlay-primary .overlay-inner h1, .overlay-primary .overlay-inner h2, .overlay-primary .overlay-inner h3, .overlay-primary .overlay-inner h4, .overlay-primary .overlay-inner h5, .overlay-primary .overlay-inner h6, .overlay-primary .overlay-inner .fp-meta, .gradient-overlay-black .overlay-inner, .gradient-overlay-black .overlay-inner h1, .gradient-overlay-black .overlay-inner h2, .gradient-overlay-black .overlay-inner h3, .gradient-overlay-black .overlay-inner h4, .gradient-overlay-black .overlay-inner h5, .gradient-overlay-black .overlay-inner h6, .gradient-overlay-black .overlay-inner .fp-meta, .gradient-overlay-primary .overlay-inner, .gradient-overlay-primary .overlay-inner h1, .gradient-overlay-primary .overlay-inner h2, .gradient-overlay-primary .overlay-inner h3, .gradient-overlay-primary .overlay-inner h4, .gradient-overlay-primary .overlay-inner h5, .gradient-overlay-primary .overlay-inner h6, .gradient-overlay-primary .overlay-inner .fp-meta {
    color: #ffffff;
}
.overlay-white .overlay-inner {
    background-color: rgba(255, 255, 255, 0.6);
}
.overlay-black .overlay-inner {
    background-color: rgba(16, 16, 16, 0.4);
}
.overlay-primary .overlay-inner {
    background-color: rgba(0, 188, 212, 0.6);
}
.gradient-overlay-black .overlay-inner {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0.15) 30%, #212121) repeat scroll 0 0;
}
.gradient-overlay-white .overlay-inner {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0.15) 30%, #ffffff) repeat  scroll 0 0;
}
.gradient-overlay-primary .overlay-inner {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 188, 212, 0.15) 30%, #00bcd4) repeat scroll 0 0;
}

.footer-area {
    background-image: url("../img/Contact.jpg");
    background-position: center center;
    background-size: cover;
}

.footer-area .overlay-inner {
    padding: 20px 0 0 0;
}
.footer .footer-inner {
    background-color: #212121;
    border-color: #999999;
    border-top: 3px solid #999999;
    padding: 0 15px;
}
/**/
.resImage{
	max-width:100%;
	margin-top:30px;
}
.resImage1{
	max-width:100%;
	margin-top:20px;
}

.list li{ line-height:30px !important}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.big_block {
	padding: 20px 0;
}

.grid{ border:0px solid #000; width:100%; text-align:center;	padding-left: 5%;
	padding-right:5%; margin:0 auto}

.margin-img{ margin-left:20px;}

.contactsTable{
	line-height:30px;
}

.contactsTable td{
	padding-right:15px;
}

.margin{ margin-left:50px;}

.padding{ padding-top:60px}

#home .carousel-inner .homeslide{
	height:616px;
}

#home .carousel-inner .homeslide h2{ color:#fff;    font-size: 30px; font-weight:bold; text-transform:uppercase; padding-top:10px;
text-shadow:1px 1px 1px #000; }

#home .carousel-inner .homeslide .bgslide1{margin:0 auto !important; bottom:40px; left:140px; 
border:0px solid #ff0000;} 

   
#home .carousel-inner .homeslide .marginslide{ margin-left:115px !important; border:0px solid #ff0000;
margin-top:10px !important;}


#home .carousel-inner .homeslide .bgslide2{margin:0 auto !important; bottom:40px; left:140px;
 text-shadow: 1px 3px 1px rgba(0, 0, 0, 1) !important;border:0px solid #ff0000;}

#home .carousel-inner .homeslide .marginslide1{ margin-left:115px !important; border:0px solid #ff0000;
margin-top:10px !important;}


@media (max-width:1004px) { 
	
#home .carousel-inner .homeslide h2{padding-top:10px;}



#home .carousel-inner .homeslide .bgslide1{left:110px !important; bottom:0px;} 
#home .carousel-inner .homeslide .marginslide{ margin-left:155px !important; border:0px solid #ff0000}

}


@media (max-width:900px) { 
.form-horizontal .form-group{
	width:90% !important;
	margin-left:5% !important;
}

.imgres{ width:100%}


/*.dropdownReferenceMobile{
	display:block !important;
}

.filterNav{
	display:none !important;
}

*/
#home .carousel-inner .homeslide h2{padding-top:10px; font-size:35px;}
#home .carousel-inner .homeslide .bgslide1{left:70px !important; bottom:0px;} 
#home .carousel-inner .homeslide .marginslide{ margin-left:105px !important; border:0px solid #ff0000}

}

@media (max-width:770px) { 
#contact{
	margin-left:5%;
	width:90%;
}
.margin{ margin-left:0px;}

.padding{ padding-top:20px; padding-bottom:0px;}

.resImage{
	margin-top:0px;
}

.dropdown-menu{
	 left:0px !important; width:50%;
}
	
#home .carousel-inner .homeslide h2{padding-top:10px; font-size:25px;}


#home .carousel-inner .homeslide .bgslide1{left:20px !important; bottom:0px;} 
#home .carousel-inner .homeslide .marginslide{ margin-left:65px !important; border:0px solid #ff0000}


}

@media (max-width:600px) { 
#contact{
	margin-left:5%;
	width:90%;
}

#home .carousel-inner .homeslide h2{padding-top:10px; font-size:20px; }


#home .carousel-inner .homeslide .bgslide1{left:20px !important; bottom:0px;} 
#home .carousel-inner .homeslide .marginslide{ margin-left:35px !important; border:0px solid #ff0000}
}


@media (max-width:800px) {

.ui-dialog{
	width:350px !important;
}
	
}




@media (min-width:1040px) { 
.contactcontainer{
	width:1040px;
}
}

@media (max-width:1039px) { 

.resline{
	max-width:90% !important;
}

.rescontact{
	margin-left:10px !important;
	text-align:left !important;
}

.contactsTable{
	margin:0px !important;
}
}

.margin-about{ padding:0px 30px 0px 90px;}
@media (max-width: 480px) {
    .navbar-header .navbar-brand img{
		/*width:200px;*/
		width:150px;
	}
	
	.navbar-header .navbar-brand{
		height:70px;
	}
	
	.carousel .carousel-inner{
		margin-top:70px !important;
	}
	
	.footer .footer-copyright p{
		padding:0;
		margin:0;
	}
	
	.nopadding{
		padding:0px !important;
	}

.dropdown-menu{
	 left:0px !important; width:90%;
}
#home .carousel-inner .homeslide h2{padding-top:10px; font-size:20px; }
#home .carousel-inner .homeslide .bgslide1{ left:10px !important; bottom:0px;} 
#home .carousel-inner .homeslide .marginslide{ margin-left:35px !important; border:0px solid #ff0000}

	
}
@media (max-width: 380px) {
	#home .carousel-inner .homeslide h2{padding-top:10px; font-size:15px;}


#home .carousel-inner .homeslide .bgslide1{ text-align:left; left:10px !important; bottom:0px; } 
#home .carousel-inner .homeslide .marginslide{ margin-left:35px !important; border:0px solid #ff0000}

	
}


@media (max-width: 990px) {
.margin-about{ padding:0px 0px 0px 0px; border:0px solid #ff0000;}
.resmarg{margin-top:40px; border:0px solid #ff0000;}
}


@media (max-width: 790px) {


#home .carousel-inner .homeslide .bgslide1{ text-align:left; left:10px !important; bottom:0px; } 
#home .carousel-inner .homeslide .marginslide{ margin-left:35px !important; border:0px solid #ff0000}

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

.grid{ padding-left: 0;
	padding-right:5%; margin:0 auto}
		
}



@media (min-width:999px) and (max-width:1100px) {


#home .carousel-inner .homeslide .bgslide1{left:110px !important; bottom:0px;} 
#home .carousel-inner .homeslide .marginslide{ margin-left:155px !important; border:0px solid #ff0000}
.nav > li > a{
		padding-left:0px !important;
		padding-right:20px !important;
	}
	
	}

@media (min-width:769px) and (max-width:998px) {

.nav > li > a{
		padding-left:0px !important;
		padding-right:15px !important;
		font-size:14px !important;
	}
	
	}
	
	@media (min-width:1px) and (max-width:768px) {
	
	.container .navbar-right{
		margin-top:0px !important;
		margin-left:10px;
	}
	
	.footer .part1{
		text-align:center !important;
	}
	
	.footer .part2{
		text-align:center !important;
	}
	
	.submenuContainer{
		display:none;
	}
	
	.menumobile{
		display:block !important;
	}

    .section-title h1 { text-align: center }
	
	.nav > li > a{
		padding-left:0px !important;
		padding-right:px !important;
	}

  .section-title span {
        margin: 0 auto;
        width: 50px;
    }

.margin1{ padding-left:2px;}
		
.floatleft{ float:right !important; width:100%; display:block}	
.floatright{ float:left !important;}		
	}

.floatleft{ float:left }	
.floatright{ float:right}	



@media only screen and (max-width:480px) { 
    .section-title h1 { 
	font-size: 30px;
	text-align: center; }

    .section-title span {
        margin: 0 auto;
        width: 50px;
    }

    .menu-top {
        color: #f3f3f3 !important;
        margin-left: 0px;
    }
	
	}
	
	
@media only screen and (max-width:360px) { 
    .section-title h1 { 
	font-size: 24px;
	text-align: center; }

    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
	
		
}
@media only screen and (max-width:320px) { 
    .section-title h1 { 
	text-align: center; }

    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
		
}
.section-title h4 { line-height: 30px }
.section-title span {
    background: #004b69 none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin: 20px auto;
    width: 132px;
}




.section-title p {
    letter-spacing: 0px;
}
/*END SECTION TITLE DESIGN*/
/*BTN STYLE*/
.btn-theme-bg {
background: #0e4a7d none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 0;
color: #fff;
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
padding: 10px 20px;
/*text-transform: uppercase;*/
transition: all 0.4s ease 0s;
}
.btn-theme-bg:hover,
.btn-theme-bg:focus {
    /*background: #55ACEF;*/
	background:#8ac53e; 
	border: 1px solid #e8e8e9;
    color: #ddd;
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay {
    background: rgba(85,172,239,0.8) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 02.BOOTSTRAP NAVIGATION OVERRIDES
 * ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 0px;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.container .navbar-right{
	margin-top:25px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    /*color: #55acef !important;*/
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #0e4a7d !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px; height:100px; border:0px solid #ff0000 }
.navbar-brand img {
    /*height: 40px;*/
}



.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    font-size: 18px;
}


@media only screen and (max-width:768px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #979693 !important }
	
.navbar-brand img {    
	/*width:321px;*/
	width:200px;
	}


    .navbar-default .navbar-nav > li > a {
        /*margin-top: 10px;*/
		margin-top:0px;
        padding: 8px;
    }
}


.menu-top {
    background-color: transparent;
    width: 100%;
}


@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}
@media only screen and (max-width:360px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}
@media only screen and (max-width:320px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}



.navbar-default.menu-shrink {
    padding:0px;
	/*padding-bottom: 50px;*/
    background-color: #fff;
    width: 100%;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
}

.navbar-default.navbar-fixed-top{
	background-color: #0a6a98;
}
.menu-top li a {
    color: #fff !important;
    /*text-transform: uppercase;*/
}

.dropdown-menu li a {
    color: #969591 !important;
    /*text-transform: uppercase;*/
}

.menu-top {
    color: #f3f3f3 !important;
    /*text-transform: uppercase;*/
}


.navbar-default.menu-shrink { color: #55acef !important }
.navbar-default.menu-shrink li a { color: #fff !important }
.navbar-default.menu-shrink .dropdown-menu li a { color: #969591 !important }
.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #55acef }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
.hero {
    height: 635px;
}
.home_overlay {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
height: 100%;
}
.hero-text h2 {
    color: #fff;
    font-size: 60px;
    line-height: 84px;
    padding-top: 200px;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .hero-text h2 { font-size: 54px }
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 34px;
        line-height: 54px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
.header_social { margin-top: 30px }
.header_social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.header_social ul li { display: inline-block }
.header_social ul li { }
.header_social ul li a {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    display: block;
}
.header_social ul li a:hover { color: #55ACEF }


/*HOME SHIDESHOW*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
   /* background-repeat: no-repeat;
    background-size: cover;
    height: 480px;*/
}
.carousel-fade .carousel-inner .item:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: rgba(0,0,0,.6);*/
}
.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-control { z-index: 2 }
.caption {
    position: absolute;
  /*  top: 50%;
    margin-top: -308px;*/
    left: 0;
    right: 0;
    text-align: center;
    z-index: 15;
    font-size: 18px;
    /*font-weight: 300;*/
    color: #fff;
}
.caption h2 {
    color: #fff;
    font-size: 60px;
   /* line-height: 30px;*/
	padding:10px 0px;
    /*text-transform: capitalize;*/
}

/*END HOME SHIDESHOW*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  04.START ABOUT CONTENT DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_about {
    padding: 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about i {
border-radius: 100px;
color: #fff;
font-size: 30px;
padding-bottom: 25px;
transition: all 0.4s ease 0s;
}
.single_about_one { background: #2F9AEA }
.single_about_two { background: #54ABEE }
.single_about_three { background: #7BBEF2 }
.single_about h4 {
    font-weight: 700;
    /*text-transform: uppercase;*/
    color: #fff;
}
.single_about p { color: #fff;margin-bottom:0; }

/*
 * ----------------------------------------------------------------------------------------
 *  04.END ABOUT CONTENT DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  05.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about_single i {
border: 8px solid #ffffff;
border-radius: 100px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 36px;
height: 100px;
line-height: 90px;
margin-bottom: 15px;
width: 100px;
}
.color-icon-one{background:#0e4a7d;}
.color-icon-two{background:#0e4a7d;}
.color-icon-three{background:#0e4a7d;}
.color-icon-four{background:#0e4a7d;}

.color-icon-one:hover{background:#8ac53e;}
.color-icon-two:hover{background:#8ac53e;}
.color-icon-three:hover{background:#8ac53e;}
.color-icon-four:hover{background:#8ac53e;}

.about_single h4 {
    margin-top: 10px;
    /*font-weight: 600;*/
}
@media only screen and (max-width:480px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:320px) { 
    .about_single { margin-bottom: 20px }
}
.about_single h4 { text-transform: capitalize }
@media only screen and (max-width:768px) { 
    .about_single h4 { font-size: 15px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  06.START ABOUT SECTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_service { margin-bottom: 40px }
.single_service i {
border: 5px solid #ffffff;
border-radius: 100px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 26px;
height: 80px;
padding: 22px;
width: 80px;
}

.color-icon-eleven{background:#004b69;}
.color-icon-twelve{background:#F1501A;}
.color-icon-thirteen{background:#332A4B;}

@media only screen and (max-width:480px) { 
.single_service_img{margin-bottom:20px;}
}
.single_service h4 {
    font-weight: 700;
    /*text-transform: uppercase;*/
}
/*
 * ----------------------------------------------------------------------------------------
 *  06.END ABOUT SECTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  07.START COUNT TIMER
 * ----------------------------------------------------------------------------------------
 */
.counter_feature {
    border-top: 1px solid #e8e8e9;
    border-bottom: 1px solid #e8e8e9;
}
.counter { padding: 30px }
.counter:last-child { border-right: 1px solid #e8e8e9 }
.counter i {
    border: 1px solid #fff;
    color: #fff;
    padding: 22px;
    border-radius: 100px;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    font-size: 22px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.counter h1 {
    font-weight: 700;
    color: #fff;
}
.counter p {
    text-transform: capitalize;
    color: #fff;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 17px }
}
.color-bg-one { background: #2F9AEA }
.color-bg-two { background: #34A0F1 }
.color-bg-three { background: #54ABEE }
.color-bg-four { background: #7BBEF2 }
.counter_feature .slider-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.about_line {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 50px;
}
/*
 * ----------------------------------------------------------------------------------------
 *  07.END COUNT TIMER
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  08.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.service-section{padding-top:20px; padding-bottom:20px}
  .single_feature {
  /*margin-bottom: 25px;*/
    margin-bottom: 0px;display:inline-block
}
.single_feature i {
border: 5px solid #fff;
border-radius: 50px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 26px;
height: 80px;
margin-bottom: 10px;
padding: 22px;
transition: all 0.3s ease 0s;
width: 80px;
}

.texta{ font-size:18px !important; color:#fff !important;}


.color-icon-five{background:#979693;}
.color-icon-six{background:#FF4C83;}
.color-icon-seven{background:#9E70FC;}
.color-icon-eight{background:#35424F;}
.color-icon-nine{background:#3CCD0F;}
.color-icon-ten{background:#FC3950;}

.single_feature h4 {
    font-weight: 700;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .single_feature h4 { font-size: 15px }
}
.single_feature p { text-align: justify }
/*
 * ----------------------------------------------------------------------------------------
 *  08.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  09.START FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */

.single_why {padding: 10px 0; }
.single_why i {
    border: 1px solid #e8e8e9;
    border-radius: 100px;
    font-size: 22px;
    height: 50px;
    padding: 15px 16px;
    width: 50px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
			color:#004b69;
}

.icon2{
	padding: 13px 12px !important;
}

.icon3{
	padding: 13px 19px !important;
}

.icon4{
	padding: 13px 12px !important;
}

.single_why:hover i {
    background: #8ac53e;
    color: #fff;
}

.single_why2 {padding: 10px 0; }
.single_why2 i {
    border-radius: 100px;
    font-size: 22px;
    height: 40px;
   padding: 8px 14px 8px 11px;
    width: 40px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
			color:#FFF;
			background:#004b69;
}

.single_why3 {padding: 10px 0; }
.single_why3 i {
    border-radius: 100px;
    font-size: 22px;
    height: 40px;
    padding: 8px;
    width: 40px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
			color:#FFF;
			background:#004b69;
}
/*
 * ----------------------------------------------------------------------------------------
 *  09.END FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 *  10.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */

.about_single_service {
    padding: 30px;
    border: 1px dashed #fff;
}
.about_single_service img {
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
    border: 5px solid #fff;
}
.margin-topm { margin-top:30px; border:0px solid #ff0000}


@media only screen and (max-width:968px) { 
.margin-topm { margin-top:25px; border:0px solid #ff0000; float:left; width:50%;}

}


@media only screen and (max-width:768px) { 
.margin-topm{margin-top:10px; border:0px solid #ff0000; float:right;  display:inline-block; width:60%;}
    .about_single_service { margin-bottom: 20px }
}
@media only screen and (max-width:480px) { 
.margin-topm {  border:0px solid #ff0000; float:right;  width:100%;margin-top:10px;}

    .about_single_service { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .about_single_service { margin-bottom: 20px }
}
@media only screen and (max-width:320px) { 
    .about_single_service { margin-bottom: 20px }
}
.about_single_service h4 {
    text-transform: capitalize;
    color: #fff;
}
.about_single_service p {
    color: #fff;
    text-align: justify;
}
/*
 * ----------------------------------------------------------------------------------------
 *  10.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  11.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.isotope-item {
    width: 24.96%;
    background: rgba(85, 172, 239, 0.8) none repeat scroll 0 0;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 2;
}

	
@media only screen and (max-width:480px) { 
.isotope-item {width: 100%;}
}
@media only screen and (max-width:360px) { 
.isotope-item {width: 100%;}
}
@media only screen and (max-width:320px) { 
.isotope-item {width: 100%;}
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.info-work {
    position: absolute;
    top: 0;
    z-index: 1;
    color: #fff;
    left: 0;
    width: 100%;
    height: 100%;
}
.info-work .tb-cell { height: 100% }
.text-work {
    top: -100%;
    position: relative;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.info-work h4 {
    color: #fff;
    font-weight: 700;
}
.icon-work {
    background-color: #fff;
    border-radius: 50%;
    color: #55acef;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-in 0.2s;
            transition: opacity 0.2s ease-in 0.2s;
    width: 55px;
    margin-top: 90px;
}
.isotope-item:hover > a .icon-work {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.isotope-item > a img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: relative;
    z-index: 2;
}
.isotope-item:hover > a img {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.project_single{background:#F9F9F9;}
.project_single h2, .project_single p{margin-bottom:50px;}

.project_single img{margin-bottom:10px;}
/*
 * ----------------------------------------------------------------------------------------
 *  11.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  12.START CASE STUDY DESIGN
 * ----------------------------------------------------------------------------------------
 */
.case_study { padding-bottom: 0px ; border:0px solid #ff0000}
.case h2 {
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.margin-top{ margin-top:30px;}
/*
 * ----------------------------------------------------------------------------------------
 *  12.END CASE STUDY DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  13.START PROJECT DESIGN
 * ----------------------------------------------------------------------------------------
 */

.project {
    /*background-color: #a4c53e;*/
	background: rgba(14, 74, 125, .6);
    padding: 10px 10px 10px 10px;
	margin-top:0px;	height: 210px;
	border:0px solid #ff0000;
}
.project h2 {
    color: #fff;
    font-weight: 700;
    /*text-transform: uppercase;*/
}
.project p {
    color: #fff;
    text-align: justify;
}
.btn-project-bg {
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px;
    /*text-transform: uppercase;*/
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-project-bg:hover,
.btn-project-bg:focus {
    background: #fff;
    color: #55ACEF;
    border: 1px solid #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 *  13.END PROJECT DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  14.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
 

 
.tema-member .team-thumbnail {
    margin-bottom: 0px;
    position: relative;
}



.img3{
/*height:431px;*/
height:616px;

background-repeat:no-repeat;
 margin: 0px auto; 
 width: 100%;}


@media only screen and (min-width: 790px) and (max-width: 1060px){
	.a{border: 0px solid #000 !important; display: inline-block; }
	.w{  float: left;}.w1{  float: right; width: 70%}
	
	
	
		
		.project {
    /*background-color: #a4c53e;*/
	background: rgba(164, 197, 62, .6);
    padding: 10px 10px 10px 10px;
	margin-top:0px;	height:auto;
	border:0px solid #ff0000;
}
	
	
	
	
}

@media only screen and (max-width:1050px) {
	#home .carousel-inner .homeslide{
    height:400px;}
	
	.marginleftb{ margin-left: 20px;}
	
}

@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
	
		.project {
    /*background-color: #a4c53e;*/
	background: rgba(164, 197, 62, .6);
    padding: 10px 10px 10px 10px;
	margin-top:0px;	height:auto;
	border:0px solid #ff0000;
}
	p {
    line-height: 25px;
}
	

.img3{ /*height:256px;*/ height:390px;}

#home .carousel-inner .homeslide{
    height:390px;}

}

.minmarge{  margin-top: 40px;}
@media only screen and (max-width:480px) { 
    .tema-member { margin-bottom: 20px }
		#logo-css{ margin-top:15px !important;width:81px}
		
/*
.project {
    padding: 10px 10px 5px 10px;
	display: inline-block;
	margin-bottom:10px !important;
	border:0px solid #ff0000;
}	*/
	
		.project {
    /*background-color: #a4c53e;*/
	background: rgba(164, 197, 62, .6);
    padding: 10px 10px 10px 10px;
	margin-top:0px;	height: 290px;
	border:0px solid #ff0000;
}
	
	

	.minmarge{ margin-top: 0px;}
.img3{ height:390px;}		
	.img2{ height:238px;}	
	
	#home .carousel-inner .homeslide{
    height:265px;}
							
}

@media only screen and (max-width:379px) { 
	.img3{ height:229px !important}	
	.aboutpage .img44{ height:150px !important}
}


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

	#home .carousel-inner .homeslide{
    height:207px !important;}



    .tema-member { margin-bottom: 20px }

.img3{ height:190px;}	

}

@media only screen and (max-width:320px) { 
    .tema-member { margin-bottom: 20px }

.img3{ height:75px;}
		
}
.tema-member .team-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: -1px;
    height: 100%;
    background-color: rgba(85,172,239,0.8);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tema-member .team-thumbnail .social-media {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-webkit-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tema-member .team-thumbnail .social-media a { display: inline-block }
.tema-member .team-thumbnail .social-media a i {
    font-size: 20px;
    color: #fff;
    width: 48px;
    margin: -2px;
    line-height: 48px;
    height: 48px;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.tema-member .team-thumbnail .social-media a.facebook:hover i { background: #507CBE }
.tema-member .team-thumbnail .social-media a.twitter:hover i { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.google:hover i { background: #F16261 }
.tema-member .team-thumbnail .social-media a.linkedin:hover i { background: #90CADD }
.tema-member .info { padding-top: 60px }
.tema-member .info h4 {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}
.tema-member .info p { color: #fff }
.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
}
.tema-member:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*
 * ----------------------------------------------------------------------------------------
 *  14.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  15.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.promotion { background: #55acef }
.promotion { }
.promotion p {
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.promotion h3 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
}
/*
 * ----------------------------------------------------------------------------------------
 *  15.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  16.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-section { background: #f5f5f5 }
.pricing-content {
    border: 1px solid #e8e8e9;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
}
@media only screen and (max-width:768px) { 
.pricing-content {margin-bottom: 20px;}
}
@media only screen and (max-width:480px) { 
.pricing-content {margin-bottom: 20px;}
}
@media only screen and (max-width:360px) { 
.pricing-content {margin-bottom: 20px;}


	
	
}
@media only screen and (max-width:320px) { 
.pricing-content {margin-bottom: 20px;}	

}

.pricing-title {
    margin-bottom: 0px;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.pricing-price {
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    background: #f5f5f5 none repeat scroll 0 0;
}
.pricing-content:hover .pricing-price {
    background: #55ACEF none repeat scroll 0 0;
    color: #fff;
}
.pricing-content:hover .pricing-price h4 { color: #fff }
.pricing-title h3 {
    margin-bottom: 0px;
    margin-top: 0;
    padding: 20px 0;
    background: #55ACEF;
    color: #fff;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.pricing-content:hover .pricing-title h3 {
    background: none;
    color: #55ACEF;
}
.pricing-content:hover .pricing-title i { color: #55ACEF }
.pricing-price h4 {
    color: #222;
    font-size: 40px;
    height: 100px;
    margin: 0 auto;
    padding: 26px 13px;
    width: 100px;
}
.pricing-data p {
border-bottom: 1px solid #e8e8e9;
padding: 10px 0;
margin-bottom: 0;
}
.pricing-order { margin: 20px 0 }
.btn-pricing-bg {
    background: #55ACEF none repeat scroll 0 0;
    border: 1px solid #55ACEF;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px;
    outline: 1px solid #e8e8e9;
    outline-offset: 2px;
    padding: 10px 20px;
    /*text-transform: uppercase;*/
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    outline: 1px solid #e8e8e9;
    outline-offset: 2px;
    background: #55ACEF;
    color: #ddd;
    border: 1px solid #55ACEF;
}
/*
 * ----------------------------------------------------------------------------------------
 *  16.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 17.START PARTNER COMPANY DESIGN
 * ----------------------------------------------------------------------------------------
 */

.partner_title { margin-bottom: 50px }
.partner_title h2 {
    /*text-transform: uppercase;*/
    font-weight: 600;
    color: #fff;
}
.item_img { text-align: center }
.item_img img { height: 150px }
/*
 * ----------------------------------------------------------------------------------------
 * 17.END PARTNER COMPANY DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 18.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.blog-section { background: #F5F5F5 }
.single_blog {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 0 3px #f5f5f5;
}
.single_blog_title {
    border-bottom: 1px solid #e8e8e9;
    padding-bottom: 10px;
}
.single_blog_title img {
    border: 7px solid #f0f0f0;
    border-radius: 100px;
    height: 80px;
    width: 80px;
}
.single_blog_title h5 { padding-top: 15px;color:#333; }
@media only screen and (max-width:768px) { 
.single_blog_title h5 {font-size: 12px;}
}
.single_blog_title h5 a{color:#333; }
.single_blog_title a strong {
    font-size: 18px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.single_blog_title a strong:hover { color: #55acef }
.single_blog_title p { }
.single_blog_content h4 {
color: #333;
font-weight: 700;
line-height: 26px;
margin-top: 10px;
text-transform: capitalize;
transition: all 0.6s ease 0s;
margin-bottom: 0;
}
.single_blog_content img {
  padding-top: 10px;
}
.single_blog_content h4:hover { color: #55acef }
.single_blog_content p { }
.single_blog_comment {
    border-top: 1px solid #e8e8e9;
    padding-top: 10px;
}
.single_blog_comment i {
    color: #55acef;
    margin-right: 10px;
}
.single_blog_comment div { display: inline }
.comment { margin-left: 90px }
@media only screen and (max-width:768px) { 
.comment { margin-left: 30px }
}
@media only screen and (max-width:480px) { 
.comment { margin-left:130px }
.resline{ width:auto !important;}
}
@media only screen and (max-width:360px) { 
.comment { margin-left: 80px }
}
@media only screen and (max-width:320px) { 
.comment { margin-left: 65px }
}
.single_blog img { display: inline }
/*
 * ----------------------------------------------------------------------------------------
 * 18.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 19.START CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
 */
input.form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #004b69;
    border-radius: 0 !important;
    color: #222;
    height: 45px;
    box-shadow: none;
}
textarea.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    color: #222;
    border-radius: 0;
    box-shadow: none;
}
.form-control:focus {
    border: 1px solid #55ACEF;
    box-shadow: none;
    outline: 0 none;
}
.btn-theme-bg i { margin-right: 5px }
/*
 * ----------------------------------------------------------------------------------------
 * 19.END CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 20.START CONTACT ADDRESS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_address i {
border: 8px solid #ffffff;
border-radius: 100px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 36px;
height: 100px;
line-height: 90px;
margin-bottom: 15px;
width: 100px;
}
.color-icon-fifteen{background:#f54c54 none repeat scroll 0 0;}
.color-icon-sixteen{background:#222 none repeat scroll 0 0;}
.color-icon-seventeen{background:#269abc none repeat scroll 0 0;}

.single_address p {
    font-weight: 400;
}
/*
 * ----------------------------------------------------------------------------------------
 * 20.END CONTACT ADDRESS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.map{height:450px;}
/*
 * ----------------------------------------------------------------------------------------
 * 21.START FOOTER DESIGN
 * ----------------------------------------------------------------------------------------
 */
.footer {background-color:#004b6a; color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.footer .part1{
	text-align:left;
	padding-left:0px;
}

.footer .part2{
	text-align:right;
	padding-right:0px;
}
.footer p{
	margin-top:3px;
	line-height:28px;
}
.footer-copyright { }
.footer-copyright p {  }




#footerTop{
	height:80px;
	/*margin:25px 0px 0px 0px;
	padding-top:30px;*/
	background-image:url(../img/bg/bottom-social-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
@media only screen and (max-width:320px) { 
.footer-copyright p {font-size:12px; }
}
.footer-copyright a {
    background: #55acef none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding: 15px 25px;
    background: #55acef none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding: 15px 25px;
	 -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.footer-copyright a:hover{
background: #333 none repeat scroll 0 0;
color: #fff;
}

@media (min-width:1200px){
	.contact-logo-image{
		position: absolute;
    right: 40px;
    top: 0;
	}
	
	.managed-services{
		margin-left:0px !important; 
		width:405px !important;
	}
	
	.applyformfield input, .applyformfield select{
	margin-left:-25px;
}
}

@media (max-width: 1190px)
{
    

.work-post .hover-box {
  height: 90%;
}
        
}





@media (max-width: 980px)
{
    .portfolio-box.col-4 .work-post,
    .portfolio-box.col-3 .work-post,
    .portfolio-box.col-2 .work-post {
        width: 49.5%;
    }
.work-post .hover-box {
  height: 93%;}
        
}

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

    .portfolio-box.col-4 .work-post,
    .portfolio-box.col-3 .work-post,
    .portfolio-box.col-2 .work-post {
        width: 49.5%;
    }

    
.work-post .hover-box {
  height: 94%;}
        
}

@media (max-width: 480px) {
    
    .portfolio-box.col-4 .work-post,
    .portfolio-box.col-3 .work-post,
    .portfolio-box.col-2 .work-post {
        width: 100%;
    }
.work-post .hover-box {
  height: 94%;}
  .marge-lr{ margin:0px 5px}    
    
}

@media (max-width: 959px) {
	#services .partners img{
		width:150px;
	}
}

/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
		
	.latestnewshome{
		margin-top:10px;
	}
	
}

@media (min-width: 1350px) {
	.carousel-inner .img3{
		height:535px;
		
	}
}


/*
 * ----------------------------------------------------------------------------------------
 * 21.END FOOTER DESIGN
 * ----------------------------------------------------------------------------------------
 */