@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

body{ margin:0; padding:0; color:#4A4A4A;  overflow-x:hidden; font-family: 'Roboto', sans-serif;}
h1{ font-size:1.6em;}
h2{ font-size:1.4em!important;}
p{ font-size:1.1em; line-height:22px; font-weight:400!important}
.clear{ clear:both;}
strong{color:#434343;}
.marginl0{margin-left:0px !important;}
.paddingl0{padding-left:0px !important;}
.btn-success{background-color: #1abc9c!important; color: #ffffff; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);}

/*============================================= page css start ========================================================*/
.logo ul li{ padding-top:10px; font-size:1.1em;}
.page{ }
.topsection{ width:100%; z-index:111; margin:auto; background:#fff; }
.page .logo{}
.header{ margin:auto; padding: 15px 0 ; background:#fff;  
        border-bottom-right-radius:15px; border-bottom-left-radius:15px;
		margin:auto;  z-index:111;}
/*============================================= Navigation css start ========================================================*/
/*.h-navigation{ width:100%; z-index:999; background:#000; text-align:center !important;}
.h-navigation .navigation { width:1152px; margin:auto;  text-transform:uppercase; font-size:16px; z-index:111; text-align:center !important;}
.h-navigation .navigation ul{}
.navigation-left{ width:70%;}
.h-navigation .navigation ul li{ float:left; padding:18px 14px 18px 10px; list-style:none; font-size:14px; position:relative;}
.h-navigation .navigation ul li a{ text-decoration:none; color:#efefef;}
.h-navigation .navigation ul li ul{ display:none; position:absolute; z-index:999; background:#FFF; top:100%; width:300px; left:0; box-shadow:0 0 5px 2px; -webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
transition: all 0.10s ease-in-out;
opacity:0.9;}
.h-navigation .navigation ul li ul li{ text-align:left; width:91%; line-height:0px; border-bottom:1px solid #efefef; font-size:12px; position:relative;}
.h-navigation .navigation ul li ul li:hover{ background:#000;}
.h-navigation .navigation ul li ul li a:hover{ color:#FFF !important;}
.h-navigation .navigation ul li ul a{ color:#999;}
.h-navigation .navigation ul li:hover ul{ display:block;}

.h-navigation .navigation ul ul ul{ display:none !important; position:absolute;}
.h-navigation .navigation ul li ul li:hover ul{ display:block !important; left:100%; top:0;}
.h-navigation .navigation ul li ul li ul li a:hover{ color:#FFF !important;}*/

/*ul.socail{ float:right; text-align:right; text-align:right; margin-left:50px; margin-top:10px;}
ul.socail li{ float:left;}*/
ul.socail li.in{ width:40px; background:url(../images/socail.gif) 0px -1px;}
ul.socail li.fb{ width:40px; background:url(../images/socail.gif) -40px -1px;}
ul.socail li.tw{ width:40px;  background:url(../images/socail.gif) -80px -1px;}
.navbar{ background:#000; margin-bottom: 0px!important;}
#navbar{ padding-left:0!important}
.icon-bar{background:#fff;}
.navbar li { color:#666; padding-top: 10px; font-size:1.15em;}

.navbar li a{ color:#fff;}

ul.nav{ text-align:left; list-style:none; display: flex;
    justify-content: space-between;
    list-style-type: none;
    width: 100%; }
ul.nav li{ text-align:center; margin-bottom:1px; padding:6px 0 6px 0;}
ul.nav li a:hover, ul.nav li a:focus{ background:#0992b5}

.dropdown .dropdown-menu li{text-align: left;}
                            
.dropdown-menu > li > a{padding: 5px;}                           
 .current-council{border:2px solid #ccc;height:300px;margin-bottom:20px;box-shadow: 5px 5px 5px #cccccc6b;border-radius: 10px;    overflow: hidden;} 
.current-council h2{background:#04aad4;padding:10px 5px;margin:0} 
.current-council img{padding:10px 10px }
.current-council h4{margin:0}
/*============================================= Navigation css end ========================================================*/
/*============================================= Slider css start ========================================================
#slider { padding-top: 8px;  position: relative; overflow: hidden; width:980px; margin:auto; padding-top:130px;}
#slider .flexslider { background: none; border: none; width: 100%;}
#slider .slides li { float: left; display: inline; display: none; width: 100%; }
#slider .slides img { padding-left: 11px; width: 462px; float: left; }
.slides div{ width:400px; padding:20px; background:#fff; box-shadow:0 0 2px 0px; float:right; text-align:left; margin-right:20px; height:300px; opacity:0.8;}
.slides h1{  color:#196E20;}
.slides h1 span{ color:#01A9D3; font-weight:bold; font-size:40px;}
/*#slider .slide-entry { width: 436px; float: right; display: inline; padding-right: 33px; }
#slider .slide-entry p { line-height: 20px; padding: 20px 0 30px 3px; }
#slider .slide-entry h5 { padding-left: 3px; }
#slider .slide-entry .slide-btn { line-height: 0; font-size: 0; text-indent: -4000px; background: url('images/slider-button.png') no-repeat 0 0; width: 209px; height: 46px; display: block; margin-left: 1px; }
#slider .flex-direction-nav li .prev,
#slider .flex-direction-nav li .next { font-size: 0; line-height: 0; width: 26px; height: 37px; margin-top: -71px; left: 50%; position: absolute;  }
#slider .flex-direction-nav li .prev { background: url('images/arrow-left.png') no-repeat 0 0; margin-left: -495px; }
#slider .flex-direction-nav li .next { background: url('images/arrow-right.png') no-repeat 0 0; right: auto; margin-left: 466px; }
#slider .slider-nav { padding-top: 15px; height: 34px; background: url('images/slider-nav-bg.png') no-repeat center 0; }
#slider .flex-control-nav { position: static; bottom: 0; }
#slider .flex-control-nav a { width: 22px; height: 22px; font-size: 0px; line-height: 0px; display: block; background: url('images/slider-nav-item.png') no-repeat 0 0; }
#slider .flex-control-nav a.active,
#slider .flex-control-nav a:hover { background-position: 0 -22px; }
.opacity{ height:50px; width:100%; opacity:0.4; background:#000; margin-top:32px;}
============================================= Slider css end ========================================================*/
/*============================================= Container css start ========================================================*/
.sample-item {
    text-align: center;
    max-width: 500px;
    width: 100%;
    display: inline-block;
    margin-bottom: 35px;
	overflow:hidden;
}
.sample-item .sample-item-image-wrapper {
    background: #FFF;
    height: 22vw;
    max-height: 370px;
    max-width: 500px;
    width: 100%;
    display: inline-block;
    border: none;
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}


.main_title h2 {
    color: #324545;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
       padding-bottom: 20px;
    position: relative;
    font-family: Oswald,'Open Sans',sans-serif;
    line-height: 40px;
    text-transform: uppercase;   
	text-align:center;
}
.sub-heading {
    color: #14263a;
    font-weight: 800;
	padding-top:15px!important;
	padding-bottom:15px!important;
	font-size:1em;
	text-transform:uppercase;
}
.ecouncil .ecouncil-table{box-shadow:0 0 10px #ccc}
.ecouncil .ecouncil-table img{width:25px}
.ecouncil .ecouncil-table thead th{padding:30px;color:#333;font-size:25px;    box-shadow: 0 5px 10px #ccc;}
.ecouncil .ecouncil-table  tbody td{text-align:center}
.ecouncil .ecouncil-table  tbody tr td:first-child{text-align:left}

.middle-container{  margin-bottom:15px;}
.middle-container h1{ font-size:18px; text-transform:uppercase; margin-bottom:15px; margin-top:20px;}
.middle-container ul{ margin:0; padding:0;}
.middle-container ul li{ float:left; list-style:inside; text-align:center;  /*list-style-image:url(../images/list_png.png);*/ list-style:none; margin-right:20px;  margin-bottom:20px; width:100px;}
.middle-container ul li a img{height:120px; max-width:100px;  border:1px solid #ccc;}
.middle-container ul li a{ text-align:center;}
.middle-container ul li a span{ font-size:11px; text-align:center;}
.box{ width:23%; float:left; margin:auto; margin-right:13px; margin-bottom:20px;}
.box img{ }
.sidebar{ background:#ccc; background:url(../images/sidebar-sep.png) no-repeat 0 0; padding-left:0px; display:inline-block; padding-left:30px; margin-bottom:15px;}
.sidebar h1{ font-size:18px; text-transform:uppercase; margin-bottom:15px;  margin-top:15px;}
.sidebar ul{ margin:0; padding:0;}
.sidebar ul.services{ margin-bottom:30px;}
.sidebar ul.services li{ list-style:none; padding:10px 0 10px 0; background:#E8E7E8; padding-left:10px;  margin-bottom:2px; border:1px solid #CCC; font-size:14px;}
.sidebar ul.services li a{ color:#000000; text-decoration: none;cursor:default;}
li.rounded-t{border-top-right-radius:5px; border-top-left-radius:5px;}
li.rounded-b{border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
ul.partner{ margin-top:10px; display:none;}
ul.partner1{ margin-top:10px; display:none; margin-bottom:20px;}
ul.partner li{ list-style:none; padding:5px 0 5px 0; font-size:14px; padding-left:10px;}
ul.partner li a{color: #333;}
ul.d-partner{ list-style:none; padding-left:10px;}
.text{ text-align:center; font-size:20px; font-weight:bold; margin-bottom:10px;}
.box img{ display:block; margin-left:auto; margin-right:auto; padding:10px;}
.box p{color:#4A4A4A; text-align:justify; padding:8px;}
.panel{ display:none;}
.panel li{list-style:none; padding:5px 0 5px 0; font-size:14px; padding-left:10px;}
.panel li a{color: #333;}
.section-default{     background: #f4f4f4;
    border-top: 5px solid #f1f1f1;}
	.btn-info{background:#44b2e2!important;}
	#bigTriangleColor path {
    fill: #0992b5;
    stroke: #0992b5;
    stroke-width: 2;
}
.WHYUS h1{ text-transform:uppercase; font-size:1.3em; line-height:30px; font-weight:800; }
.WHYUS ul li{ font-size:1.3em; padding-bottom:15px;}
.section-default.website-work{}

.about p{ text-align:justify; line-height:23px;}
.about ul li{ float:none; text-align:left; line-height:10px;}
.about h2{ margin-bottom:5px; margin-top:15px; line-height:25px; color:#434343;}
.about-left{ padding:10px;box-shadow:0 0 10px #ccc;}
.about-right{ padding:10px;box-shadow:0 0 10px #ccc;}
.style2{color:#04aad4; font-weight:bold;}
.seo ul{margin-top:20px; }
.p50{padding: 50px 15px;}


.seo ul li{  list-style:inside; text-align:left;  width:350px;  /*list-style-image:url(../images/list_png.png);*/  margin-right:20px;  margin-bottom:20px; }
.seo ul li a img{height:120px; max-width:100px;  border:1px solid #ccc;}
.seo ul li a{ text-align:center;}
.seo ul li a span{ font-size:11px; text-align:center;}

.clients .col-md-2{ background:#fff;}
.websitename{background: #fff;padding: 10px;font-weight: 700;font-size: 14px;color: #2c3e50;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.clients .col-md-4 .img{padding:5px; margin-left:0px!important;  box-shadow:5px 5px 5px #333;  margin-bottom:18px!important; -moz-box-shadow: 10px 10px 5px #ccc; -webkit-box-shadow: 10px 10px 5px #ccc; -khtml-box-shadow: 10px 10px 5px #ccc; border: 2px solid black; border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; -webkit-border-radius: 30px; width: 180px; height: 240px; }
.clients .col-md-4 { margin-bottom:18px!important; }
.clients .webname{ padding:8px; background:#00CCCC; color:#fff; text-align:center; border-radius:5px; margin-bottom:8px;}
.seo_home h3{    text-transform: uppercase;
    font-size: 1.6em;
    padding-bottom: 15px;
    color: #0992b5;
    font-weight: 600;}
	
	.filter-portfolio ul{ text-transform:uppercase; list-style:none}
	.filter-portfolio .btn{ text-transform:uppercase}
	.filter-portfolio .current{
    background: #7cc576;
    color: #fff;
    text-decoration: none;}
/*============================================= Container css end ========================================================*/
/*============================================= Footer css end ========================================================*/
.footer1{ width:100% !important; background:#000 !important; color:#FFF !important;}
.footer1 strong{ color:#ddd;}
.copyright{ margin:auto !important; background: url(../images/footer-top-lights.png) no-repeat center 0 !important; padding-top: 20px !important; 
border-bottom: 3px solid #000 !important; height:auto !important;}
.box-1{ width:28% !important; float:left !important; margin-right:52px !important;}
.copyright-bootom{ margin:auto;   text-align:center; background:url(../images/footer-bottom-lights.png)  no-repeat center 0;
border-top: 1px solid #151515;
padding: 16px 0 20px;
border-bottom: 1px solid #000;
}
.box-1 h1{ margin-bottom:15px; margin-top:10px; font-size:1.3em;}
.box-1 p{ color:#ccc; font-size:14px;}
/*============================================= Footer css end ========================================================*/

/* ================ career page starts here ================= */

.careers{margin-bottom: 25px;
         margin-top: 25px;}
        
.careers h4{color: #04aad4;}

.careers-list li:before{font-family: FontAwesome;
                        content: "\f105";
                        margin-right: 5px;}

.careers-list li{padding: 5px 0px 5px;}
.contactus-page{background-image:url("../images/contact2.jpg"); background-repeat: no-repeat;
                 height: 250px;}
     
	 @media only screen and (max-width: 500px) {
		 ul.nav{display:block}
		 .isotope-item{margin-bottom:15px}
		 
		 
	 }