html{overflow-x: hidden;}
body {margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; transition:none;}
a, a:hover, a:focus {outline:none; border:none;  text-decoration:none;transition: all 1s ease;}
li {list-style-type:none; outline:none;}

.container {width:100%; max-width:1280px;}
header {height:auto; position:relative;}
/*NavBar Css Start*/
.animated-header .navbar-right{ margin-top: 5px;}
nav#home ul#nav li:first-child{ margin:0; padding:0;}
nav#home ul#nav li:first-child a{ margin:0; padding:0;}
#navigation {-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s; padding:10px 0 0px; background-color:rgba(25, 38, 47, 0.8);}
#navigation.animated-header {padding: 20px 0; background-color:rgba(25, 38, 47, 0.4);}
.navbar-inverse .navbar-brand {margin:0px; padding:0px 0 0 0;}
#navigation.animated-header .navbar-inverse .navbar-brand {padding-top:0px;}
#navigation.animated-header .navbar-brand img {width:100%;}
#navigation .navbar-brand img {width:80%; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;}
.navbar-inverse .navbar-nav > li  {padding-left:15px; padding-right:15px; padding-top:0px;}
.navbar-inverse .navbar-nav > li > a {font-size:15px; color: #fff; letter-spacing: 0; text-align:center; font-weight:400; padding:10px 0px; letter-spacing:1px; position:relative;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color:#3bebeb;}
.navbar-inverse .navbar-nav > li > a::after {content: ''; display: block; width: 0; height: 2px; background: #fff; color:#3bebeb; margin:0px; transition: width .3s; position:absolute; lett:0; bottom: 0;}
.navbar-inverse .navbar-nav > li > a:hover::after, .navbar-inverse .navbar-nav > li > a:focus::after {width: 100%; transition: width .3s; color:#fff;}

.navbar-inverse .navbar-nav > li > a.current, .navbar-inverse .navbar-nav > li > a.current:focus { color:#fff;}
.navbar-inverse .navbar-nav > li > a.current::after, .navbar-inverse .navbar-nav > li > a.current:focus::after {width: 100%; transition: width .3s; color:#3bebeb;}

.navbar-inverse .navbar-nav > li.li_get{ margin-top:3px; padding-right: 0;}
.navbar-inverse .navbar-nav > li.li_get a {padding:5px 10px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > li.li_get a:hover, .navbar-inverse .navbar-nav > li.li_get a:focus, .navbar-inverse .navbar-nav > li.li_get a.current{color:#fff; background:#3bebeb; border:1px solid #3bebeb;}

.navbar-inverse .navbar-nav > li.li_get a::after, .navbar-inverse .navbar-nav > li.li_get a:hover::after, .navbar-inverse .navbar-nav > li.li_get a:active::after, .navbar-inverse .navbar-nav > li.li_get a:focus::after{content:attr(x); display: block; width: 0; height: 2px; background: #3bebeb; color:#3bebeb; margin-top:0px; transition: width .3s; }

.li_get {padding:10px; float:left; margin:0px 0px 0px; align-items:center;  justify-content:center;}
/*.li_get a {padding:10px 20px; border:1px solid #80618a; background:#80618a; line-height:20px; font-size:18px; text-align:center; color:#fff; font-weight:400;  letter-spacing:1px;  position:relative  font-size:18px; letter-spacing:2px; display:inline-block; text-align:center; border-radius:30px; -moz-border-radius:30px; -border-radius:30px; -o-border-radius:30px; -border-radius:30px;}*/
.li_get a:hover, .li_get a:focus {color:#fff; background:#3bebeb; border:1px solid #3bebeb;}
/*NavBar Css end*/
.main-banner { width:100%; position:relative; background:url(../images/banner_bg.jpg) no-repeat center center; background-size:100% 100%; height:750px;}
.main-banner .banner-text { max-width:550px; float:right; padding:200px 0 0 0; text-align:right; color:#fff; font-size:18px; font-weight:300; line-height:36px; } 
.main-banner .banner-text h1 { margin:0; padding:0 0 15px 0; font-size:40px; font-weight:700; color:#fff; text-transform:uppercase; }
.main-banner .banner-text p { margin:0; padding:0 0 20px 0;}
/*Slide Css Start*/
.carousel, .carousel {position:relative;}
.carousel-fade .carousel-inner .item { transition-property: opacity;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0;  transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control { z-index: 2;}
html, body, .carousel, .carousel-inner, .carousel-inner .item { height: 100%;}
.item:nth-child(1) {background:url(../images/banner_bg.jpg) no-repeat left top / cover;}
.item:nth-child(2) {background:url(../images/banner_bg.jpg) no-repeat left top / cover;}
.item:nth-child(3) {background:url(../images/banner_bg.jpg) no-repeat left top / cover;}
.carousel-caption {top: 30%;}
.carousel-caption h1 {font-size:60px; text-align:center; color:#3bebeb; font-weight:700; margin:0px 0 15px; padding:0px; text-transform:uppercase;}
.carousel-caption p {font-size:22px; text-align:center; color:#fff; font-weight:400; margin:0px; padding:0px; line-height:47px}

.carousel-indicators {margin:0px; padding:0px 40px 0px 0px; bottom:0px; right:0px; width:auto; left:inherit; top:45%;}
.carousel-indicators li {margin:15px 0px; padding:0 0px 0px 0px; font-size:23px; font-weight:600; color:#828282; background:none; border:none; border-radius:0px; background:none; text-indent:inherit; display:inherit; width:inherit; height:inherit; }
.carousel-indicators li:first-child {margin-top:0px;}
.carousel-indicators .active {color:#3BEBEB; width:inherit; height:inherit; background:none; position:relative; position:relative;animation-name: fadeInOpacity;animation-iteration-count: 1; animation-timing-function: ease-in;	animation-duration: 2s;}
@keyframes fadeInOpacity {
0% {opacity: 0.6;}
100% {opacity: 1;}
}
@-o-keyframes fadeInOpacity {
0% {opacity: 0.6;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeInOpacity {
0% {opacity: 0.6;}
100% {opacity: 1;}
}
@-ms-keyframes fadeInOpacity {
0% {opacity: 0.6;}
100% {opacity: 1;}
}
@-moz-keyframes fadeInOpacity {
0% {opacity: 0.6;}
100% {opacity: 1;}
}
.carousel-indicators .active:after {width:27px; height:5px; content:""; position:absolute; left:-40px; top:16px; background:#3cecec; border-radius:10px;}

/*Slider Css End*/
/*Scroll Css*/
#main{width:200px; height:200px; margin: auto; position:absolute; left:20%; right:20%; bottom:12% }
#outer-circle {background:url(../images/ringaborder_2.png) no-repeat center center; margin: 20% auto;  padding:20px; text-align:center;  width:178px;	
height:178px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; opacity:1;
 
-webkit-animation: changeColor 5s infinite; /* Safari 4+ */
-moz-animation: changeColor 5s infinite; /* Fx 5+ */
-o-animation: changeColor 5s infinite; /* Opera 12+ */
animation: changeColor 5s infinite; /* IE 10+ */

}
@keyframes changeColor {
0%{
transform: rotate(0deg); }
25%{
transform: rotate(180deg); }
50%{
transform: rotate(181deg); }
100%{
transform: rotate(0deg)}
}
@-moz-keyframes changeColor {
0%{
transform: rotate(0deg); }
25%{
transform: rotate(180deg); }
50%{
transform: rotate(181deg); }
100%{
transform: rotate(0deg) }
}
@-webkit-keyframes changeColor {
0%{
transform: rotate(0deg); }
25%{
transform: rotate(180deg); }
50%{
transform: rotate(181deg); }
100%{
transform: rotate(0deg) }
}
@-o-keyframes changeColor {
0%{
transform: rotate(0deg); }
25%{
transform: rotate(180deg); }
50%{
transform: rotate(181deg); }
100%{
transform: rotate(0deg) }
}
@-ms-keyframes changeColor {
0%{
transform: rotate(0deg); }
25%{
transform: rotate(180deg); }
50%{
transform: rotate(181deg); }
100%{
transform: rotate(0deg) }
}

#inner-circle {	
width:136px; 
height:136px; 
margin:31% 0% 0 11%;
border:2px solid #a4a5aa;
-webkit-border-radius:50%; 
-moz-border-radius:50%; 
border-radius:50%; 
}
#content {
width:132px; 
height: 132px; 
-webkit-border-radius:50%;
-moz-border-radius:50%; 
border-radius:50%;
background: #1f3e5b;
border:10px solid #23343e;
}


.scroll-downs {position: absolute; top:30%; right: 0; bottom: 0; left:-9%; margin:auto;  width :28px; height:50px;}
.mousey {width: 3px; padding:5px 10px; height: 35px; border: 2px solid #fff; border-radius: 25px; opacity: 0.75; box-sizing: content-box;}
.scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
@-webkit-keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
@-o-keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0; -}
}
@-moz-keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
@-ms-keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
/*Scroll Css*/ 

/*Company Section*/
.company {width:100%; margin:0px; padding:150px 0px 0; float:left; text-align:center;background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 73%, rgba(217,217,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 73%,rgba(255,255,255,1) 73%,rgba(217,217,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 73%,rgba(255,255,255,1) 73%,rgba(217,217,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}
.page_title {font-size:36px; text-align:center; color:#3BEBEB; letter-spacing:0.5px; margin:0px; padding:0px 0 20px; font-weight:700}
.title_solgen {margin:0px; padding:0px; text-align:center; font-size:26px; color:#0E1F2E; line-height:36px; font-weight:400}
.left_section {width:28%; height:auto; float:left; margin:0px; padding:0px;}
.company_details {width:100%; height:auto; margin:0px; padding:75px 0px 0px 0px; float:left; text-align:center}
.company_details h3 {font-size: 24px; color: #3BEBEB; line-height: 40px; padding:0px; margin:0px 0 0 12%; font-weight:400; position:relative; text-align:left;}
.company_details h3 span {font-size:36px; color: #3BEBEB; line-height: 40px; margin:0px; padding:0px; font-weight:700}
.company_details h3:before {width:27px; height:5px; content:""; position:absolute; left:-40px; top:16px; background:#3cecec; border-radius:10px;}
.img-1 {margin-top:50.4%;}

.midd_section {width:38%; height:auto; margin:0px; padding:0px; float:left}
.company_list {width:100%; height:auto; margin:0px; padding:65px 31px; background:#0e202e; float:left}
.company_list ul {width:100%; height:auto; margin:0px; padding:0px; float:left;}
.company_list ul li {font-size:17px; color: #EFEFEF; letter-spacing: 0; margin:50px 30px 0 0px; padding:0px 0px 0px 45px; background:url(../images/li-arrow.png) no-repeat left 5px; text-align:left;}  
.company_list ul li:first-child {margin-top:0px;}

.right_section {width:34%; height:auto; float:left; margin:0px; padding:0px;}
.img-2 {margin-top:19.5%;}

/*Services*/
.services {width:100%; margin:0px; padding:150px 0px 0; float:left; text-align:center; position:relative}
.services_block {width:100%; height:auto; margin:0px; padding:0px; float:left; background:#efefef; padding:175px 0 220px 0; margin-top:70px;
-moz-transform: skew(0deg, 5deg); -ms-transform: skew(0deg, 5deg); -webkit-transform: skew(0deg, 5deg); transform: skew(0deg, 5deg);}
.services_block .content { -moz-transform: skew(0deg, -5deg); -ms-transform: skew(0deg, -5deg); -webkit-transform: skew(0deg, -5deg); transform: skew(0deg, -5deg); text-align: center;}
.service_round {width:308px; height:311px; float:left; margin: 0 30px 0px 0px; background:url(../images/ic_round_icon.png) no-repeat left top; position:relative; text-align:center}
.service_round1 {margin-left:30px !important; margin-right:0px !important}
.service_round_bg {width:179px; height:179px; float:left; margin:0px; padding:0px; background:#D8D8D8; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -border-radius:50%; position:absolute; left:20%; top:22%; right:20%; bottom:22%;
-webkit-animation: move 5s infinite; /* Safari 4+ */
-moz-animation: move 5s infinite; /* Fx 5+ */
-o-animation: move 5s infinite; /* Opera 12+ */
animation: move 5s infinite; /* IE 10+ */
}
@keyframes move  {
0% { transform: scale(0.55);}
50% {transform: scale(1);}
60% {transform: scale(1);}
100% {transform: scale(.55);}
}
@-webkit-keyframes move  {
0% { transform: scale(0.55);}
50% {transform: scale(1);}
60% {transform: scale(1);}
100% {transform: scale(.55);}
}
@-moz-keyframes move  {
0% { transform: scale(0.55);}
50% {transform: scale(1);}
60% {transform: scale(1);}
100% {transform: scale(.55);}
}
@-ms-keyframes move  {
0% { transform: scale(0.55);}
50% {transform: scale(1);}
60% {transform: scale(1);}
100% {transform: scale(.55);}
}
@-o-keyframes move  {
0% { transform: scale(0.55);}
50% {transform: scale(1);}
60% {transform: scale(1);}
100% {transform: scale(.55);}
}
.service_contain {margin:0px; padding:10% 0px 0px 0px; float:left; width:70%;}
.service_title  {float:left; margin:0px; padding:0px;font-size: 26px; color: #363636; text-align:left; width:100%; font-weight:700;}
.service_contain p {font-size: 16px; color: #272727;  line-height: 32px; margin:0px; padding:0px; text-align:left; width:100%;} 
.text_right {text-align:right !important}

.ic_ios {width:173px; height:202px; margin:20% 30%; padding:0px; display:inline-block; text-align:center; background:url(../images/ser_ios_development.png) no-repeat left top; position:relative; z-index:10}

.ic_android {width:175px; height:203px; margin:20% 0%; padding:0px; display:inline-block; text-align:center; background:url(../images/ser_android_development.png) no-repeat left top; position:relative; z-index:10}

.ic_arapp {width:173px; height:206px; margin:20% 18%; padding:0px; display:inline-block; text-align:center; background:url(../images/ser_ar_app_development.png) no-repeat left top; position:relative; z-index:10}

.ic_cloud {width:196px; height:171px; margin:20% 0%; padding:0px; display:inline-block; text-align:center; background:url(../images/ser_cloud_computing.png) no-repeat left top; position:relative; z-index:10}

.ic_aapm {width:140px; height:203px; margin:20% 0%; padding:0px; display:inline-block; text-align:center; background:url(../images/ser_app_marketing.png) no-repeat left top; position:relative; z-index:10}

.ic_mobile {width:155px; height:202px; margin:20% 15%; padding:0px; display:inline-block; text-align:center; background:url(../images/ser_app_design.png) no-repeat left top; position:relative; z-index:10}

.top {margin-top:50px;}
.service_bottom {width:100%; height:153px; float:left; margin:0px 0 0 0; padding:0px; background:url(../images/ser_bg_bottom.png) no-repeat left top /cover; position:absolute; bottom:-82px;}

/*Case Studies*/
/* #studies .carousel{ min-height: 600px;} */

.case_studies {width:100%; height:auto; margin:0px; padding:200px 0 150px; float:left; background:url(../images/work_bg.png) no-repeat left 80px / 100%;}
.case_studies .carousel {width:100%; height:auto; margin:150px 0 0 0px; padding:0px 0px 0px; float:left;}
.case_studies .item:nth-child(1) {background:none;}
.case_studies .item:nth-child(2) {background:none;}
.case_studies .item:nth-child(3) {background:none;}
.case_studies .item h4 {font-size: 30px; color: #0E1F2E; letter-spacing: 0; margin:0px; padding:0px 0 0px 0; float:left; width:100%; font-weight:600}
.case_studies .item h4 span {font-size: 22px; color: #0E1F2E; letter-spacing: 0; margin:15px 0px 0px; padding:0px; float:left; width:100%; font-weight:400}
.case_list {width:100%; height:auto; margin:0px; padding:40px 0px 0px; float:left;}
.case_list ul {width:100%; height:auto; margin:0px; padding:0px 0px 0px; float:left;}
.case_list li {margin:30px 0px 0px; padding:0px 0px 0px 50px; font-size: 16px; color: #0E1F2E; line-height: 26px; width:100%; float:left; background:url(../images/li_indication.png) no-repeat left 12px;}
.case_list li:first-child {margin-top:0px}
.carousel-control.left {background:#0e202e; padding:0px 0px; font-size: 20px; color: #FFFFFF; line-height: 30px; opacity:1; font-weight:600; text-shadow:none;   top:inherit; bottom:-20%; left:41%; border-radius:7px; width:auto; padding:8px 30px}
 .carousel-control.right {background:#0e202e; padding:0px 0px; font-size:20px; color: #FFFFFF; line-height: 30px; opacity:1; font-weight:600; text-shadow:none;  top:inherit; bottom:-20%; right:41%; border-radius:7px; width:auto; padding:8px 30px}
.carousel-control.left:hover, .carousel-control.right:hover {background:#3cecec; color:#0e202e;}
.slide_img {margin-top:30px; text-align: center;}
.slide_img img.img-responsive{ display: inline-block;}
ul.appicons{ width: 100%; margin: 0; padding:20px 0 0 0; text-align:center;}
ul.appicons li{ width:auto; margin: 0; padding:0 5px; text-align:center; display: inline-block;}
/*Process*/
.process {width:100%; height:auto; margin:100px 0 0px; padding:235px 0px 390px 0px; float:left; background:url(../images/process_bg.png) no-repeat left top / cover;}
.title_solgen_w {margin: 0px; padding: 0px; text-align: center; font-size: 26px; color: #fff; line-height: 40px; font-weight:400;}
.process_way {width:100%; height:auto; margin:0px; padding:190px 0px 0px; float:left; text-align:center;}
.process_way ul {width:100%; height:auto; margin:0px; padding:0px; float:left; text-align:center}
.process_way ul li {margin:0px; padding:0px; display:inline-block; text-align:center; width:12.5%; float:left; position:relative;}
.radius_box {width:100%; height:auto; float:left; text-align:center; margin:75px 0 10px 0; padding:0px; }
.radius_box span{width:70px; height:70px; display:inline-block; text-align:center; font-size: 30px; color: #101E2B; line-height:65px; background:url(../images/bottom_round.png) no-repeat left top; margin:0px auto; padding:4px 0px 0px 2px; position:relative;}
.round .radius_box span {background:url(../images/top_round.png) no-repeat left top}
.radius_box span::after {position:absolute; height:2px; width:130%; background:#fff; content:""; top:33px; left:70px;}
.last_li:after {display:none;}
.ic_meeting {font-size: 17px; color: #3CECEC; margin:0px; padding:52px 0 50px 0; background:url(../images/handshake.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; position:absolute; left:0px; right:0px; top:-50px;}
.ic_discovery{font-size: 17px; color: #3CECEC; margin:0px; padding:50px 0 52px 0; background:url(../images/discovery.png) no-repeat bottom center, url(../images/indicator_down.png) no-repeat top center; position:absolute; left:0px; right:0px; bottom:-120px;}
.ic_planing{font-size: 17px; color: #3CECEC; margin:0px; padding:52px 0 50px 0; background:url(../images/doc.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; position:absolute; left:0px; right:0px; top:-70px;}
.ic_design{font-size: 17px; color: #3CECEC; margin:0px; padding:50px 0 52px 0; background:url(../images/design_development.png) no-repeat bottom center, url(../images/indicator_down.png) no-repeat top center; position:absolute; left:0px; right:0px; bottom:-143px;}
.ic_quality{font-size: 17px; color: #3CECEC; margin:0px; padding:52px 0 50px 0; background:url(../images/badge.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; position:absolute; left:0px; right:0px; top:-50px;}
.ic_deployment{font-size: 17px; color: #3CECEC; margin:0px; padding:50px 0 52px 0; background:url(../images/deploy.png) no-repeat bottom center, url(../images/indicator_down.png) no-repeat top center; position:absolute; left:0px; right:0px; bottom:-120px;}

.ic_maintance{font-size: 17px; color: #3CECEC; margin:0px; padding:52px 0 50px 0; background:url(../images/settings.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; position:absolute; left:0px; right:0px; top:-75px;}
.ic_marketing{font-size: 17px; color: #3CECEC; margin:0px; padding:50px 0 52px 0; background:url(../images/marketing.png) no-repeat bottom center, url(../images/indicator_down.png) no-repeat top center; position:absolute; left:0px; right:0px; bottom:-120px;}


/*Testimonial*/
.testimonial {width:100%; height:auto; margin:0px; padding:100px 0px; float:left;}
.client_slider {width:100%; height:auto; margin:0px; padding:84px 0px 0px; float:left;}
.client_slider .item {margin:0px; padding:0px;}
.client_block{ min-height:430px;  background:none; width:80%; height:auto; float:left; margin:0px 0 0 12%; padding:28px 20px 28px 82px; border:2px solid #e8e8e8; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; position:relative; z-index:-1; box-shadow:0px 0px 10px #eaeaea; -moz-box-shadow:0px 0px 10px #eaeaea; -ms-box-shadow:0px 0px 10px #eaeaea; -o-box-shadow:0px 0px 10px #eaeaea; -webkit-box-shadow:0px 0px 10px #eaeaea;}
.quote {width:52px; height:46px; margin:23px 0; padding:0px; background:url(../images/quote.png) no-repeat left top; display: inline-block;}
.client_slider .client_block p {width:100%; height:auto; margin:0px; padding:32px 0px 21px 0px; font-size: 16px; color: #404040; line-height: 26px; float:left;}
.client_name {font-size: 14px; color: #505050; font-weight:600; margin:0px; padding:14px 0px 0px; background:url(../images/client_border.png) no-repeat left top; float:left }
.client_name span{width:100%; display: inline-block; text-align: left; font-size: 11px; color: #727272;}
.client_img {width:102px; height:102px; float:left; position:absolute; left:3%; top:35%; border:5px solid #dbdbdb; background: #fff; text-align: center; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; z-index:100}
.client_img img {width:100%; height:100%; overflow:hidden;}
.owl-dots {width:100%; text-align:center; margin:0px; padding:57px 0px 0 0px;}
.owl-dot {background:#92999f; width:20px; height:20px; display:inline-block; text-align:center; margin:0px 8px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.owl-dot.active {background:#3cecec !important}
/*Footer*/
footer {width:100%; height:auto; margin:0px; padding:322px 0px 0; background:#0E202E url(../images/footer_bg.png) no-repeat left top /100% auto; float:left;}
.contact_from {width:100%; height:auto; margin:0px; padding:60px 0 0; float:left;}
.contact_from .form-control {height:48px; margin-bottom:7px; border:none; }
.contact_from textarea.form-control {height:226px;}
.contact_from .form-group { margin-bottom:40px; position:relative;}
.contact_from .form-group.textarea {position:relative;}
.contact_from .form-group.textarea label.error { position:absolute; left:0; top:230px; color:#ff0000; font-weight:300; font-size:13px;}
.contact_from .form-group label.error { position:absolute; left:0; top:50px; color:#ff0000; font-weight:300; font-size:13px;}
.btm_section {width:100%; height:auto; margin:0px; padding:153px 0px 54px; float:left; text-align:center; display:none}
.ftr_social {width:100%; height:auto; margin:0px; padding:0px; text-align:center; float:left;}
.ftr_social ul {margin:0px; padding:0px; text-align:center;}
.ftr_social ul li {display:inline-block; text-align:center; margin:0px 9px; padding:0px; float:none; width:44px; height:44px;  background:#98abbc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.ftr_social ul li a {margin:0px; padding:9px; display:inline-block}
.ftr_social ul li a i {font-size:30px; text-align:center; color:#101e2b;}
.ftr_social ul li:hover {background:#fff;}
.term_block {width:100%; height:auto; margin:0px 0px 15px; padding:0px; float:left; text-align:center;}
.term_block ul {width:100%; height:auto; margin:0px; padding:0px; float:left; text-align:center;}
.term_block ul li {margin:0px; padding:0px 8px; display:inline-block; text-align:center; float:none}
.term_block ul li a {font-size:13px; color: #C6C6C6; margin:0px; padding:0px; transition:none}
.term_block ul li a:hover {color:#3cecec}
.ftr_bottom {width:100%; height:auto; margin:100px 0px 0px; padding:25px 0px; background:#122536; float:left; text-align:center;}
.ftr_bottom p {font-size: 13px; color: #C6C6C6; line-height: 20px; margin:0px; padding:0px;}
.img-1_mobile, .img-2_mobile {display:none;}
.btn_submit {background: #3cecec; border:none; padding: 0px 30px; font-size:22px; color: #FFFFFF; height:55px; opacity: 1;
font-weight: 600; line-height:55px; text-shadow: none; border-radius: 7px;}
.btn_submit:hover {background: #21d1d1}
.captch-info { width:100%; float:left; color:#fff;}
.captch-info #captchaimage { width:100px; float:left; margin-top:2px;}
.captch-info .signUpText { width:200px; float:left; } 
.captch-info .signUpText .form-control { height:40px;}
.captch-info .not-r { width:auto; float:left; font-size:12px; padding:0 15px;}




/*Model CSS*/
.modal-dialog { width:1000px; margin:6% auto; transition:none }
.modal-dialog:hover, .modal-dialog:focus {transition:none;}
.modal-dialog:hover {transition:none}
.modal-header h2{ color:#fff;}
.modal-header { border-bottom:none;}
.modal-body { overflow: auto; position: relative; padding: 5px;	max-width:100%;	height: 400px; margin:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:none}
.modal-content { background-color:rgba(14, 32, 46, 0.9)}
.modal-body h4 { margin:0; padding:0 0 10px 0; font-size:17px; font-weight:normal; color:#3BEBEB; }
.modal-body h5 { margin:0; padding:0 0 5px 0; font-size:15px; font-weight:normal; color:#fff; font-weight:600}
.modal-body p { margin:0; padding:0 0 20px 0; letter-spacing:normal; font-size:13px; line-height:25px; color:#f3f3f3;}
.modal-body p:hover { margin:0; padding:0 0 20px 0; letter-spacing:normal; font-size:13px; line-height:25px; color:#f3f3f3;}
button.close { color:#fff; opacity:1; height:30px; width:30px; font-size:18px; border-radius:50%; border:#fff solid 2px; text-shadow:none;}
.close:focus, .close:hover { color:#3BEBEB; opacity:1; text-shadow:none; border:#3BEBEB solid 2px; }
.modal-body ul { margin:10px 0; padding:0; list-style:none; }
.modal-body ul li { margin:0; padding:0 0 10px 15px; background:url(../images/bullet.png) left 5px no-repeat; color:#fff; }
.modal-open {transition:none}
.head { text-align: center; padding:3% 0 0 0; margin: 0; }
.head h3 { margin:0; padding:0; color:#3bebeb; font-weight: 600; font-size: 48px; }
.head img { margin: 50px 0; width: 110px; }
.than_cont { text-align: center; margin: 0 auto; padding:0 0 50px 0; }
.than_cont p { font-size: 22px; font-weight: 300; color:#272727; line-height:35px; margin:0; padding:0 0 20px 0; }
a.home_link {background:#0e202e; font-size: 20px; color: #FFFFFF; line-height: 30px; opacity:1; font-weight:600; text-shadow:none; border-radius:7px; padding:8px 30px; margin:10px 0 0 0; display:inline-block; }
a.home_link:hover {background:#3cecec; color:#0e202e;}


@media (min-width:1920px){
.service_bottom {bottom:-69px}
.case_studies {background-position:left 68px;}
}
@media (min-width:1310px){

}
@media (max-width:1024px){
.company, .services {padding-top:80px;}
.company_details {padding-top:50px;}	
.services_block {padding:80px 0px}
.case_studies {padding-top:170px;}
.case_studies .carousel {margin-top:50px;}
.case_studies {padding-bottom:100px;}
.process {padding-top:170px;}
.testimonial {padding:80px 0px;}
footer {padding-top:210px;}
.btm_section {padding-top:60px;}
.carousel-caption {left:20%; right:20%;}
.carousel {position:relative;}
.navbar-inverse .navbar-nav > li { padding-left:10px; padding-right:10px; padding-top: 5px;}
.navbar-inverse .navbar-nav > li > a {font-size:15px;}
.carousel-caption h1 {font-size:33px;}
.carousel-caption p {font-size:20px; line-height:33px;}
.padding {padding-left:15px; padding-right:15px;}
.company_list ul li {font-size:15px;}
.img-1 {margin-top:61.3%;}
.img-2 {margin-top:53%;}
.company_details h3 {font-size:20px;}
.company_details h3 span {font-size:23px;}
.service_contain {width:64%}
.ic_meeting, .ic_question, .ic_specification, .ic_success, .ic_actionable, .ic_milestore {font-size:14px;}
.process_way ul li span{font-size:14px;}
.case_studies {background-position:left 82px;}
.carousel-control.left {left:35%; bottom:-15%}
.carousel-control.right {right:35%; bottom:-15%}
.client_slider {padding-top:30px}
.navbar-inverse .navbar-nav > li.li_get a{ font-size: 15px;}
#studies .carousel, .client_block{ min-height:inherit;}
#studies .carousel .item .col-sm-4 .slide_img img{ display:inline-block; width:250px; }
.case_list ul {min-height: 550px;}
.main-banner { height:520px;}
.main-banner .banner-text { padding-top:150px; font-size:17px; line-height:30px;}
.main-banner .banner-text h1 { font-size:35px;}
.captch-info .not-r { width:180px;}


}
@media (max-width:991px){
.carousel-caption {left:10%; right:10%;}
.carousel-caption h1 { font-size:28px;}
.carousel-caption p {font-size:18px; line-height:25px;}
.navbar-header{width:21%;}
#navigation .navbar-brand img {padding-top:5px;}
#navigation.animated-header .navbar-brand img {padding-top:4px;}
.navbar-nav>li>a {padding-bottom:0px}
.navbar-inverse .navbar-nav > li > a { font-size:13px;}
.navbar-inverse .navbar-nav > li.li_get a{ font-size: 13px; padding: 5px 20px;margin-top: 7px;}
.navbar-inverse .navbar-nav > li {padding-left: 7px;padding-right: 7px; padding-top: 5px;}
.li_get a {padding:7px 10px; font-size:12px}
.company, .services, .testimonial {padding-top:50px;}
.company_details {padding-top:20px;}
.title_solgen {font-size:20px; line-height:28px;}
.page_title {font-size:26px; padding-bottom:20px;}
.service_round {background-size:92% auto; width:157px; height:157px}
.services_block {padding-top:50px; padding-bottom:50px;}
.service_round_bg {width:120px; height:120px; left:8%; top:8%; right:0px; bottom:0px;}
.ic_ios, .ic_arapp, .ic_aapm { background-size: 53% auto; display: inline-block; text-align: center; margin:22% 0% 0 45px; padding: 0px; float: none; left:0px; right:0px; width:120px; height:120px}
.ic_android, .ic_mobile { background-size: 53% auto; display: inline-block; text-align: center; margin:24% 0px 0 16%; padding: 0px; float: none;left:0px; right:0px; width:120px; height:120px}
.ic_cloud {margin:29% 0px 0px 29%; background-size: 53% auto; width:120px; height:120px}
.company_list {padding:30px 10px 30px 20px;}
.company_list ul li {background:url(../images/li_bg_mobile.png) no-repeat left 5px; padding-left:30px; font-size:15px; margin-top:15px; line-height:25px;}
.img-1 { margin-top:61.5%;}
.img-2 { margin-top:68%;}
.company_details h3 {font-size:16px; line-height:22px; margin-left:23%}
.company_details h3 span {font-size:18px;}
.service_title {font-size:22px;}
.service_contain p {font-size:15px; line-height:27px;}
.service_contain { width: 74%; margin:0px; padding:3% 0 0px;}
.case_studies {padding:138px 0 50px;}
.case_studies .carousel {margin-top:50px;}
.carousel-control.left, .carousel-control.right {bottom:-15%; padding:7px 20px}
.process {padding-top:170px; padding-bottom:300px}
.carousel-control.left {left:38%; font-size:16px;}
.carousel-control.right {right:38%; font-size:16px;}
.testimonial {padding-bottom:50px;}
footer {padding-top:162px;}
.btm_section {padding:30px 0 50px}
.case_studies .item h4 {font-size:23px;}
.case_studies .item h4 span {font-size:18px; margin-top:10px;}
.btn_submit {height:55px; line-height:55px; font-size:25px; min-width:150px;}

.quote {margin: 26px 0 0;}
.ftr_bottom {margin-top:50px}
.modal-dialog {width:92%}
.captch-info .not-r { width:100%; padding:10px 0 0 0;}
.main-banner{ height:400px;}

}
@media (max-width:767px){
br{display:none;}
.navbar-inverse .navbar-toggle {margin-right:0px;}
.navbar-collapse { border-top: 1px solid rgba(0, 0, 0, 0);}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {border:1px solid #ddd}
#navigation {padding:5px 0 0px;}
#navigation.animated-header .navbar-brand img {width: 140px;}
#navigation .navbar-brand img { transition: all 0.8s ease 0s; width: 120px;}
#navigation.animated-header {padding:10px 0px;}
#navigation.animated-header {background:rgba(0, 0, 0, 0.91)}
.navbar-inverse .navbar-nav > li {margin:0px 0px;}
.navbar-inverse .navbar-nav > li > a, .li_get a {font-size:15px;}
.navbar-inverse .navbar-nav > li > a::after {display:none;}
.navbar-inverse .navbar-collapse {text-align:center}
.li_get {float:none; display:inline-block; text-align:center; padding-top:10px;}
.navbar-header { width:auto; padding:0px 15px;}
#main {display:none}
.carousel-caption h1 {font-size:22px; line-height:32px; margin-bottom:10px;}
.carousel-caption p {font-size:15px; line-height:23px;}
.carousel-indicators {padding-right:10px;}
.carousel-indicators li {font-size:14px;}
.carousel-indicators .active:after {display:none}
.navbar-brand {width:50%}
.title_solgen, .title_solgen_w {font-size:15px; line-height:25px;}
.page_title { padding-bottom:10px;}
.left_section, .midd_section, .right_section {width:100%;}
.img-1, .img-2 {display:none}
.img-1_mobile, .img-2_mobile {display:block;}
.company_details h3:before {display:none; }
.company_details h3 {margin:0px 0px 15px; padding:0px; text-align:center; font-size:17px;}
.case_studies .item h4 { font-size:20px;}
.case_studies .item h4 span { font-size:14px; margin-top:5px;}
.case_list li {font-size:15px;}
.services_block {text-align:center; margin-top:46px}
.service_round {display:inline-block; text-align:center; float:none !important; margin:0px !important;}
.service_contain {text-align:center; width:100%; }
.service_title, .service_contain p {text-align:center !important;}
.service_bottom {background:none; border-top:44px solid #3cecec; bottom:-133px; }
.case_studies {background-position: left 0px;}
.case_studies { padding:78px 0 50px;}
.case_studies .item h4 {text-align:center}
.carousel-control.left { bottom: -13%; left:26%; font-size:17px; padding:7px 20px;}
.carousel-control.right { bottom: -13%; right:26%; font-size:17px;  padding:7px 20px;}
.process {background:url(../images/process_bg_m.png) no-repeat left top / cover; padding:50px 0px 25px; margin:95px 0 0 0}
.process_way {padding:50px 0 0;}
.process_way ul {text-align:center}
.process_way ul li {width:50%; display:inline-block; float:left; text-align:center; margin:30px 0px;}
.radius_box span::after {display:none;}
.ic_meeting, .ic_question, .ic_specification, .ic_success, .ic_actionable, .ic_milestore {position:inherit; left:inherit; bottom:inherit; top:inherit;}
.process_way ul li span{position:inherit; left:inherit; bottom:inherit; top:inherit;}
.ic_question {background: url(../images/question-circle.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; padding:36px 0 49px 0}
.ic_success{background: url(../images/icon-arrow.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; padding:36px 0 49px 0}
.ic_milestore {background: url(../images/flag_material.png) no-repeat top center, url(../images/indicator_top.png) no-repeat bottom center; padding:36px 0 49px 0}

.ic_discovery {background: url("../images/discovery.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("../images/indicator_top.png") no-repeat scroll center bottom;}
.ic_design {background: url("../images/design_development.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("../images/indicator_top.png") no-repeat scroll center bottom;}
.ic_deployment {background: url("../images/deploy.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("../images/indicator_top.png") no-repeat scroll center bottom;}
.ic_marketing {background: url("../images/marketing.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("../images/indicator_top.png") no-repeat scroll center bottom;}
  


.client_slider {padding:50px 0px 0;}
footer {background:#0e202e; padding:50px 0px 0px; text-align:center}
.btm_section {padding:40px 0px 20px 0px}
.term_block {margin-top:15px;}
.contact_from {padding-top:50px;}
.client_img {   left: 50%;margin-left: -60px;right: 35%;  top: 0;}
.client_block {padding: 40px 20px 20px; width:90%; margin:58px 15px 0px 15px; text-align:center}
.quote {float:none; text-align:center; display:inline-block; margin:57px 0px 0px 0px}
.client_name {width:100%; text-align:center; background-position:center top}
.owl-dots {padding-top:30px;}
.owl-dot {width:14px; height:14px; margin:0px 3px;}
.contact_from .form-control {margin-bottom:20px;}
.contact_from textarea.form-control { height: 150px;}
.btn_submit { margin-top:20px; min-width:150px; font-size:20px; height:50px;line-height:50px; display:inline-block; text-align:center; float:none}
.term_block ul li {padding:0px 4px;}
.term_block ul li a {font-size:12px;}
.ftr_bottom p {font-size:11px; line-height:18px;}
.case_list {padding-top:20px;}
.case_studies .carousel {margin-top:20px;}
.ftr_bottom {padding:10px 0px; margin-top:35px}
.client_slider .client_block p {padding-top:15px;}
.top {margin-top:75px;}
.service_contain {padding-top:0px;}

.case_list li{ margin-top: 15px;}
.carousel-caption h1{font-size:28px;}
.carousel-caption p{font-size:18px;}
.page_title { font-size: 24px;}
.company_details .left_section .img-1_mobile{ width:100%; float:left}
.company_details .left_section .img-1_mobile img{ width:100%;}
#studies #myCarousel .slide_img{ width:100%; text-align:center;}
#studies #myCarousel .slide_img img{ display:inline-block; max-width:100%; width:auto;}

.ftr_social ul li{ width:35px; height:35px;}
.ftr_social ul li a{ padding:8px 9px;}
.ftr_social ul li a i{ font-size:20px;}

#studies .carousel .item .col-sm-7{ width: 100%;}
#studies .carousel .item .col-sm-4{ width: 100%; text-align: center;}

.client_name span{ text-align: center;}
.quote { margin: 30px 0 0;}
.radius_box{ margin: 53px 0 10px;}
.modal-header .close span {    padding-top: 3px; display: block;}
.modal-body h4, .modal-body h5, .modal-body p {text-align:center}
.modal-body h4 {line-height:27px;}
.mCSB_scrollTools {right:-7px;}
.than_cont p { font-size:18px;}
.head h3 { font-size:30px;}
.main-banner .banner-text { margin:90px 0 0 0; padding:15px; max-width:100%; font-size:15px; line-height:26px; text-align:center; background-color:rgba(0, 0, 0, 0.5);}
.main-banner .banner-text h1 { font-size:25px;}
.main-banner { height:320px;}
.contact_from .form-group { margin-bottom:30px;}
.captch-info #captchaimage { text-align:left; width:90px;}
.contact_from .form-group.textarea label.error { top:150px;}

}


@media (max-width:600px){
.carousel-caption h1 {font-size:24px;}
.carousel-caption p {font-size:15px;}
}

@media (max-width:450px){
.carousel-control.left {left:28%;  bottom:-9%}
.carousel-control.right {right:28%;  bottom:-9%}

}
@media (max-width:400px){
.carousel-control.left {left:25%; bottom:-8%}
.carousel-control.right {right:25%; bottom:-8%}
.ic_meeting, .ic_question, .ic_specification, .ic_success, .ic_actionable, .ic_milestore {font-size: 12px;}
.process_way ul li span{font-size:12px;}
}
@media (max-width:360px){
.carousel-control.left {left:20%;}
.carousel-control.right {right:20%}
}