body { overflow-x:hidden }
.bodytxt{ padding:30px 0; display:border-box; width:100%;}
.bodytxt h6{ line-height:1.4; margin-bottom:20px; }
.thintxt{ font-weight:300; font-family:'latolight'}
.boldtxt{ font-weight:bold}
.window-hight { height: 100vh; height:680px;}
.window-hight6 { height: 60vh; height:390px; }
.banner-wrap { background: #0e77eb; /* Old browsers */ background: -moz-linear-gradient(top, #0e77eb 0%, #22f596 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0e77eb 0%, #22f596 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0e77eb 0%, #22f596 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e77eb', endColorstr='#22f596', GradientType=0 ); /* IE6-9 */
overflow:hidden; margin:0; padding:0; }
 
 ::i-block-chrome, .banner-wrap {
height:650px;
max-height:650px;
}
  ::i-block-chrome, .row.2nd-divs {
     margin-top: 20px !important;
    }

::i-block-chrome, .navbar-toggleable-md .navbar-collapse {width: 72%;display: table!important;}
::i-block-chrome, .navbar-toggleable-md .navbar-collapse ul{ float:right}
.hdr-title { font-size:36px; color:#282828; margin-bottom:25px; }
ul.list-group{ list-style:none}
.banner-in { padding:60px 30px 0; position:relative; z-index:9; text-align:center;width: 75%;margin: auto; }
.banner-in h1 { color:#FFFFFF; font-size:36px; animation: type 2s steps(100, end); white-space: nowrap; overflow: hidden; width:100%; margin: 5px auto; }
.banner-in h3 { color:#FFFFFF; font-size:24px; animation: type 2s steps(100, end); white-space: nowrap; overflow: hidden; width:100%; margin: 5px auto 20px; text-align: left;}
.banner-in h6 { color:#cce2fb; font-size:18px; margin-bottom:40px; animation: type 4s steps(100, end); white-space: nowrap; overflow: hidden; width:100%; margin: 5px auto 0px; }
.banner-in p { color:#cce2fb; font-size:18px; margin-bottom:40px; animation: type 6s steps(100, end); white-space: nowrap; overflow: hidden; width:100%; margin: 5px auto 20px; }
 @-webkit-keyframes type { 0% {
width: 0;
}
 100% {
width: 100;
}
}
 @-webkit-keyframes type { 0% {
width: 0;
}
 100% {
width: 100;
}
}
.banner-img { z-index:0; height: 100%; }
.banner-img h5{ font-size:24px; font-family:'latolight', sans-serif; margin:60px 30px 0}
.banner-img .img-1 { position:absolute; left:5%; bottom:0; z-index:1 }
img.img-1-l1 { z-index: 1; position: absolute; margin-top: 62px; margin-left:-15px; }
.banner-img .img-2 { position:absolute; left:5%; bottom:0; z-index:1 }
img.img-2-l1 { z-index: 1; position: absolute; bottom:0; left:10% }
img.img-2-l2 { position: absolute; z-index: 1; left: 9%; top: 1%; }
img.img-2-l3 { position: relative; z-index: 1; margin-left: 78px; }
.banner-img .img-3 { position:absolute; left:55%; bottom:0; z-index:1 }
img.img-3-l1 { z-index: 1; position: absolute; bottom:0; left:10% }
img.img-3-l2 { position: absolute; z-index: 1; left: 42px; }
img.img-3-l3 { position: relative; z-index: 2; left: 40px; }
.banner-img .img-4 { position:absolute; left:auto; bottom:0; right:auto; top:0; z-index:0 }
.imgbox-wrap { margin:30px 0; position:relative }
.imgbox { padding:20px; position:relative; height:100%; min-height:600px; }
.imgbox-desc { padding:20px; color:#333; position:relative; height:100% }
.imgbox-desc h3 { font-size:22px; }
.imgbox-desc p { font-size:14px; text-align:justify }
.our-work { position:absolute; left:0; top:0 }
img.our-work0 { position: absolute; left: 0; top: -10%; z-index:-1; }
.our-work1 { position: absolute; left: 16%; top: 31%; z-index: 2; }
.our-work2 { position: absolute; left: -8%; top: 21%; z-index: 1; }
.our-work3 { position: absolute; left: 10%; top: 0%; z-index: 0; }
.footer-wrap { background-color:#2e2e2e; display:table; padding:20px 0; width:100%; }
.social-links { list-style:none; }
.social-links li { display:inline-block; margin:0 2px; color:#fff }
.social-links li a { border-radius:4px; background-color:#44d7ba; display:inline-block; color:#333333; height:24px; width:24px; text-align:center; line-height:22px; }
.social-links li:hover a { background-color:#28ee9d }
.social-links li .fa { font-size:14px }
.flist-hdr { color:#43d4b7; font-size:14px; }
.footerlist { margin:0 0 20px; padding:0; list-style:none; font-size:12px }
.footerlist li a { color:#c0bfbf; padding:2px 0; display:block }
.footerlist li:hover a, .flinks a:hover { color:#43d4b7 }
.fbdr-btm { height:1px; background:#a3a3a3; margin:10px auto; width:100% }
.copyrights { font-size:12px; color:#979797; float:left; margin:10px 0 0 }
.flinks { color:#979797; float:right; margin:10px 0 0 }
.flinks a { display:inline-block; color:#979797; font-size:12px; margin:0 2px; }
.linetabs { }
.linetabs .nav-tabs, .linetabs .card { border:0; }
.linetabs .nav-tabs .nav-item { margin-bottom:0 }
.linetabs .nav-tabs .nav-link { border:0; border-top:7px solid transparent; border-radius:0; font-size:15px; color:#272626; text-transform:uppercase }
.linetabs .nav-tabs .nav-link:hover, .linetabs .nav-tabs .nav-link.active, .linetabs .nav-tabs .nav-item.show .nav-link { border-top:7px solid #26d59f }
.linetabs .card { padding:20px; }
.linetabs .card h6 { color:#515151; font-size:16px; font-weight:300; line-height:20px; }
.linetabs-bdr { border-bottom:1px solid #dfdfdf }
.linetabs-red .nav-tabs, .linetabs-red .card { border:0; }
.linetabs-red .nav-tabs .nav-item { margin-bottom:0 }
.linetabs-red .nav-tabs .nav-link { border:0; border-top:7px solid transparent; border-radius:0; font-size:18px; color:#272626; text-transform: capitalize; padding:15px }
.linetabs-red .nav-tabs .nav-link:hover, .linetabs-red .nav-tabs .nav-link.active, .linetabs-red .nav-tabs .nav-item.show .nav-link { border-bottom:2px solid #fb4368 }
.linetabs-red .card { padding:20px; }
.linetabs-red .card h6 { color:#515151; font-size:16px; font-weight:300; line-height:20px; }
.linetabs-red .tab-content { margin:20px 0; padding:0 }
.clientwrap { display:table; margin-bottom:20px; width:100% }
.clientimg { display:table-cell }
.clientimg, .clientimg>img { border-radius:100%; height:95px; width:95px; overflow:hidden; vertical-align:middle }
.clientimg-name { display:table-cell; vertical-align:middle; padding:10px; }
.clientimg-name h6 { font-size:24px; font-weight:bold; margin:0; padding:0 }
.clientimg-name p { font-size:18px; font-weight:300; margin:0; padding:0 }
.clientslist li { display:inline-block; margin:5px; transition: all 0.5s ease; }
.clientslist li:hover { transform: scale(1.2); }
.getintouch-wrap { background-color:#ededed; padding:60px 0; width:100%; }
.getintouch { }
.getintouch h3 { font-size:32px; text-transform:uppercase }
.getintouch p { font-size:20px; line-height:normal }
.getintouch .form-control { border:0; border-bottom:2px solid #c5c4c4; background-color:transparent; border-radius:0; font-size:14px }
#toTop { padding: 2px 10px; background: #299865; color: #fff; position: fixed; bottom:10px; right: 50px; display: none; cursor: pointer; }
#toTop:hover { background:#28ee9d }
.webuild-wrap { margin-top:70px; }
.webuild-list { margin:80px 20px 0 0; padding:0; list-style:none; position:relative; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); }
.webuild-list li { height:146px; margin:10px 0; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; }
 .webuild-list li:nth-child(1) {
margin-left:120px
}
 .webuild-list li:nth-child(2) {
margin-left:-90px
}
.webuild-list li:nth-child(1) .icon-box:nth-child(2n+1) {
background-color:#fff;
border:1px solid #f9f9f9
}
.webuild-list li:nth-child(2) .icon-box:nth-child(2n) {
background-color:#fff;
border:1px solid #f9f9f9
}
.icon-box { background-color:#f9f9f9; text-align:center; height:150px; width:150px; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); display:inline-block; margin-left:2px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.icon-box:hover { transform: scale(1.2); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-box-shadow: 0 0 4px 2px #E3E3E3; box-shadow: 0 0 4px 2px #E3E3E3; z-index:1; position:relative; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; }
.icon-box-wrap { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); margin-top:5px; transition: all 2s ease-out; -webkit-transition: all 2s ease-out; }
.icon-wrap { border-radius: 100%; background-color: #fff; height: 90px; padding: 10px; width: 90px; display: table; overflow: hidden; margin: 0 auto }
.icon-wrap>img { height:80px; width:80px; margin:0 auto; vertical-align:middle }
.icon-txt { font-size:14px; font-weight:300; color:#818385 }
.clients-wrap { margin:15px auto }
.clients-wrap .imgbox{ min-height:300px;}
/*--- our works --*/
.our-work-list { float:left; color:#fff; padding-top:10% }
.our-work-list h3 { font-size:42px; font-weight:300 }
.our-work-list h6 { font-size:16px }
.our-work-list ul { margin-top:40px; }
.our-work-list li { list-style:none; display:block; margin:8px 0; font-size:24px; font-weight:300 }
.owl-carousel .owl-item img.arrowimg { width:auto; display:inline-block }
.ourworks-wrap .owl-dots { float:right; }
.ourworks-wrap .owl-dot { height:10px; width:10px; border-radius:100%; }
.projects-list { width:100%; height:100%; margin-top:30px; }
.projects-list li { display:inline-block; margin:10px; overflow:hidden; position:relative; width:31% }
.projects-list li .project-img { width:100%; height:100%; }
.projects-list li .project-img img { max-width:100%; height:auto }
.projects-list li .project-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(49, 191, 130, 0.7); -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; color:#fff; text-align:center }
.projects-list li .project-hover h3 { padding:40% 0 0; font-size:36 }
.projects-list li:hover .project-hover { display:block; -webkit-transform: scale(1); transform: scale(1); }
/*--- ux ---*/
.ourworks-ux { position:absolute; top:0; margin:0; padding:0; width:100%; height:100%; }
.banner-in-sticy { position:absolute; padding-top:20%; z-index:9; text-align:center; color:#fff; width:100% }
.banner-in-sticy h2 { font-size:60px; font-weight:300; animation: type 5s steps(100, end); white-space: nowrap; overflow: hidden; width:100%; margin: 5px auto; }
.banner-in-sticy h4 { font-size:24px; font-weight:300; line-height:32px; letter-spacing:1px; animation: type 8s steps(100, end); white-space: nowrap; overflow: hidden; width:100%; margin: 20px auto; }
.banner-img-sticky>img { z-index:0; height: 100vh; }
.grey-box { background-color:#f3f2f2; padding:20px; margin-bottom:20px; width:100%; }
.grey-box .num-count { background-color:#26d59f; color:#fff; font-size:30px; width:60px; height:60px; line-height:60px; margin:0 auto 30px; border-radius:100%; text-align:center; vertical-align:middle }
.grey-box h3 { font-size:18px; margin-bottom:15px; }
.grey-box p { font-size:14px; font-weight:400; text-align:justify; color:#515151 }
.empty-box-wrap { }
.empty-box.first { margin-left:-20px }
.empty-box { width:100%; padding:20px; }
.empty-box h3 { font-size:20px; text-transform:uppercase; margin-bottom:15px; }
.empty-box p { font-size:14px; text-align:justify }
.ourworks-ux .owl-dots { z-index: 9999; position: absolute; bottom: 0; left: 0; right: 0; margin: 20px auto; text-align: center; }
.ourworks-ux .owl-dots .owl-dot { width:10px; height:10px; border-radius:100%; background-color:transparent; border:1px solid #fff; margin:0 5px; }
.ourworks-ux .owl-dots .owl-dot.active { background-color:#fff; border:1px solid #fff }
/*---- casestudy ---*/
.banner-wrap-red { background: #ea7c40; /* Old browsers */ background: -moz-linear-gradient(top, #ea7c40 0%, #f9d260 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ea7c40 0%, #f9d260 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ea7c40 0%, #f9d260 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7c40', endColorstr='#f9d260', GradientType=0 ); /* IE6-9 */
overflow: hidden; margin: 0; padding: 0; }
.autowidth { width:auto!important; }
.ourworks-casestudy .banner-in-sticy h6 { text-align:left; font-size:10px; }
.ourworks-casestudy .banner-in-sticy h3 { text-align:left; font-size:36px; }
.ourworks-casestudy .banner-in-sticy { padding:60% 20px 20px; }
.ourworks-casestudy .banner-img { }
.ourworks-casestudy .banner-img .cs-img1 { z-index: 1; position: absolute; top: 16%; left: 29%; }
.ourworks-casestudy .banner-img .cs-img2 { z-index:0 }
/*----case-study-list --*/
.case-study-list-wrap { margin:50px auto }
.case-study-list ul { margin:20px 10px; list-style:none }
.case-study-list ul li { font-size:18px; font-weight:500; text-transform:uppercase; margin:5px 0 }
.case-study-list h3 { font-size:32px; font-weight:500; margin-bottom:30px; padding:0 }
.case-study-list h5 { font-size:20px; font-weight:400; text-align:justify; margin-bottom:20px; line-height:24px; }
.map-wrap { margin:50px auto }
.wireframe-wrap { margin:50px auto; height:100vh; position:relative }
.wireframe-img { position:relative; width:100%; height:100%; display:table; }
.wireframe-img .wirfr-img1 { position:absolute; z-index:3; left:40%; top:30%; transform: rotate(-4deg); -ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); }
.wireframe-img .wirfr-img2 { position:absolute; z-index:2; left:22%; top:45%; transform: rotate(-4deg); -ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); }
.wireframe-img .wirfr-img3 { position:absolute; z-index:1; left:15%; top:0; transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); }
/*----- mobile dev----*/
.banner-wrap-mobile { background: #fb4368; background: -moz-linear-gradient(top, #fb4368 0%, #fd733e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fb4368 0%, #fd733e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fb4368 0%, #fd733e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4368', endColorstr='#fd733e', GradientType=0 ); /* IE6-9 */
margin:0; padding:0 }
.mobile-dev { color:#fff; padding:90px 50px; position: absolute; top: 0; margin: 0; width: 100%; height: 100%; }
.mobile-dev h2 { font-size:42px; text-align:left; margin-bottom:20px }
.mobile-dev h4 { font-size:18px; font-weight:300; text-align:left; line-height:26px; }
.mobile-box { display:table; margin:50px auto; width:100% }
.mobile-box-img { text-align:center; vertical-align:middle }
.mobile-box h3.hdr-title { color:#484848; border-top:5px solid #fb4567; font-size:36px; display:inline-block; }
.mobile-box h5.hdr-sub-title { font-size:24px; font-weight:500; margin-bottom:15px; }
.mobile-box h4 { font-size:28px; font-weight:300; margin-bottom:30px }
.mobile-box h5 { font-size:24px; font-weight:400; margin-bottom:30px; }
.mobile-box ul { margin:25px 0 25px 20px; list-style:none }
.mobile-box ul li { margin:5px 0; font-size:18px; font-weight:400; }
.mobile-box ul li:before { content: ''; width: 10px; height: 10px; background-color: #fb4567; position: absolute; margin-top: 9px; margin-left:-20px; }
.banner-wrap-blue { background: #0088db; background: -moz-linear-gradient(top, #0088db 0%, #00ddc0 100%); background: -webkit-linear-gradient(top, #0088db 0%, #00ddc0 100%); background: linear-gradient(to bottom, #0088db 0%, #00ddc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088db', endColorstr='#00ddc0', GradientType=0 );
margin:0; padding:0 }
.banner-wrap-orange { background: #fb4368; background: -moz-linear-gradient(top, #fb4368 0%, #fd733e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fb4368 0%, #fd733e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fb4368 0%, #fd733e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4368', endColorstr='#fd733e', GradientType=0 ); /* IE6-9 */
margin:0; padding:0 }
.banner-wrap-merun { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#665263+0,9eb8ad+100 */
background: #665263; /* Old browsers */ background: -moz-linear-gradient(top, #665263 0%, #9eb8ad 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #665263 0%, #9eb8ad 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #665263 0%, #9eb8ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665263', endColorstr='#9eb8ad', GradientType=0 ); /* IE6-9 */
margin:0; padding:0 }

.banner-wrap-darkblue {  
background: #3f6090; /* Old browsers */
background: -moz-linear-gradient(top, #3f6090 0%, #34acb1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f6090 0%,#34acb1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f6090 0%,#34acb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6090', endColorstr='#34acb1',GradientType=0 ); /* IE6-9 */ 
margin:0; padding:0 }


.normal-box { width:100%; margin:0px 0 30px }
.maintxt { font-size:36px; font-weight:300; margin:40px 0; color:#666; font-family:'latolight', sans-serif; }
.underline { border-bottom:1px solid #cbc5c5; line-height:1.5 }
.normal-box h3 { font-size:36px; font-weight:300; margin-bottom:20px; color:#282828; font-family:'latolight', sans-serif; }
.banner-wrap-mobile .banner-img>img, .banner-wrap-blue .banner-img>img, .banner-wrap-orange .banner-img>img, .banner-wrap-merun .banner-img>img { max-width:100%; width:auto!important; text-align: center; margin: 0 auto; }
.normal-box h6 { font-size:18px; line-height:26px; color:#666; margin-bottom:20px; text-align:justify; }
.squarelist { margin:20px 0; }
.squarelist.bdrlist li { border-bottom:1px solid #cbc5c5; }
.squarelist li { list-style:none; padding:5px 5px 5px 20px; position:relative; background-image:url(../images/bullet-square.png); background-position: 0 14px; background-repeat:no-repeat }
.squarelist li:last-child { border-bottom:0 }
/*.squarelist li:before{ content:url(../images/bullet-square.png); width:10px; height:10px; position:absolute; left:0; top:10px;}
.redsquare.squarelist li:before{ content:url(../images/bullet-square2.png); width:10px; height:10px; position:absolute; left:0; top:10px;}*/
.redsquare.squarelist li { list-style:none; padding:5px 5px 5px 20px; position:relative; background-image:url(../images/bullet-square2.png); background-position: 0 13px; background-repeat:no-repeat }
/*----- softdevelopment ---*/
.softdev-box-wrap { margin:30px auto }
.softdev-box-wrap h4 { font-size:24px; font-weight:400; text-align:left; margin-bottom:30px }
.softdev-box-wrap .grey-box { background-color:#f3f2f2; text-align:center }
.softdev-box-wrap .grey-box:hover { background-color:#fbc5b1 }
.softdev-box-wrap .grey-box .num-count { background-color:#fb4665; height:80px; width:80px; padding:10px; }
.softdev-box-wrap .grey-box h6 { font-size:14px }
.icons-sprite { background-image:url(../images/icons-sprite.png); background-position:left top no-repeat; vertical-align:middle; display:inline-block; }
.icons-sprite.icon1 { background-position:0 -5px; height:60px; width:60px; }
.icons-sprite.icon2 { background-position:-98px 0; height:60px; width:60px; }
.icons-sprite.icon3 { background-position:-190px -6px; height:60px; width:60px; }
.icons-sprite.icon4 { background-position:-291px -2px; height:60px; width:60px; }
.icons-sprite.icon5 { background-position:-408px -5px; height:60px; width:60px; }
.icons-sprite.icon6 { background-position:4px -95px; height:60px; width:60px; }
/*--- testing services ---*/
.greybg-box { background-color:#f2f0f0; border-radius:8px; padding:20px; margin-bottom:30px; }
.greybg-box h2 { font-size:32px; font-weight:300; font-family:'latolight'; color:#fb4368 }
.greybox { display:table; margin:10px 0px 20px; }
.greybox-img { display:table-cell; width:50px; vertical-align:top; }
.greybox-desc { display:table-cell; vertical-align:top }
.greybox-desc h3 { color:#282828; font-size:18px; font-weight:bold }
.linetabs-red h6 { font-size:17px; line-height:20px; margin-bottom:20px; }
/*----- java stack ----*/
.ticklist { margin:20px 0; padding:0; }
.ticklist li { margin:2px; padding:5px 5px 5px 25px; list-style:none; background:url(../images/bullet-tick.png) 0 9px no-repeat; }
.subhdr { font-size:22px; font-weight:bold; margin-bottom:15px; } 
/*----- contactus ----*/
.contactform{-webkit-box-shadow: 0 0 4px 1px #3f6190;
box-shadow: 0 0 4px 1px #3f6190; background-color:#fff; border-radius:8px; padding:30px;}
.contactform .button{ background-color:#06a192; border-color:#06a192; padding:5px 10px; border-radius:4px; text-transform:uppercase; float:right}
.contactform.meterialform .form-group { margin-top:15px; margin-bottom:15px;}
.contactform.meterialform .form-group textarea{ height:100px}
.contact-details{ margin:100px 0}
.contact-details h4{ font-size:24px; color:#282828}
.contact-details h6{ font-size:16px; line-height:28px;}
/*-----cms-----*/
.greybox{ border-radius:8px; padding:20px; display:border-box; background-color:#f2f0f0}
/*--- get in touch 1/6/18 ---*/
div#error-name,div#error-number{color: red;font-size: 13px;display: inline;margin-left: 32px;}

div#error-number{font-size: 11px!important;margin-left:0px !important}

/* -- tab img ---*/

img.android-img, .ios-img,.hibernate-img{  
   margin-right: 20px;
   height: 206px;
    }
	
div#panel4{margin-bottom:12%;}
.getintouch label{width: 100%;text-align: left;display: inline;float: left;}
#err-name{float: right;}
.getintouch .details-wrap{
    border-radius: 5px;box-shadow: 0 0 2px 2px #eff3f6;}