@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
body{ background:rgba(249, 249, 249, 1) url(../../images/icons.png) repeat fixed 0% 0%; font:normal 16px/27px "Roboto",sans-serif; color:#7f8c8d; margin:0px; padding:0px; animation: 80s linear 0s normal none infinite running animatedBackground; -webkit-animation: backgroundScroll 20s linear infinite;
animation: backgroundScroll 20s linear infinite;}
h1, h2, h3, h4, h5, h6 { margin:0px 0px 7px 0px; padding:0px;}
ul, li, p, a, a:hover{ margin:0px; padding:0px; text-decoration:none;}

h1{ font:small-caps 42px/43px "Open sans" !important;}
h2{ font:34px/30px "Raleway",sans-serif;}
h3{ small font:23px/30px "Raleway",sans-serif;}

#body-bg {-webkit-animation: backgroundScroll 1s linear infinite; animation: backgroundScroll 1s linear infinite;}
/*@-webkit-keyframes backgroundScroll{ from {background-position: 0 0;} to { background-position: 400px 0px;} }
@keyframes backgroundScroll{ from {background-position: 0 0;} to { background-position: 400px 0px ;}}*/

header{ background:#fff; padding:0px 0px 0px; /*position:absolute;*/ z-index:9999; left:0; right:0;}
.logo { z-index: 99; padding:25px 0;}

/* Menu start */
.navbar-default { background-color: transparent; border-color: transparent; margin:56px 0px 0px; float:right;}
.mnu-hdr-prt { background: rgba(233, 119, 67, 0.16) none repeat scroll 0 0;}
.navbar-default .navbar-nav > li > a { color: #003366; font-size:16px; text-transform:uppercase; font-family:"Open Sans",sans-serif !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: transparent none repeat scroll 0 0; color: #f1565e; border:1px solid #f1565e; border-top-left-radius: 11px; border-bottom-right-radius: 11px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: transparent; color: #f1565e;}
h1{ color:#f1565e; text-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
h2, h3{ color:#f1565e; text-shadow:none;}
.dropdown-menu { background-color: #fff; width:300px !important;}
.dropdown-menu > li > a { border-bottom: 1px dashed #ccc; padding: 9px 20px !important; width: 323px; text-transform:uppercasep; color:#000; font-family:"Open Sans",sans-serif;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #f1565e; color: #fff; text-decoration: none;}
@media screen and (max-width: 992px) {
.logo{ position:relative;}
.nav > li > a { padding: 10px 12px;}
header{ padding:0px;}
.navbar-default { margin: 23px 0 0;}
}
.srvcs{ background:#fff; padding:74px 0px; text-align:center;}
.srvcs img{ display:inline-block;}
.srvcs h3 { margin: 31px 0 16px; font-weight: bold; text-transform: uppercase; font-size:16px; color:#233141;}
.srvcs p { color:#233141;}
.comp{ background:#f9f9f9; padding:61px 0 30px;}
/*.comp{ background:url(../../images/aboutme-bg.jpg) no-repeat 56% 0%; padding:61px 0 30px;}*/
.comp h2{ font-family:"Open Sans",sans-serif !important; color:#000; margin-bottom:19px;}
.comp p { margin-bottom: 52px; margin-top: 29px;}
a.rdmr{ background:transparent none repeat scroll 0 0; padding:13px 47px; color:#f1565e; text-transform:uppercase; border: 1px solid #f1565e; border-top-left-radius: 11px; border-bottom-right-radius: 11px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
a.rdmr:hover{ color:#fff; border-bottom-left-radius: 11px; border-top-right-radius: 11px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; background:#f1565e; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); transition: background 300ms ease-in 0s;}
.abt-lst ul li{ background:url(../../images/tabcheck.png) no-repeat 0% 65%; padding-left:25px; display:block; line-height:38px;}
footer{ background: url(../../images/mdl-dwn-bg.jpg) repeat 0% 0% fixed; color:#fff;}
footer h2{ font-family:source sans pro; color:#fff;}
.ftr-top-clr{ background: rgba(241, 86, 94, 0.95); padding:70px 0px; position:relative;}
.ftr-top-clr::before { background-image: linear-gradient(to bottom, transparent, rgba(182, 16, 25, 0.4)); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0;}
.ftr-dwn-clr{ background: rgba(0, 51, 102, 0.95); padding:54px 0px 0px;}
.getmore a { color: #fff; font-size: 23px; background: transparent; padding: 16px 29px; border: 2px solid; top: 30px; position: relative;}
.ftr-dwn-clr span{ font-weight:bold;}
.ftr-line{ background:#f1565e; width:30px; height:2px; margin-bottom:37px;}
.cnt{ font-family:roboto;}
.email a { color:#fff; font-weight:normal; border-bottom:1px solid #000; padding-bottom:5px;}
.social-icons ul{ padding:0px; margin:0px; float:left;}
.social-icons ul li a{ display:block; width:100%; height:100%;}
.social-icons ul li{ display:inline-block; list-style-type:none;}
.social-icons ul li.fb{ background:url(../../images/social-icon.png) no-repeat 0% 0%; width:32px; height:32px; transition: all 0.3s ease 0s;}
.social-icons ul li.fb:hover{ background-position:0% 11% !important;}
.social-icons ul li.twtr{ background:url(../../images/social-icon.png) no-repeat 0% 22%; width:32px; height:32px; transition: all 0.3s ease 0s;}
.social-icons ul li.twtr:hover{ background-position:0% 33% !important;}
.social-icons ul li.ytb{ background:url(../../images/social-icon.png) no-repeat 0% 44%; width:32px; height:32px; transition: all 0.3s ease 0s;}
.social-icons ul li.ytb:hover{ background-position:0% 55% !important;}
.social-icons ul li.lnkdn{ background:url(../../images/social-icon.png) no-repeat 0% 66%; width:32px; height:32px; transition: all 0.3s ease 0s;}
.social-icons ul li.lnkdn:hover{ background-position:0% 77% !important;}
.social-icons ul li.gpls{ background:url(../../images/social-icon.png) no-repeat 0% 88%; width:32px; height:32px; transition: all 0.3s ease 0s;}
.social-icons ul li.gpls:hover{ background-position:0% 99% !important;}
.copy{ border-top:1px solid #f1565e; padding:43px 0px; margin-top:54px;}
.page-header {border-bottom: 1px solid #ddd; margin: 40px 0 -2px;}
.page-header-line{background: #000 none repeat scroll 0 0; height: 2px; margin-bottom: 25px; width: 90px;}
.submit-form{background-color:#f2f2f2; padding:41px; }
.submit-form h3 { font-weight: bold; color: #252424; text-align: center !important;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
    color: #000;
    height: 48px;
    margin-bottom: 0px;
    padding: 0 15px;
    width: 100%;
}
textarea{
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
    color: #000;
    height: 94px;
    margin-bottom: 22px;
    padding: 0 15px;
    width: 100%;
}
.inquiry-header{background-color: #000;
    color: #fff;
    font-size: 21px;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;}
.btn-submit {
    background: #f1565e none repeat scroll 0 0;
    border: 0 none;
    border-radius: 7px;
    color: #fff;
    font-size: 20px;
    padding: 7px 20px;
}
@media (max-width: 992px) {
.page-section-left{margin: 0 auto; max-width: 320px;}
.inquiry-header{margin-top:25px;}
}
@media (min-width: 768px) and (max-width: 991px){
.navbar-default .navbar-nav > li > a {
font-size:15px;
}
}
.page-main{background-color:#fff; padding-bottom:66px;}
.form-input{height: 40px; max-width: 280px;}

.client img{ border: 1px solid transparent; -moz-border-image: -moz-linear-gradient(right, #000 0%, #20ca50 100%); -webkit-border-image: -webkit-linear-gradient(right, #000 0%, #20ca50 100%); border-image: linear-gradient(to left, #000 0%, #20ca50 100%); border-image-slice: 1; padding:3px;}
.page-main ul { margin:5px 0 16px;}
.page-main ul li { background: rgba(0, 0, 0, 0) url("../../images/right-arrow.png") no-repeat scroll 0 47%; line-height: 29px; list-style-type: none; padding:3px 0 3px 24px; border-bottom:1px dashed #f3f4f4;}
.page-main ul li:last-child{ border-bottom:0px;}




/* akshar */

.sldr-bg{ background:#f1565e;}
.mdl-prt-spc{ padding:0 108px;}
.scroll-to-top { right: 29px; position: absolute;}
a.scroll-to-top { background: #333232 none repeat scroll 0 0; color: #fff !important; margin: -45px 0 0; padding: 9px 22px; position: absolute; right: 29px; border-top-right-radius: 11px; border-top-left-radius: 11px; width: 62px; height: 45px;}
@media (max-width: 991px) { 
.getmore a { font-size: 21px; padding: 16px;}
.mdl-prt-spc{ padding:0 15px;}
}

.sldr-inr-bg{ background:#f1565e; padding:43px 0; box-shadow:0 0 4px #770c0c inset;}
.space{ padding:52px 0px;}
.home-form{ background:#f0eeee none repeat scroll 0 0; width:100%; float:left; padding:0 20px 25px;}
.home-form h3{ color:#f1565e; margin:44px 0 20px; font-weight:bold; font-variant:small-caps !important; }
.home-form h4{ color:#f1565e; margin:25px 0 0;}
.form-group{ margin-bottom:15px;}
.form-group input{ background:#fff; border:medium none; border-radius:0px; box-shadow:0 0 0 rgba(0, 0, 0, 0.075) inset; color:#000; height:48px; padding:0 15px; width:100%;}
.form-control{ display:block; font-size:14px; line-height:1.42857; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form-control:focus{ border-color:#66afe9; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline:0 none;}
.submit { background: #f1565e none repeat scroll 0 0;  border: medium none; width:100%; padding:16px 0; font-size:25px; color:#fff;}
.form-group textarea{ background:#fff; border:medium none; border-radius:0px; box-shadow:0 0 0 rgba(0, 0, 0, 0.075) inset; color:#000; height:92px; padding:0 15px; width:100%;}
.space p { margin-top: 11px;}
p{ letter-spacing:1px;}
a { color: #f1565e;}
dl.contactdl, dl.contactdl dt, dl.contactdl dd { display: block; margin: 0; padding: 0;}
dl.contactdl dt { clear: both; float: left; font-weight: bold; width: 75px;}
dl.contactdl dd { float: left;}
.pro-list ul li{ margin-left:19px;}
.prod-spec ul { margin-left:16px;}
.prod-spec ul li {list-style-type:disc;}
.prod-spec h3 { margin: 9px 0;}
.sldr-inr-bg h1{ color:#fff; margin:0px;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #003366; color: #fff; outline: 0 none; text-decoration: none;}
.justify{ text-align:justify;}
.align-right{ float: right; margin-bottom: 1px; margin-left: 29px;}
.pro-text { text-align:justify; margin-bottom:25px;}
.price-btn { margin-top:43px !important;}
.pro-img-btm { margin-bottom: 43px;}
.int { color:#f1565e; font-size:12px; font-weight:normal !important;}
@media (max-width: 346px) and (min-width: 335px){
.dropdown-menu { min-width: 311px !important;}
}
@media (max-width: 334px) and (min-width: 320px){
.dropdown-menu { min-width: 285px !important;}
}
@media (max-width: 319px) and (min-width: 308px){
.dropdown-menu { min-width: 260px !important;}
.active { margin-left: 12px;}
}
@media (max-width: 307px) and (min-width: 290px){
.navbar-nav { margin-left: 47px !important; width: 79% !important; float: right;}
.active { margin-left: 11px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { right: -13px !important; top: 9px;}
}
@media (max-width: 289px) and (min-width: 280px){
.navbar-nav { margin-left: 47px !important; width: 76% !important; float: right;}
.active { margin-left: 11px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { right: -13px !important; top: 9px;}
}
@media (max-width: 279px) and (min-width: 260px){
.navbar-nav { margin-left: 47px !important; width: 70% !important; float: right;}
.active { margin-left: 11px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { right: -15px !important; top: 12px; padding: -2px !important; width: 21px !important; line-height: 15px !important; height: 21px !important;}
.dropdown-menu > li > a { padding: 9px 12px !important;}
}
@media (max-width: 259px) and (min-width: 250px){
.navbar-nav { margin-left: 47px !important; width: 65% !important; float: right;}
.active { margin-left: 11px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { right: -15px !important; top: 12px; padding: -2px !important; width: 21px !important; line-height: 15px !important; height: 21px !important;}
.dropdown-menu > li > a { padding: 9px 12px !important;}
.navbar-default .navbar-nav > li > a { font-size: 13px !important;}
}
@media (max-width: 249px) and (min-width: 240px){
.navbar-nav { margin-left: 47px !important; width: 63% !important; float: right;}
.active { margin-left: 11px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { right: -15px !important; top: 12px; padding: -2px !important; width: 21px !important; line-height: 15px !important; height: 21px !important;}
.dropdown-menu > li > a { padding: 9px 12px !important;}
.navbar-default .navbar-nav > li > a { font-size: 13px !important;}
}
@media (max-width: 239px) and (min-width: 230px){
.navbar-nav { margin-left: 47px !important; width: 60% !important; float: right;}
.active { margin-left: 11px !important;}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { right: -15px !important; top: 12px; padding: -2px !important; width: 21px !important; line-height: 15px !important; height: 21px !important;}
.dropdown-menu > li > a { padding: 9px 12px !important;}
.navbar-default .navbar-nav > li > a { font-size: 13px !important;}
}
@media screen and (max-width:260px){
.form-group input { width:90% !important;}
}
@media screen and (max-width:224px){
a.rdmr { padding: 13px 25px;}
}
@media screen and (max-width:380px) and (min-width: 290px){
.ftr-top-clr h2 {
    font-size: 30px;
    line-height: 36px !important;
}
}
@media screen and (max-width:289px) and (min-width: 200px){
.ftr-top-clr h2 {
    font-size: 25px;
    line-height: 34px !important;
}
}