@font-face {
  font-family: 'Roboto black';
  src: url("../fonts/Roboto-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto medium';
  src: url("../fonts/Roboto-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto regular';
  src: url("../fonts/Roboto-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'roboto light';
  src: url("../fonts/Roboto-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}

.section-mt-mb{
	margin-top: 100px;
	margin-bottom: 100px;
}

.section-mt{
	margin-top: 100px;
	
}
.section-mb{
	margin-bottom: 100px;
}

.section-pt-pb{
	padding-top: 50px;
	padding-bottom: 10px;
}
.section-pt-pbcover{
	
	padding-top: 100px;
	padding-bottom: 0px;
}
.theme-gray-bg{
	background: #f4faff;
}
.section-pt{
	padding-top: 100px;	
}
.section-pb{
	padding-bottom: 100px;
}
.section-title{
	margin-bottom: 30px;
	margin-top: 30px;
}
.section1_article img {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    border-radius: 100%;
    /*border: 1px solid #33368d;*/
}
body{
	overflow-x: hidden;
}
/* Button 1d */
.theme-btn {
    overflow: hidden;
}
.theme-btn:after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.theme-btn :hover,
.theme-btn :active {
    color: #0e83cd;
}
.theme-btn :hover:after {
    width: 104%;
    opacity: 1;
}
.theme-btn :active:after {
    width: 101%;
    opacity: 1;
}
.button.theme-btn {
    background: #fff;
    border: 0px;
    font-family: roboto;
    color: #213893;
    border: 2px solid #e61b29;
    padding: 10px 16px;
    border-radius: 15px;
}

/*****************header  section*****************************/
.middle-header {

    width: 100%;
    z-index: 1;
}
header.header.wrapper {
    position: absolute;
    z-index: 1;
    width: 100%;
}
header.header.wrapper.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    -webkit-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
    transition: background-color 1s linear;
    box-shadow: 0px 3px 6px #0000001f;
	z-index: 999;
}

header.header.wrapper.sticky + .content {
  padding-top: 102px;
}
.middle-header li.nav-item {
  font-size: 16px;
  font-weight: 600;
  padding: 0px 20px;
  line-height: 21px;
}
.middle-header li.nav-item:active {
    border-bottom: 1px solid #fff;
}
.middle-header .sidebar ul.list-unstyled a:active, .middle-header .sidebar ul.list-unstyled a:focus{
	 border-bottom: 1px solid #fff;
}
.middle-header a.navbar-brand {
    width: 390px;
}
@media only screen and (max-width: 600px) {
  .middle-header a.navbar-brand {
    width: 260px;
}
}
.serv-section-desc {
    align-items: center;
    vertical-align: middle;
    padding-top: 97px;
}
.top-bar ul li {
    list-style: none;
    display: inline-block;
}
.middle-header li.nav-item.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: #0066b3;
}
.middle-header nav.navbar.navbar-expand-lg {
  padding: 0px 0px;
}
.dropdown-menu.border-0.p-0.m-0 {
  position: absolute;
  width: 100%;
  top: 80px;
z-index: 999;
}
.megamenu {
  position: static
}
.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%
}
.middle-header .nav-link {
    font-size: 16px;
    font-family: 'Roboto';
    color: #E61B29;
	font-weight: 500;
    text-transform: capitalize;
    line-height: 70px;
}
.middle-header .sidebar ul.list-unstyled a {
    font-size: 21px;
    font-family: 'Roboto';
	font-weight: 400;
    text-align: right;
    line-height: 50px;
}
.middle-header .dropdown-menu.background-drpdown  .nav-link {
    font-size: 14px;
    font-family: 'Roboto';
	font-weight: 500;
    text-transform: capitalize;
    line-height: 21px;
	color: #171718;
}
.middle-header ul.list-unstyled a {
    padding: 2px;
}
.header-submenu:hover .dropdown-menu.background-drpdown {
    display: block;
}
.dropdown-menu.background-drpdown {
  display: none;
}
.middle-header .sidebar ul.list-unstyled .dropdown-content a {
    text-align: left;
    font-size: 38px;
    color: #0066b3;
    font-family: 'Roboto';
	font-weight: 400;
    text-transform: capitalize;
    line-height: 50px;
}
.dropdown-menu.background-drpdown h3 {
    color: #ffff;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-size: 24px;
}
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.contact-details p {
    display: block;
    text-align: right;
    line-height: 30px;
    color: #ffff;
}
.dropbtn-sidebar .enquiry-block .enquiry-block-text {
    font-size: 21px !important;
    padding: 0px 20px;
    border-radius: 8px;
    border: 1px solid;
    text-align: center !important;
    max-width: 200px;
    margin: 30px 20px;
}
#wrapper.toggled {
  padding-right: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  right: 250px;
  width: 0;
  height: 100%;
  margin-right: -250px;
  overflow-y: auto;
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dropbtn-sidebar .dropdown-toggle::after {
    display: none;
}
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    /* left: 0; */
    right: 0px;
    background-color: #0066b3;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.middle-header .dropdown-menu.background-drpdown .nav-link:hover {
    color: red;
}
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
img.burgur-menu {
    width: 32px;
}
.sidebar a:hover {
  color: #f1f1f1;
}

.side-menu .dropbtn-sidebar a.nav-link.sublink:hover:after {
    display: none;
}
.side-menu .dropbtn-sidebar a.nav-link.sublink:hover {
    display: block;
}
.sublink:active::before{
    content: '';
    background: url(..images/Polygon-1.png);
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99999;
    right: 15px;
}
.dropdown-content.dropdown-menu {
    padding: 0px;
    padding-left: 20px;
}
a.closebtn:hover {
    color: grey;
}
.navbar-expand-lg .navbar-nav #mySidebar .dropdown-menu {
    position: absolute;
    left: 0%;
    top: 45px;
    border: 0px;
    width: 62%;
    z-index: -1;
    transform: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    left: auto;
    top: auto;
    border: 0px;
    width: 63%;
    z-index: 555;
    margin: auto;
    transform: translate(-50%, 0px);
    background: #ffffffed;
}
.middle-header .list-unstyled li.nav-item .nav-link h5::after {
    content: url(../images/line-bar.png);
    background-size: contain;
    display: block;
    margin-top: 3px;
}
.voice_of_customore .about-txt.text-center {
    margin-top: 60px;
    margin-left: 30px;
}
.about_why_us .panel:after{
	display: none;
}
img.img-fluid.cont-img {
    width: 315px;
    margin: auto;
    margin-top: 26px;
}
div#mySidebar li.nav-item .dropdown-item:hover{
	cursor:url("../../colmac/assets/header_bg/02.png") ,auto  !important;
}
.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: transparent;
    color: #e61b29;
    border: none;
    position: relative;
    /* right: 16%; */
    top: 15px;
}
.middle-header .dropdown-menu.background-drpdown.p-0.m-0.show .nav-link {
    color: #fff;
}
.middle-header .sidebar ul.list-unstyled .dropdown-content .dropdown-item:hover {
    background: #fff !important;
    color: #BCC4CA;
}

.div-sticy {
    position: absolute;
    right: -12px;
    display: block;
    z-index: 1;
    max-height: 680px;
    top: -20%;
   
}
.middle-header .sidebar ul.list-unstyled .sublink:active::before, .middle-header .sidebar ul.list-unstyled .sublink:focus::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../../colmac/assets/header_bg/icon-bg.png);
    position: absolute;
    right: auto;
    background-repeat: no-repeat;
    background-size: cover;
    left: 59%;
    margin-top: 12px;
}
.middle-header .sidebar ul.list-unstyled .sublink .dropdown-content{
    display: block;
}

.dropbtn-sidebar:active .dropdown-content,.dropbtn-sidebar:focus .dropdown-content,.dropbtn-sidebar:visited .dropdown-content{
    display: block;
}

button:focus {
    outline: 1px dotted;
    outline: 0px;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: 0px;
}
.middle-header li.nav-item.dropdown a.active {
  color: #fff;
}

.middle-header li.btn.nav-item.get-in-touch {
  background: #000074;
  height: 42px;
  margin-top: 15px;
  line-height: 23px;
}
.middle-header li.btn.nav-item.get-in-touch a {
  color: #fff;
}
.middle-header .dropdown-menu.background-drpdown.p-0.m-0.show .nav-link:hover{
  color: #f7c486;
}

.middle-header .dropdown-menu.p-0.m-0 {
  border-top: 0px;
  top: 95px;
}
.middle-header .list-unstyled li.nav-item {
    line-height: 24px;
    padding-left: 0px;
    border-bottom: 0px solid #e3e3e3;
    padding: 0px 15px;
}
.sidebar ul.list-unstyled a {
    font-size: 23px;
}
.middle-header .list-unstyled li.nav-item .nav-link h5 {
    color: #33368D;
    font-size: 16px;
    margin-bottom: 0px;
}
.middle-header .dropdown-menu .padding-div {
    padding: 15px;
}

.middle-header .cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2.5px;
    background: #eb6329;
    transition: width .3s;
}
.middle-header .cool-link:hover::after {
    content: '';
    display: block;
    width: 100%;
}
.enquiry-form form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    padding: 50px;
    background: #33368d;
    border-radius: 5px;
    position: relative;
    font-family: 'Roboto';
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
}
.middle-header ul.list-unstyled li.nav-item {
    font-weight: 400;
    text-align: left;
	font-family: 'Roboto';
}
.middle-header .example{
    height: 100vh;
    background-color: blue;
}

.middle-header .toggle-btn {
  position: fixed;
  padding: 1em;
  width: 40px;
  height: 12px;
  right: 19%;
  z-index: 999;
  cursor: pointer;
  top: 80px;
}
div#v-pills-tab .nav-link {
    text-align: left;
    font-size: 20px;
    color: #e61b29;
    font-family: 'Roboto';
	font-weight: 500;
    text-transform: uppercase;
    line-height: 69px;
    z-index: 3;
    padding-left: 20px;
}
div#v-pills-tab .nav-link p {
    font-size: 16px;
    line-height: 0px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent;
}
.middle-header span.one {
  position: absolute;
  width: 40px;
  height: 2px;
  background: #6d6a6a;
}

.middle-header span.two {
  position: absolute;
  width: 40px;
  height: 2px;
  background: #7d7d7d;
  margin-top: 12px;
}

.middle-header .menu {
    z-index: 0;
    position: fixed;
    background: #101010;
    height: 100vh;
    width: 100%;
    top: -100%;
    z-index: 7;
}
.middle-header .contact-details {
    margin-top: 50px;
}
.contact-details span {
    font-size: 20px;
}
.sidebar ul.list-unstyled .contact-details a {
    font-size: 16px;
    padding: 0px;
    line-height: 30px;
}
.middle-header .data {
    padding: 8em 0 0 2em;
    text-align: left;
}
.sidebar .closebtn {
    position: relative;
    right: 15px;
    font-size: 41px;
    margin-right: 0px;
    color: #fff;
    text-align: right;
    font-weight: 600;
	z-index: 333;
}
.middle-header ul {
    list-style: none;
}


.middle-header a {
    text-decoration: none;
}

.side-menu .dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    right: 0px;
    background-color:#33368d ;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top:0px;
}
div#v-pills-tab {
    max-width: 345px;
    background: #fff;
    height: 100%;
    top: 0px;
    position: absolute;
    left: 0px;
    padding-top: 60px;
    z-index: 5;
}
.side-menu .dropdown {
  position: relative;
  display: inline-block;
}
.side-menu .dropdown-content {
    position: absolute;
    background-color: #33368d;
    z-index: 1;
    overflow: hidden;
    left: auto;
    padding: 0px;
    top: 0px;
    max-width: 720px;
    height: 100%;
    width: 100%;
    right: 0px;
    text-align: center;
    padding-top: 46px;
}
img.icon-bar {
    width: 35px;
    height: 35px;
}
.side-menu .dropdown-content a {
    text-align: center;
    font-size: 40px;
    color: #ffffff;
    font-family: 'Roboto';
    text-transform: uppercase;
    line-height: 88px;
    font-weight: 700;
}
.footerMiddle ul li a {
    color: #fff;
    line-height: 30px;
    /* list-style-type: none; */
    font-size: 16px;
}
ul.headerSocial {
    padding-left: 0px;
    list-style-type: none;
}
.side-menu .enquiry-block .enquiry-block-text {
    font-size: 21px !important;
    padding: 0px 20px;
    border-radius: 8px;
    border: 1px solid;
    text-align: center !important;
    max-width: 200px;
    margin: 20px auto;
	line-height: 50px;
	font-family: 'Roboto';
	font-weight: 500;
}
div#v-pills-tab .nav-link.active::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/Polygon-1.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    left: 327px;
    margin-top: 12px;
    z-index: 1;
}
.tab-content .dropdown-content .dropdown-item.active, .tab-content .dropdown-content .dropdown-item:active, .tab-content .dropdown-content .dropdown-item:hover {
    text-decoration: none;
    background: #33368d;
    color: #BCC4CA !important;
}
.side-menu a.dropdown-item p {
    font-size: 16px;
    line-height: 0px;
}
.side-menu .dropdown:hover .dropdown-content {display: block;}

.side-menu .dropdown:hover .dropbtn {background-color: #3e8e41;}

section.services p {
    font-size: 18px;
    line-height: 28px;
    color: #808080;
}

/*****************end header  section*****************************/


/***************** Slider section*****************************/

.carousel-inner{
	overflow: visible;
}
.banner-text span {
    font-size: 6rem;
    font-weight: 700;
    font-family: 'Roboto';
}
.banner-text h1 {
    font-size: 4rem;
    font-family: 'Roboto';
    color: #33368d;
} 
.banner-text  span.letters{
	   color: #33368d; 
	  font-size: 3rem; 
}
.carousel-item.slider3 .banner-text img {
    max-width: 815px;
    text-align: left;
    width: 100%;
}
.banner-img {
    padding-top: 8rem;
}

.image-setup .col-sm-6{
	padding: 0px;
}

.ml2 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}
.knowledge-center-icon {
    width: 60px;
    height: 60px;
    background: #33368d;
    transition: width 2s;
    position: fixed;
    right: 0px;
    bottom: 30px;
    z-index: 1;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}

.knowledge-center-icon:hover {
  width: 320px;
}
img.knowledge-icon {
    border-radius: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
}

.knowledge-center-icon:hover h3{
	display: block;
}
.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,.5);
    border-radius: 100%;
    border: 2px solid #8a8cca;
    cursor: pointer;
}
.carousel-indicators li span {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 100%;
    border: 3px solid #fff;
}
.knowledge-center-icon h3 {
    display: none;
    color: white;
    margin-left: 75px;
    line-height: 60px;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 500;
    font-family: 'Roboto';
    white-space: nowrap;
}
.carousel-indicators .active {
    background-color: #ef192c;
}

.section1_article p {
    color: black;
    padding: 10px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
}
.section1_article {
    text-align: center;
    box-shadow: 0px 3px 6px #dedede;
    min-height: 230px;
    border-radius: 10px;
}


/************************************why us testimonial *********************************************/
section.why_us{
	background: url("../images/why_us/why_us_bg.png");
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
section.why_us.theme-gray-bg {
    padding-top: 100px;
    padding-bottom: 100px;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

button.slick-next.slick-arrow:after{
content: url("../images/next.png");
padding: 10px;
 border-radius: 50%;
top: 50%;
left: 50%;
 transform: translate(-50%, -50%);
}
.slick-arrow {
    background: TRANSPARENT;
    color: transparent;
}
 .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: auto;
}


.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.panel {
    box-shadow: 10px -19px 6px #1a161624;
    padding: 10px;
    height: 220px;
    align-items: center;
    display:table-cell;
    vertical-align:middle;
    background: #fff;
    z-index: 999;
	text-align: center;
}
.panel img{
	width: 60px;
}
.panel h3{
	font-size: 21px;
}
.panel:after{
    content: url(../images/testimonial/design_arrow.png);
    display: block;
    position: absolute;
    margin-left: -50px;
    top: 60px;
    z-index: -1;
}


h1.section-titile {
    color: #313488;
	text-align: center;
}

h1.section-titile span {
    color: #e61b29;
    font-size: 45px;
}
.ml7 {
  position: relative;
  font-weight: 900;
  font-size: 3.7em;
}
.ml7 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}
.ml7 .letter {
  transform-origin: 0 100%;
  display: inline-block;
  line-height: 1em;
	font-size: 3rem;
}

/***********************************************************services ****************************************/

section.services.section-mt-mb {
    background: url(../images/services/service.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.serv-section-2-icon.serv-section-2-icon-act {
    max-width: 300px;
    height: 300px;
    /*background: #f9f9f9;*/
    /* border: 2px solid; */
    /*border-radius: 100%; */
    /*text-align: center; */
    /*padding: 7px;*/
    /*box-shadow: 0px 3px 6px #79797973;*/
}
.serv-section-2-icon.serv-section-2-icon-act:hover {
    max-width: 300px;
    height: 300px;
    /*background: #f9f9f9;*/
    /* border: 2px solid; */
    border-radius: 15%;
    /*text-align: center; */
    padding: 7px;
    /*box-shadow: 0px 3px 6px #79797973;*/
}
section.services img.img-fluid.service-icon {
    /*width: 300px;*/
    /*height: 300px;*/
    /*border-radius: 100%;*/
    padding: 8px;
}
.serv-section-desc h1.section-titile {
    text-align: left;
}
.serv-section-2.serv-section-2-act.right-div {
    float: right;
}
.serv-section-desc h1.section-titile {
    font-size: 28px;
}
.serv-section-desc h1.section-titile span {
    color: #e61b29;
    font-size: 28px;
}
/***********************************************************contact form****************************************/

.register {
 
    margin-top: 3%;
    padding: 3%;
}
.register-left {
    text-align: center;
    color: #213893;
    margin-top: 4%;
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.inputBox .inputText {
    position: absolute;
    font-size: 16px;
    font-family: 'Roboto';
    color: #858585;
    line-height: 50px;
    transition: all 0.5s ease 0s;
    opacity: 0.5;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.formBox{

	padding: 30px;
}
.formBox h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
    font-size: 48px;

}
.register {
    box-shadow: 0px 0px 20px #dededf;
    /*border-bottom-left-radius: 20%;
    border-top-right-radius: 20%;*/
}
.designed {
    text-align: center;
}
.inputBox{
	position: relative;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.inputBox .input{
	position: relative;
	width: 100%;
	height: auto;
	background: #f1f1f1;
	border: none;
    outline: none;
    font-size: 18px;
    /*border: 1px solid rgba(0,0,0,.5);*/

}
.focus .inputText {
    transform: translateY(-30px);
    font-size: 18px;
    opacity: 1;
    color: #213893;
}
section.need_stratigy {
    background: url("../images/need_section.png");
    text-align: center;
    font-size: 24px;
	background-size: cover;
	background-position: center;
    color: #ffff;
    font-weight: 500;
    font-family: 'Roboto';
    line-height: 64px;
}
/***********************************************************career form****************************************/
.career-form {
  width: 60%;
  margin: 60px auto;
  background: #efefef;
  padding: 60px 120px 80px 120px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
.career-form label {
  display: block;
  position: relative;
  margin: 40px 0px;
}
.label-txt {
  position: absolute;
  top: -1.6em;
  padding: 10px;
  font-family: sans-serif;
  font-size: .8em;
  letter-spacing: 1px;
  color:#fff;
  transition: ease .3s;
}
.input {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: none;
  outline: none;
}

.line-box {
  position: relative;
  width: 100%;
  height: 2px;
  background: #BCBCBC;
}

.line {
  position: absolute;
  width: 0%;
  height: 2px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #8BC34A;
  transition: ease .6s;
}

.input:focus + .line-box .line {
  width: 100%;
}

.label-active {
  top: -3em;
}

.slick-arrow{
	padding: 12px 35px;
}
button {
  display: inline-block;
  padding: 12px 24px;
  border: none;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
  transition: ease .3s;
}

div#carouselExampleIndicators {
    height: 630px;
}
/*@media only screen and (max-width: 600px) {*/
/*    div#carouselExampleIndicators {*/
/*    height: 300px !important;*/
/*}*/
/* .slider1 {*/
/*    background: url("../images/slider/07.png");*/
/*    width: 100% !important;*/
/*	height: 300px !important;*/
/*    background-size: cover !important;*/
/*	background-position: center !important;*/
/*	background-repeat: no-repeat !important;*/
/*}*/
/* .slider2 {*/
/*    background: url("../images/slider/slider1.jpg");*/
/*    width: 100% !important;*/
/*	height: 300px !important;*/
/*    background-size: cover !important;*/
/*	background-position: center !important;*/
/*	background-repeat: no-repeat !important;*/
/*}*/
/* .slider3 {*/
/*    background: url("../images/slider/slider3.jpg");*/
/*    width: 100% !important;*/
/*	height: 300px !important;*/
/*    background-size: cover !important;*/
/*	background-position: center;*/
/*	background-repeat: no-repeat;*/
/*}*/
/* .slider4 {*/
/*    background: url("../images/slider/slider4.jpg");*/
/*    width: 100% !important;*/
/*	height: 300px !important;*/
/*    background-size: cover !important;*/
/*	background-position: center !important;*/
/*	background-repeat: no-repeat !important;*/
/*}*/
/* .slider5 {*/
/*    background: url("../images/slider/06.png");*/
/*    width: 100% !important;*/
/*	height: 300px !important;*/
/*    background-size: cover !important;*/
/*	background-position: center !important;*/
/*	background-repeat: no-repeat !important;*/
/*}*/
/*}*/
/*************************************************slider-section***********************************************/

.slider1 {
    background: url("../images/slider/07.png");
    width: 100%;
	height: 630px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider11 {
    background: url("../images/slider/resposive/slider1.jpg");
    width: 100%;
	height: 265px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider12 {
    background: url("../images/slider/resposive/slider2.jpg");
    width: 100%;
	height: 265px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider13 {
    background: url("../images/slider/resposive/slider3.jpg");
    width: 100%;
	height: 265px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider14 {
    background: url("../images/slider/resposive/slider4.jpg");
    width: 100%;
	height: 265px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider15 {
    background: url("../images/slider/resposive/slider5.jpg");
    width: 100%;
	height: 265px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider2{
	background: url("../images/slider/slider1.jpg");
    width: 100%;
	height: 630px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider3{
	background: url("../images/slider/slider3.jpg");
    width: 100%;
	height: 630px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider4{
	background: url("../images/slider/slider4.jpg");
    width: 100%;
	height: 630px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider5{
	background: url("../images/slider/06.png");
    width: 100%;
	height: 630px;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
button a {
    color: white;
    text-decoration: none;
}
button a:hover {
    color: white;
    text-decoration: none;
}
.banner-text {
    padding-top: 10rem;
}

.section1_article img:hover {
    box-shadow: 0px 3px 6px #79797973;
    cursor: pointer;
    border: none;
}
.div-section-icon {
    display: flex;
}
.div-right {
    position: relative;
    margin-left: -61px;
    margin-top: 5px;
}
 .right-img .img-fluid {
    width: 175px;
}
.right-img {
    position: absolute;
    top: 45%;
    right: 0px;
}
.carousel-indicators {

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
}
.bottom-img {
    margin-top: -13rem;
}
h1.text-center.wow.animate__.animate__flipInX img {
    max-width: 569px;
    margin: auto;
}
.carousel-control-prev-icon {
    background-image: url("../images/prev.png");
    width: 25px;
    height: 25px;
    padding: 10px;
    /* font-size: 10px; */
    border-radius: 50%;
}
.carousel-control-next-icon {
	 background-image: url("../images/next.png");
    width: 25px;
    height: 25px;
    padding: 10px;
    border-radius: 50%;
}
 button.slick-prev.slick-arrow::before {
	 content: url("../images/prev.png");
  display: block;
   width: 25px;
    height: 25px;
    padding: 10px;
    border-radius: 50%;
    background-color: transparent;
    z-index: 999999999;


}
button.slick-prev.slick-arrow {
    position: absolute;
    bottom: -3px;

}
.customer-logos.slider.slick-initialized.slick-slider {
    
}
.straightigy img {
    max-width: 468px;
    width: 100%;
}
.right-img {
    position: absolute;
    right: 43%;
    top: 35%;
}
/********************************************about us****************************************/
section.company_profile{
	background: url("../images/company_profile/about_bg.jpg");
    width: 100%;
    background-size: cover;
	background-position: center;
}

.about-txt {
    text-align: center;
    color: #33368d;
    font-family: 'Roboto';
    width: 100%;

}

.about-bottom {
    background: #e61b29;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    border-radius: 25px;
    box-shadow: 0px 3px 6px #00000040;
    max-width: 100%;
    margin: auto;
    top: 360px;
}
.row.our_phlioshiphy {
    margin-top: 100px;
}
.img-user {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 100%;
    padding: 15px;
    margin: 10px;
}
.satified h3 {
    font-size: 26px;
    line-height: 33px;
    vertical-align: middle;
}
span.user-quantity {
    color: #e61b29;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
}
.satified {
    padding-top: 22px;
}
section.philosophy h3,  section.we-are-giving.quality_service_section h3 {
    color: #213893;
    font-size: 19px;
    margin-top: 10px;
    line-height: 26px;
}
/***********************************************************we are here form****************************************/

.section1_article {
    text-align: center;
    box-shadow: 0px 3px 6px #dedede;
}
/***********************************************************career form****************************************/


/***********************************************************footer ****************************************/
.footer{
 background: url("../images/footerbg.png");
width: 100%;
	background-size: cover;
	background-position: left;
	
}
.img-footer {
    max-width: 175px;
} 
.footerLogo img.logo {
    max-width: 115px;
} 
.footer-bottom{
	background: url('../images/footer_cloud.png');
	background-position: bottom;
		
}
section.location.map {
    bottom: 0px;
    position: relative;
    z-index: -1;
    width: 100%;
}
ul.headerSocial.socail-media li {
    width: 40px;
    height: 40px;
    background: red;
    padding: 0px 12px;
    line-height: 40px;
    border-radius: 100%;
    margin-top: 20px;
	display: inline-block;
}
ul.headerSocial.socail-media a {

    color: #fff;
    font-size: 20px;
}
ul.headerSocial.socail-media {
    margin-top: 20px;
    text-align: center;
}
.img_Icon a {
    color: #fff;
}
.copyRight a {
    color: red;
    font-weight: 500;
}
.col-sm-3.footerMiddle h3 {
    color: #ffff;
    font-size: 22px;
}
@media (max-width:1366px) {
div#v-pills-tab .nav-link {
    text-align: left;
    font-size: 16px;
    color: #e61b29;
    font-family: 'Roboto';
    font-weight: 500;
    text-transform: uppercase;
    line-height: 37px;
    z-index: 3;
    padding-left: 20px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {

    width: 63%;

}


side-menu .dropdown-content a {
text-align: center;
font-size: 45px;
color: #ffffff;
font-family: 'Roboto';
text-transform: uppercase;
line-height: 70px;
font-weight: 700;
}
.side-menu .dropdown-content {
left: 20%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 63%;
}

.banner-img {
    padding-top: 2rem;
}
.middle-header .dropdown-menu.background-drpdown .nav-link {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
    text-transform: capitalize;
    line-height: 18px;
    color: #171718;
}
	
}



/* **************************************business Exelence************************************************/

section.banner-section {
	background: url(../images/oprational_exellence/Layer2.png);
 background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner-section .about-txt {
    padding-top: 90px;
    text-align: left;
}

section.banner-section h1.section-titile {
    color: #313488;
    text-align: left;
}
img.img-right {
    position: absolute;
    right: -130px;
    top: 115px;
}
section.objective {
    /*padding-top: 80px;*/
    /* padding-bottom: 80px; */
}
.objective-img {
    text-align: center;
}
.whom_to_contact .about-txt {
    padding-top: 90px;
    text-align: left;
}
.whom_to_contact h1.section-titile {
    color: #313488;
    text-align: left;
}
.serv-section-2.whom-contact_img {
    text-align: right;
    padding-top: 60px;
}
section.bluesection {
    background: #313488;
    text-align: center;
    color: #ffff;
    padding-bottom: 20px;
}
.contact-list li:before{
	content: url(../images/oprational_exellence/arrow_icon.png);
	margin-right: 10px;
}


/********************************************contact page ************************************/


.contact_panel {
    text-align: center;
}
.contact_panel h1, .contact_panel h1 span {
    font-size: 23px;
}
img.img-icon {
    background: #f1f1f1;
    border-radius: 100%;
}
a.desc {
    color: black;
}
.col-md-8.contact_form {
    margin: auto;
    box-shadow: 1px 3px 6px #dedede;
    border-radius: 10px;
}
.contact_panel {
    text-align: center;
    margin-top: 30px;
}


/* about customer */




@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
.teams{
	  font-family: 'Raleway', sans-serif;
}
.teams .shadow-effect {
		    background: #fff;
		    padding: 20px;
		    border-radius: 20px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		
		#customers-teams .item {
			 height:270px !important;
		    text-align: center;
		    padding: 30px;
				margin-bottom:80px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
#customers-teams .item p{
	font-size:12px;
}
#customers-teams .item h2{
	font-size:28px !important;
	font-weight:500 !important;
}
#customers-teams .item .title{
	font-size:14px;
}
#pastexp{
	margin-top:20px;
}
#customers-teams .item h5{
	font-size:15px !important;
	font-weight:700 !important;
}
		#customers-teams .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.teams .owl-carousel .owl-item .img-circle {
		    transform-style: preserve-3d;
		    max-width: 170px;
    		margin: 0 auto 17px;
			  transition: transform .5s;
		}
.teams .owl-carousel .owl-item .img-circle:hover {
		    transform: scale(0.9);
		}
		#customers-teams.owl-carousel .owl-dots .owl-dot.active span,
#customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #33368d;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-teams.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-teams.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-teams.owl-carousel .owl-dots .owl-dot span {
		    background: rgba(215,67,77,0.8);
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
			  margin-top:50px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
			  outline: none;
				border-radius:50% !important;
		}
.owl-dot, .owl-dot:active, .owl-dot:focus { 
	outline: 0 !important;
}

@media only screen and (max-width: 1000px){
	#customers-teams.owl-carousel .owl-dots .owl-dot span {
	height:20px;
	width:20px;
	margin-top:30px;
	}

}
.pad-lr-150{
    padding-left:150px;
    padding-right:150px;
}

 #teamsocial {
   align-items: center;
	 justify-content: center;
	 display: flex;
	 margin:10px auto;
	 margin-top:20px;
  
}
  #teamsocial #socialicon {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 position: relative;
	 width:40px;
	 height: 40px;
	 margin: 0 0.5rem;
	 border-radius: 50%;
	 cursor: pointer;
	 font-size: 1.5rem;
	 text-decoration: none;
	 transition: all 0.3s ease;
	
}
  #teamsocial #socialicon:hover {
	 font-size: 2rem;
	 width:50px;
	 height: 50px;
}
@media only screen and (max-width: 600px) {
  	.pad-lr-150{
    padding-left:10px;
    padding-right:10px;
}
.col-sm-3.footerMiddle.jimmy {
    padding-bottom: 100px;
}
div#carouselExampleIndicators {
    display: none;
}
div#carouselExampleIndicators_resposive {
   display: block !important;
}
.height_420{
    height:655px !important;
}
}
.height_420{
    height:420px;
}
li.youtube {
    background: red !important;
}
li.facebook {
    background: #336699 !important;
}
li.twitter {
    background: #55ACEE !important;
}
li.linkdin {
    background: #007bb5 !important;
}
li.instagram {
    background: #ea4c89 !important;
}
li.pinterest {
    background: #cb2027 !important;
}
li.youtube:hover {
    background: #ff0000d1 !important;
}
li.facebook:hover {
    background: #336699d1 !important;
}
li.twitter:hover {
    background: #55ACEEd1 !important;
}
li.linkdin:hover {
    background: #007bb5d1 !important;
}
li.instagram:hover {
    background: #ea4c89d1 !important;
}
li.pinterest:hover {
    background: #cb2027d1 !important;
}
div#carouselExampleIndicators_resposive {
    display: none;
}
.col-md-4.col-sm-12.col-12.jimmy {
    margin: auto 0;
}
 .col-sm-5.jimmy {
    margin: auto 0;
}



.single-blog {
    padding: 1px;
}

h4.title {
    padding-top: 30px;
}