/* You can add global styles to this file, and also import other style files */
html,
body {
height: 100%;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
box-sizing: border-box;
}

html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
font-family: 'Roboto', sans-serif;
font-weight: normal;
background: #fff; color: #000;
}

ol,
ul,
p {
list-style: none;
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
a:hover{ text-decoration: none !important;}

a,a:hover,a::after, a:hover::after{
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-decoration: none;
}

button:focus {
outline: none;
}


.container {width:1300px;padding: 0;}

header{width: 100%; padding:5px 0; box-shadow: 0 0 5px #ddd;}
header .container { display: flex; align-items: center; justify-content: space-between;}
header .navbar-inverse { border-color: transparent; background-color: transparent; margin-bottom: 0;}
/* .logo { width: 30%;} */
.logo a { width: 180px;}
.logo a img { width: 100%; height: auto;}
header .navbar { min-height:auto; margin-left: auto;}
header .navbar-brand {
height: auto; padding: 0; cursor: pointer; margin-right: auto;
}
.main-nav-sec .middle-section .navbar-nav.nav-links {
    padding-top: 10px;
}
header .navbar-inverse .navbar-nav>.active>a, header .navbar-inverse .navbar-nav>.active>a:focus, header .navbar-inverse .navbar-nav>.active>a:hover{
color:#0C30FB; background-color: transparent;}
header .navbar-inverse .navbar-nav>li>a:focus, header .navbar-inverse .navbar-nav>li>a:hover { color: #0C30FB;}
.middle-section{
display: flex;
align-items: center; justify-content: space-between; width: 100%;
}
.main-nav-sec {width: 100%; display: flex; align-items: center;}
.navbar-collapse { padding: 0;}
.navbar-inverse .navbar-nav>li>a {color: #000; font-size:18px;font-weight: 500;letter-spacing:0.5px; cursor: pointer; padding: 0 0 10px; line-height: 20px;}
.middle-section .navbar-nav.nav-links.navbar-nav>li { margin-right:60px; position: relative;}
.middle-section .navbar-nav.nav-links.navbar-nav>li:nth-last-child(1) { margin-right: 0;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background-color: transparent; color: #000;}
.middle-section .caret {
border-top: 6px dashed;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}


.banner{ display: block;}
.banner .carousel-indicators .active {width: 16px;
height: 16px; margin: 0 5px; background-color: #000;}
.banner .carousel-indicators li { width: 16px; height: 16px; margin: 0 5px; border: none; background-color:#605c5c;}
.banner .carousel-caption {
right: 0;
left: 0;
padding-bottom: 0;
height: 100%;
top: 0;
display: flex;
align-items: center; padding-top: 0;
}
.banner .container { text-align: left;}
.banner h1 { font-size: 40px; line-height:50px; margin-bottom: 20px; text-align: left; text-shadow: none;
}
.banner p { 
font-size: 18px; line-height: 25px;margin-bottom: 10px;text-shadow: none; color: #fff;
}
.banner figure { height: 800px;}

.banner .carousel-indicators { width: auto; bottom: 60px; left:0;right: 0; margin: auto;}
.banner figure img { width: 100%; height: auto;}

.banner-cont { display: flex; align-items: flex-start; justify-content: space-between;}
.banner-cont-lft { width:35%;
    background: rgba(0,0,0,.7);
    border-radius: 10px;
    padding: 20px 40px;
}
.banner-cont-rgt { width:45%;background: rgba(0,0,0,.7); border-radius:10px;}
.banner-cont-lft ul li p:hover { text-decoration:underline;}

/* select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}    */

.dropdown-menu>li>a { padding: 8px 15px; font-size: 15px; font-weight: 500;}
.navbar-nav>li>.dropdown-menu { border-radius: 5px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #d9d9d9;
}

.counting-block { display: flex;background: #051c39; border-radius: 10px; padding:40px 20px; margin:40px 0 0;}
.counting-block ul { display: flex; align-items: flex-start; justify-content: space-evenly; width: 100%;}
.counting-block ul li h3 {display: block;font-size: 40px; line-height:50px; color: #fff; font-weight:600;}
.counting-block ul li span {font-size: 20px; line-height:20px; color: #fff; font-weight:500;}
.counting-block ul li {line-height: 40px;}



.contact-forms { padding: 50px 0 0;}
.contact-forms .companies-section-in h3 { line-height: 50px; margin-bottom: 30px;font-weight: 600; text-decoration: underline;}
.contact-forms .companies-section-in b { font-weight: bold; font-size: 25px;; display: block;}

.companies-section-in ul { width: 70%; margin:30px 0;}
.companies-section-in ul li { margin-bottom: 20px; position: relative;}
.companies-section-in ul li .form-control { border: #8d8d8d 1px solid; height: auto; padding: 15px 20px; color: #000; border-radius: 5px;
font-size: 16px;}
.companies-section-in ul li .btn {
background:#6a6b72; display: block; padding:15px 30px;;color: #fff; font-size: 17px; line-height: 17px; margin:30px auto 0;
border-radius:5px; border: none;
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-decoration: none;

}
.companies-section-in small{ font-size: 15px; line-height: 25px; display: block;}
.btn.focus, .btn:focus, .btn:hover { outline: none; border:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
color: #000;
}
:-moz-placeholder { /* Firefox 18- */
color: #000;
}
.companies-section-in ul li .form-control:focus{
box-shadow: none;
}
.companies-section-in ul li .select-drop{
position: absolute; top: 12px; right:13px; background:url('../images/Dropdown arrow.svg') no-repeat top center; height: 32px; width: 32px;
}

.phone-block { display: flex; align-items: center; width: 100%;}
.country-drop { position: relative; width:100%;}
.companies-section-in ul li .phone-block .country-drop .form-control {
border-radius:5px; 
}
.companies-section-in ul li .phone-block .country-drop .select-drop1 { right:8px;}
.companies-section-in ul li .phone-block .form-control.form-control1 { border-left: transparent 1px solid;border-radius:5px;}
option {  font-size: 16px;}

.companies-section-in ul li .btn:focus{ outline: none;}
.companies-section-in ul li .btn:hover {
background: #1231e1;
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-decoration: none;

}

footer{ width: 100%; border-top: 1px solid #ddd;
    margin: 40px 0;}

.footer-mdl { background: #fff; padding:50px 0 0; margin: 0;}
.footer-mdl-in { width: 100%;}
.footer-mdl-in ul { width: 100%; display: flex; align-items:flex-start;}
.footer-mdl-in ul li { width:33%;}
.footer-mdl-in ul li span { display: inline-block; padding-bottom: 20px;}
.footer-mdl-in ul li span a { cursor: pointer; display: block; width: 230px;}
.footer-mdl-in ul li p { font-size:16px; line-height: 25px;}
.footer-mdl-in ul li small a { cursor: pointer; font-size: 16px; line-height: 16px; color: #000; position: relative;}
.footer-mdl-in ul li small { display: block; margin-bottom: 18px;}

.footer-mdl-in ul li a img {width: 100%; height: auto; border-radius: 5px;}
.footer-mdl-in ul li h2 { font-size: 20px; text-decoration: underline; line-height: 20px; margin-bottom:20px;}

.mail-box { display: flex; align-items:flex-start; margin-bottom: 30px;}
.mail-add { padding-left: 20px;}
.mail-add h4 {
margin: 0 0 10px;; font-size: 16px; line-height: 16px;
}
.mail-add a {
font-size: 16px; line-height: 16px; cursor: pointer; color: #000;
}
.mail-add address {
font-size: 16px; line-height:25px;color: #000;margin: 0; font-weight: 400;
}

.footer-mdl-in ul li small a::after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0; border-bottom: 2px solid #0C30FB;}
.footer-mdl-in ul li small a:hover::after { left: 0; width: 100%;}


.companies-section-in ul li .form-control::placeholder {
color: #000;
}

.about-section { display:block; padding: 40px 0 0;}
.about-section h2 { font-size: 25px; line-height: 25px; font-weight: 600; margin-bottom:30px;}
.about-section h3 { font-size: 20px; line-height: 20px; font-weight: 600; margin-bottom: 10px;}
.about-section p { font-size: 18px; line-height: 25px; font-weight: 500; margin-bottom: 20px;}

.about-section ul li { margin-bottom: 10px;}
.about-section ul li p { font-weight: 500;}

.banner-cont-rgt .companies-section-in ul li .form-control { padding: 12px 20px; font-size: 15px;}
.banner-cont-rgt .companies-section-in ul { width: 75%; margin:30px auto;}

.banner-cont-rgt .companies-section-in ul li .btn:hover { background:#fff;}
.banner-cont-rgt .companies-section-in ul li .btn { background: #fff; color:#000; font-weight: 600;}
.banner-cont-rgt .companies-section-in {padding: 12px 0; width: 100%;}

.contact-forms-main { display: flex; align-items: flex-start; justify-content: space-between;}
.companies-section-in {width: 50%;}

.contact-details ul { display: block;}
.contact-details ul li { margin-bottom: 15px;}
.contact-details ul li label { display: block; font-size: 16px; line-height: 16px; margin-bottom:10px;}
.contact-details ul li a {color:#686868; font-weight: 500; font-size:17px;}
address {color:#686868;font-weight: 500;}
.contact-details { margin-top: 100px; font-size: 17px;} 

.about-main { display: flex; align-items:center;}
.about-lft { width: 45%;}
.about-lft figure img {width:85%; height: auto; border-radius:5px; box-shadow: 0 0 5px #c5b8b8;}
.about-rgt { width: 50%;}

.social-icons { position: fixed; top:47%; right:25px; left: auto; z-index: 999;}
.social-icons ul li {display: block;
    width: 60px;
    background: #FFF;
    text-align: center;
    border-radius: 6px; margin-bottom: 15px; box-shadow: 0 0 5px #939393;}
.social-icons ul li a {cursor: pointer;}
.social-icons ul li a .fa { font-size:40px; color:#0fcf57; background: #fff; padding: 7px; font-weight:500;}
.social-icons ul li a.phone .fa {color: #0000FF;}

.top-sec {
    position: absolute;
    top: 160px;
    right: -12%;
    width: 50%;
    left: auto;
    z-index: 999;
}

.animate-bounce {
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite;
}


.item_text{
    animation: key1 .4s ease infinite alternate;
  }
  
  @keyframes key1{
    0% {transform: translateY(0px);}
    100% {transform: translateY(-10px);}
  }