@charset "utf-8";
/* CSS Document */

.hr1{background:url(../images/hr1.png) 50% 50% no-repeat; height:22px; border:0}
.hr2{background-color:#D4CECE; height:10px; border-radius:5px;}
h2{font-family: 'Roboto', sans-serif;}
h3{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:normal}

.row-flex {
  display: flex;
  flex-wrap: wrap;
  margin-right:-15px;margin-left:-15px
}

.content {
  height: 100%;
}

.active1{color:#3289DA}
.active1:before {
	color:#3289DA;
    content: '(';
}

.active1:after {
	color:#3289DA;
    content: ')';
	
}
.bg1{
  background-color: #fff;
  background-image: -webkit-linear-gradient(160deg, #fff 53%, #EFF4FF 35%); padding:20px 0 40px 0;
}
.bg2{
  background-color: #fff;
  background-image: -webkit-linear-gradient(30deg, #fff 51%, #F7FAFF 35%); padding:60px 0;
}
.bg3{background-color:#E2ECF3; padding:80px 0 10px 0}

.bg4{background-color:#C5DAE9; padding:20px 0 10px 0; font-size:12px;}

.text1{font-size:16px; color:#C4C4C4; font-style:Thin 100}
.testimonial{margin:60px 0 20px 0}
.golden{color:#f3af0a;}
.black{color:#000;}
.blue{color:#1870AF}


.large{font-size:25px;}

.highlight{border-left:solid 6px #3289DA; padding-left:10px;}
.arrow-right span{background:url(../images/arrow2.png) 0 3px no-repeat; padding:0 20px;}

.process img{margin-bottom:20px;}
.fixed-width{max-width:250px;}
.card-body img{border:solid 1px #D4CECE; border-radius:10px; margin-bottom:20px;}

.box1{background-color:#fff; padding:20px; text-align:center; border-radius:10px; font-size:15px; line-height:24px; color:#423E3E;}
.box1 .name{font-size:18px; font-weight:bold; margin:7px 0;}
.box1 .designation{font-size:16px; text-transform:uppercase}
.img-testimonial{margin-top:-60px;}

.logos{padding:30px 0}
.border1{border:solid 4px #C4C4C4; border-radius:20px; margin:0 8px; padding:8px 0}
.border2{border:solid 4px #205392; border-radius:20px; margin:0 8px; padding:8px 0}

.white-space1{height:120px;}
.white-space2{height:80px;}
.social{text-align:right;}
.social a{margin-right:10px; }
.carousel-inner,.carousel,.carousel-item,.container,.fill {
    height:100%;
    width:100%;
    background-position:center center;
    background-size:cover;
}
.slide-wrapper{display:inline;}
.slide-wrapper .container{padding:0;}


.caps{text-transform:uppercase}

.btn1{background-color:#ccc; padding:4px; margin-top:20px; font-weight:bold; font-size:11px; color:#000; }
.btn1:hover{background-color:#fff; text-decoration:none}

.carousel-caption h3{font-size:18px; font-style:italic; font-weight:bold}


.img-mobile{display:none !important;}
.img-desktop{display:block}
.banner img{width:100%}

.but1{text-transform:uppercase; background:url(../images/arrow.png) 100% 4px no-repeat; padding-right:36px; font-size:30px; font-family: 'Thasadith', sans-serif;}
.but1:hover{color:#000;}

.but2{text-transform:uppercase; margin:0; padding:0;  padding-right:36px; font-size:22px; font-family: 'Thasadith', sans-serif;}

.but3{text-transform:uppercase; margin:0; padding:0;  padding-right:36px; font-size:22px; font-family: 'Thasadith', sans-serif;}

.but3 span{background:url(../images/arrow2.png) 0 0px no-repeat; padding:0 20px;}
.but4{color:#4893de; font-weight:bold; font-family: 'Thasadith', sans-serif; font-size:13px; line-height:12px;}
.but4:hover{color:#000 !important}

.design{background-color:#fbd75c; text-align:center; padding:5px 0; color:#daa419}
.design a{color:#daa419}

.bg-contact{background:url(../images/sub/bg-contact.png) 50% 0 no-repeat; padding-top:300px; min-height:500px;}
.box-contact{background-color:#EFF4FF; border-radius:40px; max-width:350px; text-align:center; line-height:30px; font-family: 'Roboto', sans-serif; padding-bottom:10px; margin:auto}
.social-icons img{margin-top:-30px; padding:0 10px}
.content {
  height: 100%;
}

.works{margin-top:50px;}
.box4{padding:100px 50px 30px 50px;  border-radius:20px; background-color:#EFF4FF;}
.brand{text-align:right; margin-top:-140px; margin-right:-120px; }
.brand-inner{border:solid 5px #3289DA; background-color:#fff; padding:30px; width:200px; float:right; border-radius:100px; text-align:center}
.brand-inner.gray{background-color:#bab9b9}
.brand-inner img{width:70%;}
.gallery{text-align:center}
.gallery img{border:solid 1px #C4C4C4; border-radius:10px; }
.img-caption{
        background-color:#D7DFF0;
  padding:7px;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 0px;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   color:#000;
   font-size:14px;
   margin-top:6px;
   margin-bottom:20px;
    }
.no-caption img{margin-bottom:20px;}
.ver-line{background:url(../images/sub/line-ver.png) 24px 0 repeat-y;}
.box2-inner{padding-left:40px;}
.dot1{border:solid 1px #C4C4C4; width:20px; height:20px; border-radius:50%; background-color:#fff;}
.dot1-inner{background-color:#00B451; width:12px; height:12px; border-radius:50%; margin:auto; margin-top:3px}
.dot1-innerb{background-color:#3289DA; width:12px; height:12px; border-radius:50%; margin:auto; margin-top:3px}
ul.list1{padding:0; margin:0; list-style:none}
ul.list1 li{	background:url(../images/arro3.png) 0 3px no-repeat; padding:0 0 15px 25px; line-height:20px;
	}
.box3{border:solid 1px #C4C4C4; border-top:none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding:20px;}	
.dot1-m{display:none}

/*--nav tabs--*/

.nav-tabs {
    display:none;
}

@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }
    
    .card {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
	
}

@media(max-width:767px){
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

@media (max-width:991px){

	.mobile-center1{text-align:center;}
	.text1{font-size:15px; text-align:right }
	.text1 span{padding:0 8px;}
	}
@media (max-width:767px){
.img-mobile{display:block !important;}
.img-desktop{display:none !important}
.carousel-indicators{display:none;}

.mobile-center{text-align:center;}


.hovereffect{max-width:340px; overflow:hidden; margin-bottom:10px; margin-left:6%;}
.social{text-align:center; padding:15px 0}

.mob-img-fluid{max-width:100%;}


.white-space1{height:0px;}
.white-space2{height:20px;}
.card-body{text-align:center; margin-bottom:}
.box1{margin-bottom:60px;}
.mob-pt{padding-top:10px;}
.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.25rem; margin-top:10px;}.card-title{margin-bottom:.75rem}
.bg3{background-color:#E2ECF3; padding:20px 0 10px 0}
.brand{margin:auto; margin-top:-10px;}
.fixed-width{max-width:100%;}


.bg-contact{background:url(../images/sub/bg-contact2.png) 50% 0 no-repeat; padding-top:300px; min-height:500px;}
.box-contact{ max-width:350px; margin:auto}
.box3{padding:20px;}
.box4{padding:30px 50px 30px 50px; }
.brand-inner{ padding:10px; width:200px; float:none; border-radius:100px; text-align:center}
}
@media (max-width:575px){
	.footer-logo{border-right:0;}
	.hovereffect {width:100%; max-width:500px; margin:auto; ;}
	.navbar-brand{max-width:250px;}
	.ver-line{background:none;}
	.box2-inner{padding-left:0px;}
	.dot1{display:none}
	.dot1-m{border:solid 1px #C4C4C4; width:20px; height:20px; border-radius:50%; background-color:#fff; margin-right:10px; display:block}
	

}