@charset "utf-8";
/* KOYENCO GROUP COMPANIES */
html { scroll-behavior: smooth; overflow-x: hidden; }
body { font-family: 'Roboto', sans-serif; overflow-x: hidden; }
.koyenco-top { background-color: #036; color: #FFF; font-size: 15px; padding: 15px; text-align: center; }
.koyenco-top span { padding: 0 20px; color: #036; }
.navbar, .navbar-default { background: none; border: none; margin-bottom: 0; height: 120px; }
.navbar-brand img { width: 100px; }
.navbar-default .navbar-nav>li>a { color: #666; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; margin: 20px 10px; padding: 20px; border-radius: 3px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #666; background-color: #f2f2f2 }
.koyenco-underline-from-center { transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); }
.koyenco-underline-from-center:before { left: 51%; right: 51%; bottom: 0; background: #ccc; height: 1px; content: ""; position: absolute; z-index: -1; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.koyenco-underline-from-center:hover:before, .koyenco-underline-from-center:focus:before, .koyenco-underline-from-center:active:before { left: 0; right: 0; }
.carousel-control.left, .carousel-control.right { background-image: none; filter: none; }
.carousel-inner>.item>img { width: 100%; }
.group-companies-index { text-align: center; margin-top: 100px; color: #000; letter-spacing: 1px; }
.group-companies-index h2 { margin-top: 0; margin-bottom: 50px; font-weight: 400; }
.group-companies-index .row { padding-bottom: 15px; }
.view-details { margin-top: 50px; margin-bottom: 50px; }
.view-details a { background-color: #036; color: #FFF; font-size: 17px; padding: 20px; border-radius: 7px; text-align: center; }
.map img { margin-bottom: 10px; }
.footer-mail-id { background-color: #036; color: #FFF; font-size: 17px; padding: 15px; }
.footer-mail-id i { padding-right: 15px; }
.mail-id { padding-top: 6px; }
.social-icon { font-size: 25px; text-align: right; }
.footer-contact { background-color: #f2f2f2; padding: 100px 15px; color: #000; }
.footer-contact p { font-size: 15px; font-weight: 500; }
.copyright { background-color: #f2f2f2; font-size: 15px; padding: 15px; text-align: center; color: #666; padding-bottom: 50px; }
.copyright a { color: #000; }
/* ABOUT */
.about-banner { background-color: #f2f2f2; color: #333; padding-top: 50px; padding-bottom: 50px; }
.about-content { padding: 50px 50px 0 50px; }
.about-content h2, .why-content h2 { font-weight: 400; }
.about-content p, .why-content p { font-size: 17px; line-height: 30px; }
.why-content { margin-top: 100px; color: #333; }
.why-content h2 { font-weight: 400; }
.why-content i { font-size: 30px; }
.why-content h3 { font-weight: 400; }
.why-content .row { margin-top: 50px; margin-bottom: 50px; color: #FFF; }
.why-boxes .col-md-6 { background-color: #666; border: 5px solid #FFF; padding: 30px 30px 0 30px; height: 180px; }
/* GROUP COMPANIES */
.group-banner-bg { background-color: #f2f2f2; }
.group-banner { color: #333; padding-top: 50px; padding-bottom: 50px; }
.group-content { padding: 50px 50px 0 50px; }
.group-content h2, .group-content h1, .group-content h5, .group-content h3 { font-weight: 400; }
.group-content h1 { font-size: 50px; }
.group-content p, .group-content h4 { font-size: 17px; line-height: 30px; }
/* CONTACT US */
.contact { border-top: 1px solid #f3f3f3; }
.contact-us { background-color: #f2f2f2; padding-top: 100px; }
.contact-us h2 { font-weight: 400; margin-top: 0; margin-bottom: 50px; }
input[type=text], [type=email] {
width: 100%;
padding: 15px 20px;
border: 1px solid #666;
color: #333;
font-size: 17px;
}
textarea { width: 100%; padding: 20px 20px; border: 1px solid #666; margin: 50px 0; color: #333; font-size: 17px; resize: none; height: 150px; }
input[type=submit] { padding: 10px 20px; border: 1px solid #666; background: none; margin-bottom: 100px; color: #333; font-size: 17px; }
/* BACK to TOP */
#back-to-top { display: none; position: fixed; bottom: 15px; right: 15px; z-index: 99; border: none; outline: none; background-color: #036; color: white; cursor: pointer; padding: 10px 14px; border-radius: 5px; font-size: 18px; }
#back-to-top:hover { background-color: rgb(0, 57, 114); }
 @media screen and (min-width:0px) and (max-width:319px) {
body { display: none; }
}
@media screen and (min-width:320px) and (max-width:767px) {
.koyenco-top { font-size: 13px; padding: 15px 5px; }
.koyenco-top span { padding: 0 7px; }
.navbar-brand { height: 120px; }
.navbar, .navbar-default { height: auto; }
.navbar-default .navbar-nav>li>a { margin: 0px 10px; }
.navbar-toggle { margin-top: 42px }
.group-companies-index { margin-top: 50px; }
.group-companies-index h2 { font-size: 26px; margin-bottom: 25px; }
.group-companies-index .row { padding-bottom: 0; }
.group-companies-index img { margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto; }
.view-details { margin-top: 25px; }
.view-details a { font-size: 15px; padding: 15px; }
.footer-mail-id { font-size: 15px; }
.footer-mail-id .col-md-4 { margin-top: 15px; margin-bottom: 15px; }
.social-icon { text-align: left; }
.footer-contact .col-md-6 { margin-bottom: 25px; }
.footer-contact { padding: 50px 15px 0px 15px; }
.copyright { padding-bottom: 25px; }
.group-content img { width: 80%; }
.contact-us h2 { font-size: 26px; margin-bottom: 25px; }
.india { margin-bottom: 0 !important; }
.india p:last-child { margin-bottom: 0; }
/* ABOUT */
.about-banner { padding-top: 30px; padding-bottom: 30px; }
.about-content { padding: 15px 15px 0 15px; }
.why-content { margin-top: 50px; }
.why-content .row { margin-top: 27px; margin-bottom: 37px; }
.why-content h3 { font-size: 22px; }
.why-boxes .col-md-6 { border: 3px solid #FFF; padding: 20px 20px 0 20px; height: 170px; }
/* GROUP COMPANIES */
.group-banner { padding-top: 30px; padding-bottom: 30px }
.group-content { padding: 15px 15px 0 15px; }
.group-content h1 { font-size: 30px; margin-bottom: 25px; }
.carousel { margin-bottom: 25px; }
.group-content h2 { font-size: 24px; }
.group-banner .col-md-4 { padding-bottom: 50px; }
.group-content-123 { order: 2; }
.order-image { order: 1; }
.order { display: flex; flex-direction: column; }
/* CONTACT US */
.contact-us { padding-top: 50px; }
.contact-us .col-md-4 { padding-bottom: 15px; }
textarea { margin: 0 0 15px 0; }
input[type=submit] { margin-bottom: 50px; }
}
@media screen and (min-width:320px) and (max-width:575px) {
.why-content h3 { font-size: 18px; }
.group-companies-index .col-xs-6 { width: 100%; }
#myBtn { padding: 10px 13px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
.oman { padding-top: 32px !important; }
}
@media screen and (min-width:768px) and (max-width:1023px) {
.navbar-default .navbar-nav>li>a { margin: 20px 5px; padding: 20px 15px; }
.group-companies-index { margin-top: 75px; }
.view-details { margin-bottom: 75px; }
.group-companies-index .row { padding-bottom: 0; }
.group-companies-index img { margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto; }
.footer-mail-id .col-md-4 { margin-top: 10px; margin-bottom: 10px; }
.footer-contact .col-md-6 { margin-bottom: 40px; }
.footer-contact { padding: 75px 15px 0px 15px; }
/* ABOUT */
.about-content h2 { margin-top: 0; }
.about-content { padding: 0 27px 0 27px; }
.why-content { margin-top: 75px; }
.why-content .row { margin-top: 37px; }
/* GROUP COMPANIES */
.group-content h2 { margin-top: 0; }
.group-content-123 { padding-top: 0px !important; }
.group-content { padding-left: 27px; padding-right: 27px; }
.group-content h1 { font-size: 36px; margin-top: 15px; }
/* CONTACT US */
.contact-us { padding-top: 75px; }
textarea { margin: 30px 0; }
input[type=submit] { margin-bottom: 75px; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.group-companies-index { margin-top: 75px; }
.view-details { margin-top: 25px; }
.footer-contact { padding: 100px 15px 75px 15px; }
/* ABOUT */
.about-content h2 { margin-top: 0; }
.about-content { padding: 0 27px 0 27px; }
.why-content h3 { font-size: 20px; }
.why-content { margin-top: 75px; }
.why-content .row { margin-top: 37px; }
/* GROUP COMPANIES */
.group-content h2 { margin-top: 0; }
.group-content-123 { padding-top: 0px !important; }
}