/*html tag css*/
@import url("bootstrap.min.css");
@import url("font-awesome/css/fontawesome-all.min.css");
@import url("its_edits.css");
@import url("ionicons.min.css");
@import url("owl.carousel.css");
@import url("owl-theme.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600i,700,700i,800|Varela');

html {
  scroll-behavior: smooth;
}

body{
font-family: 'Open Sans', sans-serif !important;
}
.clear{
font-size:0px;
line-height:0px;
clear:both;
}
.its_img_responsive-mobile-app-development{
max-width:100%;
}
.text_highlight{
color:#196fc0;
}
.text18-seo{
font-size:18px;
}
.text24-seo{
font-size:24px;
}
.no-padding{
padding:0px !important;
}
.text_underline-mobile-application{
border-bottom:1px solid rgba(255,255,255,0);
}
/*-------------------------TOP AREA---------------------*/
.top_logo-seo-mobile-app{
text-align:left;
}
@media (max-width: 767px) {
.top_logo-seo-mobile-app{
text-align:center;
}

}


/*-----------------------BACKGROUND SLIDER-----------------------------*/

.bs_item{
background-position:center;
background-attachment:fixed;
background-size:cover;
height:100vh;
}
.right.carousel-control, .left.carousel-control {
display: none;
}
/*---------------------------------slider styling-----------------------------------------*/
.slider_text{
display: table;
height:calc(100vh - 0px);
text-align:center;
width:100%;
}
.slider_text > span{
vertical-align:middle;
display: table-cell;
color:rgba(255,255,255,0.8);
}
.slider_text h1{
color:#FFFFFF;
font-size:46px;
font-weight:700;
text-transform:uppercase;
}
.slider_text h2{
color:#FFFFFF;
font-size:36px;
font-weight:700;
text-transform:uppercase;
}




@media (max-width: 767px) {
.slider_text h1{
font-size:32px;
}
.slider_text h2{
font-size:24px;
}
/*.welcome-shopping-cart-website-app{*/
/*    overflow-x: hidden;*/
/*    position: relative;*/
/*}*/
}

/*--------------------TOP NAV----------------------*/
.top_logo_wrap-seo-native-app{
position:absolute;
z-index:16;
width: 100%;
padding-top:50px;
}
/*-------------------------navbar normalizer----------------------------*/
.navbar-brand{
padding:0px;
height:auto;
float:inherit;
}
.navbar{
margin:0px;
border:none;
}
.navbar-nav li a:hover{
background:none;
}
.navbar-nav li a:focus{
background:none;
}
.navbar-nav li a:active{
background:none;
}
.navbar-nav .open{
background:none;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
margin-left:0px;
}
/*-------------------------------NAV STYLE---------------------------------*/
.nav_wrap{
background:#004b91;
box-shadow:2px 2px 10px rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.1);
}
.navbar-toggle{
border: 1px solid #ffffff;
}
.navbar-toggle > span{
border: 1px solid #ffffff;
}
.itsolz_nav{
background:#196fc0;
width:80%
}
.itsolz_nav > li > a{
color:#FFFFFF;
}
.itsolz_brand{
color:#FFFFFF;
font-size:30px;
line-height:50px;
float:right;
}
.navbar-header{
width:20%;
}
@media (max-width: 767px) {
.itsolz_brand{
float:left;
padding-left:10px;
}
.navbar-header{
width:100%;
}
.itsolz_nav{
background:transparent;
width:100%;
}
.navbar-nav {
margin:0px auto;
}
.itsolz_nav > li{
border-bottom:1px solid rgba(255,255,255,0.1);
}
.itsolz_nav > li:last-child{
border-bottom:none;
}
}
.fixed-header{
position:fixed;
z-index:998;
top:0px;
width:100%;
}

/*-----------------------------------Welcome Home---------------------------------------*/
.welcome-shopping-cart-website-app{
padding-top:50px;
padding-bottom:50px;
}
.welcome-heading-shopping-cart-website-app{
text-align:center;
margin-bottom:30px;
}
.welcome-heading-shopping-cart-website-app > h2{
font-family: 'Varela', sans-serif;
color:#196fc0;
text-transform:uppercase;
font-weight:500;
}
.line-througn-android-ios-app > span{
background:url(../images/line-through-bg.jpg) repeat-x center;
padding:0px 30px;
}
.line-througn-android-ios-app > span > font{
background:#FFFFFF;
padding:0px 10px;
text-transform:uppercase;
}
.expertise_height_logo{
background:url(../images/itsolz+android+app+ios+app+development.png) no-repeat center;
}
.android-app-expertise_left, .android-app-expertise_right{
    padding:40px 0px;
    min-height: 250px;
    height: 100%;
}

.navbar-nav> li:hover{
    background: #004b91;
} 

.navbar-brand:focus, .navbar-brand:hover{
    color: #fff;
}
/*.android-app-expertise_right{*/
/*    padding:40px 0px;  */
/*}*/
.android-app-expertise_left > .ios-app-lei{
float:right;
}
.android-app-expertise_left > .ios-app-led{
float:left;
text-align:right;
}
.android-app-expertise_right > .ios-app-lei{
float:left;
}
.android-app-expertise_right > .ios-app-led{
float:right;
text-align:left;
}
.expertise_height_logo{
display:block;
}
.expertise_height{
background:transparent;
}
@media screen and (max-width:767px){
.expertise_height_logo{
display:none;
}
.android-app-expertise_left > .ios-app-lei{
float:left;
}
.android-app-expertise_left > .ios-app-led{
float:right;
text-align:left;
}
.expertise_height{
background:url(../images/logo-thumb-itsolz_big_half.png) no-repeat center right;
}
}
.ios-app-lei{
border:1px solid rgba(0,0,0,0.3);
/*-ms-transform: rotate(45deg);*/
/*-webkit-transform: rotate(45deg); */
/*transform: rotate(45deg); */
width:70px;
height:70px;
line-height:70px;
text-align:center;
font-size:24px;
box-shadow:5px 5px 0px rgba(0,0,0,0.1);
}
.ios-app-lei img{
    width:100%;
}
.no-line-height{
    line-height:auto;
}

.ios-app-lei > i{
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari */
transform: rotate(-45deg); /* Standard syntax */
color:rgba(0,0,0,0.7);
}
.ios-app-lei-small{
width:50px;
height:50px;
line-height:50px;
margin-left: 20px;
    margin-top: 20px;
}
.ios-app-led{
width:calc( 100% - 100px);
}
.led_heading{
font-size:18px;
font-weight:700;
font-family: 'Varela', sans-serif;
}
/*----------------------------HOME Project Scope----------------------------*/
.project_scope-design-and-development{
background:url(../images/newicon/13b11.jpg) no-repeat center; 
background-size:cover;
height:auto;
padding:50px 0px;
}


/*----------------------OWL--------------------------------------*/
.cus_owl_box{
    padding:3px 30px;

}
.owl-outer-cont{
padding-left:0px;
}
/*#owl1 .owl-stage-outer{
margin-left:-100px;
}
#owl2 .owl-stage-outer{
margin-left:-100px;
}*/
.owl-its-icons-ios-android-app-development{
margin:50px auto;
transition: 0.5s all ease;
}

.owl-its-icons-ios-android-app-development:hover{
    /*transform: rotate(405deg);*/
    /*box-shadow: 1px 1px 0px rgba(0,0,0,0.1),*/
    /*            2px 2px 0px rgba(0,0,0,0.1),*/
    /*            3px 3px 0px rgba(0,0,0,0.1),*/
    /*            4px 4px 0px rgba(0,0,0,0.1),*/
    /*            5px 5px 0px rgba(0,0,0,0.1),*/
    /*            6px 6px 0px rgba(0,0,0,0.1);*/
    transform: rotate(45deg) scale(1.1);
}
.owl-content-ios-android-app-development{
text-align:center;
width:clac(250px - 40px);
margin:15px 20px;
height:250px;
border-radius:10px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(201,201,201,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(201,201,201,1);
box-shadow: 0px 0px 15px 0px rgba(201,201,201,1);
transition:0.3s;
}
.owl-content-ios-android-app-development:hover{
    -webkit-box-shadow: 0px 0px 15px -4px rgba(201,201,201,1);
-moz-box-shadow: 0px 0px 15px -4px rgba(201,201,201,1);
box-shadow: 0px 0px 15px -4px rgba(201,201,201,1);

}
/*-------------------------CLIENTS----------------------*/
.web-design-clients{
width:170px;
height:170px;
line-height:170px;
}
.web-design-clients > img{
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari */
transform: rotate(-45deg); /* Standard syntax */
width:110px !important;
height:110px !important;
line-height:170px;
margin:25px 0 0 25px;
}
/*-------------------TESTI----------------------*/
.testi_wrap-seo-website-promotion{
}.testi_wrap-seo-website-promotion p{
max-width:600px;
margin:auto auto 10px auto;
color:#FFFFFF;
font-size:14px;
}
.bs_item_testi{
background-position:center;
background-attachment:fixed;
background-size:cover;
min-height:400px;
background:#196fc0;
padding:20px 0px;
}
.slider_text_testi{
display: table;
/*height:calc(100vh - 0px);*/
text-align:center;
width:100%;
}
.slider_text_testi > span{
vertical-align:middle;
display: table-cell;
color:rgba(255,255,255,0.8);
}
.slider_text_testi h2{
color:#FFFFFF;
font-size:18px;
font-weight:700;
text-transform:uppercase;
}
.testi_img{
width:200px;
height:200px;
margin:0px auto;
background:center top no-repeat;
background-size:cover;
}
.testi_img > img{
width:100%;
height:100%;
}

.gap-cover{
    width:57px;
    height:100%;
    background:#eeeeee;
    position:absolute;
    z-index:11;
    top:0;
    left:0;
    display:block;
}











/*------------------------About Section---------------------*/
.title_text{
font-size:28px;
margin:20px 0px;
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.2);
color:#003b5b;
}
.abt_box{
margin:10px auto;
background: rgba(0,0,0,0.1);
padding:10px;
}



.footer{
background:#003b5b;
color:#fff;
padding:15px 0px 0px 0px;
}
.footer_contact{}
.footer_contact > label{
display:block;
}
.footer_contact > input{
width:100%;
background:rgba(255,255,255,0.8);
color:#003b5b;
border:none;
line-height:30px;
margin-bottom:5px;
border-radius:4px;
padding:0px 5px;
}
.footer_contact > textarea{
width:100%;
background:rgba(255,255,255,0.8);
color:#003b5b;
border:none;
line-height:30px;
margin-bottom:5px;
border-radius:4px;
padding:0px 5px;
}
.footer_contact > button{
padding:10px 15px;
margin:10px auto;
border:none;
border-radius:4px;
background:rgba(255,255,255,1);
color:#003b5b;
text-transform:uppercase;
}

.location_icon{
font-size:36px;
float:left;
margin-right:10px;
}
.footer_water_mark{
background:url(../images/syn_water_mark.jpg) no-repeat left bottom;
background-size:50% auto;
}
.footer_btm{
background:#104866;
line-height:30px;
margin-top:10px;
text-align:center;
color:#FFFFFF;
padding:10px 0px;
}
.footer_btm ul{ 
margin:0px;
padding:0px;
}
.footer_btm ul li{ 
list-style:none;
display:inline;
padding:0px 10px;
}
.footer_btm ul li a{ 
color:#FFFFFF;
}
.footer_btm ul li a:hover{ 
color:#d8d8d8;
text-decoration:none;
}
.nav_cover{
margin-bottom:20px;
}
.about_banner{
height:200px;
background:url(../../images/slider2.jpg) center bottom  no-repeat; 
}

/*-------------------Comon css------------------*/

.height_auto{
height:auto;
}
.vertical_margin{
margin:50px auto;
}
.vertical_padding20{
padding:20px 0px;
}
/*-----------------Footer----------------*/
.footer_contact{
margin:25px auto;
}
.footer_contact *:focus{
outline:none !important;
}
.footer_contact > input{
width:100%;
border-radius:4px;
border:1px solid rgba(0,0,0,0.2);
margin-bottom:15px;
}
.footer_contact > textarea{
width:100%;
border-radius:4px;
border:1px solid rgba(0,0,0,0.2);
}
.footer_contact > button{
width:auto;
border-radius:4px;
border:1px solid #004b91;
background:#196fc0;
color:#FFFFFF;
font-size:14px;
padding:10px 15px;
font-weight:700;
transition: 0.5s all ease;
}

.footer_contact > button:hover{
    color: #196fc0;
    background: #fff;
}


.footer_contact>input::placeholder {
  color: #003b5b;
  opacity: 1; /* Firefox */
  text-transform:uppercase;
}
.footer_contact>input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #003b5b;
  text-transform:uppercase;
}
.footer_contact>input::-ms-input-placeholder { /* Microsoft Edge */
 color: #003b5b;
  text-transform:uppercase;
}

.footer_small_icon {
    list-style: none;
    padding: 0 0;
}

.footer_small_icon li{
    float: left;
    transition: 0.5s all ease;
    position: relative;
    padding: 0 10px;
}

.footer_small_icon li:hover i, .footer_small_icon li:hover a{
  color: #69a8e2;  
  text-decoration: none;
}

.footer_small_icon li> i{
    color:#196fc0;
    font-weight:700;
}

.footer_small_icon li> a{
    color:#196fc0;
    text-decoration: none;
}

.footer_small_icon li:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #196fc0;
    position: absolute;
    right: 0;
    top: 0;
}

.footer_small_icon li:last-child:after{
    display: none;
}


.footer_ribbon{
background:#196fc0;
margin:20px auto;
padding:30px 0 0 0;
}
.footer_ribbon_border{
height:5px;
background:#000 url(../images/white_bg.jpg) no-repeat center;
background-size:70% auto;
margin-top:30px;
}
.footer-social-icon{
border:1px solid rgba(255,255,255,1);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari */
transform: rotate(45deg); /* Standard syntax */
width:45px;
height:45px;
line-height:45px;
text-align:center;
font-size:24px;
box-shadow:5px 5px 0px rgba(0,0,0,0.1);
display:block;
float:left;
margin:auto 10px;
transition: 0.5s all ease;
}
.footer-social-icon > i{
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari */
transform: rotate(-45deg); /* Standard syntax */
color:rgba(0,0,0,0.7);
color:#FFFFFF;
transition: 0.5s all ease;
}
.footer-social-icon:hover{
background:#fff;
}
.footer-social-icon:hover>i{
color:#196fc0;
}
.footer-social-icon_-wrap{
margin:auto;
display:table;
}
.footer_links{
font-size:12px;
text-align:center;
margin:40px 0px 40px 0px;
}
.footer_links a{
color:#666666;
text-decoration:none;
margin:0px 7px;
line-height:24px;
}
.footer_links a:hover{
color:#000;
text-decoration:none;
}

.main {
    padding-top: 52px;
}

/*-----------------------industry-automation---------------------------*/
.industry-automation{
/*background-image:url(../images/industry-automation.jpg); */
background-image:url(../images/newicon/bg6.jpg);
background-size:cover;
}

/*----------------------------for desktop animation responsive------------------------*/

@media (min-width: 766px){
    @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
                h1 {
                    margin: 0 auto;
                    white-space: nowrap;
                    overflow: hidden; 
                    /*animation: animated-text 2s linear 1s 1 normal both;*/
                }
        
                /* text animation */
                
                @keyframes animated-text{
                  from{width: 0;}
                  to{width: 775px;}
                }
                
                /* cursor animations */
                
                @keyframes animated-cursor{
                    from{border-right-color: transparent;}
                    to{border-right-color: transparent;}  
                }
        
        
                .zoom_effect{
                      position: relative;
                      -webkit-user-select: none;
                      -moz-user-select: none;
                      -ms-user-select: none;
                      -webkit-animation: zoomin 4s ease-in;
                      animation: zoomin 4s ease-in;
                      overflow: hidden;
                    }
                /* Zoom in Keyframes */
                    @-webkit-keyframes zoomin {
                      0% {transform: scale(0);}
                      69% {transform: scale(0);}
                      70%{transform: scale(0.3);}
                      90%{transform: scale(1.3);}
                      100% {transform: scale(1);}
                    }
                    @keyframes zoomin {
                      0% {transform: scale(0);}
                      69% {transform: scale(0);}
                      70%{transform: scale(0.3);}
                      90%{transform: scale(1.3);}
                      100% {transform: scale(1);}
                    } /*End of Zoom in Keyframes */
                    
}


/*----------------------------for mobile responsive------------------------*/
@media (max-width: 767px){
    .footer_small_icon li{
    float: none;
    padding: 0 0 10px;
}
.footer_small_icon li:after{
    display: none;
}

#particles-js{
    display:none;
}

}

.reg, .cor{
    display: inline-block;
    padding: 0 5px;
}

.cor {
    color: #196fc0;
}

.cor_office {
    background: #fff;
    /*box-shadow: 13px -10px 36px -14px rgba(0, 0, 0, 0.5);*/
    /*padding: 12px;*/
    border-radius: 5px;
}

.reg_off {
    color: rgba(0,0,0,0.5);
}


/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #004b91; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #004b91; 
}

.new_bg{
    width:100%;
    height:auto;
    padding:0px;
    margin:0px auto;
    background:#fff;
    /*background:url(../images/newicon/bg3.jpg);*/
    background-size:cover;
    position:relative;
}
.new_bg_icon{
    position: absolute;
    top: 52.3%;
    left: 48%;
    /* padding: 23px 25px; */
    /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
    border-radius: 100%;
    /* background: #fff; */
    /* -webkit-box-shadow: 0px 0px 39px -10px #004b91; */
    -moz-box-shadow: 0px 0px 39px -10px #004b91;
    /* box-shadow: 0px 0px 39px -10px #004b91; */
    /* border: 1px solid#004b91;*/
}
.new_bg_icon::before{
        content: '';
    width: 250px;
    height: 3px;
    right: 120%;
    top: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,cbebff+47,004b91+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #cbebff 47%, #004b91 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#cbebff 47%,#004b91 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#cbebff 47%,#004b91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#004b91',GradientType=1 ); /* IE6-9 */
    position: absolute;
}
.new_bg_icon_top{
        width: 3px;
    height: 250px;
    right: 120%;
    bottom: 95px;
    left: 37px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,cbebff+47,004b91+93,004b91+93 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cbebff 47%, #004b91 93%, #004b91 93%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cbebff 47%,#004b91 93%,#004b91 93%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#cbebff 47%,#004b91 93%,#004b91 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#004b91',GradientType=0 ); /* IE6-9 */
    position: absolute;
}
.new_bg_icon_bottom{
    width: 3px;
    height: 250px;
    top: 120%;
    bottom: 95px;
    left: 37px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004b91+-1,cbebff+47,ffffff+99,ffffff+99,ffffff+100 */
    background: rgb(0,75,145); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,75,145,1) -1%, rgba(203,235,255,1) 47%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,75,145,1) -1%,rgba(203,235,255,1) 47%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,75,145,1) -1%,rgba(203,235,255,1) 47%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b91', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    position: absolute;
}
.new_bg_icon::after{
        content: '';
    width: 250px;
    height: 3px;
    left: 120%;
    top: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,004b91+0,cbebff+47,ffffff+99 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #004b91 0%, #cbebff 47%, #ffffff 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#004b91 0%,#cbebff 47%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#004b91 0%,#cbebff 47%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    position: absolute;
}

.home_page_box{
    width:90%;
    height:auto;
    padding-bottom:25px;
    border-radius:10px;
    margin:40px auto;
    background:#004b91;
    transition:0.5s;
    -webkit-box-shadow: 0px 0px 34px -4px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 34px -4px rgba(209,209,209,1);
    box-shadow: 0px 0px 34px -4px rgba(209,209,209,1);
}
.home_page_box:hover{
    -webkit-box-shadow: 0px 0px 34px 3px rgba(209,209,209,1);
    -moz-box-shadow: 0px 0px 34px 3px rgba(209,209,209,1);
    box-shadow: 0px 0px 34px 3px rgba(209,209,209,1);
}

.home_page_box_icon{
    width:100px;
    height:100px;
    padding:0px;
    margin:0px auto;
    padding:30px 0px;
}

.home_page_box_icon img{
    width:100%;
}

.home_page_box_heading{
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    color:#fff;
    letter-spacing:1px;
    font-weight:600;
    padding:50px 15px 25px 15px;
}
.home_page_box_text{
    text-align:center;
    color:#fff;
    font-size:15px;
    letter-spacing:.5px;
    line-height:20px;
    padding:0px 25px 25px 25px;
}
.home_page_box_link{
    text-align:center;
    width:100px;
    border:2px solid#196fc0;
    margin:0px auto;
    padding:5px 0px;
    border-radius:3px;
    letter-spacing:.5px;
    color:#fff;
    transition:0.3s;
}

.home_page_box_link:hover{
    color:#fff;
    background:#196fc0;
}

.home_page_box_link a, a:hover{
    text-decoration:none;
}

.new_row{
    /*background:#004b91;*/
    background: url(../images/newicon/b10.jpg);
    height:auto;
    width:100%;
    padding:0px 0px;
    margin:0px auto;
    background-size:cover;
}
.new_row_h2{
    color:#fff;
    text-align:center;
    font-size:26px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    padding-bottom:25px;
}
.new_row_p{
    color:#fff;
    text-align:center;
    /*letter-spacing:.5px;*/
    font-size:16px;
    line-height:23px;
}

.home_pahe_owl_text{
    font-size:14px;
    font-weight:500;
    padding-left:5px;
    padding-right:5px;
    color: #004b91;
}

/*BUTTON*/
.basicBox{
  width: 130px;
  height: 40px;
  margin: 9px auto;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition:0.3s;
}


svg {
  position: absolute;
  top: 0;
  left: 0;
}
svg rect, svg path, svg polyline {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
}

.basicBox:hover svg rect, .swiggleBox:hover svg path, .checkBox:hover svg polyline {
  stroke: #fff;
}

/* Basic Box */
svg rect {
    stroke-dasharray: 0, 245;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.basicBox:hover svg rect {
  stroke-width: 3;
  stroke-dasharray: 400, 0;
  stroke-dashoffset: 38;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

/*END OF NUTTON*/

/*TESTIMONIAL*/
.new-tes-box{
    width:30%;
    height:350px;
    padding:0px;
    margin:0px;
    float:left;
    background:#014b92;
    position:absolute;
    z-index:9999;
}
.new-tes-box img{
    width:50%;
}

.test_bg{
    background:#eee;
    height:350px;
    position:relative;
    z-index:10;
}
.test_bg::after{
    content: '';
    background:#014b92;
    width: 35.3%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: 5%;
    -webkit-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.2);
}

/*END OF TESTIMONIAL*/

@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
#testimonial-area .section-heading h2 {
    font-size: 48px;
    line-height: 58px;
}

.testi-wrap {
    position: relative;
    height: 350px;
    margin-top: 0px;
}

.client-single {
    margin-top: 20px;
    text-align: center;
    position: absolute;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.client-info,
.client-comment {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-single.inactive .client-comment,
.client-single.inactive .client-info {
    display: none;
}

.client-single.inactive .client-comment,
.client-single.inactive .client-info {
    opacity: 0;
    visibility: hidden;
}

.client-single.position-1 {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
}

.client-single.position-2 {
    left: 0;
    top: 0;
}

.client-single.position-3 {
    left: -60px;
    top: 240px;
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
}

.client-single.position-4 {
    left: 55px;
    top: 380px;
}

.client-single.position-5 {
    top: 0;
    right: 0;
}

.client-single.position-6 {
    top: 225px;
    right: -40px;
}

.client-single.position-7 {
    top: 400px;
    right: 45px;
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
}

.client-single.active {
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    width: 90%;
}

.client-single.active .client-comment,
.client-single.active .client-info {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
    z-index: 99;
}

.client-single.active .client-img {
    width: 160px;
    height: 160px;
    /* margin: 0 auto 24px; */
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50px;
}

.client-single.active .client-img:before {
    border-radius: 100%;
    content: '';
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#9d5bfe), to(#3890fe));
  background-image: linear-gradient(180deg, #9d5bfe 0%, #3890fe 100%); */
    padding: 5px;
    width: 160px;
    height: 160px;
    top: -4px;
    left: 0px;
    position: absolute;
    z-index: -1;
    box-shadow: 0px 2px 8px 4px #bcbcbc;
}

.client-single .client-img img {
    width: 150px;
    border-radius: 50%;
    border: 8px solid #d1e9ff;
    cursor: pointer;
}

.client-single.active .client-img img {
    max-width: 160px;
    margin: 0 auto 24px;
    border: 0;
}

.client-comment {
    padding: 0 30px;
}

.client-comment h3 {
    font-size: 22px;
    line-height: 32px;
    color: #505b6d;
}

.client-comment span i {
    font-size: 60px;
    color: #0084ff;
    margin: 40px 0 24px;
    display: inline-block;
}

.client-comment.exp-details p {
    margin-bottom: 5rem;
}

.client-info h3 {
    color: #000;
    font-weight: 600;
    margin-bottom: 4px;
}

.client-info p {
    color: #0084ff;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
    }
    .client-comment h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .client-single.active {
        width: 60%;
    }
    .client-single:not(.active) {
        -webkit-transform: scale(0.55);
        transform: scale(0.35);
    }
    .client-single.position-3,
    .client-single.position-7 {
        -webkit-transform: scale(0.3) !important;
        transform: scale(0.3) !important;
    }
    .client-single.active .client-img img {
        max-width: 100px;
    }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 108px;
        height: 108px;
        top: -4px;
        left: 6px;
    }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
    }
    .testi-wrap {
        height: 580px;
    }
    #testimonial-area {
        padding: 100px 0 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
    }
    .client-comment h3 {
        font-size: 14px;
        line-height: 26px;
    }
    .client-single.active {
        width: 60%;
    }
    .client-comment span i {
        font-size: 40px;
    }
    .client-single:not(.active) {
        -webkit-transform: scale(0.55);
        transform: scale(0.35);
    }
    .client-single.position-5,
    .client-single.position-7 {
        right: 0;
    }
    .client-single.position-4 {
        left: 0;
    }
    .client-single.position-3,
    .client-single.position-7 {
        -webkit-transform: scale(0.3) !important;
        transform: scale(0.3) !important;
    }
    .client-single.active .client-img img {
        max-width: 80px;
    }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 88px;
        height: 88px;
        top: -4px;
        left: 16px;
    }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
    }
    .testi-wrap {
        height: 630px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .client-comment h3 {
        font-size: 14px;
        line-height: 26px;
    }
    .client-single.active {
        width: 80%;
    }
    .client-comment span i {
        font-size: 40px;
    }
    .client-single:not(.active) {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
    }
    .client-single.position-5,
    .client-single.position-7,
    .client-single.position-6 {
        right: -70px;
    }
    .client-single.position-4 {
        left: -60px;
    }
    .client-single.position-3 {
        left: -75px;
    }
    .client-single.position-3,
    .client-single.position-7 {
        -webkit-transform: scale(0.25) !important;
        transform: scale(0.25) !important;
    }
    .client-single.active .client-img img {
        max-width: 80px;
    }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 88px;
        height: 88px;
        top: -4px;
        left: 16px;
    }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
    }
    .testi-wrap {
        height: 600px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    #testimonial-area .section-heading h2 {
        font-size: 30px;
    }
    .client-comment h3 {
        font-size: 14px;
        line-height: 26px;
    }
    .client-single.active {
        width: 80%;
    }
    .client-comment span i {
        font-size: 40px;
    }
    .client-single:not(.active) {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
    }
    .client-single.position-5,
    .client-single.position-7,
    .client-single.position-6 {
        right: -70px;
    }
    .client-single.position-4 {
        left: -60px;
    }
    .client-single.position-3 {
        left: -75px;
    }
    .client-single.position-3,
    .client-single.position-7 {
        -webkit-transform: scale(0.25) !important;
        transform: scale(0.25) !important;
    }
    .client-single.active .client-img img {
        max-width: 80px;
    }
    .client-single.active .client-img::before {
        padding: 5px;
        width: 88px;
        height: 88px;
        top: -4px;
        left: 16px;
    }
    .client-single.active .client-img {
        width: 120px;
        height: 100px;
    }
    .testi-wrap {
        height: 550px;
    }
}

.test_link{
    text-align:center;
    margin:0px auto;
}

.inner_testimonial_img_box{
    width:100%;
    height:auto;
    padding:0px;
    margin:0px auto;
}
.inner_testimonial_img_box img{
    border-radius:100%;
    border:1px solid#ccc;
}
.inner_testimonial_heading{
    text-align:left;
    color:#333;
    font-size:18px;
    font-weight:bold;
    padding:20px 20px;
    
    width:auto;
}

.inner_testimonial_text{
   text-align:left;
   padding:20px 20px;
   position:relative;
}

.inner_testimonial_text::before{
    content: '\275D';
    color: #ccc;
    font-size: 52px;
    position: absolute;
    top: -20px;
    left: -12px;
    letter-spacing: 3px;

}
.inner_testimonial_text::after{
    content: '\275E';
    color: #ccc;
    font-size: 52px;
    position: absolute;
    top: 35px;
    right: 0px;
    letter-spacing: 3px;

}


#tcb-testimonial-carousel {
  margin-top: 30px;
  margin-bottom:50px;
}
#tcb-testimonial-carousel a {
  color: #b20000;
}
#tcb-testimonial-carousel .text-brand {
  color: #fff;
  font-size:30px;
}
#tcb-testimonial-carousel .carousel-indicators .active {
  background: #fff;
  margin-top:50px;
}
#tcb-testimonial-carousel .no-margin {
  margin: 0;
}
#tcb-testimonial-carousel .carousel-indicators{
    bottom:-50px;
}
#tcb-testimonial-carousel .carousel-indicators li {
  border: 1px solid #ccc;
}
#tcb-testimonial-carousel .carousel-control {
  color: #b20000;
  width: 5%;
}
#tcb-testimonial-carousel .carousel-control:hover,
#tcb-testimonial-carousel .carousel-control:focus {
  color: #b20000;
}
#tcb-testimonial-carousel blockquote{
    color:#fff;
}
#tcb-testimonial-carousel .carousel-control.left,
#tcb-testimonial-carousel .carousel-control.right {
  background-image: none;
}
#tcb-testimonial-carousel .item {
  padding: 15px 40px;
  /*background: #f8f8f8;*/
}
#tcb-testimonial-carousel .media-object {
  margin: auto;
}
@media screen and (max-width: 768px) {
  #tcb-testimonial-carousel .media-object {
    margin-bottom: 15px;
  }
}

.new_footer_links h3{
    padding-bottom:10px;
}

.new_footer_links ul{
    padding:0px !important;
}

.new_footer_links ul li{
    list-style-type:none;
    padding:0px !important;
    margin:5px 0px;
}
.new_footer_links ul li a{
    color:#fff;
    font-size:16px;
    transition:0.5s;
}
.new_footer_links ul li a:hover{
    border-bottom:1px solid#fff;
    transition:0.5s;
}
.social-icon-gap{
    margin-right:15px;
}
.new_footer_bottom{
    background:#004b91; 
    padding:25px 0px;
    color:#fff;
    font-size:14px;
    text-align:center;
}

.new_contact_icon{
    text-align:left;
    margin-top: -20px;
}
.new_contact_icon img{
    width:100%;
}


.newlogo_box{
    position:absolute;
    top: 56%;
    left: 50.4%;
    width:74px;
    height:74px;
    background:#f6f6f6;
    transform:translate(-56%,-50.4%);
}
.newlogo_box::before{
    content:'';
    position:absolute;
    width:575px;
    height:2px;
    top:34px;
    left:-250px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,004b91+38,004b91+51,004b91+69,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(0,75,145,1) 38%, rgba(0,75,145,1) 51%, rgba(0,75,145,1) 69%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(0,75,145,1) 38%,rgba(0,75,145,1) 51%,rgba(0,75,145,1) 69%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(0,75,145,1) 38%,rgba(0,75,145,1) 51%,rgba(0,75,145,1) 69%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}
.newlogo_box::after{
    content:'';
    position:absolute;
    width:2px;
    height:575px;
    top:-250px;
    left:34px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,004b91+38,004b91+51,004b91+69,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,75,145,1) 38%, rgba(0,75,145,1) 51%, rgba(0,75,145,1) 69%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,75,145,1) 38%,rgba(0,75,145,1) 51%,rgba(0,75,145,1) 69%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,75,145,1) 38%,rgba(0,75,145,1) 51%,rgba(0,75,145,1) 69%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.newlogo_box img{
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
    background:#f6f6f6;
    border:10px solid#fff;
    border-radius:10px;
}

.social{
    margin-left:-25px;    
}

.social ul {
  list-style: none;
}

.social ul li {
  width: 25px;
  height: 25px;
  position: relative;
  background: #e59500;
  /*margin: 10px 0;*/
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  display:inline-block;
}

.social ul li .fab {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
}

.social ul li.facebook{
  background: #3b5998;
}

.social ul li.twitter{
  background: #00aced;
}

.social ul li.instagram{
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social ul li.google{
  background: #BD081C;
}

.social ul li.whatsapp{
  background: #4dc247;
}

.social ul li.facebook div.slider{
  background: #3b5998;
}

.social ul li.twitter div.slider{
  background: #00aced;
}

.social ul li.instagram div.slider{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social ul li.google div.slider{
  background: #BD081C;
}

.social ul li.whatsapp div.slider{
  background: #82d47e;
}

.slider {
  content: "";
  position: absolute;
  top: 0;
  left: 26px;
  width: 0px;
  height: 25px;
  background: #eebb5c;
  border-radius: 3px;
  transition: all 0.5s 0.3s ease;
}

.slider p {
  font-family: arial;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 26px;
  opacity: 0;
  transition: all 0.6s ease;
}

.social ul li:hover .slider {
  width: 120px;
  transition: all 0.5s ease;
}

.social ul li:hover .slider p {
  opacity: 1;
  transition: all 1s 0.2s ease;
}




@media screen and (max-width: 1440px){
  .newlogo_box{
    position:absolute;
    top: 56%;
    left: 50.4%;
    width:74px;
    height:74px;
    background:#f6f6f6;
    transform:translate(-56%,-50.4%);
}
   .gap-cover{
    width:57px;
    height:100%;
    background:#eeeeee;
    position:absolute;
    z-index:11;
    top:0;
    left:0;
    display:block;
}
}



@media screen and (max-width: 1024px){
.newlogo_box{
    position:absolute;
    top: 56%;
    left: 50.7%;
    width:74px;
    height:74px;
    background:#f6f6f6;
    transform:translate(-56%,-50.7%);
    display:none;
}
   .gap-cover{
    width:60px;
    height:100%;
    background:#eeeeee;
    position:absolute;
    z-index:11;
    top:0;
    left:0;
    display:none;
}
.owl-content-ios-android-app-development{
    height:auto;
}
.new_contact_icon{
    text-align:left;
    margin-top: -20px;
    display:none;
}
.android-app-expertise_right > .ios-app-led{
float:left;
text-align:left;
} 

.test_bg{
    background:#eee;
    height:auto;
    position:relative;
    z-index:10;
    padding-bottom:25px;
}
.test_bg::after{
    content: '';
    background:#014b92;
    width: 35.3%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: 5%;
    -webkit-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.2);
    display:none;
}
.testi_img{
width:75px;
height:75px;
margin:auto;
background:center top no-repeat;
background-size:cover;
}
.testi_img > img{
width:100%;
height:100%;
}
.test_bg > h2{
    font-size:20px;
}
.home_page_box{
    width:90%;
    height:420px;
}
}