@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Prata);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);
.clear{ clear:both;}

.banner .right {background: url('../images/bnr_rht.png') no-repeat left top  transparent; right:17px;}
.banner .left {background: url('../images/bnr_lft.png') no-repeat left top transparent;  left:17px;}
.carousel-control {top: 45% !important; width:50px;}





.no-padding{ padding:0px;}
.no-right-padding{ padding-right:0px;}
.no-left-padding{ padding-left:0px;}
.main-top{margin:0px; padding:0px; border-bottom:1px solid #e1e1e1;}
.logo{position:absolute; top:0px; left:39%; text-align:center; background:url(../images/logo-bg.png) no-repeat  center 78px ;padding: 0px 2px 0 3px;z-index: 999;}
.top-contact{ margin:44px 0px 26px; padding:0px;}
.top-contact ul{ margin:0px; padding:0px; float:left;}
.top-contact ul li{ margin:0px; padding:0px; list-style:none; float:left; margin-right:10px;}
.top-contact ul li:last-child{ margin-right:0px;}
.top-contact ul li a{font-family: 'PT Sans', sans-serif; font-size:13px; color:#686868; line-height:18px; font-weight:400; letter-spacing:1px;}
.top-contact ul li a:hover{ color:#e30613;}
.fa-phone { color: #8d8d8d;}
.fa-envelope-o{color: #8d8d8d;}
.top-contact ul li:nth-child(2){ margin-right:40px;}
.top-social-icon{ margin:0px;  padding:30px 22px;}
.top-social-icon ul{ margin:0px; padding:0px; float:right;}
.top-social-icon ul li{ padding:0px; list-style:none; float:left; margin-right:30px; border:2px solid #dedede; height:30px; width:30px; text-align:center; text-align:center;	-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.top-social-icon ul li:last-child{ margin-right:0px;}
.fa-facebook{ margin:6px 0px 0 1px;	-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.fa-twitter{ margin:6px 0px 0 1px;	-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.fa-linkedin{ margin:6px 0px 0 1px;	-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.top-social-icon ul li a{ color:#555555;}
.top-social-icon ul li:hover{ background:#e30613; color:#fff;}
.fa-linkedin:hover, .fa-twitter:hover, .fa-facebook:hover{ color:#fff;}
.navbar{ margin-bottom:0px !important;}
.navbar-nav > li > a {padding: 15px 50px;font-family: 'PT Sans', sans-serif; font-size:13px; color:#000 !important; line-height:18px;text-transform:uppercase; letter-spacing:1px; font-weight: normal;}

.navbar-nav li a:hover { color:#e30613 !important;}
.nav > li { margin: 20px 0;}
.navbar-nav > li:last-child a{padding-right:0px;}
.navbar-nav > li:first-child a{padding: 15px 50px 15px 0px;}
.navbar-nav li:nth-child(4){ margin-left:342px !important;}

.banner-box{ margin:0px; padding:10px; border:1px solid #e0e0e0;}
.body-top{ padding:50px 0 30px; margin:0px;}
.body-top h1{font-family: 'PT Sans', sans-serif; font-size:16px; text-transform:uppercase; color:#000000; line-height:28px; text-align: center; margin:0px; padding:0 0 35px 0; background:url(../images/heding-bg.jpg) no-repeat center bottom; font-weight:400;    letter-spacing: 1px;}
.body-top h1 span{ font-size:18px; display:block;font-family: 'Prata', serif;}
.body-top p{padding: 15px 50px;font-family: 'PT Sans', sans-serif; font-size:13px; color:#686868; font-size:14px; line-height:24px; text-align:center;}
.back-box{width:81%; position:absolute; margin:0 auto; height:796px; border:1px solid #000;left: 0px;right: 0px;}
.service-right{background:#000; margin:57px 0; padding:45px 0px;}
.service-right h2{font-family: 'Prata', serif; font-size:18px; line-height:28px; color:#fff; background:url(../images/service-bg.jpg) no-repeat center bottom; text-align:center; padding:0 0 30px 0; text-transform:uppercase; margin:10px 0; letter-spacing:1px;}
.service-left{ margin:165px 0px;}

.service-inner-box{ float:left; margin:15px 0px 80px; padding:0px;}
.service-inner-box:first-child{ border-right:1px solid #414141;}
.service-inner-box ul{ margin:0px; padding:0px; position:relative;float: left;border-right:1px solid #666;}
.service-inner-box ul li{ margin:7px 0px 4px 55px; padding:0px; list-style:none;float: left;width: 41%; position:relative;}
.pic-box{ margin:8px 0px; padding:0px; border:1px solid #fff; height:45px; width:45px; text-align:center; text-align:center;	-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); list-style:none; background:#000; float:left; background:#000;}
.text-box{ float: left;margin: 0 0 0 25px;padding: 0px;width: 50%;height: 57px; color:#fff; display:table}
.text-box span{ display:table-cell; vertical-align:middle;}
.pic-box img{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);margin:12px 0px 0px;}
.pic-box:before{ content:''; border-left:1px solid #fff; height:22%; position:absolute; left:-11px; right:0px; top:-26px; margin:0 auto;-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.pic-box:after{ content:''; border-left:1px solid #fff; height:24%; position:absolute; left:45px; right:0px; bottom:-8px; margin:0 auto;-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.service-inner-box ul:before{ content:''; border-left:1px solid #666; height:100%; position:absolute; left:333px; right:0px; top:0px; margin:0 auto;}
.text-box span a{ color:#fff; text-decoration:none;}
.service-inner-box ul li:hover .pic-box{ background:#e30613; border:1px solid #e30613;}
.service-inner-box ul li:hover .text-box span a{ color:#e30613;}
.back-box2{width:81%; position:absolute; margin:0 auto; height:596px; border:1px solid #000;left: 0px;right: 0px;}
.body-portfolio{ margin:46px 0px; padding:0px;}
.portfolio{ margin:0px; padding:41px 0px;}
.portfolio h2{font-family: 'PT Sans', sans-serif; font-size:16px; text-transform:uppercase; color:#000000; line-height:28px; text-align: center; margin:0px; padding:0 0 28px 0; background:url(../images/heding-bg.jpg) no-repeat center bottom; font-weight:400;    letter-spacing: 1px;}
.portfolio h2 span{font-size:18px; display:block;font-family: 'Prata', serif;}
.portfolio-inner-box{ margin:0 0 55px 0;background: #000;}
.read-more{ margin:30px 0 0 0; padding:0px; width:100%; text-align:center;}
.read-more a{ margin:0 0 44px 0; padding:15px 36px; border:1px solid #838383; display: inline-block;font-family: 'PT Sans', sans-serif; font-size:14px; text-transform:uppercase; color:#303030; line-height:24px; position:relative; letter-spacing:1px;}
.read-more a:before{ position:absolute; border-left:1px solid #838383; left: 50%;top: -30px;content: "";height: 30px;}
.read-more a:hover{ color:#fff; background:#e30613; text-decoration:none; border:1px solid #e30613;}

.form-box{ background:url(../images/form-bg.jpg) no-repeat left top; text-align:center;margin: 45px 0 0;}

.form-box-inner{ width:497px; height:497px; background:#fff;display: inline-block;/*-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);*/ margin:0;background:url(../images/white-bg.png) no-repeat left top;}

.form-box-inner-form{/*-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); */margin:0px; padding: 0 20%;}
.form-box-inner-form h2{font-family: 'PT Sans', sans-serif; font-size:16px; text-transform:uppercase; color:#000000; line-height:28px; text-align: center; margin:42px 0px 25px; padding:0 0 28px 0; background:url(../images/heding-bg.jpg) no-repeat center bottom; font-weight:400;    letter-spacing: 1px;}
.form-box-inner-form h2 span{font-size:18px; display:block;font-family: 'Prata', serif;}
.main-form{ padding: 23px 0 0 0; margin:0px; position:relative;}
.text-style{ width:100%;border-bottom:1px solid #c4c4c4;border-top:none; border-left:none; border-right:none;margin: 0 0 4px 0;height: 30px; color:#c4c4c4;font-family: 'PT Sans', sans-serif; font-size:13px; background:none; }
.comment-style{ width:100%;  background:url(../images/comment-bg.jpg) no-repeat center bottom; border:none; color:#c4c4c4;font-family: 'PT Sans', sans-serif; font-size:13px; max-height: 65px; min-height: 65px; }
.btn{ position:absolute; width:124px; height:124px; left:87px; bottom:-162px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background:#c3000c; padding:11px;margin:0px;}
.btn p{ border:1px solid #fff; height:100%;}
.sub-btn{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border:none; background:none;font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; text-transform:uppercase; color:#fff; letter-spacing:1px;margin: 14px 0px 0px;padding: 23px;}
.btn p:hover{ background:#fff; color:#c3000c;}
.btn p:hover .sub-btn{ color:#c3000c;}
.portfolio-inner-box:hover img{ opacity:0.5}
.footer-box{ background:#000; background:url(../images/footerbg.jpg) no-repeat center top #1d1d1d;}
.cpoy-right{ float:right; color:#bdbdbd;font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px;
margin:26px 34px 24px 0px;}
.main-footer{margin: 12px 0 0 0;}
.footer-menu  {margin:0px; padding:0px;}
.footer-menu  ul { margin:26px 0px 24px 32px; padding:0px; float:left;}
.footer-menu ul li{ margin:0px; padding:0px; float:left; text-decoration:none; list-style:none;}
.footer-menu ul li a{ font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#bdbdbd;padding: 0 9px;
border-right: 1px solid #ccc;}
.footer-menu ul li:last-child a{ border:none;}

placeholder::-webkit-input-placeholder {
   color: #565555;
}
:-moz-placeholder { /* Firefox 18- */
   color: #565555;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #565555;  
}
:-ms-input-placeholder {  
   color: #565555;  
}
@media only screen and (max-width:1199px) and (min-width:992px){
.logo {position: inherit; left: 0;}
.top-contact { margin: 0px 0px; text-align:center;}
.top-contact ul {text-align:center;float: none;}
.top-contact ul li{ display:inline-block;float: none;}
.top-social-icon{ margin: 20px 0px; text-align:center; padding:0px;}
.top-social-icon ul {text-align:center;float: none;}
.top-social-icon ul li{ display:inline-block;float: none;}
.navbar-nav li:nth-child(4) {  margin-left: auto !important;}
.navbar-nav{ text-align:center; float:none;}
.navbar-nav li{ display:inline-block; float:none;}
.nav > li { margin: 0px 0px;}
.navbar-nav > li > a { padding: 15px 20px;}	
.portfolio-inner-box img{ width:100%;}
.service-left img{ width:100%;}
.service-left {  margin: 255px 0px;}
.footer-menu ul { margin: 80px 0px 0 0px; float:none; text-align:center;}
.footer-menu ul li{ display:inline-block; float:none;}
.cpoy-right { float: none; text-align:center;margin: 10px 0;}
.back-box2 {height: 400px;}
.back-box2 { height: 530px;}	
}

@media only screen and (max-width:991px) and (min-width:768px){
.logo {position: inherit; left: 0;}
.top-contact { margin: 0px 0px; text-align:center;}
.top-contact ul {text-align:center;float: none;}
.top-contact ul li{ display:inline-block;float: none;}
.top-social-icon{ margin: 20px 0px; text-align:center; padding:0px;}
.top-social-icon ul {text-align:center;float: none;}
.top-social-icon ul li{ display:inline-block;float: none;}
.navbar-nav li:nth-child(4) {  margin-left: auto !important;}
.navbar-nav{ text-align:center; float:none;}
.navbar-nav li{ display:inline-block; float:none;}
.nav > li { margin: 0px 0px;}
.navbar-nav > li > a { padding: 15px 20px;}
.back-box{height: 595px;}
.body-top {padding:15px 0px;}
.service-left { margin: 0; text-align:center;}
.body-portfolio { margin: 20px 0px 50px;}
.service-left img{ width:100%;}
.service-inner-box ul li {margin: 7px 0px 4px 20px;width: 45%;}
.service-inner-box ul:before{left: 235px;}
.service-right {margin: 18px 0 0 0; padding: 5px 0px;}
.service-inner-box { margin: 15px 0px 20px;}
.service-left{padding: 168px 0px;}
{margin: 50px 0px 0px;}
.portfolio-inner-box img{ width:100%;}
.portfolio { padding: 25px 0px;}
.portfolio-inner-box { margin: 0px 0px 15px;}
.back-box2 {height: 400px;}
.form-box{margin: 15px 0px 0px;}
.footer-menu ul { margin: 80px 0px 0 0px; float:none; text-align:center;}
.footer-menu ul li{ display:inline-block; float:none;}
.cpoy-right { float: none; text-align:center;margin: 10px 0;}


}
@media only screen and (max-width:767px){
	.logo {position: inherit; left: 0;}
.top-contact { margin: 0px 0px; text-align:center;}
.top-contact ul {text-align:center;float: none;}
.top-contact ul li{ display:inline-block;float: none;}
.top-social-icon{ margin: 20px 0px; text-align:center; padding:0px;}
.top-social-icon ul {text-align:center;float: none;}
.top-social-icon ul li{ display:inline-block;float: none;}
.navbar-nav li:nth-child(4) {  margin-left: auto !important;}
.navbar-nav{ text-align:center; float:none;}
.navbar-nav li{ display:inline-block; float:none;}
.nav > li { margin: 0px 0px;}
.navbar-nav > li > a { padding: 15px 20px;}
.body-top { padding: 15px 0px 0px;}
.body-top p{ margin:0px;}
.body-portfolio { margin: 10px 0px;}
.back-box{ display:none;}
.service-left { margin: 5px 0px; text-align:center;}
.service-left img { border:5px solid #ccc;}
.no-right-padding{ padding-right:15px;}
.no-left-padding{ padding-left:15px;}
.service-right{margin: 20px 0px;padding: 5px 0px;}
.service-inner-box ul li {width: 45%;    margin: 7px 0px 4px 30px;}
.service-inner-box ul:before{ display:none;}
.service-inner-box{margin: 15px 0px 30px;}
.portfolio {padding: 15px 0px;}
.portfolio-inner-box{ width:50%; margin:0 auto 20px;}
.portfolio-inner-box img{ width:100%;}
.back-box2{ display:none;}
.read-more a { margin: 0px;}
.form-box{margin: 20px 0px 0px;}
.footer-menu ul { margin: 80px 0px 0 0px; float:none; text-align:center;}
.footer-menu ul li{ display:inline-block; float:none;}
.cpoy-right { float: none; text-align:center;margin: 10px 0;}
.service-left img{ width:100%;}	
.nav > li {margin: 0px; width:100%; border-bottom:1px dotted #ccc;}
.nav > li:last-child{ border-bottom:none;}
.navbar-nav > li:first-child a { padding: 10px 0px;}
.navbar-nav > li > a {padding: 10px 0px;}
.navbar-nav li:hover a{ background:#e30613 !important; color:#fff !important;}

}
@media only screen and (max-width:480px){
.service-inner-box ul li { width: 80%;}	
.service-left img{ width:100%;}
.form-box-inner{ background:rgba(250, 250, 250, 0.9);width: 80%;height: auto; margin:10% 0; padding:0 0 18% 0;}
.form-box-inner-form h2 {margin: 20px 0px 10px;}
placeholder::-webkit-input-placeholder {
   color: #000;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}
:-ms-input-placeholder {  
   color: #000;  
}	
.btn { left:32%;}
.form-box-inner-form {padding: 0px 5px;}
.portfolio-inner-box {width: 100%;}
}
@media only screen and (max-width:360px){
.btn{width: 100px;height: 100px;left: 30.5%;;bottom: -145px;}
.portfolio-inner-box {width: 100%;}
.sub-btn{padding: 13px;}
.top-contact ul li:nth-child(2) {  margin-right: 5px;}
.top-contact ul li {margin: 0px 2px 0px 0px;}
	
}
@media only screen and (max-width:320px){
.btn{width: 100px;height: 100px;left: 28%;bottom: -145px;}
.top-contact ul li:nth-child(2) {  margin-right: 50px;}
.top-contact ul li:nth-child(1) {  margin-left: 83px;}
.top-contact ul li:nth-child(3) {  margin-left: 40px;}
.top-contact ul li {margin: 0px 10px 0px 0px; float:left;}
.footer-box{ background:#000;}
	
}