/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/6076(这个说明仅在演示里会看到,下载的源码里没有)*//*-------------------------------------Template Name: Facto 最新最全最好的Bootstrap模板：http://www.bootstrapmb.comVersion: 1.0---------------------------------------*//*--------------------------------------CSS INDEX:-1.Default css2.preloader css3.header-area css4.hero_bg_1 section css5.Main features section css6.facto_about section css7.facto_qoute section css8.facto_service section css9.video_bg section css10.facto_testimonial section css11.project_slide section css12.blog section css13.footer_widget_1 section14.facto_footer css 15.breadcrumb_bg section css16.About.html css18.service_details.html css19.project.html css20.project_details.html  css21.facto_qoute_2 section css22.faq.html css23.team.html css 24.blog.html css25.blog_details.html css 26.contact.html css27.index_2.html css28.Shop.html css29.product_details.html css30.service_2.html css31.index_2.html css32.index.html css---------------------------------------*//*	1. Satrt Default css */@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,500i,600,700');*{	margin: 0;	padding: 0;	outline: none;}a,a:hover,a:focus{	color: #170e2a;	text-decoration: none;	outline: none;}h1,h2,h3,h4,h5,h6{	text-transform: capitalize;	margin: 0;	color: #092f5d;	font-weight: bold;}h1{	font-size: 42px;	line-height: 55px;}h2{	font-size: 36px;	line-height: 40px;}h3{	font-size: 25px;	line-height: 35px;}h4{	font-size: 20px;	line-height: 29px;}h5{	font-size: 18px;}h6{	font-size: 16px;}p{	margin: 0;}ul{	margin: 0;	padding: 0;}li{	list-style: none;}input,input:hover,input:focus{	outline: none;}textarea,textarea:hover,textarea:focus{	outline: none;}button,button:hover,button:focus{	cursor: pointer;	outline: none;}body{	font-family: 'Poppins', sans-serif;	font-size: 14px;	color: #5b6269;	line-height: 28px;	overflow-x: hidden;}section{	overflow: hidden;}.section_padding{	padding: 120px 0;}.facto_btn{	display: inline-block;	background: #ff7d15;	font-size: 15px;	font-weight: 500;	text-transform: capitalize;	padding: 25px 54px;	color: #fff;	border-radius: 4px;	transition: all .5s;}.facto_btn:hover,.form_btn:hover{	background: #092f5d;	color: #fff;	box-shadow: 0px 0px 62px 0px rgba(34, 34, 34, 0.12);}.facto_btn_2{	display: inline-block;	padding: 25px 40px;	background: #092f5d;	color: #fff;	font-size: 16px;	font-weight: 500;	letter-spacing: 2px;	text-transform: uppercase;	border-radius: 50px;	transition: all .5s;}.form_btn_2:after,.facto_btn_2:after{	display: inline-block;	content: '\f10a';	font-family: Flaticon;	margin-left: 10px;}.facto_btn_2:hover,.facto_btn_2:focus{	background: #ff5e14;	color: #fff;}.no_padding{	padding-left: 0px;	padding-right: 0px;}.facto_img_box img{	width: 100%;}.facto_title{	margin-bottom: 85px;}.facto_title h3 {    margin-bottom: 25px;}.facto_overlay{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #092f5d;	opacity: .8;}.facto_overlay_2{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #ff7536;	opacity: .8;}.gray_bg{	background: #f2f2fc;}@media (min-width: 1200px){	.container {	    max-width: 1170px;	}}/*	End Default css *//*	2. Start Preloader css */.preloader_area {    position: fixed;    background: #fff;    z-index: 11000;    height: 100%;    width: 100%;    overflow: hidden;    padding-top: 23%;}.color-1{    background-color:#092f5d !important;}.color-2{    background-color:#ff5e14 !important;}.lodar{    width: 50px;    height: 50px;    transform: rotate(45deg);    position:relative;    margin:auto;}.lodar .layer-1{    position:absolute;    width:20px;    height:20px;     top:0px;    left:0px;    border-radius:2px;    animation: cube11 2s ease-in-out infinite ; }.lodar .layer-2{    position:absolute;    width:20px;    height:20px;     top:0px;    right:0px;    border-radius:2px;      animation: cube12 2s ease-in-out infinite ; }.lodar .layer-3{    position:absolute;    width:20px;    height:20px;     bottom:0px;    right:0px;    border-radius:2px;      animation: cube13 2s ease-in-out infinite ; }.lodar .layer-4{    position:absolute;    width:20px;    height:20px;     bottom:0px;    left:0px;    border-radius:2px;      animation: cube14 2s ease-in-out infinite ; }@keyframes cube11 {    25%{ left:30px; top:0px;}    50%{ top:30px; left:30px;}    75%{ top:30px; left:0px;}    100%{ left:0px; top:0px;}}@keyframes cube12 {    25%{ top:30px; right:0px;}    50%{ top:30px; right:30px;}    75%{ top:0px; right:30px;}    100%{ top:0px; right:0px;}}@keyframes cube13 {    25%{ bottom:0px; right:30px;}    50%{ bottom:30px; right:30px;}    75%{ bottom:30px; right:0px;}    100%{ bottom:0px; right:0px;}}@keyframes cube14 {    25%{ bottom:30px; left:0px;}    50%{ bottom:30px; left:30px;}    75%{ bottom:0px; left:30px;}    100%{ bottom:0px; left:0px;}}/*	End Preloader css *//*	3. Start facto_header area css*/.facto_header_1{	position: absolute;	top: 30px;	left: 0;	width: 100%;	z-index: 1000;}.facto_header.sticky {	position: fixed;	top: 0;	background: #fff;	box-shadow: 0 0 20px #e1e1e1;	padding: 20px 20px;	z-index: 1000;}.facto_header.sticky .facto_header_top {	display: none;}.sticky .main_menu ul li ul.sub_menu{	margin-top: 20px;}.facto_header_1.sticky{	background: #092f5d;	box-shadow: none;}.sticky .main_menu ul li a{	padding: 15px 0;}.header_top{	padding-bottom: 18px;	border-bottom: 1px solid #274871;}.header_top_left ul li{	display: inline-block;	margin-right: 26px;}.header_top_left ul li a{	color: #fff;}.header_top_right{	text-align: right;}.header_top_right select{	background: transparent;	color: #fff;	border: none;	text-transform: capitalize;	cursor: pointer;}.header_top_right select option{	color: #092f5d;	text-transform: capitalize;}/*	facto_menu*/.facto_menu{	position: relative;	float: right;}.main_menu ul li{	position: relative;	display: inline-block;	margin-left: 30px;}.main_menu ul li a{	display: block;	color: #fff;	font-size: 16px;	font-weight: 500;	padding: 35px 0;	border-top: 2px solid transparent;}.main_menu ul li:hover >a{	border-top: 2px solid #ff7d15;}.main_menu ul li ul.sub_menu{	position: absolute;	text-align: left;	width: 250px;	max-height: 0px;	padding: 0px;    top: 100%;    left: 0px;    background: #fff;    opacity: 0;    z-index: 9999;    visibility: hidden;    	transition: all .3s;}.main_menu ul li:hover >ul.sub_menu{	visibility: visible;	top: 100%;	max-height: 800px;	padding: 15px;	opacity: 1;	transition: all .5s;}.main_menu ul li ul.sub_menu li{	display: block;	margin: 0;}.main_menu ul li ul.sub_menu li:last-child{	border-bottom: none;}.main_menu ul li ul.sub_menu li a{	font-size: 14px;	text-transform: capitalize;	color: #092f5d;    padding: 15px 20px;}.main_menu ul li ul.sub_menu li:hover >a{	color: #ff5e14;	border-color:#fff;}.main_menu ul li ul.sub_menu li ul.sub_menu{	left: 100%;	top: 0;	opacity: 0;	visibility:hidden;}.main_menu ul li ul.sub_menu li:hover ul.sub_menu{	visibility: visible;	opacity: 1;}/*	facto_menu*//*	End facto_header area css*//*	4. Start hero_bg_1 section css*/.hero_bg_1{	background-size: cover;	background-repeat: no-repeat;	padding: 293px 0 170px;	position: relative;}.bg_overlay{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #092f5d;	opacity: .8;}.hero_area .hero_text h1{	color: #fff;	margin-bottom: 27px;}.hero_area .hero_text p{	color: #fff;	margin-bottom: 30px;}/*	End hero_bg_1 area section css*//*	5. Start Main features section css*/.top_feature {    display: block;    margin-top: -30px;    z-index: 9999;    overflow: visible;}.features_box.top_feat_box{	padding: 65px 70px 65px 40px;	border-radius: 4px;  	background: rgb(255, 255, 255);  	box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.12);  	transition: all .5s;}.top_feat_box.features_box_2 {    transform: translateY(-20px);    padding: 85px 50px;}.features_box.top_feat_box:hover{	background: #ff7d15;}.features_box.top_feat_box:hover .features_text h4,.features_box.top_feat_box:hover .features_text  p{	color: #fff;}.features_box.top_feat_box .features_text h4{	margin-bottom: 20px;	transition: all .5s;}/*	End Main features section css*//*	6.Start facto_about section css*/.about_history_text h3{	margin-bottom: 29px;}.about_history_text p{	margin-bottom: 22px;}/*	End facto_about section css*//*	7. Start facto_qoute section css*/.facto_qoute{	position: relative;	background-repeat:no-repeat;	background-size: cover;}.facto_qoute_1{	padding: 75px 100px 75px 75px;    margin-right: 300px;}.qoute_overlay{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #ff7d15;	opacity: .9;}/*	End facto_qoute css*//*	8. Start facto_service section css*/.facto_service_box{	background: rgba(236, 95, 9, 0);	border: 1px solid rgb(234, 239, 244);	border-radius: 4px;  	box-shadow: 0px 0px 8px 0px rgba(34, 34, 34, 0.13);  	margin-bottom: 50px;  	margin-left: 15px;  	margin-right: 15px;  	transition: all .5s;}.facto_service_box .facto_img_box {	transition: all .5s;}.facto_service_box .facto_img_box img{	border-radius: 4px;	transition: all .5s;}.facto_service_box .service_box_info{	padding: 46px 37px;	transition: all .5s;}.facto_service_box .service_box_info h4{	font-size: 20px;	font-weight: bold;	margin-bottom: 20px;}.facto_service_box .service_box_info p{	margin-bottom: 20px;}.facto_service_box .service_box_info a.service_link{	color: #092f5d;	text-transform: capitalize;}.facto_service_box .service_box_info a.service_link:hover{	color: #ff7d15;	text-decoration: underline;}.slick-current.service_box_1 .service_box_info{	padding: 40px 37px;}.slick-current.service_box_1 .facto_img_box img{	height: 185px;}.service_slide .slick-prev, .service_slide .slick-next{	width: 155px;  	height: 60px;  	background: rgb(255, 125, 21);  	line-height: 60px;	font-size: 15px;	color: #fff;	font-weight: 500;	border-radius: 4px;	z-index: 1;	transition: all .5s;}.service_slide .slick-prev:hover,.service_slide .slick-next:hover{	background: #092f5d;	box-shadow: 0px 0px 8px 0px rgba(34, 34, 34, 0.13);}.service_slide .slick-prev{	top: 90%;	left: 15px;}.service_slide .slick-next{	top: 90%;	left: 200px;}.facto_service_box.service_box_2 .service_box_info{	padding: 46px 40px;}.facto_service_box.service_box_2 .service_box_info p{	margin-bottom: 35px;}/*	End facto_service section css*//*	9. Start video_bg section css*/.video_bg{	position: relative;}.service_content_area{	background: url(../img/content_bg.jpg) no-repeat;	background-size: cover;	position: relative;	padding: 70px 70px 70px 320px;	margin-top: 75px;}.service_content_text {	position: relative;}.service_content_text h3{	color: #fff;	font-weight: bold;	margin-bottom: 25px;}.service_content_text p{	color: #fff;}.service_content_box{	position: relative;	margin-top: 33px;}.content_box h4{	color: #ff7d15;	margin-bottom: 15px;}.content_box p{	color: #fff;}.video_area{	position: absolute;	top: 0;	left: 0;	width: 685px;	z-index: 1;}.video_img{	position: relative;}.video_play_popup {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}.video_play_popup a.play_btn{	display: block;	width: 85px;	height: 85px;	line-height: 85px;	font-size: 20px;	text-align: center;	color: #ff7d15;	background: #fff;	border-radius: 50%;}/*	End video_bg section css*//*	10. Start facto_testimonial section css*/.facto_testimonial_2 .clients_box{	margin-bottom: 50px;	margin-left: 0;	margin-right: 0;}.clients_box{	position: relative;	padding: 27px 30px;	background-color: rgb(255, 255, 255);	border-radius: 8px;	border: 1px solid rgb(234, 239, 244);  	box-shadow: 0px 0px 8px 0px rgba(34, 34, 34, 0.13);  	margin-left: 15px;  	margin-right: 15px;  	transition: all .5s;  	overflow: hidden;}.clients_box svg{	position: absolute;	top: -100px;	left: -100px;}.clients_box:hover{	border-color: rgb(255, 125, 21);}.clients_img{	position: relative;	margin-bottom: 37px;}.clients_img img{	width: 105px;	border-radius: 10px;}.clients_info h4{	margin-bottom: 5px;}.clients_info p{	margin-bottom: 14px;}.clients_slide .slick-dots{	margin-top: 15px;	position: relative;}.clients_slide .slick-dots li{    width: 30px;    height: 6px;    background: #ff7d15;    border-radius: 10px;    transition: all .5s;}.clients_slide .slick-dots li.slick-active{	width: 15px;	background: #092f5d;}/*	End facto_testimonial css*//*	11. Start project_slide section css*/.project_slide .project_item_box{	margin-left: 15px;	margin-right: 15px;}.project_slide .slick-dots{	margin-top: 25px;	position: relative;	bottom: 0;}.project_slide .slick-dots li{    width: 30px;    height: 6px;    background: #092f5d;    border-radius: 10px;    transition: all .5s;}.project_slide .slick-dots li.slick-active{	width: 15px;	background: #ff7d15;}/*	End project_slide css*//*	12. Start blog section css*/.blog_box{  	background: rgba(236, 95, 9, 0);  	border-radius: 4px;  	border: 1px solid rgb(234, 239, 244);  	box-shadow: 0px 0px 8px 0px rgba(34, 34, 34, 0.13);}.blog_box .blog_img img{	width: 100%;}.blog_box .blog_info{	padding: 25px 40px;}.blog_box .blog_info p{	margin-bottom: 12px;}.blog_box .blog_info h3{	color: #092f5d;	font-size: 20px;	font-weight: 700;	line-height: 29px;}.blog_box.blog_box_1 .blog_info a:hover{	color: #ff5e14;}/*	End blog css*//*	13. Start footer_widget_1 section*/.footer_widget_1{	background-repeat: no-repeat;	background-size: cover;	padding: 127px 0 108px;	position: relative;}.widget_overlay{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgb(9, 47, 93);	opacity: 0.941;}.footer_title{	margin-bottom: 25px;}.footer_title h4{	color: #fff;}.footer_about {	margin-bottom: 38px;}.footer_about p{	color: #fff;}.footer_widget_social ul li{	display: inline-block;	margin-right: 10px;}.footer_widget_social ul li a{	display: block;	width: 32px;	height: 32px;	line-height: 32px;	color: #222222;	font-size: 14px;	text-align: center;	border-radius: 30px;	background: #fff;	transition: all .5s;}.footer_widget_social ul li a:hover{	background: #ff7d15;	color: #fff;}.footer_widget_list ul li a{	line-height: 40px;	color: #fff;	text-transform: capitalize;	transition: all .5s;}.footer_widget_list ul li a:hover{	color: #ff7d15;}/*	End footer_widget_1 section*//*	14. Start facto_footer css */.facto_footer{	padding: 18px 0 20px;}.facto_footer_text p span{	color: #ff7d15;	font-weight: 500;}/*	End facto_footer css *//*	15. Start breadcrumb_bg section css*/.breadcrumb_bg{	background-size: cover;	background-repeat: no-repeat;	position: relative;	padding: 230px 0 108px;}.breadcrumb_text h1{	font-weight: 800;	color: #fff;	text-transform: capitalize;	margin-bottom: 20px;}.breadcrumb_text p{	color: #fff;}.mb_50{	margin-bottom: 40px;}.mb_80{	margin-bottom: 80px;}/*	End breadcrumb_bg section css*//*	16. Start About.html css*/.facto_about_area {    overflow: hidden;    align-items: center!important;    margin-right: 10px;    display: flex;    margin-bottom: 130px;}.about_img_1{	overflow: hidden;	float: left;	width: 38%;	margin-right: 20px;}.about_img_2{	overflow: hidden;	float: left;	width: 18%;	margin-right: 60px;}.facto_about_text{	overflow: hidden;	float: left;	width: 38%;}.facto_about_text h3{	margin-bottom: 18px;}.facto_about_text p{	margin-bottom: 22px;}.facto_about_text a.facto_btn{	margin-top: 10px;}.history_box{	padding: 40px 35px;	background: rgb(255, 255, 255);	border-radius: 4px;	box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.11);}.history_box h4{	margin-bottom: 15px;}.history_box_2{	transform: translateX(-30px);    width: 110%;}/*	End About.html css*//*	18. Satrt service_details.html css*/.facto_content_1 h3{	margin-bottom: 25px;}.facto_content_1 p{	margin-bottom: 18px;}.facto_content_link {	margin-top: 35px;	text-align: center;}.facto_content_link .facto_btn{	padding: 27px 40px;	margin-left: 30px;	margin-right: 0;}.facto_content_link .facto_btn i{	margin-left: 10px;}.facto_content_link .facto_btn:first-child{	margin-left: 0;}.facto_content_link .facto_btn:hover{	background: #092f5d;	color: #fff;}.facto_content_area_2{	margin-top: 105px;}/*	End service_details.html css*//*	19. Start project.html css*/.project_item_button {	margin-bottom: 50px;}.project_item_button .project_btn{	padding: 25px 50px;	border: none;	background: #092f5d;	margin-left: 27px;}.project_item_button .project_btn:hover{	background: #ff7d15;	box-shadow: 0px 0px 62px 0px rgba(34, 34, 34, 0.12);}.project_item_button .project_btn:first-child{	margin-left: 0;}.project_item_button .project_btn_sm{	padding: 25px 35px;}.project_item .project_item_box{	margin-bottom: 40px;}.project_item_box{	background: rgba(236, 95, 9, 0);	border-radius: 4px;	border: 1px solid rgb(234, 239, 244);  	box-shadow: 0px 0px 8px 0px rgba(34, 34, 34, 0.13);}.project_item_box .box_img img{	border-radius: 4px;}.project_item_box .box_info{	padding: 35px 40px;} .project_item_box .box_info h4{	margin-bottom: 22px;}/*	End project.html css*//* 	20. Start project_details.html  css*/.project_main_content h3{	margin-bottom: 25px;}.project_main_content p{	margin-bottom: 20px;}.facto_content_box{	margin-bottom: 40px;}.facto_content_box .facto_icon{	float: left;}.facto_content_box .facto_icon i{	width: 40px;	height: 40px;	line-height: 40px;	font-size: 12px;	background: #092f5d;	color: #fff;	text-align: center;	border-radius: 50%;}.facto_content_box .facto_info{	padding-left: 70px;}.project_discription_box{	padding: 80px 74px;	border-radius: 4px;	background: rgb(255, 255, 255);	box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.15);}.project_discription_box h3{	margin-bottom: 35px;}.project_discription_box ul li{	margin-bottom: 10px;}/* 	End project_details.html  css*//*	21. Start facto_qoute_2 section css*/.facto_qoute_2{	padding: 75px 0;}.facto_qoute_text h3{	margin-bottom: 17px;	color: #fff;}.facto_qoute_text p{	color: #fff;}.facto_qoute_2 .facto_qoute_btn .facto_btn{	background: #092f5d;}.facto_qoute_2 .facto_qoute_btn .facto_btn:hover{	color: #fff;}/*	End facto_qoute_2 section css*//*	22. Start faq.html css*/.faq-content-text {    text-align: center;}.card{    border-color: rgb(234, 239, 244);    margin-bottom: 30px;}.card-header {    position: relative;    background: #fff;    box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.15);    border-radius: 5px!important;    font-weight: 500;    border-bottom: none;    padding: 19px 0px 22px 95px;}.card-header h5 {    color: #092f5d;    text-decoration: none;    font-weight: bold;    text-transform: capitalize;    cursor: pointer;    font-size: 18px;}.card-header span {    position: absolute;    top: 0;    left: 0;    width: 60px;    height: 62px;    line-height: 62px;    text-align: center;    color: #fff;    border-radius: 5px;    background: #ff7d15;    display: block;}.faq-accoridian .card .card-header h5 a i.fas{    display: none;    position: absolute;    right: 40px;    top: 25px;    font-size: 18px;}.faq-accoridian .card .card-header h5 a i.fas{    display: none;}.faq-accoridian .card .card-header h5 a[aria-expanded="true"] i.fas.fa-minus{    display: block;}.faq-accoridian .card .card-header h5 a[aria-expanded="false"] i.fas.fa-plus {    display: block;}.card-body{	padding: 33px 37px;	border: 1px solid rgb(234, 239, 244);	box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.15);}/*   End faq.html css*//*	23. Start team.html css */.team_content_top{	padding: 35px;	background: rgb(255, 255, 255);  	box-shadow: 0px 0px 8px 0px rgba(34, 34, 34, 0.13);  	border-radius: 4px;  	border: 1px solid rgb(234, 239, 244);  	margin-bottom: 100px;}.team_content_img img{	width: 100%;}.team_content_title{	margin-bottom: 25px;}.team_content_text p{	margin-bottom: 12px;}.team_box{	position: relative;	border-radius: 4px;	background: rgb(255, 255, 255);	box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.11);	border: 1px solid #fff;	margin-bottom: 60px;	transition: all .5s;}.team_img img{	width: 100%;}.team_info{	position: absolute;	bottom: 30px;	right: -20px;	border: 1px solid rgb(242, 241, 241);	border-radius: 4px;	background-color: rgb(255, 255, 255);  	box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.11);  	padding: 25px 35px;}.team_box:hover{	border-color: #ff7d15;}/*	End team.html css *//*	24. Start blog.html css*/.blog_main .blog_list_main .blog_box{	margin-bottom: 60px;}.facto_pagination ul li{	display: inline-block;	margin-right: 17px;}.facto_pagination ul li a{	padding: 10px 20px;    display: block;    border: 1px solid #e0e1e1;    transition: all .5s;    border-radius: 4px;}.facto_pagination ul li a:hover{	color: #fff;	background: #ff7d15;	border-color: #ff7d15;}.facto_pagination_2.facto_pagination ul li a{	border-radius: 50%;}/*	End blog.html css*//*	25. Start blog_details.html css */.post_admin{	padding: 45px 40px 0 40px;}.single_main_content{	border-radius: 4px;	box-shadow: 0px 0px 11px 0px rgba(34, 34, 34, 0.12);}.post_content_text{	padding: 40px 40px;	margin-bottom: 40px;}.post_content_text p{	margin-bottom: 30px;}.post_share{	margin-bottom: 43px;}.post_tag{	float: left;}.post_tag ul li{	display: inline-block;	font-weight: 500;	color: #193164;}.post_tag ul li a{	color: #5b6269;}.post_tag ul li a:hover{	color: #ff7d15;}.social_link{	float: right;}.social_link ul li{	display: inline-block;	margin-left: 10px;}.social_link ul li a{	display: block;	width: 35px;	height: 35px;	line-height: 35px;	text-align: center;	color: #193164;	font-size: 16px;	border: 1px solid #193164;	border-radius: 50%;	transition: all .5s;}.social_link ul li a:hover{	color: #fff;	border-color: #ff7d15;	background: #ff7d15;}.post_comment{	margin-bottom: 10px;}.single_comment{	margin-bottom: 50px;}.single_comment:nth-child(2n+1){	padding-left: 60px;}.single_comment .comment_avater{	float: left;}.single_comment .comment_avater img{	width: 100px;	height: 100px;	border-radius: 50%;}.single_comment .comment_info{	padding-left: 130px;}.single_comment .comment_info span{	color: #ff7d15;}.single_comment .comment_info h4 {	margin-bottom: 5px;}.single_comment .comment_info h4 span{	float: right;	font-size: 23px;}.single_comment .comment_info h4 span a{	color: #ff7d15;}.space_box{	margin-bottom: 15px;}.title_box {	margin-bottom: 45px;}.title_box h4{	font-weight: bold;}.post_form textarea{	margin-bottom: 10px;}.mb_65{	margin-bottom: 57px;}.widget_search form{	position: relative;}.widget_search input{	margin-bottom: 0;}.widget_search .search_btn{	position: absolute;	top: 0;	right: 0;	width: 65px;  	height: 65px;	background: rgb(236, 95, 9);	border-radius: 5px;	font-size: 19px;	color: #fff;	border: none;}.widget_title{	margin-bottom: 27px;}.widget_category ul li{	margin-bottom: 10px;}.widget_category ul li a{	display: block;	font-weight: 500;	padding: 24px 20px;	border: 1px solid #e0e1e1;	border-radius: 4px;}.widget_single_post{	margin-bottom: 30px;}.widget_single_post .post_img{	float: left;}.widget_single_post .post_img img{	width: 100px;	height: 100px;	border-radius: 5px;}.widget_single_post .post_info{	padding-left: 120px;	padding-top: 12px;}.widget_single_post .post_info span{	color: #ff7d15;}.widget_single_post .post_info h3{	font-weight: 500;	font-size: 16px;	line-height: 28px;}.widget_single_post .post_info h3 a{	color: #5b6269;}.widget_tag ul li {	display: inline-block;	margin-bottom: 10px;	margin-right: 8px;}.widget_tag ul li a{	display: block;	border-radius: 4px;	font-weight: 500;	text-transform: capitalize;	border: 1px solid #e0e1e1;}.sm_btn{	padding: 19px 29px;}.lg_btn{	padding: 19px 40px;}/*	End blog_details.html css *//*	26. Start contact.html css*/.contact_content_info{	padding-top: 130px;}.contact_box{	padding: 68px 100px;	background: rgb(255, 255, 255);	border: 1px solid rgb(239, 242, 245);	border-radius: 4px;	box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.12);	transition: all .5s;}.contact_box:hover{	background: #ff7d15;}.contact_box:hover h4{	color: #fff;}.contact_box:hover p{	color: #fff;}.contact_box:hover p a{	color: #fff;}.contact_box_2{	transform: translateY(-20px);	padding: 80px 100px;}.contact_box h4{	margin-bottom: 20px;}.contact_box p{	margin-bottom: 2px;}.contact_map iframe{	width: 100%;	height: 519px;	border: none;}.form_control{	width: 100%;	border: 1px solid rgb(224, 225, 225);	background: rgba(236, 95, 9, 0);	border-radius: 5px;	padding-left: 20px;	font-size: 16px;	color: #5b6269;	font-weight: 500;	text-transform: capitalize;	margin-bottom: 25px;	outline: none;	transition: all .5s;}.facto_input{	height: 66px;}.facto_textarea{	height: 254px;	padding-top: 25px;}.facto_input:focus,.facto_textarea:focus{	border-color: #ff5e14;}.form_btn{	padding: 25px 33px;	background: rgb(255, 125, 21);	color: #fff;	font-size: 15px; 	font-weight: 500;	border: none;	border-radius: 4px;	text-transform: capitalize;}/*	End contact.html css*//*=============================================		27.	INDEX_2 all css==============================================*/.facto_title_2{	margin-bottom: 80px;}.facto_title_2 h2{	color: #010e2a;	line-height: 85px;	font-size: 55px;}.facto_title_2 p{	color: #6a6a6a;}.section_title{	margin-bottom: 60px;}.section_title h2{	color: #010e2a;	font-size: 55px;	font-weight: 600;	line-height: 85px;}.section_title p{	color: #6a6a6a;}/*	Start header css*/header.facto_header_2 {    position: relative;    top: 0;    width: 100%;    z-index: 337;}.header_top_2{	padding: 22px 0 14px;	border-bottom: 1px solid #e6e6e6;}.header_top_2 .header_top_left ul li {    margin-right: 20px;}.header_top_2 .header_top_left li{	color: #6a6a6a;}.header_top_2 .header_top_left li p{	font-size: 14px;}.header_top_2 .header_top_left li a i{	color: #ff5e14;	margin-right: 10px;	font-size: 14px;}.header_top_2 .header_top_left li a{	color: #6a6a6a;}.header_top_2 .header_top_right ul li{	display: inline-block;	margin-left: 20px;}.header_top_2 .header_top_right ul li a i,.header_top_2 .header_top_right ul li p i{	margin-right: 10px;	color: #ff5e14;	font-size: 14px;}.header_menu_2 .facto_menu .main_menu li a{	color: #092f5d;	font-weight: 500;}/*	End header css*//*	Start hero_slide section css*/.single_slide_1{	background: url(../img/index_2/slider_1.jpg) no-repeat;	background-size: cover;	padding: 157px 0 166px;	position: relative;}.single_slide_2{	background: url(../img/index_2/slider_2.jpg) no-repeat;	background-size: cover;	padding: 157px 0 166px;	position: relative;}.single_slide_3{	background: url(../img/index_2/slider_1.jpg) no-repeat;	background-size: cover;	padding: 157px 0 166px;	position: relative;}.hero_slide .hero_text h1,.hero_slide_2 .hero_text h1 {    font-size: 62px;    margin-bottom: 34px;    line-height: 72px;}.facto_check.hero_check{	margin-bottom: 41px;}.facto_check li i{	margin-right: 10px;}.facto_check.hero_check li{	color: #fff;}.hero_button .facto_btn_2{	background: #ff5e14;}.hero_button .facto_btn_2:hover{	background: #092f5d;}.hero_slide .slick-prev{	left: 25px;	z-index: 1;	transform: rotate(90deg);}.hero_slide .slick-next{	right: 25px;	transform: rotate(90deg);}.hero_slide .slick-prev:before {    content: 'prev';}.hero_slide .slick-next:before {    content: 'next';}.hero_slide .slick-prev:before,.hero_slide .slick-next:before{	font-size: 16px;    color: #fff;    opacity: 1;    font-family: 'poppins';    text-transform: capitalize;    letter-spacing: 2px;    font-weight: 500;}/*	End hero_slide section css*//*	Start what_we section css*/.what_we_text h2{	font-size: 100px;	font-weight: 300;	margin-bottom: 112px;	line-height: 95px;}.what_we_text h2 span{	font-weight: bold;	color: #ff5e14;}.what_we_text p{	color: #6a6a6a;	margin-bottom: 45px;}.what_we_button .facto_btn_2{	background: #010e2a;}.what_we_button .facto_btn_2:hover{	background: #ff5e14;}.what_we_right .what_we_text_2 {    overflow: hidden;   	border-bottom: 1px solid #e6e9f1;}.what_we_right .what_we_text_2 h2{	font-size: 36px;	margin-bottom: 25px;	font-style: italic;}.what_we_right .what_we_text_2 p{	margin-bottom: 35px;}.what_we_right .what_we_img {	margin-top: 80px;}/*	End what_we section css*//*	Start facto_feature section css*/.facto_feature{	padding-bottom: 120px;}.facto_feature_nav{	text-align: center;	display: inline-flex;}.facto_feature_nav ul.nav-tabs{	text-align: center;}.facto_feature_nav ul.nav-tabs li a.feature_nav_btn{    display: inline-block;    padding: 0px 30px 20px;	font-size: 22px;	font-weight: bold;	transition: all .5s;}.facto_feature_nav ul.nav-tabs li a.feature_nav_btn.active{	color: #ff5e14;}.facto_feature_nav ul.nav-tabs li a.feature_nav_btn:hover{	color: #ff5e14;}.facto_feature_tab .tab-content{	margin-top: 50px;}.facto_feature_img img{	width: 100%;}.facto_feature_content h4{	margin-bottom: 20px;}.facto_feature_content p{	margin-bottom: 35px;}/*	End facto_feature section css*//*	Start service_section section css*/.service_section{	background: #010e2a;}.service_section .section_title h2{	color: #fff;}.service_section .section_title p{	color: #adbee3;}.facto_service_box.service_box_3{	margin-bottom: 50px;	border: none;}.facto_service_box .service_icon {	margin-bottom: 25px;	margin-top: 11px;}.facto_service_box .service_icon i{	font-size: 50px;	color: #fff;	display: block;}.facto_service_box .service_content h4{	color: #fff;	margin-bottom: 15px;}.facto_service_box:hover .service_icon i,.facto_service_box:hover .service_content h4{	color: #ff5e14;}.facto_service_box .service_content p{	color: #919fbe;	margin-bottom: 35px;}.facto_service_box .service_content a.facto_link{	font-weight: 500;	font-size: 0;	text-transform: uppercase;	transition: all .5s;}.facto_service_box .service_content a.facto_link span{    width: 60px;    height: 2px;    background: #1d2a46;    display: inline-block;    margin-left: 0px;}.facto_service_box:hover .service_content a.facto_link{	font-size: 14px;	color: #ff5e14;	letter-spacing: 2px;}.facto_service_box:hover .service_content a.facto_link span{	background: #ff5e14;	margin-left: 15px;}/*	End service_section section css*//*	Start facto_project_section section css*/.project_button {    margin-top: 30px;}.project_btn_2{	padding: 17px 25px;	background: #f2f2f2;	font-size: 14px;	letter-spacing: 2px;	border: none;	font-weight: 500;	text-transform: uppercase;	transition: all .5s;}.project_btn_2.active_btn,.project_btn_2:hover{	color: #fff;	background: #ff5e14;}.project_box{	margin-bottom: 30px;}.project_box_img{	position: relative;	overflow: hidden;}.project_box_img img{	width: 100%;}.project_overlay{	position: absolute;	left: 0;	bottom: -100%;	width: 100%;	height: 100%;	background: rgb(255, 94, 20);  	opacity: 0.902;  	transition: all .5s;}.project_box:hover .project_overlay{	bottom: 0;}.project_box_content {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    text-align: center;}.project_box_content h3{	color: #fff;}.project_box_content a{	display: inline-block;	width: 40px;  	height: 40px;  	line-height: 40px;  	text-align: center;  	color: #010e2a;  	font-size: 20px;  	border-radius: 50%;  	background: rgb(255, 255, 255);  	margin-bottom: 15px;}/*	End facto_project_section section css*//*	Start facto_client_section section css*/.facto_client_section{	background: #f2f2f2;}.clients_box_2{	background: #fff;	padding: 45px 35px;	margin-left: 15px;	margin-right: 15px;	border-bottom: 2px solid #fff;	transition: all .5s;}.clients_box_2:hover{	border-color: rgb(255, 94, 20)}.clients_box_2 .client_review ul {	margin-bottom: 25px;}.clients_box_2 .client_review ul li{	display: inline-block;	color: #ff5e14;}.clients_box_2 .client_review p{	font-size: 13px;	margin-bottom: 25px;}.clients_box_2 .client_admin .client_img {	float: left;}.clients_box_2 .client_admin .client_img img{	width: 50px;	height: 50px;	border-radius: 50%;}.clients_box_2 .client_admin .client_info{	padding-left: 70px;}.clients_box_2 .client_admin .client_info p{	color: #ff7536;}.client_slide_2 .slick-dots{	margin-top: 42px;	position: relative;}.client_slide_2 .slick-dots li{    width: 7px;    height: 5px;    background: rgb(171, 171, 171);    border-radius: 10px;    transition: all .5s;}.client_slide_2 .slick-dots li.slick-active{	width: 20px;	background: rgb(1, 14, 42);}/*	End facto_client_section section css*//*	Start facto_team_section section css*/.facto_counter_up{	margin-bottom: 120px;}.counter_box .counter_icon{	float: left;}.counter_box .counter_info{	padding-left: 130px;}.counter_box .counter_info p{	letter-spacing: 2px;}.team_info_2 h2{	margin-bottom: 20px;}.team_info_2 p{	margin-bottom: 25px;}.team_slide_box img{	width: 100%;	margin-top: 20px;	transition: all .5s;}.team_slide .slick-current.team_slide_box img{	height: 410px;	transform: translateY(-20px);	transition: all .5s;}.team_slide .slick-prev {    left: -75%;    position: absolute;    top: 77%;}.team_slide .slick-next{    left: -65%;    position: absolute;    top: 77%;}.team_slide .slick-prev:before {    content: '\f106';    font-family: 'Flaticon';    font-size: 22px;    color: #ff5e14;}.team_slide .slick-next:before {    content: '\f107';    font-family: 'Flaticon';    font-size: 22px;    color: #ff5e14;}/*	End facto_team_section section css*//*	Start Facto_faq_2 section css*/.facto_faq_2{	width: 100%;	overflow: hidden;	clear: both;}.facto_faq_left{	width: 40%;	float: left;	overflow: hidden;	margin-top: 70px;}.facto_faq_right{	width: 60%;	overflow: hidden;	float: left;	background: #ff5e14;	padding: 150px 80px 170px;}.faq_title{	margin-bottom: 50px;}.faq_title h2 {    color: #fff;    font-size: 55px;    margin-bottom: 10px;}.faq_title p{	color: #fff;}.faq_accoridian_2 .card{	border: none;	margin-bottom: 15px;}.faq_accoridian_2 .card-header{	background: #ff7536;	box-shadow: none;	border-radius: 0!important;	color: #fff;	padding: 20px 60px;}.faq_accoridian_2 .card-header h5{	color: #fff;	font-weight: 400;}.faq_accoridian_2.faq-accoridian .card .card-header h5 a i.fas{    top: 20px;	right: 0;	left: 20px;}.faq_accoridian_2 .card-body{	padding: 0px 37px 30px;	background: #ff7536;	border: 0;	font-size: 14px;	box-shadow: none;	color: #fff;}/*	End Facto_faq_2 section css*//*	Start Request_qoute section css*/.request_qoute_img{	position: relative;}.request_qoute_img:after{	content: '';	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgb(255, 94, 20);  	opacity: 0.702;}.request_qoute_img:before {    content: '';    position: absolute;    top: 20px;    left: -30px;    width: 450px;    height: 568px;    background: rgb(242, 242, 252);    z-index: -1;}.request_qoute_form .facto_group label{	color: #010e2a;	font-style: italic;}.request_qoute_form .facto_group input{	height: 55px;	border-radius: 0;	margin-bottom: 20px;}.request_qoute_form .facto_group input:focus,.request_qoute_form .facto_group textarea:focus{	border-color: #ff5e14;}.request_qoute_form .facto_group textarea{	height: 100px;	border-radius: 0;}.form_btn_2{	display: inline-block;	border: none;	padding: 25px 50px;	background: #ff5e14;	color: #fff;	text-transform: uppercase;	letter-spacing: 2px;	border-radius: 50px;	transition: all .5s;}.form_btn_2:hover,.form_btn_2:focus{	background: #092f5d;}/*	Start work_qoute section css*/.work_qoute{	width: 100%;	overflow: hidden;	position: relative;	clear: both;}.work_qoute_left{	position: relative;	width: 50%;	float: left;	overflow: hidden;	background: #010e2a;	padding: 115px 50px;}.work_qoute_left img{	position: absolute;	left: 0px;	top: 0px}.work_qoute_text h2{	color: #fff;	margin-bottom: 15px;	font-size: 55px;}.work_qoute_text p{	color: #fff;	margin-bottom: 34px;}.work_qoute_text .facto_btn_2{	background: #ff5e14;}.work_qoute_text .facto_btn_2:hover{	background: #092f5d;}.work_qoute_right{	width: 50%;	overflow: hidden;	float: left;}.qoute_right_img{	width: 100%;}/*	End work_qoute section css*//*	Start blog_section_2 section css*/.view_button .facto_btn{	padding: 24px 35px;	background: #fff;	border: 1px solid #e3e3e3;	color: #00000c;	font-size: 14px;	letter-spacing: 2px;	text-transform: uppercase;	font-weight: 500;	border-radius: 50px;}.view_button .facto_btn:hover{	background: #ff5e14;	color: #fff;}.blog_box_2 {	overflow: hidden;	text-align: center;	margin-bottom: 60px;}.blog_box_2:hover .b_overlay{	bottom: 0;}.blog_box_2 .blog_img{	overflow: hidden;	position: relative;}.blog_box_2 .blog_img img{	width: 100%;	height: 100%;}.blog_img .b_overlay{	position: absolute;	bottom: -100%;	left: 0;	width: 100%;	height: 100%;	background: rgba(106,90,82,1);	transition: all .5s;	background: -moz-linear-gradient(top, rgba(106,90,82,1) 0%, rgba(218,93,35,0.8) 100%);	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,90,82,1)), color-stop(100%, rgba(218,93,35,0.8)));	background: -webkit-linear-gradient(top, rgba(106,90,82,1) 0%, rgba(218,93,35,0.8) 100%);	background: -o-linear-gradient(top, rgba(106,90,82,1) 0%, rgba(218,93,35,0.8) 100%);	background: -ms-linear-gradient(top, rgba(106,90,82,1) 0%, rgba(218,93,35,0.8) 100%);	background: linear-gradient(to bottom, rgba(106,90,82,1) 0%, rgba(218,93,35,0.8) 100%);}.blog_img .b_overlay .post_meta {    position: absolute;    bottom: 25px;    left: 7px;}.blog_img .b_overlay .post_meta ul li {    display: inline-block;    margin-left: 10px;    margin-right: 10px;}.blog_img .b_overlay .post_meta ul li a{	color: #fff;}.blog_img .b_overlay .post_meta ul li a i{	margin-right: 10px;}.blog_box_2 .blog_info{	padding: 40px 19px;}.blog_box_2 .blog_info h3{	font-size: 19px;	font-weight: 600;	margin-bottom: 15px;}.blog_box_2 .blog_info p{	margin-bottom: 30px;	font-size: 14px;}/*	End blog_section_2 section css*//*	Start company_intro section css*/.company_slide{	background: #ff5e14;	padding: 95px 70px;	z-index: 1;}.company_slide.slick-slider .slick-track,.company_slide.slick-slider .slick-list{	display: flex;	align-items: center;}.company_box{	text-align: center;}.company_box img{	margin: 0 auto;}.company_intro {    display: block;    margin-bottom: -140px;}/*	End company_intro section css*//*	Start facto_footer_2 footer css*/.b_img{	position: absolute;}.image_1{	left: 20px;	animation: circle 6s linear infinite;}.image_2{	left: 50%;	bottom: 50px;	animation: circle 6s linear infinite;}.image_3{	right: 20px;	animation: circle 6s linear infinite;}.image_4{	left: 33%;}.image_5{	left: 44%;}.image_6{	left: 55%;}@keyframes circle{  0%{    transform:rotate(0deg)              translate(65px)              rotate(0deg);    }  100%{    transform:rotate(360deg)              translate(65px)              rotate(-360deg);  }}.facto_footer_2{	position: relative;	background: #010e2a;	padding-top: 220px;}.footer_widget_2{	margin-bottom: 90px;}.widget_area_2 .footer_title{	margin-bottom: 30px;}.widget_area_2 .footer_about p{	color: #919fbe;}.footer_widget_newsletter .facto_input{	border: none;	border-radius: 0;	background: #1b2336;}.newsletter_btn{	padding: 21px 48px;	background: #ff5e14;	color: #fff;	font-size: 13px;	letter-spacing: 2px;	font-weight: 500;	border: none;	text-transform: uppercase;}.widget_area_2 .footer_widget_list ul li a{	color: #919fbe;}.contact_widget_box{	margin-bottom: 30px;}.contact_widget_icon{	float: left;}.contact_widget_icon i{	background: rgb(24, 38, 67);	width: 40px;  	height: 40px;  	line-height: 40px;  	text-align: center;  	border-radius: 50%;  	font-size: 14px;  	color: #fff;}.contact_widget_info{	padding-left: 55px;}.contact_widget_info p{	color: #919fbe;}.contact_widget_info a{	display: block;	color: #919fbe;}.facto_footer_2 .footer_copyright {	padding: 25px 0;	border-top: 1px solid #13254b;}.facto_footer_2 .footer_copyright p{	color: #919fbe;}.copyright_link {	text-align: right;}.copyright_link ul li{	display: inline-block;	margin-left: 17px;}.copyright_link ul li a{	color: #919fbe;}.widget_area_2 .footer_widget_list ul li a:hover,.widget_area_2 .footer_widget_list ul li a:focus,.copyright_link ul li a:hover,.copyright_link ul li a:focus{	color: #ff5e14;}/*	End facto_footer_2 footer css*//*=============================================			INDEX_2 all css==============================================*//*	28.Start Shop.html css*/.facto_shop{	background: #f4f7fc;}.shop_top{	margin-bottom: 50px;}.shop_top h4{	font-size: 16px;	font-weight: 500;}.shop_top h4 a{	color: #333;	font-size: 18px;	margin-left: 10px;}.shop_product{	position: relative;	overflow: hidden;}.shop_box{	margin-bottom: 60px;}.shop_overlay{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #010e2a;	opacity: 0;	visibility: hidden;	transition: all .5s;}.shop_box:hover .shop_overlay{	visibility: visible;	opacity: .7;}.cart_button{	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%,-50%);	visibility: hidden;	opacity: 0;}.cart_button .facto_btn_2 {    letter-spacing: 1px;    font-size: 13px;    text-transform: uppercase;}.cart_button .facto_btn_2:after{	display: none;}.shop_box:hover .cart_button{	visibility: visible;	opacity: 1;}.shop_product_info {    text-align: center;    padding-top: 30px;}/*	End Shop.html css*//*	29. Start product_details.html*/.product_img_box {    background: #f1f6fa;    text-align: center;    padding: 50px 0;    overflow: hidden;}.product_img_box img{	margin: 0 auto;}.product_thumb_slide{	margin-top: 35px;}.product_thumb_slide .slick-list{	padding: 0;}.product_thumb_img img{	width: 170px;	height: 180px;}ul.rateing li{	display: inline-block;	margin-right: 10px;}ul.rateing li a{	color: #ff7536;}.product_info_details{	margin-bottom: 60px;}.product_info_details .product_info h2{	font-size: 48px;	font-weight: 600;	margin-bottom: 15px;}.product_info_details .product_info h4{	font-size: 30px;	color: #ff5e14;	margin-bottom: 35px;}.product_info_details .product_info h4 span{	margin-left: 30px;	color: #c3c3c3;	font-weight: 400;	text-decoration: line-through;	text-decoration-color: #ff5e14;}.product_info_details .product_info ul.rateing{	margin-bottom: 25px;}.product_info_details .product_info p{	margin-bottom: 55px;}.select_item input {    width: 43px!important;    text-align: center;    font-size: 14px;    height: 41px;    border: 1px solid #ddd;}.select_item button.facto_btn_2:after{	display: none;}.select_item .nice-number button{	width: 43px;	height: 43px;	border: 1px solid #ddd;	background: transparent;}.select_item .facto_btn_2 {    padding: 18px 30px;    text-transform: uppercase;    border: none;    letter-spacing: 2px;    margin-left: 20px;}.product_share{	margin-top: 30px;}.product_share ul li{	display: inline-block;	margin-right: 15px;}.product_reviews .facto_feature_nav ul.nav-tabs li a{	padding: 20px 55px 20px 0px;}.product_reviews .product_discription {	padding-top: 40px;}.product_reviews .product_discription p{	margin-bottom: 35px;}.product_reviews .facto_feature_nav ul.nav-tabs li a.feature_nav_btn.active {    color: #ff5e14;    border-bottom: 3px solid #ff5e14;}/*	End product_details.html*//*	30. Start Service_2.html css*/.facto_box{	position: relative;	text-align: center;	margin-bottom: 60px;}.facto_box:hover .facto_box_icon i{	background: rgb(255, 94, 20);}.facto_box:hover .facto_box_content h4{	color: #ff7536;}.facto_box_icon{	position: absolute;	top: 0;	left: 0;}.facto_box_icon i{	display: block;	color: #fff;	background: rgb(1, 14, 42);	width: 100px;  	height: 100px;  	line-height: 100px;  	font-size: 50px;  	text-align: center;  	border-radius: 50%;  	transition: all .5s;}.facto_box_img {	margin-bottom: 45px;}.facto_box_content h4{	margin-bottom: 15px;}.facto_box_img img{	width: 100%;	height: 100%;	border-radius: 50%;}.facto_agency_section{	max-width: 1920px;	display: block;	overflow: hidden;}.facto_agency_left {    background: url(../img/agency_bg.jpg) no-repeat;    background-size: cover;    position: relative;    width: 50%;    float: left;    height: 760px;}.agecny_play_icon {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}.agecny_play_icon .play_btn{	display: block;	background: rgb(255, 255, 255);	width: 100px;  	height: 100px;  	line-height: 100px;  	text-align: center;  	color: #092f5d;  	font-size: 15px;  	border-radius: 50%;}.facto_agency_right{	background: #f4f7fb;	max-width: 50%;	float: right;	padding: 115px;}.facto_agency_content h2{	font-size: 55px;	line-height: 60px;}.facto_agency_content h2:after {    display: block;    content: '';    width: 85px;    height: 3px;    background: rgb(255, 94, 20);    margin-top: 20px;    margin-bottom: 40px;}.facto_agency_content p{	margin-bottom: 45px;}.facto_agency_content ul{	margin-bottom: 40px;}.facto_agency_content ul li{	color: #6a6a6a;}.agency_content_btn a.facto_btn_2{	letter-spacing: 2px;	text-transform: uppercase;}.work_qoute_2{	background: #010e2a;	padding: 85px 0;	position: relative;}.work_qoute_2:after {    background: url(../img/index_2/map.png)no-repeat;    position: absolute;    left: 0;    top: 0;    content: '';    width: 100%;    height: 100%;    bottom: 0;    background-position: center;}.work_qoute_text{	position: relative;	z-index: 1;}.comapany_intro_2{	margin-bottom: 0!important;}.comapany_intro_2 .company_slide{	background: #fff;}/*	End Service_2.html css*//*=======================================	       Index_3.html=========================================*//*	Start Header area css*/.facto_header_3.sticky{    width: 100%;    padding: 0;    box-shadow: none;}.sticky .header_top_3{	display: none;}.sticky .facto_menu_3 {    padding: 20px 60px;}.facto_header_3 {   position: relative;   clear: both;}.facto_container{	max-width: 1920px;}.header_top_3{	overflow: hidden;}.header_top_left_3{	overflow: hidden;	width: 38%;	background: #041436;	float: left;}.header_top_left_3 p{	color: #8fa1c8;}.header_top_right_3{	overflow: hidden;	width: 62%;	background: #ff6c28;	float: left;}.header_top_left_3,.header_top_right_3 {    padding: 20px 160px;}.header_top_right_3 ul {	text-align: right;}.header_top_right_3 ul li{	display: inline-block;	margin-left: 40px;}.header_top_right_3 ul li a,.header_top_right_3 ul li p{	color: #fff;	}.header_top_right_3 ul li a i,.header_top_right_3 ul li p i{	margin-right: 10px;}.facto_logo_3{	overflow: hidden;	width: 38%;	background: #010e2a;	float: left;	padding: 36px 160px;}.facto_menu_3{	width: 62%;	background: #ff5e14;	float: left;	text-align: right;	padding: 0 160px;}/*	End Header area css*//*	Start hero_slide_2 section css*/.hero_slide_2.slick-slider{    overflow: visible;    clear: both;}.hero_slide_2 .single_slide_1,.hero_slide_2 .single_slide_2,.hero_slide_2 .single_slide_3{	position: relative;	padding-top: 275px;	padding-bottom: 245px;}.hero_button .hero_active{	background: #ffffff;	color: #092f5d;	margin-left: 15px;}.hero_button .hero_active:hover{	background: #ff5e14;	color: #fff;}.hero_slide_2 .slick-prev {    top: 96%;    left: 65%;    z-index: 1;    transform: rotate(0deg);}.hero_slide_2 .slick-next {    right: 10%;    transform: rotate(0deg);    top: 96%;    z-index: 1;}.hero_slide_2 .slick-prev:before {    content: 'prev';}.hero_slide_2 .slick-next:before {    content: 'next';}.hero_slide_2 .slick-prev:before,.hero_slide_2 .slick-next:before{	font-size: 16px;    color: #fff;    opacity: 1;    font-family: 'poppins';    text-transform: capitalize;    letter-spacing: 2px;    font-weight: 500;}.hero_slide_2 .slick-dots{	display: block;	width: 590px;    height: 150px;    background: #092f5d;    right: 0;    overflow: visible;    margin-bottom: -30px;    padding-top: 60px;}.hero_slide_2 .slick-dots li{    width: 65px;  	height: 2px;    background: rgb(40, 61, 104);    border-radius: 10px;    transition: all .5s;}.hero_slide_2 .slick-dots li.slick-active{	background: rgb(255, 94, 20);}/*	Start facto_about_3 section css*/.facto_about_3 h2 {    font-size: 55px;    line-height: 55px;    padding-bottom: 35px;    position: relative;}.facto_about_3 h2:after {    position: absolute;    bottom: 0;    left: 0;    display: block;    content: '';    background: rgb(230, 233, 241);    width: 170px;    height: 2px;}.facto_about_3 h2:before {    display: block;    content: '';    background: rgb(255, 94, 20);    width: 80px;    height: 6px;    position: absolute;    bottom: -2px;    left: 0;    z-index: 1;}.facto_about_3 >p{	margin-bottom: 55px;	padding-top: 50px;}.facto_about_feature .facto_service_box{	box-shadow: none;	border: none;}.facto_about_feature .facto_service_box .service_icon i{	color: #010e2a;}.facto_about_feature .facto_service_box .service_content h4{	color: #010e2a;}.facto_about_feature .facto_service_box:hover .service_content h4{	color: #ff5e14;}.facto_about_feature .facto_service_box:hover .service_icon i{	color: #ff5e14;}/*	End facto_about_3 section css*/.facto_video_3{	margin-bottom: -200px;	display: block;	position: relative;	z-index: 1;}.facto_video_area{	width: 100%;	overflow: hidden;}.facto_video_left{	position: relative;	max-width: 70%;	overflow: hidden;	float: left;}.facto_video_right {    max-width: 30%;    float: left;    position: absolute;    right: 12%;    top: 10%;    display: block;}.video_right_text{	padding: 125px 55px;	background: #fff;	border-top: 8px solid #ff5e14;	box-shadow: 0px 10px 30px 0px rgba(169, 169, 169, 0.3);}/*	Start facto_counter_up_2 section css*/.facto_counter_up_2{	background-size: cover;	background-repeat: no-repeat;	position: relative;	padding-top: 325px;	padding-bottom: 120px;}.counter_box_2 .counter_icon{	text-align: center;	margin: 0 auto 40px auto;	width: 170px;	height: 170px;	line-height: 190px;	border: 7px solid rgb(208, 223, 253);	border-radius: 50%;}.counter_box_2 .counter_icon i{	font-size: 55px;	color: #ff5e14;}.counter_box_2 .counter_info h2{	color: #ff5e14;	margin-bottom: 30px;}.counter_box_2 .counter_info h4{	color: #010e2a;	font-weight: 400;}/*	End facto_counter_up_2 section css*//*	Start facto_service_slide_2 section css	*/.service_slide_2 .facto_box{	margin-left: 20px;	margin-right: 20px;}.service_slide_2 .slick-dots li{    width: 7px;    height: 5px;    background: #cfdcec;    border-radius: 10px;    transition: all .5s;}.service_slide_2 .slick-dots li.slick-active{	width: 20px;	background: #ff5e14;}.service_slide_2 .slick-prev{	left: -80px;}.service_slide_2 .slick-next{	right: -40px;}.service_slide_2 .slick-prev:before{	content: '\f101';}.service_slide_2 .slick-next:before{	content: '\f100';}.service_slide_2 .slick-next:before,.service_slide_2 .slick-prev:before{	display: block;	font-family: Flaticon;    width: 60px;  	height: 60px;  	line-height: 60px;  	text-align: center;  	font-size: 20px;  	color: #010e2a;  	border-radius: 50%;  	background: rgb(230, 230, 230);  	z-index: 1;}.service_slide_2 .slick-next:hover:before,.service_slide_2 .slick-prev:hover:before,.service_slide_2 .slick-next:focus:before,.service_slide_2 .slick-prev:focus:before{	background: #ff5e14;	color: #fff;}/*	End facto_service_slide_2 section css	*//*	Start facto_project_3 section css	*/.project_button_2{	margin-bottom: 60px;}.project_button_2 .project_btn_2{	margin-left: 15px;	margin-right: 15px;}.project_box_3{	position: relative;	margin-bottom: 0;}.project_box_3 .project_img{	position: relative;	overflow: hidden;}.project_box_3 .project_info{	position: absolute;	top: 37%;	left: 22%;	text-align: center;}.project_box_3 .project_info h4{	color: #fff;}.project_box_3 .project_info p{	color: #fff;}.project_box_3 .project_info a{	display: inline-block;	width: 40px;  	height: 40px;  	line-height: 40px;  	text-align: center;  	color: #010e2a;  	font-size: 20px;  	border-radius: 50%;  	background: rgb(255, 255, 255);  	margin-bottom: 15px;}/*	End facto_project_3 section css	*//*	Start facto_team_3 section css*/.team_box_3 .team_info {    position: relative;    background: #fff;    padding: 30px 40px;    left: 0;    border-radius: 0;    box-shadow: none;    border: none;}.team_box_3 .team_info span{	color: #ff5e14;}.team_box_3 .team_info h3{	color: #010e2a;	font-size: 24px;	line-height: 30px;	margin-bottom: 20px;}.team_box_3 .team_info ul{	margin-top: 20px;}.team_box_3 .team_info ul li{	display: inline-block;	margin-right: 15px;}.team_box_3 .team_info ul li a{	color: #6a6a6a;	font-size: 14px;}.team_box_3 .team_info ul li a:hover,.team_box_3 .team_info ul li a:focus{	color: #ff5e14;}/*	End facto_team_3 section css*//*	Start facto_faq_2 section css*/.facto_faq_left_2{	background: #010e2a;	padding: 120px 50px;}.facto_faq_3 .facto_faq_right {    padding: 130px 80px 130px;}.faq_client_text h2{	margin-bottom: 5px;	color: #fff;}.faq_client_text p{	color: #919fbe;}.clients_box_2.clients_box_3 {    background: transparent;    margin-right: 0;    margin-left: 0;    padding:0;    border: none;}.clients_box_3 .client_admin .client_info h4{	color: #fff;}.clients_box_3 .client_admin .client_info p{	color: #ff5e14;}.client_slide_3 .slick-dots {    margin-top: 80px;    position: relative;    text-align: left;    bottom: 0;}.client_slide_3 .slick-dots li{    width: 7px;    height: 5px;    background: rgb(171, 171, 171);    border-radius: 10px;    transition: all .5s;}.client_slide_3 .slick-dots li.slick-active{	width: 20px;	background: #ff5e14;}/*	End facto_faq_2 section css*//*	Start request_qoute_2 section css*/.request_qoute_2 .facto_title h2{	font-size: 55px;	line-height: 95px;}.request_qoute_img_2{	position: relative;}.qoute_img img{	position: absolute;	top: 0;	right: 0;}/*	End request_qoute_2 section css*//*	Start work_qoute_3 section css*/.work_qoute_3{	background: #fff;}.work_qoute_3 .work_qoute_text h2{	color: #010e2a;}.work_qoute_3 .work_qoute_text p{	color: #6a6a6a;}/*	End work_qoute_3 section css*//*	Start facto_blog_3 section css*/.blog_box_3{	box-shadow: none;}.blog_box_3 .blog_img{	float: left;	width: 45%;}.blog_box_3 .blog_img img {    width: 100%;    height: 350px;}.blog_box_3 .blog_info{	float: left;	width: 55%;	background: #fff;	padding: 40px 15px;}.blog_box_3 .blog_info h3 {    font-size: 20px;    line-height: 27px;    margin-bottom: 10px;    margin-top: 5px;}.blog_box_3 .blog_info .post_meta ul li{	display: inline-block;	margin-right: 25px;}.blog_box_3 .blog_info .post_meta ul li a{	color: #ff5e14;}.blog_box_3 .blog_info .post_meta ul li a i{	margin-right: 10px;}/*	End facto_blog_3 section css*//*	Start facto_footer_3 section css*/.facto_footer_3{	padding-top: 0px;}.facto_footer_2 .widget_contact_content{	background: #ff5e14;	margin-bottom: 80px;}.widget_contact_box{	padding: 60px 80px;}.widget_contact_icon {	float: left;}.widget_contact_icon i{	width: 40px;  	height: 40px;  	line-height: 40px;  	border-radius: 50%;  	text-align: center;  	color: #fff;  	font-size: 14px;  	background: rgb(241, 91, 23);}.widget_contact_info{	padding-left: 60px;}.widget_contact_info p{	color: #fff;}/*	End facto_footer_3 section css*//*	31. Start index.html css*/.demo_bg{	background: url(../img/bg_1.jpg) no-repeat;	background-size: cover;	position: relative;	padding: 200px 0;}.bg_dark{	background: #F7F7F7;}.demo_bg_text h2{	color: #fff;	margin-bottom: 40px;}.demo_title{	margin-bottom: 55px;}.demo_area{	margin-bottom: 60px;}.demo_area:hover .demo_overlay{	visibility: visible;	opacity: .9;}.demo_area:hover .demo_button{	visibility: visible;	opacity: 1;}.demo_single{	margin-bottom: 30px;	position: relative;}.demo_single img{	width: 100%;	height: 100%;}.demo_overlay{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #092f5d;	opacity: 0;	visibility: hidden;	transition: all .5s;}.demo_button{	position: absolute;	bottom: 50%;	left: 50%;	transform: translate(-50%,50%);	opacity: 0;	visibility: hidden;	transition: all .5s;}.demo_btn{	display: inline-block;	padding: 25px 55px;	font-size: 14px;	color: #fff;	font-weight: bold;	text-transform: uppercase;	letter-spacing: 2px;	background: #ff5e14;	transition: all .5s;}.demo_btn:hover,.demo_btn:focus{	color: #fff;}.feature_intro{	background: #fff7ee;}.feature_intro_text{	margin-bottom: 60px;}.template_feature_box {    text-align: center;    padding: 40px;    background: #fff;    margin-bottom: 60px;}.template_icon img{	width: 50px;	margin-bottom: 20px;}/*	End index.html css*//*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/6076(这个说明仅在演示里会看到,下载的源码里没有)*/