@import url("https://fonts.googleapis.com/css?family=Krub:400,500,600,700|Roboto+Condensed:300,400,700&display=swap");
@font-face {
 font-family: 'calibriregular';
 src: url('../fonts/calibri-webfont.eot');
 src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-webfont.woff') format('woff'), url('../fonts/calibri-webfont.ttf') format('truetype'), url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
body { background:url(../images/body-bg.png) repeat-x top left #4c4c4c; margin:0px; padding:0px; color:#000; font-size:16px; line-height:1.5; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-family: 'Roboto Condensed', sans-serif; }
.row { max-width:990px; margin:0px auto; padding:0 0 0 px; }
.PagePadding { padding:0 5px; }
.Main { background:url(../images/row-bg.png) repeat-y top center; margin:0px auto; width:1046px; position:relative; }
a, a:hover { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; font-weight:normal; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
.clearfix:after { clear: both }
.row { *zoom:1 }
.row:before, .row:after { display: table; line-height: 0; content: "" }

/*** Back to top Scroll button  **/
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#ff0000;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#2e2e2e;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/*** \Back to top Scroll button ***/

/* Header */
header { padding:14px 0 0px 0px;height:120px; }
.Logo { float:none; }
.Navbar { float:right; width:798px; padding-top:25px; }
.Navbar ul li a { margin:0 2px;  font-size:18px; text-decoration:none; color:#464646; padding:5px 10px; }
.Navbar ul li a:hover { background:#e60013; color:#fff; }
.Navbar ul.contact li a:hover {color:#e60013; background:transparent;}
.active { background:#e60013; color:#fff !important; }
.Navbar ul li a:nth-child(7) {padding:5px 0px 5px 10px;}
/* Quick-Contact */
section { /*background:url(../images/middle-bg.jpg) no-repeat top center; */ height:360px; }
.CoantactImg { float:left; /*padding-left:120px;*/ width:760px; }
/* Slider */

.coin-slider { height:360px; overflow: hidden; zoom: 1; position: relative;}
.coin-slider a{ text-decoration: none; outline: none; border: none; cursor: default; }


.cs-buttons { float: left; padding:0px 0px 8px 0px; position:relative; margin-top:-30px; margin-left:20px;
 background-size:15px; }
a.cs-button-games { background:url(../images/slider-btn.png) no-repeat; width:15px; height:15px; }
a.cs-button-games:hover, a.cs-active { background:url(../images/slider-btn-hover.png) no-repeat; }
.cs-buttons a { margin-right: 5px; margin-left: 5px; height: 15px; width: 15px; float: left; text-indent: -1000px; }
.cs-active { margin-right: 5px; margin-left: 5px; height: 8px; width: 8px; float: left; text-indent: -1000px; }
.cs-prev, 
.cs-next { display:none}
/* End of Slider */

.ContactPanel {  float:right; background:url(../images/ouick-contact-bg.png) repeat top left; width:271px; padding-bottom:0px; min-height:360px; /*border-radius:5px;*/ margin:0px 5px 0 0; }
.ContactTitle { background:url(../images/contact-title-bg.png) repeat top left; padding:7px 20px 7px 20px; /*border-radius:5px 5px 0 0px;*/ text-transform:uppercase; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-1px; }
.ContactPanelBot { padding:20px 16px 5px 19px; }
.ContactPanelBot input, .ContactPanelBot textarea { color:#333; background:none; border:0px; width:93%; background-color:#fff; margin-bottom:12px; font-size:14px; padding:7px; font-family: 'calibriregular'; }
.ContactPanelBot input:focus, .ContactPanelBot textarea:focus, .TestimonialsText input:focus, .TestimonialsText textarea:focus { background:#e5e5e5; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

#contact_frm, #contact_frm2{ position:relative;}
#contact_frm .SubText { font-size:14px; width:61px; float:left; margin-right:5px; }
#contact_frm .input_btn { float:right; margin-left:5px; border:0px; padding:0px; cursor:pointer; background:#e60013;  color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase; font-weight:bold; height:25px; line-height:7px; width:67px; }
#contact_frm2 .capimg { width:100px; float:left; height:39px; margin-right:6px; }
#contact_frm2 .caprerf { width:20px; margin-top:10px; float:left; }
#contact_frm2 .SubText { margin-right:5px; padding:0px 7px; height:27px; line-height:27px; width:50px !important; float:left; }
#contact_frm2 .input_btn {  margin-top:1px; border:0px; float:right; margin-left:5px; background:#e60013; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; height:26px; line-height:20px; width:63px; padding:0px; cursor:pointer; }
.ContactPanelBot textarea { padding:8px 7px 10px 7px; min-height:60px; }
#contact_frm .input_btn:hover, #contact_frm2 .input_btn:hover { background-color:#EA5959; color:#fff; }
#contact_frm .err{ color:#e70014; top:-19px;  position:absolute;}
#contact_frm2 .err{ color:#e70014; top:-19px;  position:absolute;}
/* article */
article { border-bottom:1px solid #c4c4c4; margin:0 5px; border-top:1px solid #c4c4c4; margin-top:1px; background:#f2f2f2; padding:13px 0 6px 0px; height:125px; }
.offset ul { margin:0px; list-style:none; padding:0px; }
.offset ul li { background:url(../images/sevcice-bg.png) no-repeat top left; float:left; border-right:1px solid #c1c3bf; height:120px; width:122px; border-left:1px solid #fff; }
.offset ul li:last-child { border-right:0px; }
.offset ul li:first-child { border-left:0px; }


.link14 { background-position:-858px -3px !important; text-align:center; }
.link14:hover, .link14.active { background-position:-858px -131px !important; }
.link13 { background-position:-618px -4px !important; text-align:center; }
.link13:hover, .link13.active { background-position:-618px -133px !important; }
.link12 { background-position:-738px 1px !important; text-align:center; }
.link12:hover, .link12.active { background-position:-737px -133px !important; }
.link11 { background-position:-493px 0px !important; text-align:center; }
.link11:hover, .link11.active { background-position:-492px -122px !important; }
.link10 { background-position:-363px 0px !important; text-align:center; }
.link10:hover, .link10.active { background-position:-363px -125px !important; }
.link9 { background-position:-246px 1px !important; text-align:center; }
.link9:hover, .link9.active { background-position:-246px -128px !important; }
.link8 { background-position:-125px -7px !important; text-align:center; }
.link8:hover, .link8.active { background-position:-124px -131px !important; }
.link7 { background-position:8px -1px !important; text-align:center; }
.link7:hover, .link7.active { background-position:8px -130px !important; }
.offset ul li a { text-decoration:none; color:#383838; padding-top:77px; padding:77px 3px 0 3px; display:block; font-weight:bold; text-transform:uppercase; text-align:center; font-size:13px; }
/* Left */
aside { margin-top:40px; overflow:hidden; margin-bottom:40px; }
.Left { float:left; width:275px; }
.OverServicePanel { background:#f2f2f2; border-radius:5px 5px 0 0px; }
.OverServiceTitle { padding:10px 20px; text-transform:uppercase; background:#e60013; border-radius:5px; font-size:20px; color:#fff; font-weight:bold; }
.OverServiceBot ul { color:#555555; margin:0px; padding:0 0 0 0px; list-style:none; }
.OverServiceBot ul li { border-bottom:1px solid #dbdbdb; margin:0px 20px; padding:11px 0px; background:url(../images/squre-icon.png) no-repeat left 17px; }
.OverServiceBot ul li:hover{ background:url(../images/squre-icon-hover.png) no-repeat left 17px;}
.OverServiceBot ul li a { display:block; text-transform:uppercase; color:#606160; text-decoration:none; font-size:14px; padding:0 0px 0 20px; }
.OverServiceBot ul li a:hover { color:#E60013; }
.OverServiceBot ul li:last-child { border-bottom:0px; }
.ContactTitleBot { background:none; background:#e60013; padding:10px 20px; }
.FromPanelBot { width:275px; float:left; background:#eeeeee; }
.FromPanelBot input, .FromPanelBot textarea { border:1px solid #cbcbcb; }
/* Right */

.Right { margin-left:275px; margin-top:-6px; }
.RightText { padding:0px 0 20px 20px; text-align:justify;}
.RightText h1 { color:#000; font-size:25px; padding-bottom:10px; text-transform:uppercase; font-weight:bold; text-align: center; }
.RightText ul { padding-left:0; margin-left:20px;}
.RightText h1 span { color:#e60013; }
.RightText p { padding-bottom:20px; text-align:justify; }
.RightText .leftdetail, .RightText .rightdetail { width:48%; display:inline-block; vertical-align: top;}
/* Footer */

/* Footer Top */
footer { font-size:14px; margin:0 0px; }
.FooterTop { color:#8d8d8d; padding:20px 0 17px 0px; text-transform:uppercase; background:#2e2e2e; min-height:125px; }
.FooterLink { float:left; border-right:1px solid #4d4d4d; width:375px; height:125px; }
.FooterLink ul { float:left; margin:0px; padding:0px; list-style:none; }
.FooterLink ul li { width:114%; }
.FooterLink ul li a { color:#8d8d8d; ; text-decoration:none; line-height:27px; font-size:16px; text-transform:none; }
.FooterLink ul li a:hover { color:#E60013; }
.FooterTop .active { background:none; color:#E60013 !important; }
.FoteerRightLink { float:right !important; width:135px; }
.FooterContact { float:left; line-height:18px; padding:0 60px 1px 60px; border-right:1px solid #4d4d4d; }
.FooterContact span { color:#c9c9c9; padding-bottom:10px; display:block; }
.FooterContact p { padding:8px 0 0 0px; display:block; }
.FooterContact p a { color:#e60013; text-decoration:none; }
.FooterContact p a:hover { color:#8d8d8d; }
.SocialLink { float:left; color:#c9c9c9; padding-bottom:0px; display:block; padding:0 0 0 60px; }
.SocialLink span, .FooterTop span { font-weight:bold; }
.SocialLinkBot { width:130px; margin-top:20px; }
.SocialLinkBot img { }
a.Facebook:link, a.Facebook:visited { background:url(../images/facebook-icon.png) no-repeat top left; text-indent:-99999px; display:block; height:25px; width:25px; float:left; margin-right:7px; }
a.Facebook:hover { /*background:url(../images/facebook-icon-hover.png) no-repeat top left;*/ }
a.Twitter:link, a.Twitter:visited { float:left; margin-right:7px; background:url(../images/twitter-icon.png) no-repeat top left; text-indent:-99999px; display:block; height:25px; width:25px; }
a.Twitter:hover { /* background:url(../images/twitter-icon-hover.png) no-repeat top left; */ }
a.Linkedin:link, a.Linkedin:visited { float:left; background:url(../images/in-icon.png) no-repeat top left; margin-right:7px; text-indent:-99999px; display:block; height:25px; width:25px; }
a.Linkedin:hover { /* background:url(../images/in-icon-hover.png) no-repeat top left; */ }
a.Google:link, a.Google:visited { float:left; background:url(../images/google-icon.png) no-repeat top left; margin-right:7px; text-indent:-99999px; display:block; height:25px; width:25px; }
a.Google:hover { /* background:url(../images/google-icon-hover.png) no-repeat top left;  */}
/* Footer Bottom */
.FooterBot { border-bottom:1px solid #282828; background:#171717; padding:15px 0 28px 0px; }
.FooterBot span { float:right; font-size:12px; color:#fff; }
/* Profile */
.ProfileText ul { margin:0px; padding:0px; }
.ProfileText p { margin:0px; padding-left:12px; list-style:none; background:url(../images/squre-icon.png) no-repeat left 7px; }

/* Contact Us */
.ContactUsPanel { min-height:600px; margin-top:10px; }
.ContactUsPanel .tblrow { color:#fff; font-size: 20px; border-radius:5px 5px 0 0px; }
.ContactUsPanel table { border-radius:5px; margin-bottom:30px; }
/* Dowmload */

.DowmloadPanel { background:#f2f2f2; color:#333; }
.DowmloadTitle { float:right; color:#7b7b7a; font-size:14px; padding-top:10px; font-weight:normal; }
.DowmloadTitle a { color:#E60013; text-decoration:underline; }
.DowmloadTitle a:hover { color:#7b7b7a; text-decoration:none; }
.DownloadBox { background:#CCC; float:left; width:177px; margin-top:20px; margin-bottom:20px; margin-right:30px; padding:15px 15px 15px 15px; border-radius:5px; }
.DownloadBox:last-child { margin-right:0px; }
.DowmloadImg { min-height:150px; background:#fff; border-radius:5px 5px 0 0px; }
.DownloadBox img { }
.DowmloadPanel span { background:#e60013; height:33px; color:#383838; border-radius:0 0 5px 5px; text-align:center; padding-top:15px; display:block; }
.DowmloadPanel span a { text-decoration:underline; color:#383838; }
.DowmloadPanel span a:hover { color:#666; text-decoration:none; }
.DowmloadPanel b { color:#000; padding-right:0px; text-align:left; }
/* Dowmload */

.CustomizeText { margin-top:10px; }
.CustomizeText b { font-size:16px; color:#E60013; padding-bottom:5px; display:block; }
/* TestimonialsText */

.TestimonialsText { background:#f2f2f2; padding:20px; }
.TestimonialsText b { color:#383838; display:block; line-height:25px; }
.TestimonialsText legend { background:#e60013; color:#fff; font-weight:bold; padding:7px 10px; text-transform:uppercase; border-radius:5px; }
.TestimonialsText input { border:1px solid #cbcbcb; height:15px; padding:7px; background:#fff; }
.TestimonialsText .cf { border:1px solid #cbcbcb; height:100px; padding:7px; background:#fff; }
.TestimonialsText form { background:#EEEEEE; color:#383838; }
.TestimonialsText label { padding-bottom:10px; display:block; }
.TestimonialsText .SubBtn { float:left; }
.SubBtn a { float:right; background:#e60013; padding:7px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.SubBtn a:hover {  color:#fff; background-color:#EA5959;  }
.capimg { width:67px; float:left; height:25px; margin-right:5px; }
.caprerf { width:20px; margin-top:3px; float:left; }
/* Client */

.ContactUsPanel .tblrow1 { color:#fff; font-size: 20px; border-radius:5px 0px 0 0px; }
.ContactUsPanel .tblrow2 { color:#fff; font-size: 20px; border-radius:0px 5px 0 0px; }


/* Gallery */
.CustomizeText h3{ color:#E60013; font-size:22px;}
.gallery { background:#F2F2F2;  display:inline-block; padding:30px 0 0px 0px; }
.gallery li{ float:left; width:226px; text-align:center; margin-bottom:30px; }
