@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Conv_Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Roboto', sans-serif;
}

div, ul, li,ol,a,span,p,table,tr,td,h1,h2,h3,h4,h5,h6,header,nav,footer,aside,figure,section,address,article{margin:0; padding:0;}
a{text-decoration:none; outline:none;}
ul, li, ol{list-style-type:none;}
img{border:0; outline:none;}
.fl{float:left;}
.fr{float:right ;}
.clear{margin:0; padding:0; clear:both; font-size:0; line-height:0;}
img{max-width:100%}
.noBor{border:none;}
.noBorR{border-right:none;}
.noBg{background:none;}
.pr{padding-right:0;}
.mr{margin-right:0;}
.mr0{margin-right:0;}
.clearfix:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	overflow-x:hidden;
}
img::selection 		{ background: transparent; }
img::-moz-selection	{ background: transparent; }
*{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}


.paddingleft-right{ padding:0 10px;}	
.full-width{width:100%; padding:0; margin:0; float:left;}	
.container{width:100%; max-width:1175px; margin:0 auto; position: relative;}	
.align{text-align:center;}

.header-back-color{ background:#302e2c;}
.logo{ float:left; margin:33px 0px;width: 25%; }
.head-right{float:right; padding:0; margin:0;}

.head-right ul{padding:0; margin:40px 0;}
.head-right ul li{padding:0; margin:0; float:left; display:block;}

.head-right ul li a{padding:11px 10px; margin:0;  display:block; font-size:15px; font-weight:500; color:#fff; text-transform:uppercase; }
.head-right .menu ul .current-menu-item{color:#fff; border:2px solid #b90002;}

.top-bottom-about-margin{margin:31px 0 ; }
.about-left{ float:left; width:49.27%}
.about-left h3{ font-weight:700; font-size:26px; color:#b90002;}
.about-left p {color:#222222; font-size:14px; font-weight:normal; line-height:22px; margin:30px 0; text-align:justify;}
.about-left a {font-weight:700; font-size:16px; background:#b90002; color:#fff; padding:14px 15px; display:inline-block; border-radius:4px;-webkit-border-radius:4px; }

.about-right-img{float:left; width:39.72%; margin:0 0 0 11%;}



.service-back{background:url(../images/service-back.jpg) no-repeat; background-size:cover; -webkit-background-size:cover;}

.service-back .our-service{padding:47px 0; margin:0;}
.service-back .our-service li{padding:0; margin:0 0 15px 0; display:block;}
.service-back .our-service li h2{ color:#b90002; font-size:30px; font-weight:700; text-transform:uppercase;}
.service-back .our-service li p{ color:#fff; font-size:16px; font-weight:normal;}

.service-back .service-facilities{padding:0; margin:0;}
.service-back .service-facilities li{padding:0; margin:0 1%; display:inline-block; width:31%; }
.service-back .service-facilities li a { font-size:17px; text-transform:uppercase; font-weight:700; color:#FFF;}
.service-back .service-facilities li a img {padding:0; margin:0 15px 0 0px; vertical-align:middle;}
.service-back .service-facilities li p{font-size:14px; font-weight:normal; color:#FFF; margin:32px 0 50px 0; width:90%;}

.letest-work{padding:0 ; margin:0;}
.letest-work h2{padding:0 ;  margin:50px 0 0 0; color:#b90002; font-size:30px; font-weight:700; text-transform:uppercase;}
.letest-work p{color:#2a2a2a; font-size:14px; font-weight:normal; padding:25px 0;}

/* letest work*/
.view {
    background: #fff url("../images/bgimg.jpg") no-repeat scroll center center;
   /* border: 10px solid #fff;*/
   /* box-shadow: 0 0 2px #656565;*/
    cursor: default;
    display: inline-block;
    margin: 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 25%;
	float:left;
}
.view .mask, .view .content {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.view img {
    display: block;
    position: relative;
}
.view a {
    color: #fff;
    display: block;
    font-size: 17px;
    margin: 90px 0 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.view p {
    color: #fff;
    font-family: Georgia,serif;
    font-size: 12px;
    font-style: italic;
    padding: 10px 20px 20px;
    position: relative;
    text-align: center;
}
.view a.info {
    background: #000 none repeat scroll 0 0;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 7px 14px;
    text-decoration: none;
    text-transform: uppercase;
}
.view-first .text {
    font-size: 16px;
}
.view-first img {
    transition: all 0.2s linear 0s;
}
.view-first .mask {
    background-color: rgba(182, 32, 28, 0.9);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.view-first h2 {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out 0s;
}
.view-first p {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.2s linear 0s;
}
.view-first:hover img {
    transform: scale(1.1, 1.1);
}
.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}
.view-first:hover .mask {
    opacity: 1;
}
.view-first:hover h2, .view-first:hover p, .view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}




.testi-element{margin:100px 0;}
.testimonial{ float:left; width:60%; position:reletive;}
.testimonial h3{ font-size:30px; color:#b90002; font-weight:700;}
.testimonial p{ font-size:14px; color:#303132; font-weight:normal; line-height:22px; margin:30px 0; }

.testimonial .bxslider .text-slide{ border:1px solid #ccc; padding:10px; margin:0 0 15px 0;}
.testimonial .bxslider .text-slide p{color:#525252; font-weight:normal; line-height:22px; font-size:14px; padding:0; margin:0;}
.testimonial .bxslider .text-slide h3{color:#525252; font-weight:normal; line-height:22px; font-size:16px; padding:0; margin:24px 0; text-align:right;}


.client{float:left; width:31%; position:reletive; margin:0 0 0 9%;}
.client h3{ font-size:30px; color:#b90002; font-weight:700;}
.client p{ font-size:14px; color:#303132; font-weight:normal; line-height:22px; margin:30px 0; }
.client ul{ padding:0 ; margin:0;}
.client ul li{ padding:0 ; margin:0 5px 10px 5px; display:inline-block; }

.client-full ul{ padding:0 ; margin:25px 0 0 0; margin:25px 0 0 0; text-align:center}
.client-full ul li{ padding:0 ; margin:0 5px 10px 5px; display:inline-block; width:18%; }



.back-color{background:#000; padding:37px 0 0 0;}
.footer-contant{width:22.5%; display:block; margin: 0 1%; float:left;}
.footer-contant h4{ color:#b90002; font-size:18px; font-weight:700; margin:0 0 20px 0;}
.footer-contant ul{padding:0; margin:0;}
.footer-contant ul li{padding:0; margin:0; display:block;}
.footer-contant ul li a img{vertical-align:middle; margin:0 10px 0 0;}
.footer-contant ul li a{ margin: 0 0 15px 0; font-size:14px; color:#FFF;}


.company-name{ color:#626262; font-size:14px; float:left; padding:20px 0;}

.social-icon{ padding:20px 0; margin:0; float:right;}	
.social-icon li{padding:0 5px; float:left; display:block;}

<!--testimonial-->


.two {
  
}
.box {
    border: 0 none;
    box-sizing: border-box;
    display: inline;
    float: left;
    margin: 0  0 30px 20px;
    padding: 0;
	  width: 48%;
}

.client_image {
    border-radius: 50%;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08);
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 10px;
}
.gradient {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%) repeat scroll 0 0;
}

.responsive .content img {
    height: auto;
}
.client_image img {
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    float: left;
    height: 100px;
    overflow: hidden;
    width: 100px;
}
 .with_image {
    margin-left: 142px;
    padding-top: 10px;
}
.with_image p{text-align:left; font-size:14px; font-weight:normal; color:#555; line-height:22px;}
.client_info {
    color: #999;
    font-size: 13px;
    font-style: italic;
	 margin: 10px 0;
}

.global-margin{margin:30px 0;}


/*about us*/

/*.primary-color:before {
    bottom: -10px;
}*/
 .primary-color:before {
    background: #b90002 none repeat scroll 0 0;
    /*bottom: -7px;*/
    content: "";
    height: 8px;
    left: 1px;
    position: absolute;
    width: 32px;
	top: 28px;
}
.primary-color {
   color: #484848;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
	margin:0px 0 40px 0;
}

.left-about{ float:left; width:26%; margin:0 3% 0 0;}

.right-about{ float:left; width:60%; margin:0 0% 0 0;}
.right-about ul{padding:0; margin:0;}
.right-about ul li{padding:0; margin:0; display:block;}
.right-about ul li h3{padding:0; margin:0 0 0px 0; font-size:18px; text-transform:uppercase; color:#666; }
.right-about ul li p{padding:0; margin:20px 0 20px 0; font-size:14px; color:#555; text-align:left; line-height:22px }

/*contact us*/

.left-about-contact{float:left; width:32%; margin:0 3% 0 0;}
.left-about-contact ul{ padding:0; margin:0;}
.left-about-contact ul li{ padding:0; margin:10px 0; display:block; font-size:14px; color:#555; }
.left-about-contact p{padding:0; margin:0; font-size:14px; text-align:left; color:#555;}

.right-about-contact{float:left; width:60%; margin:0 3% 0 0;}

.right-about-contact ul{padding:0; margin:0; }
.right-about-contact ul li{padding:0; margin:0 2% 20px 0; display:block; float:left; width:100%;}

.right-about-contact ul li input{width:96%; height:44px; font-size:14px; font-weight:normal; color:#3d4445; padding:0 10px; background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #fff inset, 1px 2px 0 #eee; }

.right-about-contact ul .button .wpcf7-submit{ background:#b90002 ; color:#fff; font-size:18px; font-weight:normal; padding:10px 22px; margin:14px 0 0 0; border:none;width:auto; height:auto; cursor:pointer;}
.right-about-contact ul li textarea{width:96%; height:130px; font-size:14px; font-weight:normal; color:#3d4445; padding:10px 10px; font-family: 'Roboto', sans-serif;  border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #fff inset, 1px 2px 0 #eee; }

/*services*/
.main-services{ display: inline-block; margin: 10px 0 36px;}
.left-services{float:left; width:50%; margin:0 0% 0 0;}
.right-services{float:left; width:47%; margin:0 0% 0 3%;}
.right-services h3{text-transform:uppercase; font-size:24px; font-weight:bold; color:#4e4e4e;}
.right-services p{ font-size:14px; font-weight:normal; margin:26px 0; line-height:32px; color:#7f7f7f; text-align:justify;}


.right-services .line{width:100%; height:3px; margin:0px 0 0 0; background:#b90002; display:inline-block;}

/*project page css*/
.main-project {
    background: #e8e8e8 none repeat scroll 0 0;
    overflow: hidden;
    padding: 10px;
}
.main-project img{width:50%; height:390px; object-fit:cover ;float:left;}
.left-project> h3 {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 0 0 20px;
    color: #b90002;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 10px 0;
    text-transform: uppercase;
}
.left-project {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 0px 1% 0 0%;
    padding: 10px;
    width: 49%;
	min-height:390px;
}
.view-btn img{ width:135px; height:35px; margin:15px 0 0 0;}

.left-project > p {
    font-size: 14px;
    text-align: justify;
	line-height:21px;
	clear:both;
	width:100%;
	padding:0 0 8px 0;
	
}

#main img{width:50%; height:300px; object-fit:cover ; margin:0 0 30px 0; float:right; border: 1px solid #ccc; padding:8px}

.entry-content p{
	font-size: 14px;
    text-align: justify !important;
	line-height:21px;
	clear:both;
	width:100%;
	padding:0 0 8px 0; margin:0 !important;}
	
.post-content {
    float: left;
    margin-bottom: 4rem;
    margin-right: 2%;
    overflow: hidden;
    overflow-wrap: break-word;
    width: 48%;
}	
	
/*.right-project {
    background: #000 none repeat scroll 0 0;
    float: right;
    margin: 10px 0 0px 2%;
    width: 25%;
	padding:10px;
}


.right-project > p {
    color: #fff;
    font-size: 14px;
    padding:0px;
}
*/








.ph{display:none;}
@media only screen and (min-width:768px) and (max-width:991px){
	.container{padding:0 10px}
	
	
	.ph{display:block;}	
#nav{display:none;}
#menu{float:right; padding:16px 0 0 0;}	
.logo{margin: 10px 0;}
.head-right ul{position:absolute; left:0; top: 21px;  background: #302e2c; z-index:9999;}
.head-right ul li{width:100%;}	
.head-right ul li a{ padding:10px;}	
	.testimonial{width: 100%;}
    .client{width: 100%; margin:0%;}
    .client ul{text-align: center;}
	.flex-control-nav{bottom:0 !important;}
	
.service-back .service-facilities li{ width: 47%;}	
/*16.3.2016*/
.primary-color::before{left:11px;}
.box{width:100%;margin: 0 0 20px;}	
	}

@media only screen and (min-width:480px) and (max-width:767px){


}

@media only screen and (max-width:767px){
	
.ph{display:block;}	
#nav{display:none;}
#menu{float:right; padding:16px 0 0 0;}	
.logo{margin: 10px 0;}
.head-right ul{position:absolute; left: -76px; top: 17px;  background: #302e2c; z-index:9999;}
.head-right ul li{width:100%;}	
.head-right ul li a{ padding:10px;}		
	
.container{padding:0 10px}
.about-left{width:100%;}  
.about-right-img{ width:100%; margin: 10% 0% 0 0%;}
.service-back .service-facilities li{width:98%;}
.testimonial{width: 100%;}
.testi-element{margin: 50px 0;}
.bx-wrapper .bx-controls-direction a{top: -183px !important;}
.client{width: 100%; margin:0%;}
.client ul{text-align: center;}
.view{width:auto; float:none;}
.flex-control-nav{bottom:0 !important;}
.footer-contant{ width: 48%;}
.company-name{padding: 15px 0 0;}
.social-icon{  padding: 4px 0;}

/*16.3.2016*/
.primary-color::before{left:11px;}
.box{width:100%;margin: 0 0 20px;}

.right-about { margin: 19px 0 0; width: 100%; }
.left-about { margin: 0 0 0 0;width: 100%;}
.left-about-contact{width: 97%;}
.right-about-contact {margin: 30px 0 0; width: 100%;}
.right-about-contact ul li input{width: 100%;}
.right-about-contact ul li textarea{width: 100%;}
.left-services{width:100%}
.left-services img{width:100%}
.right-services{width:100%; margin:11% 0 0 0;}
.left-project{width:100%;margin: 0 0% 0 0;}
.main-project img{width: 100%;}

	}