@charset "utf-8";







/* CSS Document */















body{







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







	}







.header{







	width:100%;







	float:left;







	padding-top:10px;







	border-bottom:3px solid #0070bb;







	}







.logo{







	width:100%;







	float:left;







	}







.right-top{







	width:100%;







	float:right;







	}







.right-top ul{







	margin:0;







	padding:0;







	list-style:none;







	float:right;







	}







.right-top ul li{







	font-size:22px;







	font-weight:600;







	float:left;







	margin-right:35px;







	}







.right-top ul li a{







	color:#e7552a;







	}







.right-top ul li i{







	color:#a91013;







	margin-right:10px;







	}







.right-top ul li:last-child{







	margin-right:0;







	}







.right-top p{







	float:right;







	font-size:14px;







	font-weight:600;







	margin:7px 35px 0 0;







	color:#0070bb;







	text-transform:uppercase;







	text-align:right;







	}







.mr-ls p{







	margin-right:0;







	}







	







/*####################### MENU ########################*/















.menu{







	width:100%;







	float:left;







	margin-top:30px;







	}







.navbar-collapse {







  padding-left: 0;







  padding-right: 0;







}







.navbar-brand {







  padding: 0;







}







.navbar-default {







  background-color: transparent;







  border-color: transparent;







}







.navbar-nav {







  background-color: transparent !important;







  float:right !important;







}







.navbar {







  margin-bottom: 0;







  border:none;







}







.navbar-default .navbar-nav > li {







  font-size:14px;







  font-weight:600;







  text-transform:uppercase;







}







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







  color: #858585;







  padding:15px;







}







.navbar-default .navbar-nav > li > a:hover{







	color:#fff; 







	background-color:#0070bb;







	transition: all ease-in-out 0.4s;







	}







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







  background-color: #0070bb;







  color: #fff;







}







.dropdown-menu {







  background-color: #271a24;







}







.dropdown-menu > li > a {







  padding: 4px 20px !important;







  color:#fff !important;







}







.dropdown-menu > li > a:hover {







  color:#8ea438 !important;







  background-color:transparent !important;







}







/*####################### ENd MENU ########################*/















/*################################ CAMERA BANNER ##############################*/















#back_to_camera {







	background: rgba(255,255,255,.9);







	clear: both;







	display: block;







	height: 40px;







	line-height: 40px;







	padding: 20px;







	position: relative;







	z-index: 1;







}







.fluid_container {







	bottom: 0;







	height: 100%;







	left: 0;







	position: fixed;







	right: 0;







	top: 0;







	z-index: 0;







}







#camera_wrap_4 {







	height: 100%;







	margin-bottom: 0!important;







	position: relative;







}







.camera_bar {







	z-index: 2;







}







.camera_thumbs {







	margin-top: -100px;







	position: relative;







	z-index: 1;







}







.camera_thumbs_cont {







	border-radius: 0;







	-moz-border-radius: 0;







	-webkit-border-radius: 0;







}







.camera_caption {







  display: block;







  width: 35% !important;







  top: 25%;







  left: 20%;







  z-index:9999;







  background:none !important;







}







.camera_caption > div {







  background: transparent !important;







  padding: 0 !important;







}







.camera_caption h3{







	font-size:28px;







	font-weight:700;







	color:#fff;







	margin:0;







	padding:0;







	line-height:36px;







	}







.camera_overlayer {







	opacity: .1;







}







.camera_thumbs_cont > div {







	display: none;







}







.camera_bar {







	display: none;







}







.camera_wrap {







	width: 100%;







}







.camera_commands {







	display: none;







}







.camera_wrap .camera_pag .camera_pag_ul {







  margin-top: -60px !important;







  text-align: center !important;







}







.camera_wrap .camera_pag .camera_pag_ul li {







  background: #0070bb none repeat scroll 0 0 !important;







  border-radius: 0 !important;







  height: 6px !important;







  margin: 0 4px !important;







  width: 18px !important;







}







.camera_wrap .camera_pag .camera_pag_ul li > span {







  height: 100% !important;







  left: 0 !important;







  top: 0 !important;







  width: 100% !important;







}







.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {







  background: #fff none repeat scroll 0 0;







}







.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {







  background: none;







}







.banner {







	width:100%;







	float:left;







}















/*################################ END CAMERA BANNER ##############################*/















.ban-bttm-sec{







	width:100%;







	float:left;







	margin:20px 0; 







	}







.mid-contact{







	width:100%;







	float:left;







	}







.mid-contact ul{







	margin:0;







	padding:0;







	list-style:none;







	}







.mid-contact ul li{







	width:33.33%;







	float:left;



	



	height: 125px;







	padding: 35px;







	background-color:#e7552a;







	}







.lft-icon{







	width:25%;







	float:left;







	}







.lft-icon i{







	font-size:52px;







	color:#fff;







	}







.mid-contact ul li p{







	font-size:17px;







	font-weight:600;







	color:#fff;







	margin:0;







	padding:0;







	line-height:20px;







	width:75%;







	float:left;







	}







.mid-contact ul li p span{







	font-size:16px;







	font-weight:400;







	text-transform:uppercase;







	}







.mid-contact ul li:nth-child(2){







	background-color:#a91013;







	padding:16px 25px;







	}







.mid-contact ul li:nth-child(2) .lft-icon i {







  line-height: 90px;







}







.mid-contact ul li:nth-child(3){







  padding: 40px 25px;







}







.mid-contact ul li:nth-child(3) .lft-icon i {







  font-size:42px;







}







.clean-sec{







	padding:35px 0;







	width:100%;







	float:left;







	background-color: #f3f3f3;







	}







.clean-lft-img{







	width:100%;







	float:left;







	margin-top:15px;







	}







.clean-text-box{







	width:100%;







	float:left;	







	}







.clean-text-box h2{







	font-size:26px;







	font-weight:600;







	text-transform:uppercase;







	color:#000;







	margin:0;







	padding-top:0;







	padding-bottom:10px;







	position:relative;







	}







.clean-text-box h2:after{







	position:absolute;







	left:0;







	bottom:0;







	content:"";







	width:80px;







	height:3px;







	background-color:#a91013;







	}







.clean-text-box p{







	font-size:14px;







	font-weight:400;







	line-height:22px;







	color:#555555;







	margin-top:20px;







	margin-bottom:0;







	padding:0;







	}







.clean-text-box h5{







	font-size:16px;







	font-weight:600;







	color:#0070bb;







	line-height:20px;







	margin-top:25px;







	margin-bottom:0;







	padding:0;







	}







.clean-text-box ul{







	margin:0;







	list-style:none;







	padding:0;







	}







.clean-text-box ul li{







	font-size:14px;







	font-weight:400;







	float:none;







	color:#555555;







	margin-top:6px;







	margin-bottom:0;







	padding:0;







	}















.why-sec{







	width:100%;







	float:left;







	padding:45px 0;







	}







.testimonial-box{







	width:100%;







	float:left;







	background:url(../img/testimonial-img.jpg) no-repeat;







	background-size:cover;







	padding:32px 16px;







	}







.client-fst{







	width:100%;







	float:left;







	text-align:center;







	}







.client-fst img{







	display:inline-block;







	float:none;







	}







.client-fst p{







	font-size:13px;







	font-weight:400;







	color:#fff;







	margin-top:15px;







	margin-bottom:0;







	padding:0;







	line-height:22px;







	}







.client-img{







	width:65px;







	height:65px;







	border-radius:50%;







	border:4px solid #4e99cb;







	overflow:hidden;







	float:none;







	display:inline-block;







	margin-top:20px;







	}







.owl-theme .owl-controls {







  margin-top: 15px;







}







.owl-theme .owl-controls .owl-page span {







  background: transparent;







  border:2px solid #4e99cb !important;







  border: none;







  height: 12px;







  width: 12px;







}







.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {







  background: #fff;







  opacity: 1;







}







.footer{







	width:100%;







	float:left;







	background:url(../img/footer-bg.jpg) no-repeat center;







	padding:40px 0 55px;







	background-size:cover;







	}







.footer-title {







  color: #e7552a;







  font-size: 25px;







  font-weight: 600;







  margin: 0;







  padding-bottom: 20px;







  text-transform: uppercase;







}







.fnav-link {







  list-style:none;







  padding: 0;







  margin:0;







}







.fnav-link li{







  font-size:14px;







  font-weight:400;







  margin-bottom:8px;







  margin-top:0;







  float:none;







}







.fnav-link li a{







  color:#fff;







  background:url(../img/angel-right.png) no-repeat 0 6px;







  padding-left:15px;







  display:inline-block;







}







.fnav-link2 {







  list-style:none;







  padding: 0;







  margin:0;







}







.fnav-link2 li{







  font-size:14px;







  font-weight:400;







  margin-bottom:8px;







  color:#fff;







  margin-top:0;







  float:none;







}







.fnav-link2 li i{







  float:left;







  font-size:16px;







}







.fnav-link2 li p{







  padding-left:24px;







}







.fnav-link2 li p a{







  color:#fff;







}























.footer-social{







	margin:0;







	padding:0;







	list-style:none;







	}







.footer-social li{







	margin-right:25px;







	float:left;







	font-size:20px;







	}







.footer-social li a{







	color:#fff;







	transition:all ease-in-out 0.3s;







	







	}







.footer-social li a:hover{







	color:#e7552a;







	}







.paypal-box{







	width:100%;







	float:left;







	margin-top:20px;







	}







.copyright {







  color: #8c8c8c;







  font-size: 14px;







  font-weight: 400;







  margin-bottom: 0;







  margin-top: 15px;







  padding: 0;







  line-height:20px;







  float:left;







}















/*################################## contact ###############################################*/















.about-wrap {







  background:url("../img/sticker.jpg") no-repeat ;







  padding: 40px 0;







  width:100%;







  float:left;







}







.sticker-title {







  color: #fff;







  font-size: 38px;







  margin-top: 10px;







  text-transform: uppercase;







}







.breadcrumbs span {







  color: #fff;







  font-size: 15px;







}







.breadcrumbs span a{







  color: #43c3b4;







}







.map {







	height: 350px;







	margin-bottom: 25px;







	overflow: hidden;







}







.contact_form input[type="text"] {







	border: 1px solid #ccc;







	box-shadow: 0 1px 0 #f4f4f4;







	margin-bottom: 10px;







	margin-right: 7px;







	padding: 9px 7px;







	width: 48%;







}







.contact_form input[type="email"] {







	border: 1px solid #ccc;







	box-shadow: 0 1px 0 #f4f4f4;







	margin-bottom: 10px;







	margin-right: 7px;







	padding: 9px 7px;







	width: 48%;







}







.contact_form textarea {







	border: 1px solid #ccc;







	box-shadow: 0 1px 0 #f4f4f4;







	height: 200px;







	margin-bottom: 10px;







	margin-right: 7px;







	padding: 9px 7px;







	width: 97%;







}







.btn2 {







	-moz-user-select: none;







	background-color: #0070bb;







	border: 1px solid transparent;







	border-radius: 0;







	box-shadow: 0 3px 0 #045890;







	color: #fff;







	cursor: pointer;







	display: inline-block;







	font-size: 14px;







	font-weight: 600;







	line-height: 1.42857;







	margin-bottom: 0;







	padding: 12px 25px 6px;







	text-align: center;







	transition: all 0.25s ease 0s;







	vertical-align: middle;







	white-space: nowrap;







}







.list-unstyled {







	list-style: outside none none;







	padding-left: 0;







}







.get-in-touch-widget li, .we-are-social li {







	font-size: 16px;







	padding: 0 0 10px 35px;







}







.get-in-touch-widget li i.fa-phone, .we-are-social li i.fa-phone {







	font-size: 18px;







}







.get-in-touch-widget li i.fa-mobile, .we-are-social li i.fa-mobile {







	font-size: 23px;







}







.get-in-touch-widget li i, .we-are-social li i {







	color: #0070bb;







	float: left;







	font-size: 18px;







	margin-left: -35px;







	text-align: center;







	width: 18px;







	line-height: 24px;







	margin-top: 3px;







}























/*################################## Services ###############################################*/















.fst-service-box{







	width:100%;







	float:left;







	padding-bottom:16px;







	border-bottom:1px solid #D0CDCD;







	margin-bottom:20px;







	}







.fst-service-box h3{







  color: #0070bb;







  font-size: 18px;







  font-weight: 600;







  margin: 0;







  padding: 0;







  text-transform: uppercase;







}







.fst-service-box p {







  color: #424040;







  font-family: arial;







  font-size: 14px;







  font-weight: 400;







  line-height: 20px;







  margin-bottom: 0;







  margin-top: 12px;







  padding: 0;







}







.fst-service-box a{







    background-color: #0070bb;







    color: #fff;







    display: inline-block;







    font-size: 14px;







    font-weight: 400;







    padding: 6px 15px;







    text-transform: uppercase;







	margin-top:22px;







}







.pic-frame2{







	width:50%;







	float:left;







	padding:3px;







	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.22);







	overflow:hidden;







	margin-right:15px;







	}







.pic-frame2 img{







	width:100%;







	}















/*################################## Testimonial ###############################################*/















.testimonial {







  margin-top: 15px;







}







.testimonial_cont {







  border-top: 1px solid #ddd;







  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);







  padding: 20px 40px;







  position: relative;







}







.testimonial_cont::after {







  background:  url("../img/arrow.png") no-repeat;







  bottom: -23px;







  color: #999999;







  content: "";







  display: block;







  font-size: 31px;







  height: 25px;







  left: 30px;







  position: absolute;







  width: 31px;







  z-index: 99999;







}







.testimonial_cont p {







  color: #383838;







  font-style: italic;







  line-height: 24px;







  margin:0;







}







.testimonial_client {







  color: #0070bb;







  font-size: 16px;







  font-weight: 600;







  margin-top: 28px;







  padding-left: 20px;







}	







	







/*################################## Service-Details ###############################################*/		















.about-text {







  display: inline-block;







}







.four-box {







  width: 100%;







}







.four-box h3 {







  color: #0070bb;







  font-size: 24px;







  font-weight: 600;







  line-height: 26px;







  margin-bottom: 0;







  margin-top: 0;







  padding: 0;







  text-transform: uppercase;







}







.about-text p {







  color: #38383a;







  font-size: 15px;







  font-weight: 400;







  line-height: 24px;







  margin-bottom: 15px;







  margin-top: 10px;







}	







.service-frame {







  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.22);







  float: left;







  margin-bottom: 15px;







  margin-right: 25px;







  padding: 10px;







  width: 400px;







}







.service-frame img {







  height: auto;







  width: 100%;







}























/*################################## Responsive ###############################################*/















@media screen and (max-width: 1199px) {







	







.navbar-default .navbar-nav > li {







  font-size: 12px;







}	







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







  padding: 15px 9px;







}	







.mid-contact ul li:nth-child(2) {







  padding: 16px 7px;







}







.mid-contact ul li p {







  font-size: 15px;







}







.footer-title {







  font-size: 22px;







}







	







	







}







	







@media screen and (max-width: 991px) {	















.container{







	width:100%;







}







.camera_caption {







  left: 15%;







  top: 15%;







  width: 45% !important;







}







	







}







	







@media screen and (max-width: 768px) {	















.navbar-default .navbar-nav > li {







  font-size: 10px;







}







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







  padding: 15px 4px;







}







.right-top p {







  font-size: 12px;







  margin: 7px 0 0 0;







}







.right-top ul li {







  font-size: 20px;







  margin-right: 10px;







}	







.camera_caption {







  left: 5%;







}







.camera_caption h3 {







  font-size: 24px;







}







.mid-contact ul li p {







  font-size: 12px;







}







.mid-contact ul li:nth-child(3) {







  padding: 40px 10px;







}







.clean-text-box h2 {







  font-size: 22px;







}







.fnav-link li {







  font-size: 12px;







}







.footer-social li {







  margin-right: 20px;







}







.footer-title {







  font-size: 16px;







}















}







	







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















.logo {







  text-align: center;







}







.logo img{







  display:inline-block;







}







.right-top {







  text-align: center;







  margin-top:10px;







}







.right-top ul {







  display: inline-block;







  float: none;







}







.right-top p {







  text-align: center;







  width: 100%;







}







.navbar-nav {







  margin: 0;







  width: 100%;







  float:left !important;







}







.navbar-default .navbar-nav > li {







  font-size: 12px;







}







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







  padding: 10px 15px;







}







.navbar-default .navbar-toggle {







  border-color: #0070bb;







}







.navbar-default .navbar-toggle .icon-bar {







  background-color: #e7552a;







}







.clean-lft-img {







  margin-bottom: 15px;







  margin-top: 0;







  text-align: center;







}







.clean-lft-img img{







  display:inline-block;







}







.clean-text-box {







  margin-bottom: 15px;







}







.camera_caption h3 {







  font-size: 20px;







  line-height: 28px;







}







.mid-contact ul li {







  padding: 35px 15px;







}















}







	







@media screen and (max-width: 640px) {















.camera_caption h3 {







  font-size: 20px;







  line-height: 28px;







}







.mid-contact ul li {







  width: 100%;







}







.contact_form input[type="text"] {







  margin-right: 0;







  width: 100%;







}







.contact_form input[type="email"] {







  margin-right: 0;







  width: 100%;







}







.testimonial_cont {







  padding: 20px;







}







.service-frame {







  margin-right: 0;







  width: 100%;







}















}







	







@media screen and (max-width: 479px) {















.camera_caption {







  display: none !important;







}







.right-top ul li {







  font-size: 16px;







}







.clean-text-box h2 {







  font-size: 16px;







}







.sticker-title {







  font-size: 32px;







}















}











span .wpcf7-not-valid {



    border: 1px solid #ff0000 !important;



}



span.wpcf7-not-valid-tip {



    display: none;



}



div.wpcf7-validation-errors {



    background: #ffe2e2;



    border: 1px solid #ff0000;



    color: #C10000;



}



 



div.wpcf7-response-output {



    margin: 2em 0;



    padding: 15px;



    border-radius: 5px;



    box-sizing: border-box;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;	



}



div.wpcf7-validation-errors {



    display: none !important;



}



.wpcf7-spam-blocked {



     background: #e2e2e2;



     border: 1px solid #bcbcbc !important;



     color: #383838;



}



 



.wpcf7-mail-sent-ng {



     background: #fcf8e3;



     border: 1px solid #ac9163 !important;



     color: #8a6d3b;



}



 



.wpcf7-mail-sent-ok {



     background: #dff0d8;



     border: 1px solid #3c763d !important;



     color: #3c763d;



}











.wpcf7-form-control.wpcf7-captchar {



  width: 97% !important;



}







.email-colour{

	color:#fff;

	}

	

.email-colour:hover{

	color:#fff;

	}

.email-colour:focus{

	color:#fff;

	}	

	



.btn-orrenge {

  background-color: #e7552a;

  border-radius: 6px;

  color: #fff;

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

  margin-top: 0;

  position:relative;

  padding: 8px 20px;

  float:right;

  text-transform: uppercase;

  z-index:99999;

}

#quote .contact_form textarea {

  margin-right: 0;

  width: 100%;

}

#quote .contact_form input[type="text"] {

  margin-right: 0;

  width: 100%;

}

#quote .contact_form input[type="email"] {

  margin-right: 0;

  width: 100%;

}