/*：非源码,演示用的代码。源代码唯一下载地址: http://www.bootstrapmb.com/item/4119。（此备注只出现在演示站，下载的源码不包含。）*//***************************************************************************************Template Name: Briffs - Construction HTML TemplateDescription: Author: Themescare更多精品模板请访问：http://www.bootstrapmb.comVersion: 1.0* This file contains the styling for the actual theme, thisis the file you need to edit to change the look of thetheme.This files contents are outlined below >>>>*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.**************************************************************************************==== CSS INDEX01 - IMPORTED CSS02 - DEFAULT CSS03 - RESPONSIVE CSS04 - PAGINATION CSS05 - BREADCROMB CSS06 - BTN TOP CSS07 - HEADER AREA CSS08 - SLIDER CSS09 - PROMO CSS10 - SERVICE AREA CSS11 - CHOOSE AREA CSS12 - PROJECT AREA CSS13 - HIRE AREA CSS14 - TEAM SLIDER CSS15 - REQUEST AREA CSS16 - TESTIMONIAL AREA CSS17 - BLOG AREA CSS18 - NEWSLETTER AREA CSS19 - FOOTER AREA CSS20 - ABOUT PAGE CSS21 - PRICING PAGE CSS22 - FAQS AREA CSS23 - SERVICE DETAILS PAGE CSS24 - PROJECT DETAILS PAGE CSS25 - BLOG PAGE CSS26 - SINGLE BLOG PAGE CSS27 - CONTACT PAGE CSS*//*================================================01 - IMPORTED CSS==================================================*/@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');/*================================================02 - DEFAULT CSS==================================================*/body {	font-family: "Open Sans", sans-serif;	font-weight: 400;	font-size: 15px;	line-height: 26px;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}html,body {	height: 100%;}img {	max-width: 100%;	height: auto}p {	margin: 0}.no-pad-left {	padding-left: 0}.no-pad-right {	padding-right: 0}.no-pad-all {	padding: 0}h1,h2,h3,h4,h5,h6 {	margin: 0;	padding: 0;}a {	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	color: #6b739c}a:focus {	text-decoration: none;	outline: medium none;	color: inherit}a:hover {	color: inherit;	text-decoration: none;	color: inherit}input:focus,textarea:focus,button:focus,select:focus {	outline: medium none}tbody,tfoot,thead,tr,th,td {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}ul,ol {	margin: 0;	padding: 0;}li {	list-style-type: none;}.briffs-btn {	display: inline-block;	padding: 8px 20px;	color: #fff !important;	background: #fbba42 none repeat scroll 0 0;	text-transform: capitalize;	font-weight: 600;	font-family: "Montserrat", sans-serif;	letter-spacing: 1px;}.briffs-btn:hover {	background: #061333 none repeat scroll 0 0;	color: #fff}.site-heading {	position: relative;	padding-left: 30px;	margin-bottom: 30px}.site-heading:after {	position: absolute;	content: "";	left: 0;	height: 100%;	width: 3px;	background: #fbba42 none repeat scroll 0 0;	top: 0;}.site-heading:before {	position: absolute;	content: "";	left: 7px;	height: 100%;	width: 10px;	background: #fbba42 none repeat scroll 0 0;	top: 0;}.site-heading h4 {	font-size: 18px;	text-transform: capitalize;	color: #fbba42;	font-weight: 600;	font-family: 'Montserrat', sans-serif;}.site-heading h3 {	font-size: 36px;	line-height: 40px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;}.section_100 {	padding: 100px 0;}.section_70 {	padding: 70px 0;}.section_50 {	padding: 50px 0;}.section_15 {	padding: 15px 0}.pad-right {	padding-right: 0}.section_t_100 {	padding-top: 100px}.section_b_70 {	padding-bottom: 70px}.section_70 {	padding: 70px 0}.section_b_80 {	padding-bottom: 80px}/*================================================03 - RESPONSIVE CSS==================================================*/.briffs-responsive-menu {	display: none;	position: absolute;	right: 0;	top: 15px;	width: 100%;	z-index: 999;}.slicknav_nav a {	font-size: 14px;	margin: 0;	text-transform: capitalize;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	color: #000}.slicknav_menu {	background: transparent;}.slicknav_menutxt {	display: none !important;}.slicknav_arrow {	float: right;	color: #ec7532}.slicknav_nav a:hover {	border-radius: 0;}.slicknav_nav .slicknav_row:hover {	border-radius: 0}.slicknav_nav a:hover,.slicknav_nav .slicknav_row:hover {	background: #fbba42 none repeat scroll 0 0;	color: #fff}.slicknav_nav a:hover .slicknav_arrow {	color: #fff}.slicknav_nav a:hover a {	color: #fff}.slicknav_nav li {	border-bottom: 1px solid #ddd;}.slicknav_nav li.hide-desktop {	border-bottom: 0px solid #ddd}.slicknav_nav li:last-child {	border-bottom: 0px solid #ddd}.slicknav_nav {	background: #fff none repeat scroll 0 0;	border-top: 1px solid #fbba42;	box-shadow: 0 0 25px rgba(0, 0, 0, 0.19)}.slicknav_btn {	background-color: transparent !important;	line-height: 0;	margin-right: 0px;	margin-top: -5px;}.slicknav_menu .slicknav_icon {	float: none !important;	margin: 0}.slicknav_icon-bar {	height: 3px !important;	margin: 5px 0;	width: 30px !important;}.slicknav_menu .slicknav_icon-bar {	background-color: #111;}.briffs-header-area.stick-top.sticky .slicknav_menu .slicknav_icon-bar,.briffs-header-area.home-3-page .slicknav_menu .slicknav_icon-bar {	background-color: #111}/*================================================04 - PAGINATION CSS==================================================*/.pagination-box-row {	text-align: left;}.pagination-box-row p {	display: inline-block;	font-size: 15px;	color: #444;	margin-right: 15px}.pagination {	margin-top: 20px;	text-align: center;	float: none;	display: inline-block;}.pagination li {	display: inline-block;	margin-right: 5px}.pagination li:last-child {	margin-right: 0}.pagination li a {	display: block;	width: 35px;	height: 35px;	font-size: 15px;	line-height: 35px;	border-radius: 50%;	color: #111;	font-weight: 500;}.pagination li.active a,.pagination li a:hover {	background: #101010 none repeat scroll 0 0;	color: #fff}/*================================================05 - BREADCROMB CSS==================================================*/.briffs-breadcromb-area {	padding: 100px 0;	background: url(../img/breaccromb.jpg) no-repeat fixed 0 0;	position: relative;	z-index: 1}.briffs-breadcromb-area:after {	position: absolute;	content: "";	top: 0;	left: 0;	height: 100%;	width: 100%;	background: rgba(0, 0, 0, 0.19) none repeat scroll 0 0;	z-index: -1}.breadcromb-box {	text-align: center;}.breadcromb-box h2 {	font-size: 45px;	line-height: 40px;	font-weight: 600;	color: #fff;	text-transform: uppercase;	font-family: 'Montserrat', sans-serif;	margin-bottom: 30px;}.breadcromb-box .breadcrumb {	background: transparent none repeat scroll 0 0;	display: inline-block;	margin: 0;	padding: 15px;	position: relative;	z-index: 1;}.breadcromb-box .breadcrumb:after {	background: #232323 none repeat scroll 0 0;	content: "";	height: 100%;	left: 0;	opacity: 0.7;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	position: absolute;	top: 0;	width: 100%;	z-index: -1;}.breadcromb-box .breadcrumb a,.breadcromb-box .breadcrumb li {	font-weight: 500;	text-transform: uppercase;	color: #ffffff;}.breadcromb-box .breadcrumb li {	padding: 0 15px;	display: inline-block;	position: relative;	z-index: 1;	font-size: 14px;	font-weight: 600;}.breadcromb-box .breadcrumb li i {	margin-right: 5px;}.breadcromb-box .breadcrumb li.inn:after {	border: 2px solid #ffffff;	content: "";	height: 10px;	left: -7px;	margin-top: -5px;	position: absolute;	top: 50%;	width: 10px;	border-radius: 50%;}.breadcromb-box .breadcrumb li.active {	color: #fbba42;}/*================================================06 - BTN TOP CSS==================================================*/.btntoTop:before {	color: #fff;	content: "";	display: inline-block;	font: 20px "FontAwesome";	vertical-align: middle;}.btntoTop {	background-color: #fbba42;	border: 2px solid #fbba42;	border-radius: 5px;	bottom: 30px;	cursor: pointer;	height: 50px;	line-height: 47px;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	position: fixed;	right: 20px;	text-align: center;	-webkit-transition: opacity 0.4s ease 0s;	transition: opacity 0.4s ease 0s;	width: 50px;	z-index: 99999;}.btntoTop.active {	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.btntoTop.active:hover {	background: #212121 none repeat scroll 0 0;	border: 2px solid #fbba42;	opacity: 0.8;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}.btntoTop.active.btntoTop:hover:before {	color: #fff;}/*================================================07 - HEADER AREA CSS==================================================*/.briffs-header-top-area {	background: #061333 none repeat scroll 0 0;	padding: 10px 0;	position: relative;	z-index: 1}.header-top-social ul li {	display: inline-block;	margin: 0 15px 0px 0px}.header-top-social ul li:last-child {	margin: 0}.header-top-social ul li a {	color: #fff;	font-size: 13px}.header-top-social ul li a:hover {	color: #fbba42}.header-top-action ul {	text-align: right}.header-top-action ul li {	display: inline-block;	margin: 0px 15px 0px 0px}.header-top-action ul li:last-child {	margin-right: 0px;}.header-top-action ul li a {	color: #fff;	text-transform: capitalize;	font-size: 13px}.header-top-action ul li a:hover,.header-top-action ul li a:hover i {	color: #fbba42}.header-top-action ul li a i {	margin: 0px 5px 0px 0px;	color: #fff;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.briffs-header-area {	background: #fff none repeat scroll 0 0;}.briff-logo {	position: relative;	z-index: 1;}.briff-logo {	padding: 12px 0;}.briff-logo:before {	background: #fbba42 none repeat scroll 0 0;	content: "";	height: 100%;	position: absolute;	right: 0;	top: 0;	-webkit-transform: skewX(45deg);	transform: skewX(45deg);	width: 2000px;	z-index: -1;}.mainmenu ul {	text-align: right}.mainmenu ul li {	display: inline-block;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	position: relative}.mainmenu li ul {	position: absolute;	width: 200px;	top: 120%;	left: 0;	z-index: -9;	visibility: hidden;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	background: #111B24 none repeat scroll 0 0;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	text-align: left}.mainmenu li:hover ul {	visibility: visible;	z-index: 9;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	top: 100%}.mainmenu li ul li {	display: block;	border-bottom: 1px solid #1C2B3B;	-webkit-transition: all 0s ease 0s;	transition: all 0s ease 0s}.mainmenu li ul li:last-child {	border-bottom: 0px solid #1C2B3B;}.mainmenu li ul li a {	color: #eee;	padding: 13px}.mainmenu ul li:hover>a {	background: #fbb908 none repeat scroll 0 0;	color: #fff}.mainmenu li>a {	display: block;	font-weight: 600;	padding: 14px 10px;	text-transform: uppercase;	color: #fff}.mainmenu li>a:hover,.mainmenu li.active>a {	color: #fbb908}.mainmenu ul li a {	font-size: 15px;	font-weight: 500;	color: #061333;	line-height: 15px;	padding: 34px 13px;	text-transform: capitalize;	display: block;	font-family: "Montserrat", sans-serif;	position: relative}.mainmenu ul li a:before {	content: '';	position: absolute;	left: 50%;	top: 0px;	border-left: 10px solid transparent;	border-right: 10px solid transparent;	border-top: 10px solid #fff;	margin-left: -12px;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.mainmenu ul li:hover>a:before,.mainmenu ul li.active>a:before {	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}.mainmenu ul li:hover>ul li>a:before {	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.mainmenu ul li a:hover,.mainmenu ul li a:focus,.mainmenu ul li.active>a {	background: #fbba42 none repeat scroll 0 0;	color: #fff;}.search-close {	position: absolute;	top: 48%;	right: 26%;	font-size: 25px;	display: block;	color: #fbba42;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	cursor: pointer}.search-box.search-elem {	margin: 0;	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 100;	background: rgba(3, 9, 26, 0.94);	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out;	-webkit-transform: scale(0);	transform: scale(0);}.search-box.search-elem .inner {	width: 40%;	margin: 0 auto;	position: relative;	top: 50%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);}.inner.row>form {	position: relative;	background: rgba(0, 0, 0, 0.68) none repeat scroll 0 0;	width: 100%;	border-radius: 50px;	height: 75px;}.inner.row>form input {	position: absolute;	height: 70%;	border: medium none;	width: 80%;	top: 12px;	left: 10px;	background: transparent none repeat scroll 0 0;	color: #fff;	padding: 10px 15px}.inner.row>form button {	position: absolute;	height: 74%;	right: 10px;	top: 10px;	border: medium none;	width: 10%;	border-radius: 50%;	background: #fff none repeat scroll 0 0;	cursor: pointer;	font-size: 20px;	color: #fbba42}.search-box.search-elem label.placeholder.move-up {	top: -25px;	color: white;	font-size: 16px;	font-size: 1rem;}.search-box.search-elem.search-open {	-webkit-transform: scale(1);	transform: scale(1);}.search-btn {	text-transform: uppercase;	font-family: "Roboto", "Helvetica Neue", sans-serif;	font-size: 14px;	font-size: 0.875rem;	padding: 28px 18px;	display: inline-block;	color: #061333}.search-btn:hover {	color: #fbba42;}/*================================================08 - SLIDER CSS==================================================*/.briffs-slider-area {	position: relative}.slide-item-1 {	background: url(../img/slider-1.jpg);}.slide-item-2 {	background: url(../img/slider-2.jpg);}.briffs-main-slide {	background-color: #eee;	background-position: center center;	background-size: cover;	height: 640px;}.slider-content-holder {	width: 100%;	text-align: center}.slider-text {	width: 50%;	text-align: left;}.briffs-main-caption {	display: table;	height: 100%;	width: 100%;	background: rgba(4, 14, 39, 0.72) none repeat scroll 0 0;}.briffs-caption-cell {	display: table-cell;	vertical-align: middle;	text-align: left;}.slider-text h2 {	font-family: 'Montserrat', sans-serif;	font-size: 60px;	font-weight: 700;	color: #fff;	margin-bottom: 30px;	text-transform: uppercase;	letter-spacing: 3px;}.slider-text h2 span {	color: #fbba42}.slider-text p {	color: #fff;	font-size: 16px;	font-weight: 400;	margin: 15px 0;	text-transform: capitalize;}.slider-text a.briffs-btn {	background: transparent none repeat scroll 0 0;	border: 2px solid #fbba42;	color: #fff}.slider-text a.briffs-btn:hover {	background: #fbba42 none repeat scroll 0 0}.briffs-slide .owl-nav {	position: absolute;	bottom: 20%;	right: 20%;	width: 10%;	text-align: center;	padding-top: 10px;	border-top: 1px solid #eee;}.briffs-slide .owl-nav .owl-prev {	color: #fff !important;	width: 35px;	height: 35px;	text-align: center;	border: 1px solid #fff !important;	border-radius: 50%;	margin-right: 10px;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.briffs-slide .owl-nav .owl-next {	color: #fff !important;	width: 35px;	height: 35px;	text-align: center;	border: 1px solid #fff !important;	border-radius: 50%;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.briffs-slide .owl-nav .owl-prev:hover,.briffs-slide .owl-nav .owl-next:hover {	background: #fbba42 none repeat scroll 0 0;	color: #fff;	border: 1px solid #fbba42 !important;}/*================================================09 - PROMO CSS==================================================*/.briffs-promo-area {	position: relative}.briffs-promo-area:after {	position: absolute;	content: "";	top: 2px;	left: 0px;	width: 5%;	height: 30%;	background: url(../img/shape1.png) no-repeat scroll 0 0;}.promo-image {	position: relative;	margin-right: 30px;	margin-left: 30px;	margin-top: 30px;}.promo-image:before {	position: absolute;	left: -31px;	top: -30px;	width: 90%;	height: 92%;	z-index: -1;	content: '';	background-color: rgba(251, 186, 66, 0.4);	-webkit-transition: .5s;	transition: .5s;}.promo-image img {	width: 100%;	-webkit-transition: .5s;	transition: .5s;}.promo-image img:hover {	width: 100%;	-webkit-transform: scale(1.02);	transform: scale(1.02);}.promo-heading {	position: relative;	padding-left: 30px;	margin-bottom: 30px}.promo-heading:after {	position: absolute;	content: "";	left: 0;	height: 100%;	width: 3px;	background: #fbba42 none repeat scroll 0 0;	top: 0;}.promo-heading:before {	position: absolute;	content: "";	left: 7px;	height: 100%;	width: 10px;	background: #fbba42 none repeat scroll 0 0;	top: 0;}.promo-heading h4 {	font-size: 18px;	text-transform: capitalize;	color: #fbba42;	font-weight: 600;	font-family: 'Montserrat', sans-serif;}.promo-heading h3 {	font-size: 36px;	line-height: 40px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;}.promo-box-item {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	position: relative;	overflow: hidden;	margin-top: 40px}.promo-box-item li {	max-width: 48%;	-webkit-box-flex: 0;	-ms-flex: 0 0 50%;	flex: 0 0 50%;	padding: 30px;	border: 1px solid #e9e9e9;	margin-bottom: -1px;	margin: 5px;	position: relative;	overflow: hidden}.promo-box-item .promo-count {	text-align: center}.promo-icon img {	width: 55px;	margin: 0 auto 15px}.promo-count h3 {	font-size: 30px;	line-height: 40px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;}.promo-count p {	text-transform: capitalize}.promo-hover {	border-color: #061538 transparent;	border-style: solid;	border-width: 0 0 50px 50px;	bottom: 0px;	content: "";	cursor: pointer;	position: absolute;	right: -50px;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;	visibility: visible;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}.promo-box-item li:hover .promo-hover {	visibility: visible;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	right: 0;	bottom: 0;}/*================================================10 - SERVICE AREA CSS==================================================*/.briffs-service-area {	background: #f6f7f8 none repeat scroll 0 0;	padding-bottom: 90px}.service_page {	padding-bottom: 70px}.single-service {	margin-top: 30px}.single-service-image {	position: relative;	overflow: hidden}.single-service-image img {	width: 100%}.single-service-image .service-image-overlay {	position: absolute;	top: 0;	width: 100%;	height: 100%;	background-color: rgba(6, 21, 56, .66);	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-webkit-transition: .5s;	transition: .5s;	-webkit-transform: translateY(-10px);	transform: translateY(-10px);}.single-service:hover .service-image-overlay {	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	-webkit-transform: translateY(0);	transform: translateY(0);}.single-service .service-image-overlay:before {	content: "";	position: absolute;	left: 26px;	top: 26px;	bottom: 26px;	right: 26px;	-webkit-transition: .8s;	transition: .8s;	border: 1px solid #fbba42}.single-service:hover .service-image-overlay:before {	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}.service-image-overlay i.fa-link {	color: #fbba42;	top: 50%;	position: absolute;	text-align: center;	right: 0;	left: 0;	margin-top: -15px;	font-size: 30px;}.single-service-text {	background: #fff none repeat scroll 0 0;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-line-pack: center;	align-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	align-items: center;	padding: 20px}.single-service:hover .service-icon {	background: #fbba42 none repeat scroll 0 0;	color: #fff;}.service-icon {	width: 60%;	text-align: center;	font-size: 30px;	padding: 28px 0;	background: #061538 none repeat scroll 0 0;	color: #fbba42;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.service-info {	margin-left: 10px;}.service-info h3 {	font-size: 20px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 10px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.service-info h3:hover {	color: #fbba42}/*================================================11 - CHOOSE AREA CSS==================================================*/.briffs-choose-area {	background: url(../img/choose_bg.jpg)no-repeat fixed 0 0 /cover;	position: relative;	z-index: 1}.briffs-choose-area:after {	position: absolute;	content: "";	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(6, 21, 56, .66) none repeat scroll 0 0;	z-index: -1}.choose-right-overlay {	position: relative}.choose-right-overlay:after {	border-right: 12px solid #061538;	content: "";	display: block;	height: 115%;	width: 3000px;	position: absolute;	right: -30%;	top: -20px;	z-index: 1;	background-color: #fbba42;	background-image: url(../img/choose_skew.png);	background-repeat: repeat;	-webkit-transform: skew(30deg);	transform: skew(30deg);}.choose-slide {	position: relative;	z-index: 11;}.choose-slide .owl-stage-outer {	border-radius: 5px}.choose-slide .owl-stage-outer:after {	position: absolute;	content: "";	bottom: -24px;	right: -6px;	width: 100%;	height: 25px;	background: #F5BC51 none repeat scroll 0 0;	-webkit-transform: skewY(-5deg);	transform: skewY(-5deg);	border-radius: 5px;}.choose-slide .owl-stage-outer:before {	position: absolute;	content: "";	top: -24px;	right: 3px;	width: 100%;	height: 25px;	background: #F4BB50 none repeat scroll 0 0;	-webkit-transform: skewY(-5deg);	transform: skewY(-5deg);	border-radius: 5px;	z-index: 9;}.single-choose-slider {	background: #061538 none repeat scroll 0 0;	padding: 30px;	text-align: center;	color: #fff}.single-choose-slider p {	font-size: 18px;	text-transform: capitalize;	color: #fff;	font-weight: 600;	font-family: 'Montserrat', sans-serif;}.single-choose-slider h2 {	font-size: 30px;	text-transform: capitalize;	color: #fff;	font-weight: 600;	margin: 20px 0;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	line-height: 38px}.single-choose-slider a.briffs-btn {	background: transparent none repeat scroll 0 0;	border: 2px solid #fbba42;	color: #fff;}.single-choose-slider a.briffs-btn:hover {	background: #fbba42 none repeat scroll 0 0;}.choose-slide .owl-dots {	text-align: center;	position: absolute;	width: 100%;	bottom: -30px}.choose-slide .owl-dots .owl-dot {	display: inline-block;}.choose-slide .owl-dots .owl-dot span {	-webkit-backface-visibility: visible;	backface-visibility: visible;	background: #fff none repeat scroll 0 0;	border-radius: 30px;	display: block;	height: 5px;	margin: 5px 5px 0;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 20px;}.choose-slide .owl-dots .owl-dot.active span,.choose-slide .owl-dots .owl-dot:hover span {	background: #061538 none repeat scroll 0 0;}.choose-left .popup-youtube {	background: #fbba42 none repeat scroll 0 0;	border-radius: 100%;	color: #fff;	font-size: 26px;	height: 70px;	left: 65%;	line-height: 70px;	position: absolute;	text-align: center;	top: 50%;	-webkit-transform: translate(-50%, -50%);	transform: translate(-50%, -50%);	width: 70px;	z-index: 9;}.flaticon-play-button {	margin-left: 5px}.choose-left .iq-waves {	height: 384px;	height: 240px;	height: 15rem;	left: 65%;	position: absolute;	top: 50%;	-webkit-transform: translate(-50%, -50%);	transform: translate(-50%, -50%);	width: 384px;	width: 240px;	width: 15rem;	z-index: 2;}.choose-left .iq-waves .waves {	-webkit-animation: 3s ease-in-out 0s normal none infinite waves;	animation: 3s ease-in-out 0s normal none infinite waves;	background: rgba(251, 186, 66, 0.5) none repeat scroll 0 0 padding-box;	border-radius: 320px;	height: 384px;	height: 240px;	height: 15rem;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	position: absolute;	width: 384px;	width: 240px;	width: 15rem;}.choose-left .iq-waves .wave-1 {	-webkit-animation-delay: 0s;	animation-delay: 0s;}.choose-left .iq-waves .wave-2 {	-webkit-animation-delay: 1s;	animation-delay: 1s;}.choose-left .iq-waves .wave-3 {	-webkit-animation-delay: 2s;	animation-delay: 2s;}@-webkit-keyframes waves {	0% {		-webkit-transform: scale(0.2, 0.2);		transform: scale(0.2, 0.2);		opacity: 0;		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}	50% {		opacity: 0.9;		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	}	100% {		-webkit-transform: scale(0.9, 0.9);		transform: scale(0.9, 0.9);		opacity: 0;		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}}@keyframes waves {	0% {		-webkit-transform: scale(0.2, 0.2);		transform: scale(0.2, 0.2);		opacity: 0;		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}	50% {		opacity: 0.9;		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	}	100% {		-webkit-transform: scale(0.9, 0.9);		transform: scale(0.9, 0.9);		opacity: 0;		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}}/*================================================12 - PROJECT AREA CSS==================================================*/.briffs-project-area {	padding-top: 100px;	padding-bottom: 100px}.project-page-area {	padding: 70px 0}.project-btn {	display: block;	margin: 25px 0 5px;	text-align: left;}.project-btn>a {	border: medium none;	border-radius: 0px;	color: #061538;	display: inline-block;	font-size: 14px;	font-weight: 600;	margin: 0 10px;	border-left: 3px solid #fff;	padding: 5px 6px;	text-transform: uppercase;}.project-btn>a.current {	cursor: default;}.project-btn>a:hover,.project-btn>a.current {	color: #333;	border-left: 3px solid #fbba42;}.element-item {	float: left;	margin: 30px 0 0;	padding: 0 15px;	width: 33.33%;}.project-single-item {	position: relative;	overflow: hidden;}.img-responsive {	width: 100%}.project-img-overlay {	background-color: rgba(2, 0, 0, 0.87);	bottom: 0;	color: #fff;	left: 0;	padding: 20px;	position: absolute;	text-align: left;	-webkit-transform: translate3d(0px, 100%, 0px);	transform: translate3d(0px, 100%, 0px);	transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;	width: 100%;}.project-single-item:hover .project-img-overlay {	-webkit-transform: translate3d(0px, 0px, 0px);	transform: translate3d(0px, 0px, 0px);}.project-img-overlay>h4 {	font-family: "Raleway", sans-serif;	font-weight: 600;	letter-spacing: 1px;	text-transform: capitalize;	font-size: 18px}.project-hover {	position: absolute;	width: 100%;	height: 100%;	left: 0px;	top: 0px;	background-color: rgba(6, 21, 56, .66);	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	color: #fff;	-webkit-transition: all 0.4s linear;	transition: all 0.4s linear;}.project-hover .hover-effect-content {	position: absolute;	height: 100%;	padding: 30px 30px 30px 70px;	overflow: hidden;	left: -33px}.hover-effect-content h4 {	top: 6px;	left: 33px;	width: 200%;	position: absolute;	white-space: nowrap;	margin-left: 0px;	background-color: #000;	padding: 5px 10px;	-webkit-transform: rotate(90deg);	transform: rotate(90deg);	-webkit-transform-origin: left top 0;	transform-origin: left top 0;	text-transform: uppercase;	font-size: 15px;	line-height: 23px;	text-align: center;	font-family: 'Montserrat', sans-serif}.project-hover .hover-effect-content p {	padding-top: 50px;	-webkit-transition: all 0.5s linear;	transition: all 0.5s linear;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}.project-single-item:hover .project-hover {	top: 0px;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	left: 33px}.project-hover-action {	position: absolute;	width: 45px;	text-align: center;	bottom: -40px;	z-index: 99999;	background: #fbba42 none repeat scroll 0 0;	color: #fff;	right: 0;	height: 40px;	visibility: hidden;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	line-height: 40px;	-webkit-transition: all 0.4s linear;	transition: all 0.4s linear;}.project-single-item:hover .project-hover-action {	visibility: visible;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	bottom: 0px}/*================================================13 - HIRE AREA CSS==================================================*/.briffs-hire-area {	padding-bottom: 70px;	position: relative;	z-index: 1;}.hire-box {	padding: 20px 30px;	color: #fff;	border-top: 0px solid #fff;	border-bottom: 1px solid #fff;	position: relative;	background-color: #061538;	clear: both;}.hire-box {	border-radius: 6px;}.hire-box:before {	position: absolute;	content: '';	background-color: #061538;	width: 30px;	height: 32px;	display: block;	bottom: -6px;	left: 20%;	border-radius: 4px;	-webkit-transform: skewY(35deg);	transform: skewY(35deg);}.hire-box .hire-box-inner {	background-color: #061538;	position: relative;	padding: 25px;	border-radius: 6px;	z-index: 1;}.hire-box .hire-box-inner:before {	position: absolute;	content: '';	background-color: #061538;	top: -19px;	left: -30px;	width: 100%;	height: 100%;	display: block;	-webkit-transform: skewY(1.5deg);	transform: skewY(1.5deg);	border-radius: 6px;	-webkit-transform-origin: right top;	transform-origin: right top;}.hire-box .hire-box-inner:after {	position: absolute;	content: '';	background-color: rgba(0, 0, 0, 0.2);	width: 90%;	height: 30%;	display: block;	border-radius: 4px;	-webkit-transform: skewY(-2deg);	transform: skewY(2deg);	right: 4%;	top: -27px;	z-index: -1;}.hire-content-text h4 {	font-size: 37px;	text-transform: capitalize;	color: #fff;	font-weight: 600;	margin-bottom: 20px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	line-height: 38px;	line-height: 46px;}.hire-content-text h4 span {	color: #fbba42;}.ac-buttons a.briffs-btn {	margin: 5px;}.ac-buttons a.briffs-btn.border-btn {	background: transparent none repeat scroll 0 0;	border: 2px solid #fbba42;	color: #fff;}.ac-buttons a.briffs-btn.border-btn:hover {	background: #fbba42 none repeat scroll 0 0}/*================================================14 - TEAM SLIDER CSS==================================================*/.briffs-team-area {	padding-bottom: 90px}.briffs-team-area .site-heading {	margin-bottom: 50px}.briffs-team-page-area {	padding-bottom: 40px}.team-image {	position: relative}.single-team-slider {	margin-bottom: 30px}.team-image:before {	background: #061538 none repeat scroll 0 0;	content: "";	height: 100%;	left: 0;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	position: absolute;	top: 0;	width: 100%;	-webkit-transition: .5s;	transition: .5s;}.single-team-slider .team-image .team-social {	position: absolute;	bottom: 0px;	left: 10px;	z-index: 1;	visibility: hidden;	opacity: 0;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	left: 16px;}.team-social li {	display: inline-block;	margin: 0 1px}.team-social li a {	display: block;	width: 30px;	height: 30px;	line-height: 30px;	text-align: center;	border: 1px solid #fff;	color: #fff;	border-radius: 50%}.team-social li a:hover {	background: #fbba42 none repeat scroll 0 0;	border: 1px solid #fbba42}.single-team-slider:hover .team-bio {	border-bottom: 3px solid #fbba42}.team-bio {	padding: 20px;	background: #f3f5f9 none repeat scroll 0 0;	border-bottom: 3px solid #061538;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.team-bio h3 {	font-size: 20px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 5px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}.team-bio h3 a {	color: #061538}.single-team-slider:hover .team-image:before {	opacity: .6;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	-webkit-transition: .5s;	transition: .5s}.single-team-slider:hover .team-image .team-social {	bottom: 15px;	visibility: visible;	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}.team-slider .owl-dots {	text-align: center;	position: absolute;	width: 100%;	bottom: -20px}.team-slider .owl-dots .owl-dot {	display: inline-block;}.team-slider .owl-dots .owl-dot span {	-webkit-backface-visibility: visible;	backface-visibility: visible;	background: #061538 none repeat scroll 0 0;	border-radius: 30px;	display: block;	height: 5px;	margin: 5px 5px 0;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 20px;}.team-slider .owl-dots .owl-dot.active span,.team-slider .owl-dots .owl-dot:hover span {	background: #fbba42 none repeat scroll 0 0;}/*================================================15 - REQUEST AREA CSS==================================================*/.request-box {	position: relative;	background: #061538 none repeat scroll 0 0;	padding: 0 50px;	color: #fff;	margin: 63px 0;}.request-box:before {	position: absolute;	content: "";	background: #061538 none repeat scroll 0 0;	bottom: -63px;	height: 63px;	left: 0;	width: 100%;	z-index: 9;}.request-box:after {	position: absolute;	content: "";	top: 0;	height: 63px;	width: 100%;	background: #061538 none repeat scroll 0 0;	left: 0;	top: -62px;}.request-box h3 {	font-size: 32px;	line-height: 40px;	font-weight: 600;	color: #fff;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 15px;}.request-box h3 span {	color: #fbba42}.request-form form {	margin-top: 20px;}.request-form form p {	margin-bottom: 10px}.request-form form input {	width: 100%;	border-bottom: 1px solid #fff;	padding: 5px 10px;	background: transparent none repeat scroll 0 0;	border-left: 0;	border-right: 0;	border-top: 0;	color: #fff;}.request-form form textarea {	width: 100%;	border-bottom: 1px solid #fff;	padding: 5px 10px;	border-left: 0;	color: #fff;	border-right: 0;	border-top: 0;	background: transparent none repeat scroll 0 0;	resize: none}.request-form form button {	display: inline-block;	padding: 8px 20px;	color: #fff;	background: #fbba42 none repeat scroll 0 0;	border: 2px solid #fbba42;	text-transform: capitalize;	font-weight: 600;	font-family: "Montserrat", sans-serif;	letter-spacing: 1px;	cursor: pointer;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.request-form form button:hover {	background: transparent none repeat scroll 0 0}.request-form form button i {	margin-right: 5px}.request-form form button:hover {	background: #061538 none repeat scroll 0 0}.pad_right {	padding-right: 0}.request-image {	text-align: center;}.request-image img {	width: 400px}/*================================================16 - TESTIMONIAL AREA CSS==================================================*/.briffs-testimonial-area {	background-image: url('../img/testimonial_bg.jpg');	background-position: bottom center;	background-size: cover;	padding-bottom: 80px}.briffs-testimonial-page-area {	background: #f9f9f9 none repeat scroll 0 0;	padding-bottom: 80px}.single-testimonial {	position: relative;	text-align: center;	margin-top: 60px;	background: #fff none repeat scroll 0 0;	padding: 20px 30px 30px 30px;	border-radius: 5px;	margin-bottom: 30px}.testimonial-image {	width: 100px;	height: 100px;	padding: 10px;	background: #ddd none repeat scroll 0 0;	border-radius: 50%;	margin: 0 auto;	position: relative;	top: -70px;}.img-fluid {	width: 100%;	height: 100%;	border-radius: 50%;}.testimonial-text {	margin-top: -40px;}.client-title {	font-size: 20px;	margin-top: 20px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 5px;}.testimonial-text span {	position: absolute;	font-size: 50px;	right: 50px;	bottom: 22px;	opacity: 0.1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}.testimonial-slider .owl-dots {	text-align: center;	position: absolute;	width: 100%;	bottom: -20px}.testimonial-slider .owl-dots .owl-dot {	display: inline-block;}.testimonial-slider .owl-dots .owl-dot span {	-webkit-backface-visibility: visible;	backface-visibility: visible;	background: #061538 none repeat scroll 0 0;	border-radius: 30px;	display: block;	height: 5px;	margin: 5px 5px 0;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 20px;}.testimonial-slider .owl-dots .owl-dot.active span,.testimonial-slider .owl-dots .owl-dot:hover span {	background: #fbba42 none repeat scroll 0 0;}/*================================================17 - BLOG AREA CSS==================================================*/.blog-box {	margin-top: 30px}.blog-text-left {	padding: 20px 0 0;}.date-news {	font-size: 14px;	text-transform: capitalize;	color: #fbba42;	font-weight: 600;	font-family: 'Montserrat', sans-serif;}.blog-text-left h3 {	font-size: 22px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	line-height: 32px;	margin-top: 10px;}.blog-text-right {	text-align: right;	margin-top: 65px;}/*================================================18 - NEWSLETTER AREA CSS==================================================*/.briffs-Newsletter-area {	padding: 40px 0;	background: #fbba42 none repeat scroll 0 0;}.newsletter-form {	text-align: right;	margin: 4px 0}.newsletter-form form {	width: 50%;	float: right;	position: relative;	height: 50px;	background: #fff;	border-radius: 30px;}.newsletter-form form input {	position: absolute;	left: 0;	border-radius: 30px;	border: medium none;	background: transparent;	top: 0;	padding: 10px 20px;	height: 100%;	width: 80%;}.newsletter-form form button {	position: absolute;	right: 7px;	border: medium none;	background: #061538 none repeat scroll 0 0;	color: #fff;	border-radius: 50%;	width: 40px;	height: 40px;	top: 5px;	cursor: pointer;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s}.newsletter-form form button:hover {	background: #fbba42 none repeat scroll 0 0}.newsletter-form form input:focus {	outline: medium none;	border: medium none}/*================================================19 - FOOTER AREA CSS==================================================*/.footer-area-top {	background: #111B24 none repeat scroll 0 0;	padding: 50px 0;	position: relative;	z-index: 1;}.single-footer h3 {	font-size: 17px;	text-transform: uppercase;	color: #fff;	font-weight: 600;	margin-bottom: 10px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	line-height: 32px;}.single-footer p {	color: #697783;	font-size: 14px;	line-height: 26px;}.block-footer {	margin-bottom: 30px;}.block-footer:last-child {	margin-bottom: 0px;}.block-footer ul li {	margin-top: 8px}.block-footer ul li a {	color: #fff;}.block-footer ul li a i,.single-footer ul li a i {	color: #fbba42;	margin-right: 5px}.single-footer ul li {	margin-bottom: 5px;}.single-footer ul li a {	color: #697783;}.single-footer ul li a:hover,.block-footer ul li a:hover {	color: #fbba42;}.single-footer ul li a:hover {	padding-left: 5px}.footer-post {	overflow: hidden;	margin-bottom: 15px;}.footer-post-image {	float: left;	margin-right: 10px;}.footer-post:last-child {	margin-bottom: 0}.footer-post-text {	overflow: hidden}.footer-post-text a h4 {	font-size: 17px;	text-transform: capitalize;	color: #697783;	font-weight: 500;	margin-bottom: 10px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	line-height: 24px;}.footer-post-text a h4:hover {	color: #bebebe}.footer-post-text p {	color: #fbba42}.copyright-area {	background: #111B24 none repeat scroll 0 0;	padding: 30px 0;	border-top: 1px solid #1C2B3B;}.copyright-left {	color: #697783;	font-size: 14px;}.copyright-left p span {	color: #fbba42}.copyright-social ul {	text-align: right}.copyright-social ul li {	display: inline-block;	margin-left: 2px}.copyright-social ul li a {	display: block;	width: 30px;	height: 30px;	text-align: center;	line-height: 30px;	font-size: 15px;	background: #1C2B3B none repeat scroll 0 0;	border-radius: 50%;	color: #697783 !important;}.copyright-social ul li a:hover {	background: #fbba42 none repeat scroll 0 0;	color: #fff !important;}/*================================================20 - ABOUT PAGE CSS==================================================*/.briffs-about-page {	background: #f6f7f8 none repeat scroll 0 0;	position: relative;	z-index: 1}.briffs-about-page:after {	position: absolute;	content: "";	top: 0;	width: 100%;	height: 100%;	left: 0;	background: url(../img/about-section.png) no-repeat scroll 0 0;	z-index: -1}.about-page-left img {	width: 100%;}.about-page-left {	position: relative}.about-page-overlay {	position: absolute;	width: 100%;	height: 100%;	background-color: rgba(6, 21, 56, .66);	opacity: 1;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	-webkit-transition: .5s;	transition: .5s;	top: 0;}.about-page-overlay:before {	content: "";	position: absolute;	left: 26px;	top: 26px;	bottom: 26px;	right: 26px;	-webkit-transition: .8s;	transition: .8s;	border: 1px solid #fbba42;}.about-page-right h3 {	font-size: 36px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	line-height: 48px;	margin-bottom: 30px;}.about-page-right h3 span {	color: #fbba42}.about-page-right a.briffs-btn {	margin-top: 30px}.single-about-counter {	padding: 15px;	text-align: center;	margin-top: 30px;	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);	background: #fff none repeat scroll 0 0}.single-about-counter h3 {	line-height: normal;	margin-bottom: 0;	font-size: 30px}.single-about-counter p {	color: #818181;	text-transform: uppercase;	font-weight: 600;	margin-bottom: 5px;}.about-counter {	margin-top: 50px}.briffs-about-promo {	background: url(../img/about_promo.jpg) no-repeat scroll 0 0/cover;}.about-promo-box {	width: 60%;	text-align: center;	margin: 0 auto;}.about-promo-box h3 {	font-size: 37px;	text-transform: capitalize;	color: #fff;	font-weight: 600;	margin-bottom: 20px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	line-height: 46px;}.about-promo-box a.briffs-btn {	margin-top: 30px}.briffs-mission-area {	background: #f6f7f8 none repeat scroll 0 0;	padding-bottom: 40px}.single-mission {	overflow: hidden;}.single-mission-left {	float: left;	margin-right: 20px;}.single-mission-left img {	width: 60px;}.single-mission-right {	overflow: hidden;}.single-mission-right h3 {	font-size: 22px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 5px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}.mission-right ul li {	margin-bottom: 30px}.mission-right ul li:last-child {	margin-bottom: 0}/*================================================21 - PRICING PAGE CSS==================================================*/.briffs-pricing-area {	background: #f9f9f9 none repeat scroll 0 0;	padding-top: 40px}.single-price-box {	text-align: center;	background: #fff none repeat scroll 0 0;	box-shadow: 0 0 25px rgba(0, 0, 0, .1);	margin-top: 30px}.pricing-title {	padding: 20px;	background: #040e27 none repeat scroll 0 0;	color: #fff;}.pricing-price {	padding: 15px;	background: #09142f none repeat scroll 0 0;	color: #fff;}.pricing-title h3 {	font-size: 20px;	text-transform: capitalize;	color: #fff;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	letter-spacing: 1px;}.pricing-price h3 {	font-size: 45px;	text-transform: capitalize;	color: #fff;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	letter-spacing: 1px;	position: relative;	display: inline-block}.pricing-price h3 span {	position: absolute;	top: 0;	left: -25px;	font-size: 27px;	color: #fbba42;}.pricing-body {	margin: 30px 0;}.pricing-body li {	display: block;	padding: 5px;}.pricing-action {	padding-bottom: 30px;}/*================================================22 - FAQS AREA CSS==================================================*/.faq-left h2,.briffs-faqs-right h2 {	font-size: 28px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 20px;}.faq-left h2 span,.briffs-faqs-right h2 span {	color: #fbba42;}.faq_accordian_header>a {	display: block;	text-align: left;	padding: 15px 15px 15px 35px;	background: #061333 none repeat scroll 0 0;	font-size: 15px;	color: #fff;	text-transform: capitalize;	font-weight: 600;	border: 1px solid rgba(0, 0, 0, 0.08);	border-radius: 0;	text-decoration: none;	position: relative}.faq_accordian_header>a:hover {	background: #061333 none repeat scroll 0 0;	text-decoration: none;	color: #fff;	border: 1px solid rgba(0, 0, 0, 0.08);}.faq_accordian_header>a:focus {	text-decoration: none}.faq_accordian_body {	padding: 10px;	background: #f9f9f9 none repeat scroll 0 0;	border-left: 1px solid rgba(0, 0, 0, 0.08);	border-right: 1px solid rgba(0, 0, 0, 0.08);	border-bottom: 1px solid rgba(0, 0, 0, 0.08);	font-size: 14px;}.faq_accordian_body p {	margin: 0 0 10px}.single_faq_accordian {	margin-top: 10px;}.faq_accordian_header>a:after {	position: absolute;	content: "\f056";	font-family: Fontawesome;	left: 10px;	color: #fbba42;	font-size: 18px;}.faq_accordian_header>a.collapsed:after {	position: absolute;	content: "\f055";	font-family: Fontawesome;	left: 10px;	color: #fbba42;	font-size: 18px;}#accordion {	margin-top: 30px;}.briffs-faqs-right>form {	background: #fff none repeat scroll 0 0;	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);	margin-top: 30px;	padding: 30px 50px;}.briffs-faqs-right form p:first-child {	margin-top: 0px;}.briffs-faqs-right form p {	margin-top: 15px;}.briffs-faqs-right form label {	display: inline-block;	font-size: 14px;	font-weight: 600;	margin-bottom: 0;	text-transform: capitalize;	color: #111;	margin-bottom: 2px;}.briffs-faqs-right form input[type="text"],.briffs-faqs-right form input[type="email"] {	background: #fafafa none repeat scroll 0 0;	border: 1px solid #ddd;	color: #333;	height: 40px;	padding: 5px 10px;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 100%;}.briffs-faqs-right form textarea {	background: #fafafa none repeat scroll 0 0;	border: 1px solid #ddd;	height: 120px;	padding: 5px 10px;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 100%;}.briffs-faqs-right form button {	display: inline-block;	padding: 8px 20px;	color: #fff;	background: #fbba42 none repeat scroll 0 0;	border: 2px solid #fbba42;	text-transform: capitalize;	font-weight: 600;	font-family: "Montserrat", sans-serif;	letter-spacing: 1px;	cursor: pointer;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}/*================================================23 - SERVICE DETAILS PAGE CSS==================================================*/.service-page-sidebar {	margin-top: 30px;}.service-page-sidebar:first-child {	margin-top: 0px;}.service-page-sidebar ul li,.brouchers-box a {	margin-bottom: 5px}.service-page-sidebar ul li:last-child,.brouchers-box a:last-child {	margin-bottom: 0px}.service-page-sidebar ul li a {	display: block;	padding: 10px 20px;	background: #f9f9f9;	color: #222;	text-transform: capitalize;	border-right: 4px solid #f9f9f9;	font-weight: 600;}.service-page-sidebar ul li.active a,.service-page-sidebar ul li a:hover {	background: #061333 none repeat scroll 0 0;	color: #fff;	border-right: 4px solid #fbba42}.brouchers-box a {	background: #061333 none repeat scroll 0 0;	color: #fff;	display: block;	padding: 10px;}.brouchers-box a i {	color: #fbba42;	float: right;	margin-top: 6px}.service-page-sidebar h3 {	font-size: 22px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 15px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}.service-need-help h3 {	font-size: 22px;	margin-bottom: 15px}.service-need-help p {	margin-bottom: 10px;}.service-need-help p:last-child {	margin-bottom: 0px;}.service-need-help p i {	color: #fbba42;	margin-right: 10px;}.service-details-right img {	margin-bottom: 30px}.service-details-right h3 {	font-size: 28px;	line-height: 40px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 10px;}.service-details-right p {	margin-bottom: 10px}.service-page-widget {	margin-top: 30px;}.service-page-widget img {	width: 100%}.service-details-right>#accordion {	margin-top: 0}/*================================================24 - PROJECT DETAILS PAGE CSS==================================================*/.project-details-image {	margin-bottom: 30px;}.project-details-image img {	width: 100%;}.project-details-body h3 {	font-size: 28px;	line-height: 40px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 10px;}.project-details-body p {	margin: 0 0 10px}.project-details-body p:last-child {	margin: 0}.project-details-widget {	border: 6px solid #f4f9fc;	padding: 20px;}.project-details-widget h3 {	font-size: 22px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 30px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	position: relative}.project-details-widget h3:after {	position: absolute;	content: "";	bottom: -10px;	height: 2px;	width: 35%;	background: #fbba42 none repeat scroll 0 0;	left: 0;}.project-details-widget ul li {	margin: 20px 0}.project-details-widget ul li i {	color: #fbba42;	width: 25px;}.project-details-widget ul li span {	font-weight: 600;	width: 115px;	display: inline-block;}.project-details-action {	text-align: center;	margin-top: 50px}.project-details-action a {	background: #061333 none repeat scroll 0 0}.project-details-action a:hover {	background: #fbba42 none repeat scroll 0 0;}.briffs-recent-project {	background: #f4f9fc none repeat scroll 0 0}.briffs-recent-project .project-single-item {	margin-top: 30px}/*================================================25 - BLOG PAGE CSS==================================================*/.briffs-blog-page-area {	padding: 70px 0}.briffs-blog-page-area .blog-box {	margin: 0 0 30px 0px;	padding-bottom: 15px;	border-bottom: 1px solid #ddd;}.briffs-blog-page-area .blog-box:last-child {	border-bottom: 0px solid #ddd;}.single-blog-widget {	padding: 30px;	border: 6px solid #f4f9fc;	margin-bottom: 30px}.single-blog-widget:last-child {	margin: 0}.single-blog-widget h3 {	font-size: 18px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 30px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	position: relative;	display: inline-block}.single-blog-widget h3:after {	position: absolute;	content: "";	bottom: -10px;	height: 2px;	width: 50%;	background: #fbba42 none repeat scroll 0 0;	left: 0;}.blog-social li {	display: inline-block;	margin-right: 3px}.blog-social li a {	display: block;	width: 40px;	height: 40px;	text-align: center;	line-height: 40px;	border-radius: 50%;	color: #fff}.blog-social li.fb a {	background: #4267B2 none repeat scroll 0 0}.blog-social li.twt a {	background: #1EA1F3 none repeat scroll 0 0}.blog-social li.linkd a {	background: #0077B5 none repeat scroll 0 0}.blog-social li.gp a {	background: #E93726 none repeat scroll 0 0}.blog-social li.yt a {	background: #00AFF0 none repeat scroll 0 0}.single-blog-widget form {	width: 100%;	position: relative;	height: 50px;	background: #f4f9fc none repeat scroll 0 0;	border-radius: 30px;}.single-blog-widget form input {	position: absolute;	left: 0;	border-radius: 30px;	border: medium none;	background: transparent;	top: 0;	padding: 10px 20px;	height: 100%;	width: 80%;}.single-blog-widget form button {	position: absolute;	right: 7px;	border: medium none;	background: #fbba42 none repeat scroll 0 0;	color: #fff;	border-radius: 50%;	width: 40px;	height: 40px;	top: 5px;	cursor: pointer;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}.category-post li a {	text-transform: capitalize;	display: block;	color: #111;	padding: 10px 0;	border-bottom: 1px solid #ddd;}.category-post li:last-child a {	border-bottom: 0px solid #ddd}.category-post li a span {	float: right}.category-post li a:hover {	color: #fbba42}.tags-post li {	display: inline-block;	margin: 2px 0;}.tags-post li a {	display: block;	color: #111;	text-transform: capitalize;	padding: 5px 10px;	border: 1px solid #ddd;}.tags-post li a:hover {	background: #fbba42 none repeat scroll 0 0;	color: #fff;	border: 1px solid #fbba42}/*================================================26 - SINGLE BLOG PAGE CSS==================================================*/.blog-page-left a {	color: #061538;}.blog-details h3 {	font-size: 32px;	line-height: 45px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;}.blog-post-meta {	margin-top: 10px;}.dlab-post-name img {	width: 65px;	height: 65px;	border-radius: 50%;	border: 6px solid #f4f9fc;	margin-right: 10px;}.blog-post-meta ul li {	margin-right: 10px;	color: #777;}.post-author i,.post-comment i {	color: #fbba42;	margin-right: 2px;}.blog-content-inner {	margin: 20px 0;}.blog-content-img img {	width: 100%}.blog-details-img {	margin: 15px 0;}.blog-content p {	margin: 0 0 10px}.blog-content p span {	font-weight: 600;	font-size: 21px;}.blog-content-text h3 {	font-size: 25px}.post-share-box {	border-bottom: 1px solid #f4f9fc;	border-top: 1px solid #f4f9fc;	margin-top: 30px;	padding: 15px 20px;}.post-share-left>p,.post-share-right>p {	color: #061538;	display: inline-block;	font-size: 16px;	font-weight: 600;	text-transform: capitalize;}.post-share-left a {	color: #555;	font-weight: 500;}.post-share-right {	text-align: right;}.post-share-right a {	color: #bcc4d0;	margin-left: 5px;}.pad-left {	padding-left: 0}.briffs-comment-list,.briffs-leave-comment {	margin-top: 30px;}.comment-group-title>h2,.briffs-leave-comment h2 {	font-size: 22px;	line-height: 45px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;}.single-comment-box {	margin-bottom: 10px;	position: relative;	-webkit-transition: all 300ms ease 0s;	transition: all 300ms ease 0s;}.main-comment {	font-size: 14px;	padding: 30px 0 0 100px;	position: relative;}.author-image {	border-radius: 50%;	left: 0;	margin-bottom: 20px;	position: absolute;	top: 30px;}.author-image img {	display: block;	width: 80px;}.comment-info h4 {	font-size: 18px;	text-transform: capitalize;	color: #061538;	font-weight: 600;	margin-bottom: 5px;	font-family: 'Montserrat', sans-serif;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	position: relative;	display: inline-block;}.comment-info a {	display: inline-block;	padding: 3px 10px;	border: 1px solid #ddd;	margin-top: 10px;}.comment-info a i {	margin-right: 5px}.comment-text-inner {	margin-top: 10px}.single-comment-box.reply-comment {	padding-left: 100px;}.briffs-leave-comment>form {	margin-top: 20px;}.briffs-leave-comment input[type="text"],.briffs-leave-comment input[type="email"] {	background: transparent none repeat scroll 0 0;	border: 1px solid #ddd;	float: left;	height: 45px;	margin-bottom: 20px;	margin-right: 20px;	margin-top: 0;	padding: 10px 15px;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 45%;}.briffs-leave-comment textarea {	border: 1px solid #ddd;	height: 160px;	margin-bottom: 20px;	padding: 5px 15px;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;	width: 93%;}.briffs-leave-comment form button {	display: inline-block;	padding: 8px 20px;	color: #fff;	background: #fbba42 none repeat scroll 0 0;	border: 2px solid #fbba42;	text-transform: capitalize;	font-weight: 600;	font-family: "Montserrat", sans-serif;	letter-spacing: 1px;	cursor: pointer;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}.briffs-leave-comment form button:hover {	background: #061538 none repeat scroll 0 0;	border: 2px solid #061538}/*================================================27 - CONTACT PAGE CSS==================================================*/.contact-box-right h3 {	font-size: 28px;	line-height: 40px;	font-weight: 600;	color: #061538;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 10px;}.contact-box-right form {	padding: 30px;	background: #f0f3fa none repeat scroll 0 0;	margin-top: 20px;}.contact-box-right form p:first-child {	margin-top: 0px;}.contact-box-right form p {	margin-top: 10px;}.contact-box-right form input {	width: 100%;	display: block;	border: 0px solid #ddd;	padding: 7px 10px;}.contact-box-right form textarea {	width: 100%;	display: block;	border: 0px solid #ddd;	padding: 7px 10px;	height: 120px;}.contact-box-right form button {	display: inline-block;	padding: 8px 20px;	color: #fff;	background: #fbba42 none repeat scroll 0 0;	border: 2px solid #fbba42;	text-transform: capitalize;	font-weight: 600;	font-family: "Montserrat", sans-serif;	letter-spacing: 1px;	cursor: pointer;	-webkit-transition: all 0.4s ease 0s;	transition: all 0.4s ease 0s;}.contact-box-right form button:hover {	background: #061538 none repeat scroll 0 0;	border: 2px solid #061538;}.support-box {	padding: 35px 40px;	background: #061333 none repeat scroll 0 0;	border-radius: 5px;	box-shadow: 0 0px 10px rgba(0, 0, 0, .1);	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-align: center;	-ms-flex-align: center;	align-items: center;}.support-icon {	font-size: 50px;	margin-right: 20px;	color: #fff;}.support-text h3 {	font-size: 22px;	line-height: 45px;	font-weight: 600;	color: #fff;	text-transform: capitalize;	font-family: 'Montserrat', sans-serif;	margin-bottom: 5px;}.single-contact-info {	margin-top: 20px;}.single-contact-info p {	text-transform: capitalize;	color: #777;	margin-bottom: 5px;}.single-contact-info h4 {	font-size: 15px;	color: #111;	text-transform: capitalize;	line-height: normal;	letter-spacing: 1px;	font-weight: 600;}.single-contact-info {	margin-top: 20px;}.single-contact-info {	margin-top: 20px;}.single-contact-info ul {	margin-top: 10px}.single-contact-info ul li {	display: inline-block;	margin: 0;}.single-contact-info ul li a {	display: block;	color: #fff;	font-size: 18px;}/*：非源码,演示用的代码。源代码唯一下载地址: http://www.bootstrapmb.com/item/4119。（此备注只出现在演示站，下载的源码不包含。）*/