@charset "utf-8";
/* CSS Document */
body{font-family: 'Ubuntu', sans-serif; font-size:14px;}
.hedbg{ background:#333; color:#FFF; padding:10px 0px;font-size:16px;}
.hwcbgs{background:#2aa9d9; padding:20px 0px 0px 0px; color:#FFF;font-size:16px;}
.hwcbgs img{ float:left; padding:0px 15px 0px 0px;}
.hedbg i{ color:#2aa9d9; font-size:24px; margin-right:5px;}
.call{ float:left; margin-right:15px;}
.area{ float:left;}
.socicon{ text-align:right; margin-left:auto; margin-right:auto;}
.socicon i{font-size:22px; color:#2aa9d9; margin-right:8px;}
.hrd{ padding:15px 0px;}
.menuh{ margin-top:20px;}
.navbar-inverse {
    background:none;
    border:none;
}
.navbar {
	margin-bottom:0px;
}
.navbar-nav > li > a {
	text-transform:uppercase;
	padding-bottom:15px;
	padding-top:15px;
	font-size:18px;
}
.navbar-collapse {
	padding-left:15px;
	padding-right:15px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background:none;
    color: #333;
}
.navbar-inverse .navbar-nav > li > a {
	color:#000;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #333;
}
.hbrn{ padding:0px; margin:0px;}
.hwcbg{ background:#2aa9d9; padding:25px 0px; color:#fff; }
.hwcbg img{ padding:0px 20px 20px 0px;}


.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background:#1e2248; vertical-align: middle; }
.box > .icon:hover > .image { background:#e6bf36; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title {font-size: 20px; color:#e6bf36; font-weight: 500; }
.box > .icon > .info > p {font-size: 13px; color: #fff; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color:#e6bf36; }
.box > .icon > .info > .more a { font-size: 12px; color:#e6bf36; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #e6bf36; }
.box .space { height: 30px; }
.oursr{ padding:0px 0px 25px 0px ; color:#000;}
.oursr h1{color:#2aa9d9; text-align:center;}
.srbox h2{color:#2aa9d9; font-size:16px; font-weight:bold; padding:10px; margin:0px;}  
.ftbg{ background:#000; padding:20px 0px; color:#fff;}
.ftbg li{list-style:none;}
.ftbg a{ margin:0px; padding:0px; list-style:none; line-height:22px; color:#fff;}
.ftbg a:hover{ color:#6FF; text-decoration:underline;}
.srbox{ border:#CCC solid 1px; background:#F4F4F4;}
.srbox p{ padding:0px 10px 10px 10px;}
.srbox a{font-style:normal; text-decoration:none;}
.srbox a:hover{text-decoration: underline;}
.ftend{ background: #242424; text-align:center; color:#fff; padding:10px 0px;}
.serpg img{ float:left; padding:10px 15px 0px 0px;}
.serpg{ padding:10px 0px;}
.serpg h3{ color:#2aa9d9; font-size:20px; margin:5px 0px 0px 0px;}
.amis{background:#2aa9d9; padding:15px 0px; margin:20px 0px;}
.amis button{ margin:auto; text-align:center;  background:#fff; padding:10px 50px; font-size:18px; color:#FFF; border:0px;}
.mybt{ margin:auto; display:block; text-align:center;}
.cltlogo{ padding:15px 0px;}
.cltlogo h3{ text-align:center; margin:0px; color:#000000; font-size:24px;}
.amis .btn-default:hover {background-color: #000; border-color:#000; color: #fff;
}
.solus{display:table; margin-bottom:25px;}
.solus img{ float:left; padding-right:15px;}
.solus h4{ font-size:16px; margin:8px 0px 5px 0px; padding:0px;}
.soluss h1{ text-align:center;}
.solussp h1{ text-align:left;}
.solussp img{ float:left; padding:0px 30px 20px 0px;}
.solussp h3{ margin:0px 0px 10px 0px; padding:0px; color:#2aa9d9;}
.solussp ul{ margin:0px; padding:0px; list-style:none;}
.solussp ul li{list-style:inside; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}
.solussp{ margin-bottom:20px;}
.solussps h3{ margin:0px 0px 10px 0px; padding:0px; color:#2aa9d9;}
.solussps ul{ margin:0px; padding:0px; list-style:none;}
.solussps ul li{list-style:inside; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}
.solussps{ margin:20px 0px; padding:20px 0px; background:#f7f7f7;}
.solussps img{ float:left; padding:0px 30px 20px 0px;}
/*solutions */
.padding-right-zero
{
    padding-right: 0px !important;
}
.bx-wrapper {
    margin: 0 auto 35px;
}
.portfolio-item
{
    position:relative;
    overflow:hidden;
}
.portfolio-item figure
{
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
}
.portfolio-item figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px 0
}
.portfolio-item figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.portfolio-item figure h2 {
    font-family: 'Fira Sans', sans-serif;
    color:#fff;
    font-size:20px;
    text-align:left;
    padding-bottom:15px;
}
.portfolio-item figure p {
    display:block;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left
}
.portfolio-item figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding: 59px 30px;
    background-color: #000;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    text-align: center;
}
.portfolio-item figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.portfolio-item figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.portfolio-item figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}
.mr-btn-15
{
    margin-bottom: 15px;
}
/*solutions */
@media only screen and (max-width:320px) {
.amis button {
    padding: 10px 20px;
    text-align: center;
	margin-top:20px;
}
.myclient img{ padding:10px; border:#888888 solid 1px; margin:5px; width:100%; height:100%;}
}
@media only screen and (max-width: 767px) {
.navbar-toggle{
	margin-right:0px;
	background:#000;
	}
.hwcbg img{ padding:0px;}
.myclient img{ padding:10px; border:#888888 solid 1px; margin:5px; width:100%; height:100%;}

}
.myclient img{ padding:10px; border:#888888 solid 1px; margin:5px; width:15%;
	}
.myclient{ margin-bottom:30px;}