@import url('../css-1');


body{margin:0px;padding:0px;outline:none;font-family: 'Roboto', sans-serif;background-color:#fff;font-size:16px;}
.wrapper{float:left;width:100%;}
a:focus{outline:none;border:none;}
a:hover{outline:none;border:none;}


/***header***/

.header{float:left;width:100%;padding:0px;  box-shadow:0 -1px 4px #616263;position:fixed;z-index:999;background-color:#fff;}
.header .logo{float:left;width:25%;padding-top:10px;}
.header .menu{float:left;width:55%;padding:0px;margin:0px;}
.header .social{float:right;width:20%;padding:29px 0px 0px;margin:0px;}
.login{float:left;padding-top:3px;}
.login a{padding:6px 30px;color:#525353;border:1px solid #525353; border-radius:20px;}
.login a.login-user{display:none;}
 .login a.login-user:hover{background-color:transparent;color:#15b5d4;}
.login a:hover{background-color:#15b5d4;border:1px solid #15b5d4;text-decoration:none;color:#fff;}
.social-net{float:right;padding-top:px;}
.social-net ul{float:left;width:auto;margin:0px;padding:0px;}
.social-net ul li{float:left;list-style:none;margin-right:5px;}
.social-net ul li a{color:#525353;border:1px solid #525353;border-radius:100px;width:28px;height:28px;float:right;text-align:center;padding-top:3px;font-size:14px;}
.social-net ul li a:hover{color:#15b5d4;border:1px solid #15b5d4;}

.navbar-inverse{background:none;}
.nav li.dropdown:hover ul { display: block;}
.nav li{font-family: 'Roboto', sans-serif;font-size:17px;color:#222;border-bottom:2px solid #fff;font-weight:300;}
.nav li a:hover{color:#15b5d4;}
.nav li:hover{border-bottom:2px solid #15b5d4; color:#15b5d4;}
.navbar {  margin-bottom: 0; min-height: inherit;}
.navbar-nav li a {padding: 32px 15px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {  background-color: transparent; color: #15b5d4;}
.navbar-static-top{border:none;}
.dropdown-menu{ min-width: 250px;}
.navbar-nav li.dropdown:hover{border:none;}
.navbar-nav li.dropdown li a{padding:8px 20px ;font-weight:300;}
.navbar-nav li.dropdown ul.dropdown-menu{padding:0px 0;}
.navbar-inverse .navbar-nav > li > a { color: #222;}

.nav li.active{color:#15b5d4;border-bottom:2px solid #15b5d4;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{color:#15b5d4;background:none;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color:#15b5d4;}

/***banner***/
.banner{float:left;width:100%;padding:0px;margin-top:60px;}
.banner img{float:left;width:100%;}

.carousel-caption{float:left;text-align:left;}
.carousel-caption h1{float:left;width:100%;padding:0px;margin:0px 0px 0px ;font-weight:300;font-size:28px;letter-spacing:0;line-height:30px;color:#fff}
.carousel-caption p{font-weight:300;width:60%;float:left;line-height:26px;text-shadow: 0 0 0;}
.carousel-caption { left: 10%;   bottom: 90px;}
.banner-con{float:left;width:100%;}
.banner-con ul{float:left;width:100%;padding:0px;margin:20px 0px;}
.banner-con ul li {float:left;width:auto;list-style:none;}
.banner-con ul li a{text-decoration:none;color:#fff;padding:10px 30px;border:1px solid #fff;border-radius:4px;margin-right:10px;text-shadow: 0 0 0;}
.banner-con ul li a:hover{background-color:#ffffff;color:#222;}
.carousel-caption span{float:left;margin-bottom:10px;border-left:2px solid #15b5d4;padding-left:20px; }


.carousel-control.left, .carousel-control.right{display:none;}
.carousel-indicators {    bottom: 10px;    list-style: outside none none;    margin-left: 0;    padding-left: 0;    position: absolute;    right: 40px;    text-align: center;    top: 39%;    width: 10px;  left: inherit; }



/***body area***/

.body-con{float:left;width:100%;padding:0px;margin:0px;}
.body-con .welcome{float:left;width:100%;padding:5% 0px;position:relative;line-height:30px;}
.body-con .welcome .wel-text{background-color:#15b5d4;padding:20px 30px 15px;width:300px;position:absolute;bottom:-50px;right:-0px;font-size:18px;}
.body-con .welcome .wel-text p{color:#fff;}

.wel-list{float:left;width:100%;padding-left:20px;color:#404142;}
.wel-list h1:before{content:"";width:80px;height:3px;background-color:#15b5d4;position:absolute;left:30;top:-20px;}
.wel-list h1{float:left;width:85%;padding:0px;margin:0px;font-weight:300;font-size:28px;letter-spacing:0;line-height:30px;}
.wel-list ul{float:left;width:100%;padding:0px;margin:30px 0px 0px 10px;}
.wel-list ul li{float:left;width:100%;padding-left:30px;margin-bottom:20px;background:url(../images/list-1.jpg) no-repeat 0px 8px;list-style:none;line-height:30px;font-weight:300;}


.mobile-dev{float:left;width:100%;background:url(../images/mobile-bg.jpg) no-repeat;background-attachment: fixed;height:650px;margin-top:-70px;padding-top:12%;}
.mobile-dev h1:before{content:"";width:80px;height:3px;background-color:#27cddd;position:absolute;left:30;top:-20px;}
.mobile-dev h1{float:left;width:80%;padding:0px;margin:0px;font-weight:300;font-size:28px;letter-spacing:0;line-height:30px;}
.mobile-dev-left p{font-weight:300;float:left;padding:3% 0px;line-height:30px;}
.mobile-dev-left ul{float:left;width:100%;padding:0px;margin:10px 0px 0px 30px;}
.mobile-dev-left ul li{font-weight:300;float:left;width:100%;padding-left:30px;margin-bottom:20px;background:url(../images/list-2.png) no-repeat 0px 8px;list-style:none;}

.cloud-dev{float:left;width:100%;background:url(../images/mobile-bg.jpg) no-repeat;background-attachment: fixed;height:650px;margin-top:-70px;padding-top:12%;}
.cloud-dev h1:before{content:"";width:80px;height:3px;background-color:#27cddd;position:absolute;left:30;top:-20px;}
.cloud-dev h1{float:left;width:80%;padding:0px;margin:0px;font-weight:300;font-size:28px;letter-spacing:0;line-height:30px;}
.cloud-dev-left p{font-weight:300;float:left;padding:3% 0px;line-height:30px;}
.cloud-dev-left ul{float:left;width:100%;padding:0px;margin:10px 0px 0px 30px;}
.cloud-dev-left ul li{font-weight:300;float:left;width:100%;padding-left:30px;margin-bottom:20px;background:url(../images/list-2.png) no-repeat 0px 8px;list-style:none;}

.desktop-dev{float:left;width:100%;background:#fff;}
.desktop-dev h1:before{content:"";width:80px;height:3px;background-color:#feba4e;position:absolute;left:30;top:60px;}
.desktop-dev h1{float:left;width:80%;padding:0px;margin:0px;font-weight:300;font-size:28px;letter-spacing:0;line-height:30px;margin-top:80px;}
.desktop-dev-right p{font-weight:300;float:left;padding:3% 0px;line-height:30px;}
.desktop-dev-left img{float:left;}
.desktop-dev-right ul{float:left;width:100%;padding:0px;margin:10px 0px 0px 30px;}
.desktop-dev-right ul li{font-weight:300;float:left;width:100%;padding-left:30px;margin-bottom:20px;background:url(../images/list-2.png) no-repeat 0px 8px;list-style:none;}
.desktop-dev-left1{display:none;}


.client{float:left;width:100%;padding:0px;margin:60px 0px 0px;background:url(../images/client-says.jpg) no-repeat;background-size:cover;background-attachment:fixed;}
.client img{margin:50px auto; display:table; float:none;}

/***footer***/
.footer{float:left;width:100%;padding:4% 0 0;background-color:#fff;color:#454545;font-size:15px;border-top: 1px solid #eaeaea;}
.footer h2{float:left;width:100%;padding:0px;margin:0px;font-weight:300;font-size:28px;letter-spacing:0;line-height:30px;margin-bottom:10px;}
.footer-about{float:left;width:30%;}
.footer-about p{float:left;width:90%;  line-height:30px; font-weight:300;}
.footer-about img{float:left;margin-bottom:10px;}
.footer-quick-link{float:left;width:20%;margin-bottom: 30px;}
.footer-quick-link ul{float:left;width:100%;margin:0px;padding:0px;}
.footer-quick-link ul li{float:left;width:100%;list-style:none;background:url(../images/list-1.jpg) no-repeat;padding-left:30px; background-position: 4px 8px;margin-bottom:10px;font-weight:300;}
.footer-quick-link ul li:first-child{background:none;padding-left:0px;}
.footer-quick-link ul li a{color:#444546;text-decoration:none;}
.footer-quick-link ul li:hover a{color:#15b5d4;}
.footer-contact{float:left;width:40%;}
.footer-contact ul{float:left;width:50%;margin:0px;padding:0px;line-height:30px;}
.footer-contact ul li{float:left;width:100%;list-style:none;font-weight:300;}
.footer-contact ul:last-child {padding-top:40px;}

.copyright{float:left;width:100%;background-color:#f2f3f4;padding-top: 11px;font-size:13px;}
.copyright p{float:left;}
.copyright .span{float:right;}


.corporate.banner{float:left;width:100%; position:relative;}
.corporate.banner .banner-text{position:absolute;bottom:-30px;background-color:#15b5d4;text-align:center;left:8%;padding:18px 90px;}
.corporate.banner .banner-text h1{float:left;width:100%;padding:0px;margin:0px;font-weight:300;font-size:35px;letter-spacing:0;line-height:30px;margin-bottom:10px;color:#fff;margin-bottom:0px;}
.corporate.banner .banner-text:after{position:absolute;background:url(../images/arrow.png) no-repeat;right:0px;content:"";width:27px;height:43px; top: 14px;  right: -18px;}

.common-text{float:left;width:100%;padding:6% 0px 0px;font-weight:300;line-height:30px;}
.common-text h2{float:left;width:100%;padding:0px;margin:30px 0px;font-weight:300;font-size:30px;letter-spacing:0;line-height:30px;}
.common-text h3{float:left;width:100%;padding:0px;margin:5px 0px;font-weight:300;font-size:25px;letter-spacing:0;line-height:30px;}

ul.service-list{float:left;width:100%;padding:0px;margin:10px 20px 30px;}
ul.service-list li{float:left;width:35%;padding-left:20px;margin-bottom:10px;background:url(../images/list-1.jpg) 0px 7px no-repeat;list-style:none;}

ul.service-list1{float:left;width:100%;padding:0px;margin:10px 20px 30px;}
ul.service-list1 li{float:left;width:75%;padding-left:20px;margin-bottom:10px;background:url(../images/list-1.jpg) 0px 7px no-repeat;list-style:none;}
.text-aliment{float:left;width:55%;font-size:18px;border-left:2px solid #15b5d4;padding-left:20px;}

.contect-list{float:left;width:100%;margin-top:30px;}
.contect-list ul{float:left;width:100%;padding:0px;margin:0px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
.contect-list ul li{float:left;width:33.33%;padding:30px 20px;border-left:1px solid #ececec;text-align:center;height:300px;list-style:none;}
.contect-list ul li i{font-size:30px;color:#15b5d4;}
.contect-list ul li h3{font-weight:400;margin-bottom:20px;color:#4c4c4d;}
.contect-list ul li:last-child{border-right:1px solid #ececec;}

.map{float:left;width:100%;padding:0px;margin-top:40px;}
.map img{float:left;width:100%;}

.contact-form {float:left;width:100%;text-align:center;padding:3% 0px;}
.contact-form ul{float:left;width:100%;}
.contact-form ul li {float:left;width:33%;list-style:none;margin-bottom:20px;}
.contact-form ul li input{float:left;width:97%;border:1px solid #cdcdcd;background-color:#fff;padding:10px 20px;border-radius:0px;margin-bottom:5px;height:auto;}
.contact-form ul li textarea{float:left;width:98%;border:1px solid #cdcdcd;background-color:#fff;padding:5px 20px;border-radius:0px;margin-bottom:5px;resize:none;height:120px;}
.contact-form ul li:nth-child(4){float:left;width:100%;}
.contact-form ul li:last-child {width:100%;}
.contact-form ul li:last-child input{width:auto;padding:10px 50px;border-radius:40px; height:auto;background-color:#0b89c4;border:none;margin:0px auto;display:table;float:none;color:#fff;}

.opening{float:left;width:100%;padding:0px;margin-bottom:40px;border-bottom:1px solid #eaeaea;}
.opening span{float:left;width:100%;}
.opening span strong{color:#2875a9;}
.opening span.role{font-size:25px;padding-bottom:10px;}
.opening span.role strong{font-weight:300;}
.nav li .social{display:none;}