@charset "utf-8";

/* CSS Document */

/*font-family: 'Roboto', sans-serif;*/

*{

	margin:0;

	padding:0;

	box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-o-box-sizing:border-box;

}

body{

	font-family: 'Lato', sans-serif;

	color:#000;

	font-size:16px;

	line-height:26px;

	overflow-x: hidden;

}

a, a:hover, a:focus{

	text-decoration:none;

}



.m0{

	margin:0;

}

.mb-30{

	margin-bottom:30px;

}







/***************

@

@ 	 Header

@

***************/



/** logo, navigation **/

.navbar-inverse {

    background-color: #fff;

    border: 0;

}

.navbar-inverse .navbar-nav>li>a {

    color: #282c3f;

    text-transform:capitalize;

    font-size: 14px;

}

.navbar-inverse .navbar-nav>li>a{

    text-transform:uppercase;

    font-size: 16px;

    padding: 15px 0;

	font-weight:600;

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{

	 background-color: transparent;

    color: #282c3f;

    border-radius: 0;

    text-transform:uppercase;

	border-bottom:3px solid #ed1c24;

	 position: relative;

}

.navbar-inverse .navbar-nav>.active>a:before{

	content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 7px 10px 7px;

    border-color: transparent transparent #ed1c24 transparent;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, 0);

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{

	    background-color: transparent;

    color: #282c3f;

    border-radius: 0;

     text-transform:uppercase;

   border-bottom:2px solid #ed1c24;

}

.navbar{

	margin-bottom: 0;

}

header .navbar-inverse {

    background-color:transparent;

	padding: 0;

	position: relative;

}

header .logoNav{

	background:#fff;

}

header .navbar>.container .navbar-brand, header .navbar>.container-fluid .navbar-brand{

	padding:0;

	z-index: 9;

    position: relative;
	margin-top: 10px;

}



header .navbar-brand>img {

    display: block;

    width: auto !important;

    height: auto !important;

}

header .btn-set{

    position: absolute;

    top: 20px;

    right: 0;

}

header .btn-set a{

	display:inline-block;

	font-size:16px;

	width:184px;

	height:41px;

	line-height:41px;

	border-radius:50px;

	text-align:center;

	text-transform:uppercase;

}

header .btn-set a svg{

	margin-right:15px;

}



header .btn-set a.getQuote{

    color: #003399;

    background: #fff;

    border: 0;

    font-weight: 600;

    border-radius: 50px 0 0 50px;

    width: 143px;

    margin-left: 20px;

}

header .btn-set a:hover, header .btn-set a:focus{

	opacity:0.6;

}

header .navbar-right{

	padding: 0 0;

}

header .navbar-inverse .navbar-collapse{

	    padding: 0;

		position:relative;

}

.navbar-inverse .navbar-nav>li>a{

	border-radius: 0;

}

.navbar-inverse .navbar-nav>li:last-child>a{

	border-right:0;

}



.logoNav .contactDetails {

    text-align: right;

    font-size: 14px;

	margin-top: 25px;

	color:#fff;

}

.logoNav .contactDetails ul li{

	list-style-type:none;

	 display: inline-block;

	 margin-left:50px;

}

.logoNav .contactDetails ul li a{ 

color:#fff;

margin-left:5px;

}

.logoNav .contactDetails ul li a:hover, .logoNav .contactDetails ul li a:focus{

	color:#0e853b;

}

.logoNav .contactDetails ul li svg{

	margin-right:10px;

}

.logoNav .navbar-header{

    margin-top: 0;

    padding: 15px 0;

}

.navbar-brand{

	height:auto;

}

header .logoNav .abn{

	position: absolute;

    right: 100px;

    top:48%;

    transform: translate(0%, -50%);

}

header .logoNav .abn a{

	display:block;

	width:251px;

	height:40px;

	line-height:40px;

	border-radius:50px;

	color:#000;

	background:#ed1c24;

	font-size:16px;

	text-align:center;

	text-transform:uppercase;

	font-weight:600;

}

header .logoNav .abn a:hover, header .logoNav .abn a:focus{

	    background:#d8ce0e;

}

/** end logo, navigation **/



/** top header **/

.topHeader {

   background: #3a2a7d;

    color: #fff;

    line-height: 46px;

	font-size: 14px;

}





.topHeader a:hover, .topHeader a:focus, .topHeader .headSocial ul li a:hover, .topHeader .headSocial ul li a:focus{

	color:#fff;

}

header .logoNav .abn svg{

    margin-right: 10px;

}



.topHeader svg{

    color: #ed1c24;

}

.topHeader strong{

	color: #ed1c24;

}

.topHeader .phText a{

    color: #fff;

}

.topHeader .phText a:hover, .topHeader .phText a:focus{

	color:#ccc;

}



.topHeader .socialHead {

    margin: 10px 0;

}

.topHeader .socialHead ul li{

	list-style-type:none;

	float:left;

    margin-left: 7px;

}

.topHeader .socialHead ul li svg{

	color:#fff;

}

.topHeader .socialHead ul li a{

	display:block;

	width:26px;

	height:26px;

	line-height:24px;

	border:1px solid #fff;

	text-align:center;

}

.topHeader .phText {

    margin-right: 30px;

}

.topHeader .socialHead ul li a:hover, .topHeader .socialHead ul li a:focus{

	background: rgba(255, 255, 255, 0.22);

}

header .navbar-nav>li{

	    margin: 0 12px;

}

/** end top header **/



/***********

@

@   Banner

@

*************/

/** slider **/

.vertical .carousel-inner {

  height: 100%;

}



.carousel.vertical .item {

  -webkit-transition: 0.6s ease-in-out top;

     -moz-transition: 0.6s ease-in-out top;

      -ms-transition: 0.6s ease-in-out top;

       -o-transition: 0.6s ease-in-out top;

          transition: 0.6s ease-in-out top;

}



.carousel.vertical .active {

  top: 0;

}



.carousel.vertical .next {

  top: 100%;

}



.carousel.vertical .prev {

  top: -100%;

}



.carousel.vertical .next.left,

.carousel.vertical .prev.right {

  top: 0;

}



.carousel.vertical .active.left {

  top: -100%;

}



.carousel.vertical .active.right {

  top: 100%;

}



.carousel.vertical .item {

    left: 0;

	height:100vh;

}

.carousel-inner>.item>img{

	width:100%;

	height:100%;

	object-fit:cover;

}

/** end slider **/

.banner{

	position:relative;

}

.banner .banContent{

    position: absolute;

    left: 100px;

    top: 36%;

    transform: translate(0%, -36%);

	-webkit-transform: translate(0%, -36%);

	-moz-transform: translate(0%, -36%);

	-o-transform: translate(0%, -36%);

    background: rgba(58, 42, 125, 0.79);

    color: #fff;

    padding: 35px;

	width:625px;

}

.banner .banContent h1{

	margin:0;

	font-family: 'Roboto', sans-serif;

	font-size:48px;

	text-transform:uppercase;

	font-weight:300;

}

.banner .banContent h3{

	margin:12px 0 25px;

	font-weight:800;

	font-size:36px;

}

.banner .banContent p{

	margin:0;

	font-size:20px;

	line-height:34px;

	font-weight:300;

}

.banner .banContent a{

	display:block;

	font-size:18px;

	color:#fff;

	font-weight:800;

	background:#ed1c24;

	width:223px;

	height:61px;

	line-height:61px;

	text-align:center;

	margin-top:25px;

}

.banner .banContent a:hover, .banner .banContent a:focus{

	background:#fff;

	color:#ed1c24;

}

.carousel-indicators{

	left: inherit;

    right: 100px;   

	 text-align: right;

	 margin-left: 0;

	 width: auto;

	 top: 50%;

}

.carousel-indicators li {

   display: block;

    margin: 22px 0;

    position: relative;

    background-color: #fff;

}

.carousel-indicators .active{

	width:8px;

	height:8px;

}

.carousel-indicators .active:after{

	content: "";

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border: 1px solid #fff;

    display: block;

    position: absolute;

    top: -7px;

    left: -7px;

}

	

/****************

@

@   Services

@

****************/

.service{

	background: url(../images/serv-bg.png);

    background-size: cover;

    padding: 160px 0 150px;

    margin-top: -128px;

    z-index: 9;

    position: relative;

	background-position: 50% 0;

}

.service h2{

	font-family: 'Roboto', sans-serif;

	font-size:46px;

	font-weight:800;

	text-transform:uppercase;

	margin: 50px 0 10px;

}

.service h4{

	font-size:20px;

	font-weight:700;

	font-style:italic;

}

.service .row{

	margin-top:140px;

}

.service .serviceBlock {

    border: 1px solid #ed1c24;

    padding: 30px 10px;

	position: relative;

}

.service .serviceBlock:hover, .service .serviceBlock:focus{

	background:#fff;

}

.service .serviceBlock:hover .serviceImg:before{

	    border-color: transparent transparent #ed1c24 transparent;

}

.service .serviceBlock:hover h3:after{

	    background: #ed1c24;

}

.service .serviceBlock .serviceImg {

	width: 200px;

    height: 200px;

    margin:-80px auto 80px;

    transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	 position: relative;

}

.service .serviceBlock .serviceImg img{

	width:100%;

	height:100%;

	object-fit:cover;

	border:1px solid #ed1c24;

	z-index: 9;

    position: relative;

}

.service .serviceBlock h3{

	text-transform:uppercase;

	font-size:20px;

	font-family: 'Roboto', sans-serif;

	font-weight:800;

	padding-bottom: 20px;

	position:relative;

}

.service .serviceBlock h3:after{

	content:"";

	position:absolute;

	width:78px;

	height:4px;

	background:#3a2a7d;

	bottom:0;

	left:50%;

	 transform: translate(-50%, 0);

	 -webkit-transform: translate(-50%, 0);

	 -o-transform: translate(-50%, 0);

	 -moz-transform: translate(-50%, 0);

}

.service .serviceBlock .serviceImg:before{

	content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 120px 102px 110px;

    border-color: transparent transparent #3a2a7d transparent;

    position: absolute;

    transform: rotate(-45deg);

    top: -25px;

    left: -85px;

    z-index: 1;

}

.service .serviceBlock a{

    display: block;

    width: 148px;

    height: 60px;

    line-height: 60px;

    background: #3a2a7d;

    color: #fff;

    margin: 30px auto -60px;

}

.service .serviceBlock a:hover, .service .serviceBlock a:focus{

	background:#ed1c24;

}



/****************

@

@   about us

@

****************/

.aboutUs{

	color: #fff;

    background: url(../images/about-bg.png);

    padding: 150px 0 50px;

    margin-top: -123px;

    z-index: 9;

    position: relative;

    background-position: 50% 0;

    background-repeat: no-repeat;

}

.aboutUs h2 {

    font-family: 'Roboto', sans-serif;

    font-size: 46px;

    font-weight: 800;

    text-transform: uppercase;

}

.aboutUs h4 {

    font-size: 20px;

    font-weight: 700;

    font-style: italic;

	margin-bottom:45px;

}

.aboutUs p{

	opacity:0.8;

	margin-bottom:35px;

}

.aboutUs a{

	width:148px;

	height:60px;

	line-height:60px;

	display:block;

	background:#3a2a7d;

	color:#fff;

	margin:0 auto;

}

.aboutUs a:hover, .aboutUs a:focus{

	background:#fff;

	color:#3a2a7d;

}



/****************

@

@   project

@

****************/

.project {

    margin-top: 10px;

	position: relative;

	border-bottom:10px solid #ed1c24;

}

.project h2{

	font-size: 36px;

    left: 50%;

    transform: translate(-50%, 0);

	-webkit-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

    color: #fff;

    position: absolute;

    bottom: 13px;

    z-index: 999;

    text-transform: uppercase;

}

.project:after{

	content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 275px 130px 275px;

    border-color: transparent transparent #ed1c24 transparent;

    position: absolute;

    bottom: 0;

    left: 50%;

    z-index: 99;

    transform: translate(-50%, 0);

    color: #fff;

    font-size: 36px;

    line-height: 185px;

    text-align: center;

}

.productImg{

	height:325px;

}

.productImg img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-prev:hover{

	background:url(../images/prev.png);

	width:58px;

	height:126px;

	position:absolute;

	left:0;

	 top: 50%;

    transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

}

 .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-next:hover{

	background:url(../images/next.png);

	width:58px;

	height:126px;

	position:absolute;

	right:0;

	 top: 50%;

    transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

}

.owl-theme .owl-nav {

    margin-top: 10px;

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	width: 100%;

}



/****************

@

@  testimonial

@

****************/

.testimonial{

	position:relative;

	margin:80px 0;

}

.testimonial .testiImg{

	height:670px;

	width:50%;

	position:absolute;

	left:0;

	top:0;

}

.testiImg img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.testimonial .testiContent{

	width:50%;

}

.testimonial .testiContent h2{

	font-family: 'Roboto', sans-serif;

	font-size:46px;

	font-weight:800;

	text-transform:uppercase;

	text-align:right;

	 margin: 0 0 35px;

	 padding-right:100px;

}



.testimonial .testiContentBlock {

    background: #3a2a7d;

	color:#fff;

	padding:50px 100px;

	text-align:center;

	height: 540px;

	position:relative;

}

.testimonial .testiText img.comma{

	float:left;

	margin-right:15px;

}

.testimonial .testiText img.userImg{

	float:left;

}

.testimonial .testiText p{

	clear:both;

	padding-top:50px;

	color: rgba(255, 255, 255, 0.71);

    font-style: italic;

	font-weight:300;

	margin-bottom:40px;

}

.testimonial .testiText h4{

	font-weight:800;

	font-size:20px;

	text-transform:uppercase;

}

.testimonial .carousel-indicators li {

    display: inline-block;

	margin: 0px 15px;

}

.testimonial .carousel-indicators li.active{

	margin: 0px 15px;

}

.testimonial .carousel-indicators{

	    right: 0;

		text-align: center;

		width: 100%;

}

.testimonial .carousel-indicators{

	top: inherit;

    bottom: -50px;

}

.testimonial .testiContentBlock:before{

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 84px 0 0 150px;

    border-color: transparent transparent transparent #291c5e;

    position: absolute;

    top: -84px;

    left: 0;

}

.testimonial .testiContentBlock:after{

	content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 45px 150px 0 0;

    border-color: #291c5e transparent transparent transparent;

    position: absolute;

    left: 0;

    bottom: -45px;

}



/****************

@

@  footer

@

****************/

footer{

	background:url(../images/foot-bg.jpg);

	background-size:cover;

	padding:65px 0 0;

	color:#fff;

	margin-top: 100px;

	position:relative;

}

footer:before{

	content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 40px 187.5px 0 187.5px;

    border-color: #fff transparent transparent transparent;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, 0);

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

}

footer img{

	margin-bottom:35px;

	

}

footer .footerBlock h4{

    font-family: 'Roboto', sans-serif;

    font-size: 20px;

    text-transform: uppercase;

    color: #ed1c24;

    text-shadow: 1px 1px 3px #000;

    margin: 25px 0 10px;

}



footer .socialFoot ul li{

	list-style-type:none;

	float:left;

    margin-left: 7px;

}

footer .socialFoot ul li svg{

	color:#fff;

}

footer .socialFoot ul li a{

	display:block;

	width:26px;

	height:26px;

	line-height:24px;

	border:1px solid #fff;

	text-align:center;

}

footer .socialFoot ul li a:hover, footer .socialFoot ul li a:focus{

	background: rgba(255, 255, 255, 0.22);

}

footer .footerBlock h2{

    margin: 0 0 30px;

    color: #ed1c24;

    text-transform: uppercase;

    font-weight: 800;

    font-size: 20px;

}

footer .footContactRow{

	font-size:16px;

	line-height:24px;

	position:relative;

	margin-bottom:25px;

}

footer .footContactRow span, footer .footContactRow a {

    display: block;

    padding-left: 50px;

	color:#fff;

}

footer .footContactRow img{

	position:absolute;

	top:0;

	left:0;

}

footer .footContactRow a:hover, footer .footContactRow a:focus{

	color: #ed1c24;

}

footer .rightFoot ul li{

	list-style-type:none;

	margin-bottom:10px;

}

footer .rightFoot ul li a{

	color:#fff;

	text-transform:uppercase;

}

footer .rightFoot ul li a:hover, footer .rightFoot ul li a:focus{

	    color: rgba(255, 255, 255, 0.68);

}



footer .bottomFooter p{

	margin:0;

	text-align:center;

}

footer .bottomFooter{

	background:#3a2a7d;

	color:#fff;

	padding:20px 0;

	margin-top:65px;

}

footer .bottomFooter p a{

	color:#ed1c24;

}

footer .bottomFooter p a:hover, footer .bottomFooter p a:focus{

	color: #de7478;

}





/******************

@

@   About Page

@

*******************/

.innerBan{

	height:400px;

	position:relative;

}

.innerBan img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.innerBan:after{

	content:"";

	position: absolute;

    left: 0;

    color: #fff;

    top: 0px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 400px 0 0 530px;

    border-color: transparent transparent transparent rgba(237, 28, 36, 0.65);

}

 .innerBan h1{

    font-size: 40px;

    position: absolute;

    bottom: 50px;

    left: 60px;

    z-index: 999;

    width: 100%;

    color: #fff;

    text-transform: uppercase;

    font-weight: 800;

}



/** why choose **/

.whyChoose{

	/*background:url(../images/bg.JPG);*/

	background-size:cover;

	padding:80px 0 170px;

}

.whyChoose h2{

	 font-family: 'Roboto', sans-serif;

    font-size: 46px;

    font-weight: 800;

    text-transform: uppercase;

    text-align:center;

    margin: 0 0 35px;

    padding-right: 100px;

}

.whyChoose .row{

	margin-top:40px;

}

.whyChoose .whyBlock {

    background: #3a2a7d;

    color: #fff;

    padding: 30px;

	position:relative;

}

.whyChoose .whyBlock:after{

	content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 50px 180px 0 180px;

    border-color: #3a2a7d transparent transparent transparent;

    position: absolute;

    bottom: -50px;

    left: 0;



}

.whyChoose svg{

	font-size:50px;

}

 .whyChoose h3{

    text-transform: uppercase;

    font-weight: 800;

}

 .whyChoose p{

	 opacity:0.8;

}

/** end why choose **/

/******************

@

@   Service Page

@

*******************/

.servicePage{

	background:url(../images/bg.JPG);

	background-size:cover;

	margin-top: 0;

	padding: 50px 0 0;

}

.servicePage .serviceBlock{

     margin-bottom: 160px;

}

/******************

@

@   project Page

@

*******************/

 .projectPage h2{

    margin: 50px 0 30px;

    font-family: 'Roboto', sans-serif;

    font-size: 46px;

    font-weight: 800;

    text-transform: uppercase;

}

.projectPage .project-row .container {

    display: flex;

	color:#fff;

}

.projectPage .project-row:nth-child(1n){

	background: #ed1c24;

}

.projectPage .project-row:nth-child(2n){

	background: #3a2a7d;

}

.projectPage .projectImg {

    width: 50%;

}

.projectPage .projectImg img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.projectPage .projectText{

	width: 50%;

	padding: 30px;

}

.projectPage .pull-right{

	order:2;

}

.projectPage .pull-left{

	order:1;

}

.projectPage .project-row h3{

	font-family: 'Roboto', sans-serif;

	margin:0 0 30px;

	font-weight:800;

	font-size:30px;

	text-transform:uppercase;

}

.projectPage .project-row a{

	width: 148px;

    height: 60px;

    line-height: 56px;

    display: block;

    color: #fff;

	border:2px solid #fff;

	text-align:center;

	margin-top:30px;

}

.projectPage .project-row a:hover, .projectPage .project-row a:focus{

	background:#fff;

	color:#000;

}

/*********************

@

@  testimonial Page

@

**********************/

.testimonialPage{

	padding:40px 0 0px;

}

.testimonialPage .testiBlock {

    background: #3a2a7d;

    color: #fff;

    padding: 60px 30px 30px;

    position: relative;

	margin-bottom: 150px;
	
	margin-top: 30px;

}

.testimonialPage .testiBlock:after {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 50px 180px 0 180px;

    border-color: #3a2a7d transparent transparent transparent;

    position: absolute;

    bottom: -50px;

    left: 0;

}

.testimonialPage .testiBlock:before{

	content: "";

    background: url(../images/comma.jpg);

    width: 102px;

    height: 107px;

    position: absolute;

    top: -60px;

    left: 50%;

    transform: translate(-50%, 0);

}



/*********************

@

@  contact Page

@

**********************/

.contactPage{

	padding:50px 0;

	background:url(../images/bg.JPG);

	background-size:cover;

}

.contactPage .contactBlock svg{

	font-size: 40px;

    color: #3a2a7d;

}

.contactPage .contactBlock h3{

    font-size: 22px;

    font-weight: 700;

    position: relative;

    padding-bottom: 10px;

}

.contactPage .contactBlock a, .contactPage .contactBlock p{

	display:inline-block;

	font-size:17px;

	 color: #424242;

}

.contactPage .contactBlock a:hover, .contactPage .contactBlock a:focus{

	color:#008cbd;

}

/** form **/

.contactForm{

	padding:50px 0;

}

.contactForm h2{

    font-family: 'Roboto', sans-serif;

    font-size: 36px;

    font-weight: 800;

    text-transform: uppercase;

    margin: 0px 0 30px;

}

.contactForm h2:after {

    content: "";

    width: 150px;

    height: 1px;

    background: #b7b7b7;

    position: absolute;

    left: 0;

    bottom: 0;

}



.contactForm form input{

    height: 44px;

    width: 100%;

    border-bottom: 4px solid #3a2a7d;

    border-radius: 0;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	-webkit-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	-moz-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	-o-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

}

.contactForm form input:focus {

    border-color: #b2a1f7;

}

.contactForm form textarea{

	 height: 180px;

    width: 100%;

    border-bottom: 4px solid #3a2a7d;

    border-radius: 0;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	-webkit-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	-moz-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	-o-box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.36);

	padding:10px;

}

.contactForm form input[type="submit"] {

      display: block;

    width: 148px;

    height: 60px;

    line-height: 60px;

    background: #3a2a7d;

    color: #fff;

    margin: 30px auto 0px;

	border:0;

}

.contactForm form input[type="submit"]:hover, .contactForm form input[type="submit"]:focus{

	background:#000;

	outline:none;

}

/** end form **/



/** map **/

.map iframe{

	width:100%;

	display:block;

}

/** end map **/



/** inner page **/

.inner{

	padding:60px 0;

}

.inner .innerImg{

	width:40%;

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}

.inner .innerImg img{

	width:100%;

}

.innerContent h2{

	font-family: 'Roboto', sans-serif;

    font-size: 26px;

    font-weight: 800;

    text-transform: uppercase;

    margin: 0px 0 20px;

}

/** end inner page **/

/*********************

@

@  Responsive

@

**********************/

@media (max-width:1199px){

	.whyChoose .whyBlock::after{

		border-width: 50px 145px 0 145px;

	}

	.testimonialPage .testiBlock::after{

		border-width: 50px 145px 0 145px;

	}

}

@media (max-width:1023px){

	.testimonial .testiContent h2{

		font-size: 36px;

		margin: 0 0 20px;

	}

	.testimonial .testiContentBlock{

		height: 580px;

		padding: 50px 50px;

	}

	.testimonial .testiContentBlock::before{

		top: -61px;

		border-width: 61px 0 0 140px;

	}

	.testimonial .testiContentBlock::after{

		bottom: -35px;

		border-width: 35px 150px 0 0;

	}

}

@media (max-width:991px){

header .navbar-nav > li {

    margin: 0 5px;

}
.logoNav .navbar-header{
	width: 30%;
}
header .navbar > .container .navbar-brand{

	width: 100%;

}

header .navbar > .container .navbar-brand img{

	width:100% !important;

}

.banner .banContent{

	left: 50%;

	transform: translate(-50%, -36%);

	-webkit-transform: translate(-50%, -36%);

	-moz-transform: translate(-50%, -36%);

	width: 80%;

}

.carousel-indicators{

	right: 40px;

}

.service{

	margin-top: 0px;

	background:url(../images/bg.JPG);

	background-size:cover;

	padding:50px 0;

}

.service .serviceBlock{

	margin-bottom: 170px;

}

.testimonial .testiContent h2{

	font-size: 26px;

	padding-right: 20px;

}

.testimonial .testiContentBlock::before {

    top: -47px;

    border-width: 47px 0 0 140px;

}

.testimonial .testiContentBlock::after {

    bottom: -41px;

    border-width: 41px 150px 0 0;

}

footer .footerBlock {

    clear: both;

    margin-bottom: 60px;

}

.whyChoose{

	padding: 50px 0 10px;

}

.whyChoose .whyBlock{

	margin-bottom: 30px;

}

.whyChoose .whyBlock::after{

	display:none;

}

.aboutUs{

	margin-top:0;

}





.testimonialPage .testiBlock::after{

	display:none;

}

.testimonialPage .testiBlock{

	margin-bottom: 90px;

}

}

@media (max-width:767px){

	.topHeader .pull-left{

		float:none !important;

		width:100%;

		text-align: center;

	}

	

	.topHeader .pull-right{

		float:none !important;

		width:100%;

		text-align: center;

	}

	header .navbar > .container .navbar-brand {

		width: 40%;

	}

	.logoNav .navbar-inverse .navbar-toggle .icon-bar {

		background-color: #3a2a7d;

	}

	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

		background-color: #ddd;

	}

	header .navbar-nav {

		margin: 0;

	}

	.banner .banContent h1{

		font-size: 22px;

	}

	.banner .banContent h3 {

		margin: 10px 0 10px;

		font-size: 30px;

	}

	.carousel.vertical .item {

		left: 0;

		height: 60vh;

	}

	.service{

		padding: 0px 0;

	}

	.service h2, .aboutUs h2{

		font-size: 26px;

	}

	.service h4 {

    font-size: 16px;

	}

	.aboutUs h4{

		font-size: 16px;

		margin-bottom: 15px;

	}

	.testimonial .testiImg {

    height: auto;

    width: 100%;

    position: relative;

	}

	.testimonial .testiContent {

		width: 100%;

	}

	.testimonial .testiContentBlock::before, .testimonial .testiContentBlock::after{

		display:none;

	}

	.testimonial .testiContent h2 {

		font-size: 26px;

		padding-right: 0;

		text-align: center;

		margin: 20px 0;

	}

	.testimonial .testiContentBlock {

		height: auto;

		padding: 50px 30px 80px;

	}

	footer{

		margin-top: 0px;

	}

	.innerBan {

    height: 300px;

	}

	.innerBan::after{

	border-width: 300px 0 0 400px;

}

.innerBan h1 {

    font-size: 22px;

	bottom: 30px;

	left: 30px;

}

.whyChoose h2{

	padding-right: 0;

}

.projectPage h2{

	font-size: 30px;

}

.projectPage .pull-left{

	width:100%;

	float:none !important;

}



.projectPage .pull-right{

	width:100%;

	float:none !important;

}

.projectPage .project-row .container {

    display: block;

	padding-top: 20px;

}

.projectPage .projectImg img{

	height: auto;

}

.contactForm h2{

	font-size: 22px;

}

.inner .innerImg {

    width: 100%;

    float: none;

    margin-right: 0px;

}
.navbar-inverse .navbar-toggle{
	position: absolute;
	top: 0;
	right: 20px;
}
.logoNav .navbar-header {

    width: 80%;

}

}

@media (max-width:479px){

	.topHeader {

    background: #3a2a7d;

    color: #fff;

    line-height: 18px;

    font-size: 14px;

    padding: 20px 0;

}

.carousel.vertical .item {

    left: 0;

    height: 100vh;

}



.banner .banContent{

	padding: 30px 20px;

}

.banner .banContent h1 {

    font-size: 20px;

}

.banner .banContent h3{

	font-size: 22px;

}

.banner .banContent p{

	font-size: 17px;

line-height: 27px;

}

.aboutUs{

	background-size:cover;

}

.project h2 {

    font-size: 22px;

}

.whyChoose h2{

	font-size: 22px;

	margin: 0 0 20px;

}

.whyChoose h3{

	font-size: 20px;

}



.projectPage .project-row h3{

	font-size: 22px;

	margin: 0 0 20px;

}

.projectPage h2 {

    font-size: 22px;

}
.logoNav .navbar-header {
    width: 50%;
}
header .navbar > .container .navbar-brand {
    width: 100%;
}
}