/*!
 * 
 * Copyright 2009-2018 ICS Private Limited
 * Author : Praharsh R J
 * 
 */

body {
color:#1a1a1a;
/*text-shadow: 1px 1px 1px #a2a2a2;*/
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
a { color: #282828; }
a, 
a:hover, 
a:focus, 
a:active {
	text-decoration: none;
	outline: none;
}
a:hover { color: #ec0f0f; }
a, 
button, 
span,
strong { display: inline-block; }
a, 
button { cursor: pointer; }
a, .btn{transition: background 0.5s ease;}
h1, .h1 { font-size: 50px; }
h2, .h2 { font-size: 42px; margin-bottom:20px}
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
h1,
h2,
h3,
h4,
h5,
h6 {   font-family: 'Exo', sans-serif; font-weight:600 }
p{line-height:24px; font-size:16px}
img { width: 80%;}
button:focus { outline: none}
.margin-t50{margin-top:50px}
.margin-t100{margin-top:100px}
.margin-b100{margin-bottom: 100px;}
::-webkit-input-placeholder { color: #000;}
::-moz-placeholder {   color: #000;}


.c-content {    display: flex; justify-content: center;align-items: center; height: calc(100vh);}
.product{display: flex; justify-content: center;align-items: center; height: calc(100vh);margin: 70px 0;}

.navbar-nav li a {text-transform:uppercase; font-family: 'Exo', sans-serif; font-weight:600}
.navbar-nav .active a{ color: #ec0f0f; }
.navbar-toggler-icon{font-size:36px; width:auto; height:auto}
.navbar-toggler {  padding: 5px 5px 5px 5px; font-size: 1.25rem; line-height: 0;  background-color: transparent;  border: none; border-radius: .25rem;}

.service-box{background:rgba(255, 255, 255, 0.96);border-radius:10px; padding:20px 20px 10px 20px}
.service-box img{width:30px; margin-bottom:15px}

.clients{background: url('../img/slider-4.jpg') no-repeat center center fixed;}
.clients .client-logo img{-webkit-filter: grayscale(1);   filter: grayscale(1); transition: all 0.5s ease;}
.clients .client-logo img:hover{-webkit-filter: grayscale(0);   filter: grayscale(0);}
.clients .client-bg{background:#fff; padding:10px 0; margin-bottom:40px; -webkit-filter: opacity(.7);   filter: opacity(.7);}
.clients .client-intro{margin-bottom:40px}

.products{}
.product-image{width:140px; display:inline}
.product-wrap{border-radius:10px;background:rgba(255, 255, 255, 0.63); padding:10px}
.product-wrap .btn{background: #003e7e;}

.playstore {padding: 0 0 30px 0;margin-bottom: 50px;}

.playstore .client {background: rgba(255, 255, 255, 0.63);padding: 20px 10px;text-align: center;
    border-radius: 10px;margin-bottom: 10px;min-height: 458px;}
.playstore .client img{width: 200px;height: auto;}
.playstore .client h2{font-size: 22px;margin-top: 10px;}
.playstore a:hover{color: rgb(88, 88, 88);}
.playstore .client a.view{background: #f30000 !important;display:block !important;padding: 5px 8px;color: #fff;margin: 0 auto;width: 50%;}
.playstore p{text-align: center;font-size: 14px;margin: 0;display: flex;align-items: center;
    justify-content: center;font-weight: 600;color: rgb(41, 41, 41);margin-bottom: 10px;}

/* .desktop {padding: 30px 0 100px 0;}
.desktop  a{width: 100%;}
.desktop .client {background: rgba(255, 255, 255, 0.63);padding: 20px 20px;text-align: center;
    border-radius: 10px;}
.desktop .client img{width: 100%;height: auto;}
.desktop .client h2{font-size: 28px;margin-top: 10px;}
.desktop a:hover{color: rgb(88, 88, 88);}
 */
.contact{}
.contact .new p:first-of-type{margin-bottom: 0;}
.contact .new .former{font-size: 14px;margin-bottom: 0;}
.contact .contact-form input[type="text"], .contact .contact-form input[type="email"], .contact .contact-form textarea{background:/*rgba(255, 255, 255, 0.9)*/transparent;width:100%; color:#000; border:2px solid #000; border-radius:7px; padding:7px; margin-bottom:10px}
.contact .social li {display:inline-block; font-size:26px; margin:0 15px 0 0 }
.btn-outline-dark {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #000;
    line-height: 1.25;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.footer{background:#ec0f0f;color:rgb(255, 255, 255);  padding:5px 0; border-top:1px solid #000; font-size:14px}	
.footer a{color: #fff;}
.footer a:hover{color:#222}
.footer ul{float:right}
.footer .social li a{color:rgb(255, 255, 255); margin-left:3px; }
.footer .social li {display:inline-block; font-size:14px;  margin:0 }
	
	
.services-icons{text-align:left}

.modal-dialog {max-width: 400px;margin: 7.5rem auto;border: none;}
.modal-open{overflow-x: visible !important;overflow-y: auto !important;}  
body.modal-open,  
.modal{padding-right:0px !important;}
.modal::-webkit-scrollbar {display: none;}
.modal-content{background-color: rgba(245, 245, 245, 0.887) !important;border: none;}
.modal-body{/* background: linear-gradient(to bottom,#5f5f5f5d 50%,#31313160 100%),url("../img/slider-about.jpg") no-repeat; */
    background: transparent;
background-size: cover;padding: 30px 30px;background-position: center;color: #fff;}
.modal .navbar-brand p{color: #fff;margin-bottom: 15px;}
.modal h1{font-size: 28px;margin-bottom: 20px;color: rgb(73, 73, 73);}
.modal .form-control:focus{border-color: rgb(104, 104, 104);;box-shadow: none;}
.modal input{border: none;height: 40px;border-radius: 1px;font-size: 16px;background: rgba(255, 255, 255, 0.0);border: 2px solid #111;border-radius: 7px;
color: #000 !important;}
.modal input:focus{background: transparent;}
.modal input::placeholder{color: #000;}

.modal textarea{border: none;border-radius: 1px;min-height: 100px;max-height:100px;font-size: 16px;background: rgba(255, 255, 255, 0.0);
    border: 2px solid #111;border-radius: 7px;color: #000 !important;}
    .modal textarea:focus{background: transparent;}
.modal textarea::placeholder{color: #000;}

.modal button{border-radius: 5px !important;}
.modal .btn-submit{border-radius: 1px ;background: #ec0f0f ;color: #fff;font-size: 16px;padding: 5px 20px;height: 36px;}
.modal .btn-cancel{border-radius: 1px ;background: rgb(83, 83, 83) ; color: #fff;font-size: 16px;padding: 5px 20px;}


@media(min-width:1275px){
    .t-100{top: -60px;}
}

@media (max-width: 990px){
.c-content{height:auto; margin-top:80px}
.service-box {margin-bottom:20px}
.navbar {background:rgba(255, 255, 255, 0.96);}
.mt-100{margin-top: 100px;}
.mb-100{margin-bottom: 100px;}
.margin-t100{margin-top: 0px;}
.playstore .client {margin-bottom: 20px;}
}

@media (max-width: 640px){
.footer {text-align:center}
.footer ul{float:none}
}

@media (max-width: 480px){

}