@charset "utf-8";

	/*
Theme Name: Poppin - Business and Multipurpose  HTML Template
Author: WMD
Version:1.0
*/

/*===========================
 =  Table of CSS
 
1. General code
	1.1.  Typography
	1.2.  Button
	1.3.  dark-overlay
	1.4.  Space margins and padding
	1.5.  Form
	1.6.  Table
	1.7.  Accordion
	1.8.  Section-background-color & section-heading
	1.9   Tabs 
	1.10. parallex-background
	1.11. Modal
	1.12  Search Popup

2. Header
	2.1. Menu
	2.2. Header Style 1
	2.3. Header Style 2
	2.4. Header Style 3
	2.5. Header Style Portfolio
	2.2. Header Menu Sub Menu Style
3. Intro Banner
4. Home-Page-1-Business (index) 
	4.1 Modern & creative agency 
	4.2 Video Presentation
	4.3 Services
	4.4 Portfolio
	4.5 Client's testimonials
	4.6 Our-Clients
	4.7 Footer
		4.7.1 Footer (Agency Index)
		4.7.2 Footer (Interior Index)
		4.7.3 Footer (Construction and Restaurant)
		4.7.4 Footer (Event Index)
		4.7.5 Footer (Shop Index)
		4.7.6 Footer (App Landing Index)
		4.7.7 Footer (Personal Index)
5. Home-Page-2 Personal (personal-index) 
	5.1 Personal Artist
	5.2 Personal About
	5.3 Personal Skills
	5.4 Personal Experience
6. Home-Page-3 Interior Design (personal-index)
	6.1 Interior Services
	6.2 Prrojects Filter
	
7. Home-Page-4 Event (event-index)
	7.1 About Events
	7.2 Events Slider
	7.3  Events Speakers
	7.4 Events Schudule
	7.5  Events Packages
8. Home-Page-5 Construction (construction-index)
	8.1 Reason To Choose
	8.2 How We Work
	8.3 Construction Services
	8.4 Construction Portfolio
	8.5 Construction Timer
	8.6 Team Members
	8.7 Testimonial Slider
9. Home-Page-6 Restaurant (restaurant-index)
	9.1 Products
	9.2 Special Menu List
	9.3 Discover our memories
	9.4 Our Chefs

10. Home-Page-6 Shop(shop-index)
	10.1 Products
	10.2 Support Policy
	
11. Home-Page-7 Restaurant (app-landing-index)
	11.1 App Intro Column
	11.2 App Feature
	11.3 App Why Choose
	11.4 App How Work
	11.5 Download Section
	11.6 App Screenshots
	11.7 Pricing Table
	11.8 Client Testimonials
	
12. About Us Page
13. Error Page
14  Blog Pages
15. Coming Soon Page
16  Contact Us
17. Team Page
18. Portfolio Page
19. Pricing Plans
20  Services Pages
21. Product Detail
22. Product Cart
23. Product Checkout
24. Responsive Css
===========================*/




/*====================
	1. General code
==========================*/
html {
	height:100%;
}
body {
	font-family: 'Poppins', sans-serif;
	overflow-x:hidden;
	color:#555555;
	height:100%;
}


/*----------------------
	1.1. Typography
------------------------------*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#3f73d1;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4 , a:hover h5 , a:hover h6 {
	color:#3f73d1;
}
h1, h2, h3, h4, h5, h6 {
	color:#111111;
	font-weight:400;
	margin:0 auto 15px;
}
h1 {
	font-size: 60px;
}
h2 {
	font-size: 50px;
}
h3 {
	font-size: 40px;
}
h4 {
	font-size:33px;
}
h5 {
	font-size: 26px;
}
h6 {
	font-size: 22px;
}
p {
	font-size:16px;
	line-height:28px;
	font-weight:300;
	margin-bottom:22px;
}
a {
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
	text-decoration:none;
	color:#3f73d1;
}
a:hover, a:focus {
	text-decoration:none;
	outline:none;
	color:#1245a2;
}
ul, ol {
	margin:0 auto 20px;
}
ul li, ol li {
  font-size: 16px;
  line-height: 26px;
  margin: 0 auto 10px;
}
ul li i, ol li i {
	margin:0 12px 0 0;
}
ul.list_style_none, ol.list_style_none {
	list-style:none;
}
ul.list-with-icon {
	padding-left:10px;
	margin-bottom:30px;
}
ul.list-with-icon li {
  line-height: 20px;
  margin-bottom: 15px;
  padding-left: 23px;
  position: relative;
  list-style:none;
}
ul.list-with-icon li i {
  left: 0;
  position: absolute;
  top: 4px;
}
.list-style-none{
	margin:0px;
	padding:0px;
	list-style:none;
}
.list-style-none li{
	position:relative;
	margin:0px;
}
blockquote {
	background:#f5f5f5 ;	
}
img {
	max-width:100%;
}
.white-text, 
.white-text h1, 
.white-text h2, 
.white-text h3, 
.white-text h4, 
.white-text h5, 
.white-text h6, 
.white-text p {
	color:#fff;	
}
.uppercase {
	text-transform:uppercase;
}
.underline {
	text-decoration:underline;
}
.divider {
  border-bottom: 1px solid #dcd9d9;
  clear: both;
  margin: 40px auto;
}
.divider.double {
  border-bottom: 3px double #dcd9d9;
}
.clear{
	clear:both;
}

/*-----------------
	1.2. Button
-------------------------*/
input[type="submit"]{
	background: #3f73d1 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin: auto;
	padding: 15px 50px;
	transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
}
input[type="submit"]:hover{
	background: #1245a2;
	color: #ffffff;
	outline:none;
}
.btn {
  background: #3f73d1 none repeat scroll 0 0;
  border:#3f73d1 solid 2px;
  border-radius: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin: auto;
  padding: 15px 50px;
    transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
}

.btn .fa {
  margin-left: 3px;
  vertical-align: middle;
}
.btn.btn-lg {
	font-size: 22px;
	line-height: 30px;
	padding: 18px 50px;
}
.btn:hover, .btn:focus {
	color: #ffffff;
	outline:none;
	background:#1245a2;
	border-color:#1245a2;
	outline: 0px;
    box-shadow: none;
}
.btn-link {
  font-weight: 800;
  font-size:16px;
  background:none;
  padding:0px;
  color:#3f73d1;
}
.btn-link:hover {
	background:none;
}
.btn-link:hover, .btn-link:focus {
	color:#1245a2;
}
.btn.outline {
	background:none;
	border:#3f73d1 solid 2px;
	color:#3f73d1;
}
.btn.outline:hover, .btn.outline:focus {
	color:#fff;
	background:#3f73d1;
	border-color:#3f73d1;
}
.btn.btn-xs {
	font-size:12px;
	padding:0px 25px;	
}
.btn.btn-xs .fa {
	margin:0 5px;
	font-size:14px;
}
.btn.outline.active-btn {
	border-color:#089901;
	color:#089901;
}
.btn.outline.active-btn:hover {
	background:#089901;
	color:#fff;
}

.blue_btn{
	background:#3f73d1;
	color:#fff;
}


.white_pink_btn{
	background:#ffffff;
	color: #111;
}
.white_pink_btn:hover, .white_pink_btn:focus{
	background:#d30b35;
	color:#fff;
}

.gray_btn_outline{
	background:none;
	border:#555 solid 1px;
	color:#555;
}
.full_width{
	width:100%;
}
.white_btn.btn {
	background:#fff;
	color:#111;
	border-color:#fff;
}
.white_btn.btn:hover, .white_btn.btn:focus{
	color: #ffffff;
    outline: none;
    background: #1245a2;
	border-color:#1245a2;
}
/*-------------------------
	1.3. dark-overlay
---------------------------------*/
.div_zindex {
  position: relative;
  z-index: 1;
}
.dark-overlay {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


/*-------------------------------------
	1.4. Space margins and padding
------------------------------------------------*/
.padding_none {
	padding:0px;
}
.padding_right0{
	padding-right:0px;
}
.padding_left0{
	padding-left:0px;
}
.padding_top0{
	padding-top:0px;
}
.padding_bottom0{
	padding-bottom:0px;
}
.padding {
	padding:20px 0;
}
.padding_50px {
	padding:50px 0;
}
.padding_4x4_30 {
	padding:30px;	
}
.padding_4x4_40 {
	padding:40px;	
}
.space-20 {
    width:100%;
    height: 20px;
	clear:both;
}
.space-30 {
    width:100%;
    height: 30px;
	clear:both;
}
.space-40 {
    width:100%;
    height: 40px;
	clear:both;
}
.space-60 {
    width:100%;
    height: 60px;
	clear:both;
}
.space-80 {
    height: 80px;
    width:100%;
}
.margin-btm-20 {
    margin-bottom: 20px;
	clear:both;
}
.mr-btm-30 {
    margin-bottom: 30px;
}
.margin-none {
	margin:0px;
}



/*-----------------
	1.5. Form
---------------------------*/
label{
    color: #111;
    font-size: 16px;
	font-weight:normal;
}
.required{
	color:#ff0000;
}
.form-group {
  margin-bottom: 20px;
  position: relative;
}
.form-label {
  color: #111111;
  font-size: 15px;
  font-weight: 800;
  margin: 0 auto 8px;
}
.form-control {
  background: #fff;
  border: solid 2px #d9d9d9;
  border-radius: 0;
  box-shadow: none;
  color: #888888;
  font-size: 16px;
  height: 60px;
  line-height: 30px;
  padding: 0 15px;
}

textarea.form-control {
	padding:15px 15px;
	height:160px;
}
.form-control:hover, .form-control:focus {
	box-shadow:none;
	outline:none	
}

input[type="text"], 
input[type="password"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
select, 
textarea {
	background: #fff;
	border: solid 2px #d9d9d9;
	border-radius: 0;
	box-shadow: none;
	color: #888888;
	font-size: 16px;
	height: 60px;
	line-height: 30px;
	padding: 0 15px;
	width:100%;
}

input[type="text"]:hover, input[type="text"]:focus 
input[type="password"]:hover, input[type="password"]:focus,
input[type="number"]:hover, input[type="number"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="url"]:hover, input[type="url"]:focus, 
input[type="search"]:hover, input[type="search"]:focus, 
select:hover, select:focus,
textarea:hover, textarea:focus{
	box-shadow:none;
	outline:none;
	border-color: #3f73d1;
}

textarea {
	width:100%;
	height:160px;
}
.select {
	position:relative;
}
.select select {
  appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -webkit-appearance: none;
   -ms-appearance: none;
  
}
.select::after {
  color: #878787;
  content: "";
  cursor: pointer;
  font-family: fontawesome;
  font-size: 15px;
  padding: 12px 0;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.form-control option {
  padding: 10px;
}
.control-label {
	color:#555;
	font-size:15px;
	font-weight:700;	
}
.radio label, .checkbox label {
  cursor: pointer;
  font-weight: normal;
  padding-left: 26px;
  position: relative;
}
.radio input[type=radio],
.checkbox input[type=checkbox] {
	display: none;
}
.radio label:before {
    background-color:transparent;
	border-style:solid;
	border-width:1px;
	border-radius:50%;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
	top:4px;
    position: absolute;
    width: 15px;	
}
.checkbox label::before {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #111111;
	content: "";
	display: inline-block;
	height: 16px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 16px;
}
.radio input[type=radio]:checked + label:before {
	content: "\2022";
	font-size: 15px;
	text-align: center;
    line-height: 11px;
}
.checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 12px;
	text-align: center;
    line-height: 14px;
}
.checkbox-inline, .radio-inline{
	padding-left:0px;
}

/*-----------------
	1.6. Table
---------------------------*/
table {
	margin:0 0 30px;
	width:100%;
}
table th, table td {
  border: 1px solid #cccccc;
  padding: 15px;
  padding:18px;
}
table th img, table td img {
	max-width:100%;
}
table thead {
	background:#eee;
}
table thead th, table thead td {
	text-transform:uppercase;
	font-weight:900;
	color:#111;
}


/*-----------------
	1.7. Accordion
---------------------------*/
.panel.panel-default {
	margin:0 auto 15px;
}
.panel-group {
  padding-top: 14px;
}
.panel-default {
  border-color: #ecebeb;
}
.panel-default > .panel-heading {
  background-color: #fafafa;
  border-color: #ecebeb;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ecebeb;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-group .panel .panel-title {
  font-size: 20px;
  font-weight: 500;
}
.panel-group .panel .panel-title a.collapsed {
	color:#111;
}
.panel-group .panel .panel-title a {
	padding:10px;
	display:block;
}
.panel-group .panel .panel-title a:hover, 
.panel-group .panel .panel-title a {
	color:#3f73d1;
	position:relative;
	padding-right:25px;
}
.panel-group .panel .panel-title a:after {
	position:absolute;
	top:10px;
	right:10px;
	font-family:fontawesome;
	content:"\f107";	
}
.panel-group .panel .panel-title a.collapsed:after {
	content:"\f105";	
}
.panel-collapse .panel-body {
	padding:25px;
}



/*-----------------------------------------------------------
	1.8. Section-background-color & section-heading
-------------------------------------------------------------------*/
.secondary-bg {
	background-color:#1A237E !important;
	color:#fff;
	position:relative;
}
.gray_bg {
	background:#f2f1f1;
}
.section-padding {
  padding: 90px 0;
}

/*-----------------------------------------------------------
	Section Header
-------------------------------------------------------------------*/

.section-header {
  margin: 0 auto;
  max-width: 900px;
  padding-bottom: 70px;
  position:relative;
}
.section-header h2 {
  margin:0;
}
.section-header p {
  font-size: 20px;
  font-weight:300;
  line-height:32px;
  margin:22px auto 0px;
}

/*-----------------------------------------------------------
	Section Header Inner
-------------------------------------------------------------------*/
.section-header-inner{
  margin: 0 auto;
  max-width: 1140px;
  padding-bottom: 40px;
  position:relative;
}
.section-header-inner h2 {
  margin:0;
}
.section-header-inner p {
  font-size: 20px;
  font-weight:300;
  line-height:32px;
  margin:22px auto 0px;
  width:70%;
}


/*-----------------------------------------------------------
	1.1 Heading Style 1 Section Header
-------------------------------------------------------------------*/
.heading_style1:before{
	position:absolute;
	width:1px;
	left:50%;
	height:50px;
	top:-50px;
	content:"";
	background:#7f7f7f;
}
/*-----------------------------------------------------------
	1.2 Heading Style 2 Section Header
-------------------------------------------------------------------*/
.heading_style2 {
  margin: 0;
  max-width: 940px;
  padding-left: 90px;
  position: relative;
}
.section-header.heading_style2::after {
  background: #111111 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 24px;
  width: 65px;
}
/*-----------------------------------------------------------
	1.3 Heading Style 3 Section Header
-------------------------------------------------------------------*/

.heading_style3 {
  margin: 0;
  position: relative;
  max-width:100%;
}
.heading_style3 h2{
	position:relative
}
.heading_style3 h2::after {
  background: #111111;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  bottom:-30px;
  width:130px;
  margin-left:0px;
}
.heading_style3.center{
	text-align:center;
	padding-bottom:90px;
}
.heading_style3.center h2::after{
	margin-left:-65px;
	left:50%;
}
.heading_style3 p{
	width: 80%;
    margin-top: 65px;
}

/*-----------------------------------------------------------
	1.4 Heading Style 4 Section Header
-------------------------------------------------------------------*/

.heading_style4 {
  margin: 0;
  position: relative;
  max-width:100%;
}
.heading_style4 h2{
	position:relative
}
.heading_style4 h2 span{
	color:#3f73d1;	
}
.heading_style4 h2::after {
  background: #111111;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  bottom:-30px;
  width:130px;
  margin-left:0px;
}
.heading_style4.center{
	text-align:center;
	padding-bottom:90px;
}
.heading_style4.center h2::after{
	margin-left:-65px;
	left:50%;
}
.heading_style4 p{
	width: 80%;
    margin-top: 65px;
}
/*-----------------------------------------------------------
	1.4 Heading Style 5 Section Header
-------------------------------------------------------------------*/
.heading_style5 h2{
	font-size:52px;
}
.heading_style5 span{
	display: block;
    font-family: 'Dancing Script', cursive;
    color: #3f73d1;
}

/*-----------------------------------------------------------
	1.4 Heading Style 6 Section Header
-------------------------------------------------------------------*/

.heading_style6{
	margin: 0;
    position: relative;
    max-width: 100%;
	padding:0px;
	margin-bottom:40px;
}
.heading_style6 h2{
	font-size:28px;
	font-weight:600;
}
.heading_style6 h2 span{
	display:inline-block;
    width:46px;
	height:2px;
	background:#111111;
	vertical-align:middle;
	margin-left:5px;
}



.heading_style3 #navigation{
	float:right;
}
.search_cart_panel{
	float:right;	
}
.affix .header_cart{
	 padding: 19px 10px 21px 10px;
	
}
.affix .header_search{
	margin-top:18px;
}
.header_cart {
    position: relative;
    float: left;
    font-size: 13px;
    color: #333745;
	padding:23px 10px 27px 10px;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.header_cart > a{
	display: inline-block;
    line-height: 30px;
    padding: 5px 5px;
    color: #333745;
    text-decoration: none;
    cursor: pointer;
}
.header_cart > a i.icon {
    font-size: 18px;
    color: #333745;
    padding-right: 6px;
    vertical-align: middle;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.header_cart > a .badge {
    position: relative;
    left: -15px;
    top: -14px;
    width: 17px;
    height: 17px;
    margin-right: -20px;
    padding: 0;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    background-color: #3f73d1;
    color: #ffffff;
}
.header_cart .dropdown-menu{
	border:none;
	padding:15px;
	min-width:350px;
	top:97%;
	border-radius:0px;
	z-index: 10001;
}
.header_cart .dropdown-menu ul{
	list-style:none;
	margin:0px;
	padding:0px;	
}
.header_cart .dropdown-menu ul li{
	position:relative;
	padding:0px 15px 10px 95px;
	margin:0px;
	min-height: 100px;
}
.header_cart .dropdown-menu h6{
	font-size:18px;
	font-weight:normal;
}
.header_cart .dropdown-menu ul li figure{
	position:absolute;
	left:0px;
	width:80px;
	height:80px;
}
.header_cart .dropdown-menu ul li .delete_icon{
	position: absolute;
    right: 0px;
    top: 0px;
    color: #1A237E;
}
.header_cart .dropdown-menu ul li .delete_icon i{
	margin:0px;
}
.header_cart .dropdown-menu ul li .delete_icon:hover{
	color:#ff0000;
}
.sub_total{
	text-align:right;
	color:#1A237E;
	font-weight:600;
	font-size:18px;
}
.sub_total span{
	color:#3f73d1;
}

.header_cart .btn-group{
	width:100%;
	margin-top:15px;
}
.gray_btn_outline{
	width: 50%;
    text-transform: uppercase;
    font-weight: 600;
    color: #1A237E;
	font-size:16px;
}
.header_cart:hover .dropdown-menu{
	 display: block;
    -moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in;
    animation: zoomIn .3s ease-in;
}



.pink-cart .header_cart > a .badge{
	background-color:#fb2351;
}
.pink-cart .sub_total span{
	color:#fb2351;
}
.pink-cart .btn:hover, .pink-cart .btn:focus{
	border-color:#fb2351;
	background:#fb2351;
	color:#fff;
}
.title_product {
    color: #222;
}

.quantity{
    color: #777777;
	display:block
}
.price {
    padding: 0;
    font-size: 15px;
    color: #222;
	font-weight:600;
	margin:0px;
}
.header_search{
	 position: relative;
    float: left;
    font-size: 13px;
	margin-top:24px;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.header_search > a{
	display: inline-block;
    line-height: 30px;
    padding: 5px 5px;
    color: #333745;
    text-decoration: none;
    cursor: pointer;
}
.header_search > a i.icon {
    font-size: 18px;
    padding-right: 6px;
    vertical-align: middle;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
/*--------------------------------------------
	1.10. parallex-background
---------------------------------------------------*/
.parallex-bg {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  
}


/*------------------------
	1.11. Modal
--------------------------------*/

.modal-content {
 
}
.modal-header {
	padding:15px;
	margin-bottom:15px;
}

.modal .modal-header .close {
  background: #1A237E000 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 17px;
  height: 31px;
  line-height: 30px;
  opacity: 1;
  text-align: center;
  text-shadow: none;
  width: 31px;
}

/*------------------------
	 1.12 Search Popup
--------------------------------*/

.search_overlay_menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.97);
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    z-index: 3400;
    text-align: center;
	display:none;
}
.search_overlay_menu label{
	font-weight: normal;
    font-size: 18px;
}
.search_overlay_menu .container{
	height:100%;
}
.search_overlay_menu  .search_overlay_close {
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 1;
    font-size: 27px;
    z-index: 100;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #333;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.search_overlay_menu  .search_overlay_close:hover{
	 color:#ff0000;
}
.search_overlay_menu form {
    position: relative;
    vertical-align: middle;
    top: 50%;
    left: 0;
    margin: -78px 0 0;
    width: 100%;
    padding-left: 65px;
    text-align: left;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.search_overlay_menu form .search-icon-lg {
    width: 42px;
    height: 44px;
    position: absolute;
    top: 40%;
    margin-top: -5px;
    left: 0;
    font-size: 40px;
}

.search_overlay_menu form input {
    height: 100px;
    width: 100%;
    color: #aaa;
    background: transparent;
    border-top: 0px none;
    border-bottom: 1px solid #d0d0d0;
    border-left: 0px none;
    border-right: 0px none;
    font-size: 50px;
    font-weight: normal;
    outline: none;
    padding: 25px 45px 25px 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}


.search_overlay_menu form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 100px;
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 35px;
    color: #555555;
    padding: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: none;
	font-size: 40px;
}



/*================
	 2. Header
===========================*/
#header .container{
	position:relative;
}

/*----------------
	2.1. Menu
--------------------------*/
.navbar.navbar-default {
	background:rgba(0, 0, 0, 0.3);
	border:0px;
	border-radius:0;
	margin:0 auto;	
	border-bottom:rgb(255, 255, 255, 0.1) solid 1px;
}

.logo {
	margin:27px 0;	
	transition-duration:0.3s;
	 -o-transition-duration:0.3s;
	  -moz-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
}
#navigation {
	padding:0px;
}
#navigation .nav.navbar-nav {
  float: right;
}
#navigation .nav.navbar-nav li {
	margin:0 0 0 10px;
}
#navigation .nav.navbar-nav li.menu-item-has-children > a:after{
	 content: "\f107";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#navigation .nav.navbar-nav a {
  color: #fff;
  font-size: 15px;
  font-weight:400;
  text-transform:uppercase;
}
#navigation .nav.navbar-nav a:hover {
  color: #3f73d1;
}
#navigation .nav.navbar-nav li > a {
	padding:40px 20px;	
}

.navbar.navbar-default.affix {
	background:rgba(0, 0, 0, 0.95);
}
.navbar.navbar-default.affix .logo {
  margin: 15px 0;
}
.navbar.navbar-default.affix #navigation .nav.navbar-nav li > a {
  padding: 30px 20px;
}

.arrow{
	display: none;
    cursor: pointer;
    display: block;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1;
}
.dropdown-menu{
	-webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}
/*--------------------------
	 2.2 Header Style 1
--------------------------*/
.header_style1 .header_cart > a i.icon{
	color:#fff;
}
.header_style1 .header_search > a{
	color:#fff;
}
.header_style1 .header_cart{
	padding-top:27px;
}
.header_style1 .header_search{
	margin-top:28px;
}
.header_style1 .affix .header_cart{
	padding-top:19px;
}
.header_style1 .affix .header_search{
	 margin-top: 18px;	
}
/*--------------------------
	 2.3 Header Style 2
--------------------------*/
.header_style2 .navbar.navbar-default {
	position:relative;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.15);
	background:#fff;
}
.header_style2 .navbar.navbar-default.affix {
	background:#fff;
}
.header_style2 .logo {
  margin: 20px 0;
}
.header_style2 #navigation .nav.navbar-nav li > a {
  padding: 35px 20px;
}
.header_style2 #navigation .nav.navbar-nav a {
	color:#111;
}
.navbar.navbar-default.nav-stacked {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:222;
}






/*--------------------------
	 2.4 Header Style 3 Shop Header
--------------------------*/
.top-bar{
	background:#111111;
	padding:10px 0px;
	color:#fff;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.my-account ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
}
.my-account ul li{
	float:left;
	margin-left:15px;
	margin-bottom: 0px;
}
.my-account ul li a{
	color:#fff;
}
.top-medium-bar{
	padding-bottom:45px;	
}
.top-search{
	margin-top:50px;
	position:relative;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.top-search .form-control{
	height:50px;
	line-height:50px;
	border:solid 1px #e7e7e7;
	padding-right: 40px;
}
.top-search .search-btn{
	position: absolute;
    right: 0px;
    top: 0px;
    line-height: 50px;
    background: none;
    border: none;
    padding: 0px;
    width: 40px;
    text-align: center;
    color: #888888;
    font-size: 20px;
}
.top-search .search-btn:hover{
	color: #3f73d1;
}
.top-search .search-btn:focus{
	outline:none;
}

.top-medium-bar .logo{
	margin:40px 0px 0px 0px;
}
.header_style3 .navbar.navbar-default.nav-stacked{
	position:relative;
}
.header_style3  .search_cart_panel{
	margin-top: 50px;
}
.header_style3  .header_cart{
	padding:0px;
}
.header_style3{
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;	
}


.header_style3 .navbar-default{
	border-top:solid 1px #e7e7e7;
	background:none;
	min-height:1px;
}
.header_style3 #navigation .nav.navbar-nav li{
	margin:0px;
	float: none;
    display: inline-block;
}
.header_style3 #navigation .nav.navbar-nav li > a{
	color:#111;
	padding:20px;
}
.header_style3 #navigation .nav.navbar-nav li > a:hover{
	color:#3f73d1;
}
.header_style3 #navigation .nav.navbar-nav{
	width:100%;
	text-align:center;
}

.header_style3.affix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 222;
}
.header_style3.affix .top-bar{
	display:none;
}
.header_style3.affix .top-medium-bar{
	padding-bottom:20px;
}
.header_style3.affix .top-search{
	margin-top:20px;
}
.header_style3.affix .top-medium-bar .logo {
    margin: 20px 0px 0px 0px;
}
.header_style3.affix .top-medium-bar .logo img{
	width: 150px;
}
.header_style3.affix .search_cart_panel {
    margin-top: 25px;
}


/*--------------------------
	 2.5 Header Style Portfolio
--------------------------*/

.portfolio_header .container{
	position:relative;
}


.portfolio_header_right{
	display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	width:100px;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
	    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.portfolio_header_open .portfolio_header_right{
	display:block;
	width:100%;
	-webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	padding-right: 60px;
}
.open-port-nav{
	float: right;
    font-size: 38px;
    color: #111;
    margin-top: 16px;
    width: 40px;
    height: 40px;
	position:relative;
	z-index:9;
	-webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	text-align:center;
	background:#fff;
}
.open-port-nav:hover{
	color:#1A237E;
}
.open-port-nav fa{
	-webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.open-port-nav .fa-close{
	display:none;
	font-size: 30px;
    padding-top: 10px;
}
.portfolio_header_open .open-port-nav .fa-navicon{
	display:none;
}
.portfolio_header_open .open-port-nav .fa-close{
	display:block;
}


/*--------------------------
	 Header Menu Sub Menu Style
--------------------------*/


.sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 220px;
    font-size: 14px;
    background-color: #fff;
    border:none;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0px 10px;
    background-clip: padding-box;
	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
	margin:0px;
	padding:0px;
	list-style:none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#navigation .nav.navbar-nav li .sub-menu li{
	margin:0px;
	position:relative;
	display: block;
    text-align: left;
}
#navigation .nav.navbar-nav li .sub-menu li a {
    display: block;
    padding: 8px 15px;
    clear: both;
    font-weight: normal;
    color: #111;
    white-space: nowrap;
    border-left: solid 2px #fff;
}
.navbar.navbar-default.affix #navigation .nav.navbar-nav li .sub-menu li a{
	padding: 8px 15px;
}
#navigation .nav.navbar-nav li .sub-menu li a:hover{
	border-left: solid 2px #3f73d1;
	color:#3f73d1;
	background-color: #f5f5f5;
}
.navbar-nav li:hover .sub-menu{
	opacity:1;
	display:block;
	moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in;
    animation: zoomIn .3s ease-in;
}

#navigation .nav.navbar-nav .sub-menu a{
	color:#111;
}
#navigation .nav.navbar-nav li .sub-menu li.menu-item-has-children > a:after{
	right:15px;
	content:"\f105";
}

#navigation .nav.navbar-nav li .sub-menu li .sub-menu{
	display:none;
}
#navigation .nav.navbar-nav li .sub-menu li:hover .sub-menu{
	opacity:1;
	display:block;
	moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in;
    animation: zoomIn .3s ease-in;
}

#navigation .nav.navbar-nav li .sub-menu li .sub-menu {
	left:100%;
	right:auto;
	top:0px;
}




/*================
	 3. Intro
===========================*/
#intro {
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
	height:100vh;
	position:relative;
	min-height:650px;
}
.intro_wrap {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:70px auto 0;
	max-width:1140px;
	transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	  -o-transform:translateY(-50%);
	   -webkit-transform:translateY(-50%);
	   z-index:2;
}

#intro h1 {
	font-size:70px;
}
#intro p {
	font-size:18px;
	margin:0 auto 30px;
}
.intro_text {
	max-width:600px;
}



/*------------------------
	3.1 Intro Interior
--------------------------------*/
#intro.intro_interior{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
	position:relative;
}
.intro_interior .intro_text{
	max-width:100%;
	text-align:center;
	margin:0 auto;
	width:80%;
}
#intro.intro_interior h1{
	margin-bottom:40px;
}


/*------------------------
	3.2 Intro Event
--------------------------------*/
#intro.intro_event{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
	position:relative;
}
.intro_event .intro_wrap{
	margin-top:20px;
}
.intro_event .intro_text{
	max-width:100%;
	text-align:center;
	margin:0 auto;
	width:60%;
}
#intro.intro_event h1{
	margin-bottom:30px;
}
.intro_event h4{
	margin-bottom:30px;
}

/*------------------------
	3.3 Intro Construction
--------------------------------*/

#intro.intro-construction{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);	
}
.intro-construction .intro_wrap{
	margin-top:20px;
}
.intro-construction .intro_text{
	max-width:100%;
	text-align:center;
	margin:0 auto;
	width:80%;
}
#intro.intro-construction h1{
	margin-bottom:30px;
}
.intro-construction h4{
	margin-bottom:30px;
}


/*------------------------
	3.4 Intro Restaurant
--------------------------------*/

#intro.intro_restaurant{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);	
}
.intro_restaurant .intro_wrap{
	margin-top:20px;
}
.intro_restaurant .intro_text{
	max-width:100%;
	text-align:center;
	margin:0 auto;
	width:80%;
}
.intro_restaurant .intro_text span{
	display:block;
	font-family: 'Dancing Script', cursive;
	color:#3f73d1;
}
#intro.intro_restaurant h1{
	margin-bottom:30px;
}


/*------------------------
	3.5 Intro Slider
--------------------------------*/

#intro_slider .banner-slider-caption{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	z-index:3;
    /*background: rgba(0, 0, 0, 0.62);*/	
}
.banner-slider .dark-overlay{ 
	z-index:2;
}
#intro_slider .intro_wrap{
	margin-top:0px;
}
#intro_slider .owl-dots{
	position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0px;
    margin: 0px;
}
#intro_slider .owl-dots .owl-dot{
	background:#afaba7;
}
#intro_slider .owl-dots .owl-dot.active{
	background:#3f73d1;	
}
/*------------------------
	3.6 Intro App Landing Page
--------------------------------*/
#intro.intro-app-landing{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.intro-app-landing .intro_wrap{
	margin-top:0px;
}
.intro-app-landing  .intro_text{
	max-width:560px;
}
.intro-app-landing h2{
	margin-bottom:30px;
}
.mobile-pic{
	position: absolute;
    top: 50%;
    left: 55%;
    margin: 50px auto 0;
    max-width: 450px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
}

/*------------------------
	3.7 Intro Inner Page
--------------------------------*/
#intro-inner-page{
	position:relative;
	padding:250px 0px 150px 0px; 
	background-position: center 0px;
}
#intro-inner-page .intro_text{
	max-width: 100%;
    margin: 0 auto;
    width: 80%;
}
#intro-inner-page .container{
	position:relative;
	z-index:2;
}





/*================
	 4. Home-Page-1-Business
===========================*/
/*--------------------------------
	 4.1 Modern & creative agency
--------------------------------*/
.box_info {
	margin:30px auto 80px;
}
.number_style {
	position:relative;
	padding-left:155px;
}
.list_number {
	font-size:110px;
	color:#111;
	opacity:0.1;
	font-weight:700;
	position:absolute;
	top:0px;
	left:0;	
	line-height:100px;
}
.color_icon .fa {
	color:#3f73d1;	
}
/*--------------------------------
	 4.2 Video Presentation
--------------------------------*/
#video-presentation h6 {
	color:#555;
	margin-top:10px;
}


/*--------------------------------
	 4.3 Services
--------------------------------*/
.service_box {
	position:relative;
	
}
.service_img{
	transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.service_img img{
	transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.service_style2 img {
	margin:0 0 30px;
}
.service_info {
	background:#fff;
	position:relative;
	z-index:2;
	padding:20px;
	margin:-75px 15px 0;
	box-shadow:rgba(0, 0, 0, 0.08) 0 5px 5px;
}
.service_box p {
	font-size:15px;
	line-height:26px;
}
.service_icon {
  background: #3f73d1 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  height: 48px;
  line-height: 48px;
  margin: -40px auto 20px;
  text-align: center;
  width: 48px;
}

.service_box:hover .service_img{
	background:#111;
}
.service_box:hover .service_img img{
	opacity:0.7;
}
/*--------------------------------
	 4.3 Fan-facts
--------------------------------*/
#fan_facts h2 {
	font-weight:300;
	font-size:44px;
	margin:18px auto 8px;
}
#fan_facts h6 { 
	font-weight:300;
	text-transform:uppercase;	
	font-size:20px;
}
.icon_div {
	float:left;
	width:118px;
	height:118px;
	text-align:center;
	line-height:118px;
	border-radius:50%;
	border:#3f73d1 solid 2px;			
	color:#3f73d1;
	font-size:55px;
	margin:0 25px 0 0;
}

/*--------------------------------
	 4.4 Portfolio
--------------------------------*/
.portfolio_wrap {
	overflow:hidden;
	position:relative;
	margin:0 auto 30px;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
}
.portfolio_wrap:after  {
	position:absolute;
	bottom:0;
	background:rgba(0, 0, 0, 0.85);
	left:0;
	right:0;
	height:100%;
	content:"";
	opacity:0;
	width:100%;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	transform:scale(0);
	 -moz-transform:scale(0);
	  -o-transform:scale(0);
	   -webkit-transform:scale(0);
	   z-index:0;
}
.portfolio_wrap:hover:after {
	opacity:1;
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
}
.portfolio_info {
  bottom: -100%;
  color: #ffffff;
  left: 30px;
  right:30px;
  position: absolute;
  z-index: 3;
  transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
}
.portfolio_wrap:hover .portfolio_info {
	bottom:30px;
}
.portfolio_link {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	content:"";
	z-index:2;
}
.portfolio_info h5, .portfolio_info a {
	color:#fff;
}
.portfolio_cate {
  margin: 20px auto 0;
  overflow: hidden;
}
.portfolio_cate a {
	position:relative;
	display:block;
	float:left;
	margin:0 30px 10px 0 ;
}
.portfolio_cate a:last-child:after {
	display:none;
}
.portfolio_cate a::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  right: -20px;
  top: 10px;
  width: 10px;
}




.portfolio_plus {
    top: -100%;
    color: #ffffff;   
    position: absolute;
    z-index: 1;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
	transform:translateY(-50%);
	text-align:center;
	width:100%;
	height:100px;
}
.portfolio_plus:before{
	position:absolute;
	background:#fff;
	width:1px;
	height:100px;
	content:"";
	
}
.portfolio_plus:after{
	position:absolute;
	background:#fff;
	width:1px;
	height:100px;
	transform:rotate(-90deg);
	-moz-transition:rotate(-90deg);
    -o-transition: rotate(-90deg);
    -webkit-transition: rotate(-90deg);
	content:"";
	
}
.portfolio_wrap:hover .portfolio_plus{
	top:50%;
}

.border-line{
	position: absolute;
    left: 0px;
    bottom: 100px;
    width: 1px;
    height: 70px;
    background: #fff;
}

.portfolio_plus_small {
    top: 30px;
    color: #ffffff;   
    position: absolute;
    z-index: 1;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
	text-align:center;
	width:50px;
	height:50px;
	right:30px;
	opacity:0;
}
.portfolio_plus_small:before{
	position:absolute;
	background:#fff;
	width:1px;
	height:50px;
	content:"";
	
}
.portfolio_plus_small:after{
	position:absolute;
	background:#fff;
	width:1px;
	height:50px;
	transform:rotate(-90deg);
	-moz-transition:rotate(-90deg);
    -o-transition: rotate(-90deg);
    -webkit-transition: rotate(-90deg);
	content:"";
	
}
.portfolio_wrap:hover .portfolio_plus_small{
	opacity:1;
}


#intro-inner-page.portfolio-detail-banner {
    background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
    padding: 180px 0px 90px 0px;
}
.portfolio-detail-list ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.portfolio-detail-list ul li{
	font-size:16px;
}
.portfolio-detail-list ul li span{
	font-weight:600;
	margin-right:10px;
}
.portfolio-detail .portfolio-share span {
    font-size: 16px;
    margin-right: 20px;
    float: left;
    margin-top: 5px;
    font-weight: 600;
}
.portfolio-share{
	border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 15px 0px;
    margin-top: 20px;
}
.portfolio-share .social_group {
    display: inline-block;
}
.portfolio-share .social_group li {
    margin: 0px 5px 0px 0px;
}
.portfolio-share .social_group li a {
    border-color: #f1f1f1;
    background: #f1f1f1;
    color: #111;
    width: 30px;
    height: 30px;
    line-height: 26px;
}
.portfolio-share .social_group li i {
    font-size: 13px;
}

.related-portfolio{
	padding-bottom:90px;
}

#portfolio-single .owl-nav .owl-prev{
	left:20px;	
}
#portfolio-single .owl-nav .owl-next{
	right:20px;	
}
#portfolio-single .owl-nav .owl-prev, 
#portfolio-single .owl-nav .owl-next {
    position: absolute;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 0px;
    padding: 0px;
    line-height: 50px;
    color: #111;
    background:rgba(255,255,255,0.6);
    font-size: 30px;
	border:solid 2px #111;
	top:50%;
	margin-top:-26px;
	    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
#portfolio-single .owl-nav .owl-prev:hover, 
#portfolio-single .owl-nav .owl-next:hover{
	background: #3f73d1;
	color: #fff;
	border-color:#3f73d1;
}
/*--------------------------------
	 4.5 Client's testimonials
--------------------------------*/
#testimonial_slider .item {
	background:#fff;
	padding:40px 20px;
	text-align:center;
	box-shadow:rgba(0, 0, 0, 0.08) 0px 0 5px;
	margin: 5px 5px;
}
.owl-carousel .owl-item img {
	width:auto !important;
	max-width:100%;
}
.owl-dots {
	text-align:center;
	margin:15px auto 0;
}
.owl-dots .owl-dot {
	display:inline-block;
	width:10px;
	height:10px;
	background:#111;
	border-color:transparent;
	border-width:2px;
	border-style:solid;
	border-radius:50%;
	margin:0 3px;
}
.owl-dots .owl-dot.active {
	background:none;
	border-color:#3f73d1;	
}
#testimonial_slider p {
	color:#7f7f7f;
	font-size:15px;
	font-style:italic;
	font-weight:400;
}
.testimonial_img {
	width:60px;
	height:60px;
	margin:0 auto 20px;
	overflow:hidden;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
#testimonial_slider h6 {
	font-size:16px;
	margin:0 auto 6px;
}
.testimonial_footer {
	position:relative;
	padding-top:30px;
}
.testimonial_footer span {
	font-size:12px;
	font-style:italic;
}
.testimonial_footer:after {
	position:absolute;
	top:-14px;
	left:0;
	right:0;
	content:"\f10d";
	font-family:fontawesome;
	font-size:26px;
	color:#3f73d1;
}

/*--------------------------------
	 4.6 Our-Clients
--------------------------------*/
.logo_wrap {
  margin: 0 -10px;
  overflow: hidden;
}
.logo_wrap a {
	text-align:center;
	border:#dbdbdb solid 1px;
	padding:25px;
	display:block;
	width:23%;
	float:left;
	margin:0 1% 10px;
}

/*--------------------------------
	 4.7 Footer
--------------------------------*/
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer ul li{
	position:relative;
}
#footer h6 {
	color:#fff;
	margin:0 auto 36px;
}
#footer h5 {
	color:#fff;
	margin:0 auto 25px;
}
.widgets_icon {
	color:#3f73d1;
	font-size:36px;
	margin:0 auto 8px;
}
.about_w {
	max-width:25%;
}
.footer_top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer_widgets {
  flex: 0 0 auto;
  margin:80px auto;
}
.footer_top p {
	font-size:13px;
	line-height:22px;
	color:#e3e3e3;	
}
.footer_top .about_w img {
	margin:0 auto 20px;
}
.footer_top ul {
	padding:0px;
	margin:0px;
}
.footer_top ul li {
	list-style:none;
}
.footer_top ul li a {
	color:#fff;
	font-size:14px;
	position:relative;
	display:inline-block;
	padding-left:15px;
}
.footer_top ul li a:after {
	position:absolute;
	top:0;
	left:0;
	content:"\f0da"	;
	font-family:fontawesome;
}
.footer_top ul li a:hover, .footer_top ul li a:hover:after, .rec_info .rec_meta a:hover, #footer .rec_info a h6:hover {
	color:#3f73d1;	
}
.recent_psot {
	overflow:hidden;
	margin:0 auto 20px;
}
.rec_img {
	float:left;
	width:70px;
	margin-right:15px;
}
.rec_info {
	float:left;
	padding-top:8px;
}
#footer .rec_info h6 {
	font-size:14px;
	margin:0 auto 10px;
}
.rec_info .rec_meta a {
	color:#b9b9b9;
	font-size:11px;
	font-style:italic;
}
.footer_bottom {
	padding:30px 0;
	border-top:rgba(255, 255, 255, 0.1) solid 1px;
}
.footer_bottom p {
	margin:0 auto;
}
.follow_us {
	text-align:right;
}
.follow_us ul {
	padding:0px;
	margin:0;
}
.follow_us ul li {
	list-style:none;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 17px;
}
.follow_us ul li a {
	color:#fff;
	font-size:18px;
}
.follow_us ul li .fa {
	margin:0 auto;
}
.follow_us ul li a:hover {
	color:#3f73d1;
}

/*------------------------
	4.7.1 Footer (Agency Index)
--------------------------------*/

.footer_style2 .footer_widgets {
	padding:0 25px;
}
.footer_style2 .footer_top p {
	font-size:16px;
	margin:0 auto 5px;
	max-width:280px;
}

/*------------------------
	 4.7.2 Footer (Interior Index)
--------------------------------*/
.footer_style_3 .footer_top{
	display:block;
	height: 675px;
    overflow: hidden;
}
.footer_style_3 .footer_top .col-sm-6{
	padding:0px;
}
.map{
	position:relative
}
.map_addres{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0px auto 0;
	transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	  -o-transform:translateY(-50%);
	   -webkit-transform:translateY(-50%);
	   background:#fff;
	   box-shadow:0px 0px 5px #ccc;
	   width:50%;
}
#footer .map_addres ul, .footer_top .map_addres ul{
	margin:0px;
	padding:15px;
	list-style:none;
}
.map_addres ul li{
	position:relative;
	padding:0px 0px 10px 30px;
	font-size:19px;
	color:#1A237E000;
}
.map_addres ul li i{
	position: absolute;
    left: 0px;
    top: 3px;
    color: #1A237E000;
    font-size: 20px;
}
.footer_style_3 .footer_top .map_addres ul li a{
	color:#1A237E000;
	font-size:19px;
	padding:0px;
}
.footer_style_3 .footer_top .map_addres ul li a:after{
	display:none;
}
.help_form {
	background-image: url(../images/800x800.jpg);
	background-color:#1A237E;
	min-height: 675px;
	padding:50px 15% 0px 90px;
}
.help_form h4{
	color:#fff;
	margin-bottom:40px;
}
.footer_style_3 .footer_bottom{
	background:#111111;
	color:#fff;
}
.footer_style_3 .copy{
	text-align:left;
	padding-top:5px;
	font-size:16px;
}




/*------------------------
	   4.7.3 Footer (Construction and Restaurant)
--------------------------------*/
.construction-footer{
	height: 498px;
    overflow: hidden;
}
.construction-footer-bg{
	background: url(../images/800x800.jpg) 0px 0px no-repeat;
    min-height: 500px;
    padding: 100px 18% 0px 80px;
    width: 100%;
	background-size: cover;
}
.footer_top-construction .col-sm-6{
	padding:0px;
}
.newsletter{
	position:relative;
	z-index:2;
}
.newsletter label{
	color:#fff;
	font-weight:normal;
	margin-bottom:20px;
	font-size:16px;
}

.newsletter{
	position:relative;
	z-index:2;
}
.newsletter .form-control{
	padding-right:90px;
}
.newsletter .go-btn{
	position:absolute;
	right:0px;
	bottom:0px;
	width:80px;
	height:60px;
	background:#3f73d1;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:30px;
	border:none;
}
.newsletter .go-btn:hover{
	background:#1245a2;
}
.construction-footer .social_group{
	position:relative;
	z-index:2;
	margin-top:60px;
}
.construction-footer .social_group li a{
	width:60px;
	height:60px;
	line-height:55px;
}
.construction-footer .social_group li i{
	font-size:24px;
}

.construction-footer .copy{
	position:relative;
	z-index:2;
	color:#fff;
	margin-top:60px;
}


/*------------------------
	 4.7.4 Footer (Event Index)
--------------------------------*/
.footer_style_4 .map_addres{
	width: 20%;
	left:10%;
	right:auto;
}
.map_addres figure img{
	width:100%;
}

.footer_style_4 .map_addres ul li a {
    color: #1A237E000;
    font-size: 19px;
    padding: 0px;
}
.footer_style_4 .footer_bottom {
    background: #111111;
    color: #fff;
	margin-top:-5px;
	padding:60px 0px;
}
.footer_style_4 .copy {
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
	margin:0px;
}



.restro-footer-bg {
	background: url(../images/960x680.jpg) 0px 0px no-repeat;
    min-height: 500px;
    padding: 100px 18% 0px 80px;
    width: 100%;
    background-size: cover;
}



/*------------------------
	 4.7.5 Footer (Shop Index)
--------------------------------*/
.footer_style_6 {
	padding-top:70px;
	color: #555555;
}


#footer.footer_style_6 h6{
	color:#111;
	font-weight:600;
}
.footer_style_6 nav{
	padding-bottom:40px;
}
.footer_style_6 nav ul li a{
	font-size:15px;
	color:#555555;
}
.footer_style_6 nav ul li a:hover{
	color:#3f73d1;
}
.instagrame ul li{
	float:left;
	width:20%;
	padding-right:10px;
}
.footer_style_6 .social_group li{
	margin:0px 5px 0px 0px;
}
.footer_style_6 .social_group li a{
	width:36px;
	height:36px;
	line-height:36px;
	background:#111;
	color:#fff;
	border:none;
	border-radius:0px;
}
.footer_style_6 .social_group li a:hover{
	background:#3f73d1;
	color:#fff;
}
.footer_style_6 .social_group li a i{
	font-size:18px;
}
.getin-touch ul li a{
	color:#555555;
}
.footer_style_6 .footer-style-bottom{
	border-top:solid 1px #d7d6d7;
	margin-top:40px;
	padding:40px 0px;
	color:#111;
}
.footer_style_6 .footer-style-bottom p{
	margin:0px;
}
.footer_style_6 .footer-style-bottom ul{
	float:right
}
.footer_style_6 .footer-style-bottom ul li{
	float:left;
	margin:0px 15px;
}
.footer_style_6 .footer-style-bottom ul li a{
	color:#555555;
}
.footer_style_6 .footer-style-bottom ul li a:hover{
	color:#3f73d1;
}
.footer_style_6 .footer-style-bottom ul li:last-child{
	margin:0px;
}


.social_group{
	margin:0px;
	padding:0px;
	list-style:none;
}
.social_group li{
	display:inline-block;
	margin:0px 5px;
}

.social_group li a{
	width:40px;
	height:40px;
	border:solid 2px #fff;
	line-height:35px;
	text-align:center;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	float:left;
	color:#fff;
}
.social_group li a:hover{
	background:#1245a2;
	color:#fff;
	border-color:#1245a2;
}
.social_group li i{
	margin:0px;
	font-size:18px;
	vertical-align:middle;
}




/*------------------------
	 4.7.6 Footer (App Landing Index)
--------------------------------*/
.footer-address{
	background:#3f73d1;
	position:relative;
	color:#fff;
	overflow:hidden;
}
.border-rect{
	background: #fff;
    height: 347px;
    width: 5px;
    position: absolute;
    right: 0px;
    top: -120px;
    transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-moz-webkit-transform: rotate(20deg);
}
.footer-address .col-sm-4{
	min-height:200px;
}
.address{
	transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0px;
	text-align:center;
	padding-right: 70px
}
.address i{
	font-size:60px;
	margin-bottom:15px;
}
.address p{
	margin-bottom:0px;
	font-size:18px;
}
.address a{
	color:#fff;
}
.address a:hover, 
.address a:focus{ 
	color:#fff;
}

.footer-app-panel{
	background-image: url(../images/1920x1200.jpg);
}
.footer-app-top{
	padding:90px 0px;
}
.footer-app-panel .heading_style4 h2{
	color:#fff;
}
.footer-app-panel  .heading_style4 h2::after{
	background:#fff;
}
.footer-app-panel .form-control{
	background:none;
	color:#fff;
	border-color:#fff;
}
.footer-app-panel .form-control::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
.footer-app-panel .form-control:-ms-input-placeholder {
  color: #ddd;
}
.footer-app-panel .form-control::-webkit-input-placeholder {
  color: #ddd;
}


.footer-app-panel .footer_bottom .social_group{
	float:right;
}
.footer-app-panel .footer_bottom{
	border-top: rgba(255, 255, 255, 1) solid 1px;
	color: #fff;
}
.footer-app-panel .footer_bottom p{
	padding-top:25px;
}

.social_group_style3{
	margin:0px;
	padding:0px;
	list-style:none;
}
.social_group_style3 li{
	display:inline-block;
	margin:0px 10px;
}

.social_group_style3 a{	
	float:left;
	color:#fff;
}
.social_group_style3 li a:hover{
	color: #3f73d1;
}
.social_group_style3 li i{
	margin:0px;
	font-size:20px;
}


/*------------------------
	4.7.7 Footer (Personal Index)
--------------------------------*/
.personal_footer{
	background-image:url(../images/1920x1200.jpg);
	position:relative;
	text-align:center;
	background-color:#1A237E;
}

.personal_footer_top h3{
	font-size:46px;
	margin-bottom:50px;
}
.personal_footer_top h3 a{
	color:#fff;
}

.personal_footer_copyright{
	border-top:solid 1px rgba(255,255,255,0.1);
	padding:35px 0px;
	color:#fff;
	text-align:center;
	font-size:18px;
}




/*--------------------------------
	 7. Pricing
--------------------------------*/
.package_table {
	background:#fff;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.08);
}
.package_info {
  padding: 24px 44px;
}
.package_info ul {
	padding:0;
	margin:0;
}
.package_info ul li {
	font-size:19px;
	font-weight:300;
	list-style:none;
	margin:0 auto 20px;
	position:relative;
}
.package_info ul.arrow_style li {
	padding-left:25px;	
}
.package_info ul.arrow_style li:after {
	position:absolute;
	left:0;
	top:2px;
	content:"-";
}
.package_header {
  padding: 34px 44px;
}
.package_header h4 {
  color: #ffffff;
  font-weight: 300;
  line-height: 40px;
  margin: 0 auto 33px;
}
.package_price {
  font-size: 60px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 auto 12px;
}



/*--------------------------------
	 7. Latest-Blog
--------------------------------*/
.blog_img {
	margin:0 auto 25px;
}
.post_meta {
	padding:8px 1px;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	overflow:hidden;
}
.post_meta ul {
	padding:0px;
	margin:0;
}
.post_meta ul li {
	float:left;
	list-style:none;
	margin:0 15px 0 0;
	color:#555;
	font-size:14px;
	font-weight:700;
}
.post_meta ul li a {
	color:#555;
	font-weight:700;
}
.post_meta ul li i {
	margin:0 auto;
}
.post_meta ul li a:hover {
	color:#3f73d1;	
}



/*--------------------------------
	Team Page
--------------------------------*/
.team_wrap {
	overflow:hidden;
	border:#e5e3e3 solid 1px;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
}
.team_wrap:hover .member_social_info {
	bottom:0;
	opacity:1;
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
}
.team_wrap:hover .member_social_info ul {
	left:0;
}
.member_social_info {
	position:absolute;
	bottom:0;
	background:rgba(0, 0, 0, 0.85);
	left:0;
	right:0;
	height:100%;
	opacity:0;
	width:100%;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	transform:scale(0);
	 -moz-transform:scale(0);
	  -o-transform:scale(0);
	   -webkit-transform:scale(0);
}
.member_social_info ul {
	padding:0;
	margin:0 auto;
	position:relative;
	text-align:center;
	top:50%;
	left:-1000px;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	  -o-transform:translateY(-50%);
	   -webkit-transform:translateY(-50%);
}
.member_social_info ul li {
	display:inline-block;
	vertical-align:top;
	list-style:none;
}
.member_social_info ul li a {
	display:block;
	color:#fff;
	font-size:20px;
	border-radius:3px;
	border:#fff solid 1px;
	text-align:center;
	width:40px;
	height:40px;
	line-height:40px;
	margin:0 2px;
}
.member_social_info ul li a:hover {
	background:#3f73d1;
	color:#fff;
	border-color:#3f73d1;
}
.member_social_info ul li .fa {
	margin:0 auto;
}
.member_img {
	overflow:hidden;
	position:relative;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
}
.member_info {
	padding: 25px;
}
.member_info h5 {
	margin:0 auto 4px;
}
.member_info p {
	font-size:14px;
	margin:0 auto;
	color:#7f7f7f;
}






/*===========================
	5 Home-Page-2 (Personal Home Page)
===========================*/

/*------------------------
	5.1 Personal Artist
--------------------------------*/

.artist_pic{
	width:50%;
}

.artist_content{
	padding:170px 0px;	
}
.artist_content h1{
	font-size:90px;
}
.artist_content p{
	font-size:18px;
	margin:45px 0px;	
}
/*------------------------
	5.2 Personal About 
--------------------------------*/
.about_me p{
	font-size:19px;
	margin-bottom:40px;
}

.about_me h6{
	text-transform:uppercase;
	font-size:16px;
	letter-spacing: 3px;
}
/*------------------------
	5.3 Personal Skills 
--------------------------------*/
.personal_skills h2{
	color:#fff;
}

.personal_skills .heading_style3 h2:after{
	background:#fff;
}

.skill_content{
	padding-top:60px;
	padding-bottom:60px;
}


.progress_list {
    margin: 0px;
    padding: 0px 40px 0px 0px;
    list-style: none;
}

.progress_list li {
    margin: 0px;
    padding: 0px 0px 40px 0px;
}

.progress_list p {
    margin-bottom: 3px;
	opacity:0.5;
}
.progress_list p span {
    position: relative;
	float:right;
}
.progress_list .progress {
    margin-bottom: 0px;
	background:#313030;
	height:9px;
}
.progress_list .progress-bar-success {
    background-color: #ffffff;
}

/*------------------------
	5.4 Personal Experience 
--------------------------------*/

.personal_experience h2{
	color:#fff;
}
.personal_experience .heading_style3 h2:after{
	background:#fff;
}
.experience_content{
	padding:60px 0px 60px 30px;
}


.experience_list{
	margin:0px;
	padding:0px;
	list-style:none
}
.experience_list li{
	position:relative;
	padding-left:30px;
	margin-bottom:40px;
}

.experience_list li:before{
	width:12px;
	height:12px;
	background:#f2f1f1;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	position:absolute;
	left:0px;
	top:3px;
	content:"";
	z-index:2;
}
.experience_list li:after{
	width: 1px;
    height: 95%;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 6px;
    top: 5px;
    content: "";
    z-index: 1;
}

.experience_list h6{
	color:#3f73d1;
}

.experience_list h5{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:20px;	
}
.experience_list p{
	margin:0px;
	color:#afafaf;
}




.picture_frame {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0px;
    top: 0px;
	width:50%;
	left:0px;
}
.picture_frame_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover ;
    background-position: center center;
    
}
.picture_frame.right{
	right:0px;
	left:auto;
}
.picture_artist{
	background-image: url(../images/800x800.jpg);
}

.picture_skills{
	background-image: url(../images/800x800.jpg);
}

.picture_experience{
	background-image: url(../images/800x800.jpg);
}


/*------------------------
	6. Home Page Interior Design - Index
--------------------------------*/

/*------------------------
	6.1 Interior Services
--------------------------------*/

.interior_services ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.interior_services ul li{
	position:relative;
	padding:10px 0px 35px 130px;
	margin:0px;
	min-height:108px;
}
.interior_services ul li figure{
	position:absolute;
	left:0px;
	top:0px;
	background:#1A237E;
}
.interior_services ul li p{
	margin:0px;
}
.interior_pic_frame{
	position:relative;
}
.interior_pic_frame h6{
	position: relative;
    z-index: 5;
    text-align: center;
    font-size: 13px;
    letter-spacing: 10px;
    margin: 0px;
    top: 18px;
}
.interior_pic_frame:before{
	position:absolute;
	right:0px;
	top:0px;
	background:#f2f0f1;
	content:"";
	width:90%;
	height:100%;
	z-index:2;
}
.interior_pic_frame figure{
	position:relative;
	z-index:5;
	margin-top:35px;
}

/*------------------------
	 6.2 Prrojects Filter 
--------------------------------*/

.filter{
	margin:0px;
	padding:0px;
	list-style:none
}
.filter li{
    display: inline-block;
	margin:0px;
}
.filter li a{
	color: #111111;
    font-size: 18px;
    padding: 10px 15px;
    float: left;
}


.filter_project_menu{
	float:right
}
.filter_project_menu li a:hover{
	color:#3f73d1;
}
.filter_project_menu li.active a{
	color:#3f73d1;
}




/*===========================
	7. Home-Page-4 (Event)
===========================*/

/*------------------------
	7.1 About Events
--------------------------------*/
.event-panel{
	position:relative;
}

.event-list{
	float:left;
	width:33%;
	margin:0px;
	padding:0px;
	list-style:none;
}
.event-list li{
	position: relative;
    font-size: 33px;
    padding: 27px 0px 0px 100px;
    color: #111111;
    min-height: 84px;
	margin-bottom:30px;
}
.event-list li i{
	position:absolute;
	left:0px;
	top:0px;
	width:84px;
	height:84px;
	border-radius:100%;
	color:#fff;
	line-height:84px;
	text-align:center;
	font-size:38px;
	background:#111111;
}

.event-picture{
	float:left;
	width:67%;
	padding-left:30px;
}

.event-timing{
	float:left;
	width:50%;
	padding:40px;
	background:#fb2351;
	margin-top:-100px;
	position:relative;
	z-index:5;
}
.event-timing h4{
	color:#fff;
	text-align:center;
}

.event-timing ul li{
	float:left;
	width:25%;
	padding:0px 5px;
	color:#111111;
	text-align:center;
}
.event-timing ul li .time-box{
	float:left;
	width:100%;
	padding:15px 15px;
	background:#fff;
}
.event-timing ul li .time-box strong{
	font-size:46px;
	display:block;
	line-height: 1.1;
}
.event-timing ul li .time-box span{
	font-size:20px;
	line-height: 1.1;
	display:block;
}
/*------------------------
	 7.2 Events Slider
--------------------------------*/
#event_slider .owl-dot{
	display:none !important;
}
#event_slider  .owl-nav{
	position:absolute;
	right:0px;
	bottom:0px;
}
#event_slider  .owl-nav .owl-prev,
#event_slider  .owl-nav .owl-next{
	position: absolute;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 0px;
    padding: 0px;
    line-height: 42px;
    color: #fff;
	background:#111111;
	font-size:30px;
}
#event_slider  .owl-nav .owl-prev:hover,
#event_slider  .owl-nav .owl-next:hover{
	color: #fff;
	background:#fb2351;
}
#event_slider  .owl-nav .owl-prev{
	right:47px;
}
#event_slider  .owl-nav .owl-next{
	right:0px;
}
/*------------------------
	7.3  Events Speakers
--------------------------------*/
.speakers {
    background-image: url(../images/1920x1200.jpg);	
}
.speakers .heading_style3 h2{
	color:#fff;
}
.speakers .heading_style3 h2::after{
	background:#fff;
}

.speaker-panel{
	background:#fff;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.speaker-panel:hover{
	box-shadow:0px 0px 5px #ccc;
}
.speaker-panel:hover figure:before{
	display:block;
}
.speaker-panel:hover figure img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);	
}
.speaker-panel figure{
	position:relative;
	overflow:hidden;
}
.speaker-panel figure:before{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	content:"";
	z-index: 4;
	display:none;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.speaker-panel figure img{
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}

.speaker-panel-content{
	padding:25px 15px;
	text-align:center;
}
.speaker-panel-content p{
	margin-bottom:20px;
}
.speaker-panel-content .social_group li{
	margin:0px;
}
.speaker-panel-content .social_group li a{
	width:30px;
	height:30px;
	line-height:30px;
	border:none;
	background:#acacac;
	color:#fff;
}
.speaker-panel-content .social_group li i{
	font-size:14px;
}
.speaker-panel-content .social_group li a:hover{
	background:#fb2351;
	color:#fff;
}

/*------------------------
	7.4 Events Schudule
--------------------------------*/
.event-schudule h6{
	text-align:center;
	color:#555555
}
.event-schudule h6 a{
	color:#fb2351;
	text-decoration:underline;
}
.event-schudule h6 a:hover{
	color:#1A237E;
}
.event-schudule-box{
	float:left;
	width:100%;
}
.event-schudule-heading{
	background:#111111;
	padding:40px;
	margin-bottom:40px;
}
.event-schudule-heading h4{
	color:#fff;
	margin:0px;
}
.event-schudule-content{
	background:#fff;
	border:solid 2px #111111;
}
.schedule-list {
	margin:0px 40px 40px 40px;
	padding-bottom:40px;
	border-bottom:solid 2px #cfcfcf;
}
.schedule-list:last-child{
	border:none;
	padding:0px;
}
.schedule-list .col-md-9{
	padding-top:15px;
}
.schedule-list ul li{
	color:#111;
	float:left;
	margin-right:30px;
}
.schedule-list ul li span{
	color:#555555;
}



#event-schudule-slider .owl-dot{
	display:none !important;
}
#event-schudule-slider  .owl-nav{
	position:absolute;
	right: 25px;
    top: 28px;
}
#event-schudule-slider .owl-nav .owl-prev,
#event-schudule-slider .owl-nav .owl-next{
	position: absolute;
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius:100%;
    padding: 0px;
    line-height: 55px;
    color: #111;
	background:#fff;
	font-size:30px;
}
#event-schudule-slider .owl-nav .owl-prev:hover,
#event-schudule-slider .owl-nav .owl-next:hover{
	color: #fff;
	background:#fb2351;
}
#event-schudule-slider .owl-nav .owl-prev{
	right:60px;
}
#event-schudule-slider .owl-nav .owl-next{
	right:0px;
}

/*------------------------
	7.5  Events Packages
--------------------------------*/
.event-packages {
    background-image: url(../images/1920x1200.jpg);
}

.event-packages .heading_style3 h2{
	color:#fff;
}
.event-packages .heading_style3 h2::after{
	background:#fff;
}

.package-box{
	float:left;
	width:100%;
	background:#111111;
	border:solid 7px #fff;
}

.package-box h5{
	text-align:center;
	color:#fff;
	margin:0px;
	padding:40px 30px;
}

.package-box .inner{
	margin:2px;
	background:#fff;
	padding:15px 20px 30px 20px;
	position:relative;
	text-align:center;
}
.package-box .inner:before{
	background:#fff;
	position:absolute;
	left:50%;
	top:-20px;
	width:80%;
	margin-left:-40%;
	height:20px;
	content:"";
}
.package-box ul li{
	font-size:21px;
	margin-bottom:20px;
}

.sponser{
	padding-bottom:60px;
}
.sponser figure{
	margin-bottom:30px;
}


/*===========================
	8 Home-Page-5 (Construction)
===========================*/


.construction-module{
	text-align:center;
	
}
.top-icon{
	position: relative;
    width: 98px;
    height: 98px;
    margin: 0 auto;
	margin-bottom:30px;
}
.top-icon i{
	width: 98px;
    height: 98px;
    line-height: 98px;
    margin: 0 auto;
    border: 2px solid #E4E4E4;
    background: #ffffff;
    border-radius: 100%;
	font-size:48px;
	color:#3f73d1;
	text-align:center;	
	position:relative;
	z-index:2;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.top-icon:before{
	content: "";
    display: block;
    width: 190px;
    height: 4px;
    background: #E4E4E4;
    border-radius: 2px;
    position: absolute;
    right: -45px;
    top: 45px;
    transform: rotate(-35deg);
    z-index: -1;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}

.construction-module:hover .top-icon i{
	background: #3f73d1;
	border: 2px solid #3f73d1;
	color:#fff;
}
.construction-module:hover .top-icon:before{
	background: #3f73d1;
}


/*------------------------
	8.1 Reason To Choose
--------------------------------*/
.choose-reason figure{
	margin-top:20px;
}
.reason-list{
	padding-top:90px;
}

.reason-list ul li{
	position:relative;
	padding:0px 0px 40px 120px;
}
.reason-list ul li:last-child{
	padding-bottom:0px;
}
.reason-list ul li span{
	color:#d3d3d3;
	font-size:72px;
	position:absolute;
	left:0px;
	top:40px;
	width:110px;
	text-align:left;
	font-weight:600;
	font-family: 'Poppins', sans-serif;
}

/*------------------------
	8.2 How We Work
--------------------------------*/

.how-we-work .nav-tabs{
	border:none;
	float:right;
	margin-top: 20px;
}
.how-we-work .nav-tabs>li{
	margin:0px;
}
.how-we-work .nav-tabs>li>a{
	border:solid 1px #111111;
	color:#111111;
	font-size:18px;
	border-radius:0px;
	margin-right:5px;
}
.how-we-work .nav-tabs>li:last-child>a{
	margin-right:0px;
}
.how-we-work .nav>li>a:focus, 
.how-we-work .nav>li>a:hover{
	border: solid 1px #3f73d1;
	background:#3f73d1;
	color:#fff;
}
.how-we-work .nav-tabs>li.active>a, 
.how-we-work .nav-tabs>li.active>a:focus, 
.how-we-work .nav-tabs>li.active>a:hover{
	border: solid 1px #3f73d1;
	background:#3f73d1;
	color:#fff;
}
.how-we-work .tab-pane{
	margin-top:30px;
}


/*------------------------
	8.3 Construction Services
--------------------------------*/

.const-services{
	background-image: url(../images/1920x1200.jpg);
}

.const-services .container{
	z-index:2;
}

.const-services .heading_style4 h2{
	color:#fff;
}
.const-services .heading_style4 h2:after{
	background:#fff;
}
.const-services .heading_style4 p{
	color:#fff;
}

.service-list{
	margin:0px;
	padding:0px;
	list-style:none;
}
.service-list li{
	width: 33.33333333%;
    float: left;
    position: relative;
	min-height: 300px;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
	margin:0px;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.service-list li:hover{
	background:#3f73d1;
}
.service-list li:nth-child(3n){
	border-right:none;
}
.service-list li:nth-last-child(1), 
.service-list li:nth-last-child(2), 
.service-list li:nth-last-child(3){
	 border-bottom:none;
}

.service-list .service-item{
	transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	 position: absolute;
    top: 50%;
	width:100%;
} 

.service-list .service-item i{
	font-size:72px;
	color:#fff;
	margin:0px 0px 20px 0px;
}
.service-list .service-item h4{
	color:#fff;
	margin:0px;
	line-height:46px;
}


/*------------------------
	8.4 Construction Portfolio
--------------------------------*/
.construction-portfolio .portfolio_cate p{
	margin:0px;
	font-size:14px;
}

.portfolio-tab{
	text-align:center;
	margin-bottom:60px;
}
.portfolio-tab ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.portfolio-tab ul li{
	position:relative;
	display:inline-block;
	padding-right:40px;
	margin:0px;
}
.portfolio-tab ul li:after{
	position: absolute;
    right: 12px;
    top: 23px;
    background: #111;
    width: 14px;
    height: 2px;
    content: "";
	
}
.portfolio-tab ul li:last-child{
	padding:0px;
}
.portfolio-tab ul li:last-child:after{
	display:none;
}
.portfolio-tab ul li a{
	color:#111;
	font-size:17px;
	padding:8px 15px;
	border:solid 2px transparent;
	border-radius:20px;
	display: inline-block;
}
.portfolio-tab ul li a:hover,
.portfolio-tab ul li.active a{
	color:#3f73d1;
	border:solid 2px #3f73d1;
}
/*------------------------
	8.5 Construction Timer
--------------------------------*/
.construction-timer{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
	color:#fff;
}
.construction-timer .container{
	position:relative;
	z-index:2;
}

.timer-panel{
	padding: 60px 20px;
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    min-height: 400px;
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
}
.timer-panel:hover{
	background:#3f73d1;
}
.timer-panel-inner{
	    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
	left: 0px;
}

.timer-panel .timer-panel-inner i{
	font-size:60px;
	margin:0px 0px 30px 0px;
	color:#fff;
	
}

.timer-panel .timer-panel-inner h1{
	font-size:60px;
	color:#fff;
}
.timer-panel .timer-panel-inner h6{
	font-size:24px;
	color:#fff;
	margin:0px;
}

/*------------------------
	8.6 Team Members
--------------------------------*/
.team-members .member_social_info ul li a{
	border-radius:100%;
	font-size:16px;
	border-width:2px;
}


/*------------------------
	8.7 Testimonial Slider
--------------------------------*/
.testimonial_slider3{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.testimonial_slider3 .container{
	position:relative;
	z-index:2;
}

.testimonial_slider3-content{
	text-align:center;
	color:#fff;
	background:rgba(63,115,209,0.6);
	padding:90px 40px;
	position:relative;
}
.testimonial_slider3-content:after{
	position: absolute;
    top: 50%;
    left: 0;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 300px;
    color: #fff;
	 transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	width:100%;
	opacity:0.1;
}
.testimonial_slider3 .heading_style4 h2{
	color:#fff;
}
.testimonial_slider3 .heading_style4 h2:after{
	background:#fff;
}

.testimonial_slider3 .testimonial_img{
	 width:90px;
	 height:90px;
	 margin-bottom:40px;
}


.testimonial_slider3 .testimonial_footer h6{
	font-size:30px;
	color:#fff;
}

.testimonial_slider3 .testimonial_footer span{
	font-size:18px;
	color:#bfbfbf;
}
.testimonial_slider3 .testimonial_footer:after{
	display:none;
}
.testimonial_slider3-content .item p{
	font-size:24px;
	line-height:34px;
}
.testimonial_slider3-content .owl-item{
	margin:0px;
}

.testimonial_slider3 .owl-dots .owl-dot.active{
	border-color:#fff;
}




/*===========================
	9 Restaurant Page
===========================*/

/*------------------------
	9.1 Products
--------------------------------*/
.restro_products{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}

.product_item{
	background:#fff;
	padding:40px 10px;
	transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
}
.product_icon{
	display:inline-block;
	width:133px;
	height:133px;
	border-radius:100%;
	background:#111;
	margin-bottom:30px;
	transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
}

.product_item p{
	margin:0px;
}

.product_item:hover .product_icon{
	background:#dd6b1f;
}


/*------------------------
	9.2 Special Menu List
--------------------------------*/


.menu_list{
	margin:0px;
	padding:0px;
	list-style:none;
}
.menu_list li{
	float:left;
	width:100%;
	margin-bottom:30px;
	padding:20px 100px 20px 130px;
	background:#fff;
	box-shadow:0px 0px 7px #ccc;
	position:relative;
	min-height:100px;
}

.menu_list li figure{
	position: absolute;
    left: 40px;
    top: 20px;
}
.menu_list li figure img{
	width:63px;
	height:63px;
	border-radius:100%;
}
.menu_list li h5{
	margin:0px 0px 5px 0px;
}
.menu_list li p{
	margin:0px;
}
.menu_list li .menu_price{
	position: absolute;
    right: 30px;
    top: 26px;
    font-size: 30px;
    color: #dd791f;
}
.restro_menu .btn.outline{
	background: none;
    border: #dd6b1f solid 2px;
    color: #dd6b1f;
}
.restro_menu .btn.outline:hover, .restro_menu .btn.outline:focus{
	background: #dd5800;
    border: #dd5800 solid 2px;
    color: #fff;
}
/*------------------------
	9.3 Discover our memories
--------------------------------*/
.memories_section{
	position:relative;
	background:#dd6b1f;
}

.memories_section h2{
	margin:0px 0px 0px 0px;
	color:#fff;
	text-align:center;
	font-size:40px;
	padding-top: 60px;
}
#memories_slider .owl-carousel .owl-item{
	margin:0px;
}


/*------------------------
	9.4 Our Chefs
--------------------------------*/
#chefs_slider figure{
	overflow:hidden;
}
#chefs_slider figure figcaption{
	bottom: -100%;
    color: #ffffff;
    left: -100%;
    position: absolute;
    z-index: 3;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
	background:#111111;
	width:80%;
	font-size:26px;
	color:#fff;
	padding:15px;
}
#chefs_slider{
	position:relative;
}
#chefs_slider figure:hover figcaption{
	left:0px;
	bottom:30px;
}
#chefs_slider .owl-nav .owl-prev{
	left:-60px;	
}
#chefs_slider .owl-nav .owl-next{
	right:-60px;	
}
#chefs_slider .owl-nav .owl-prev, 
#chefs_slider .owl-nav .owl-next {
    position: absolute;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 100%;
    padding: 0px;
    line-height: 52px;
    color: #ccc;
    background: #fff;
    font-size: 30px;
	border:solid 1px #ccc;
	top:50%;
	margin-top:-26px;
}
#chefs_slider .owl-nav .owl-prev:hover, 
#chefs_slider .owl-nav .owl-next:hover{
	background: #dd5800;
	border:solid 1px #dd5800;
	color: #fff;
}


.restro-video-form{
	overflow:hidden;
}

.restro-video-bg{	
    height: 630px;
    padding: 90px 40px 80px 10%;   
	position:relative;
	
}
.restro-video-bg:before{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	content:"";
	background: url(../images/960x680_2.jpg) 0px 0px no-repeat;
	background-size: cover;
	background-attachment:fixed;
}
.video-panel{
	position:relative;
	z-index:2;
}
.video{
	position:relative;
}
.video-play{	   
    position: absolute;
    top: 50%;
    width: 100%;
	 transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	text-align:center;
	left:0px;
	
}
.video-play a{
	color:#fff;
	font-size:100px;
}
.video-play a:hover{
	color:#3f73d1;
}
.video-text{
	background:#1A237E;
	padding:15px;
	text-align:center;
	color:#fff;
	font-size:16px;
	letter-spacing:4px;
}
.restro-form-bg{
    height: 630px;
    padding: 90px 13% 80px 40px;   
	position:relative;
}
.restro-form-bg:before{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	content:"";
	background: url(../images/960x680.jpg) 0px 0px no-repeat;
	 background-size: cover;
	 background-attachment:fixed;
}
.restro-form{
	position:relative;
	z-index:2;
}
.restro-form h2{
	color:#fff;
	margin-bottom:40px;
}
.restro-form .form-group{
	margin-bottom:30px;
}
.restro-form .form-control{
	background:none;
	border:none;
	border-bottom:dashed 2px #ccc;
	padding:0px;
}
.restro-form textarea.form-control{
	height:60px;
}


/*------------------------
	10 Home-Page-6 (Shop)
--------------------------------*/
.product-column {
    overflow: hidden;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
	margin-bottom:30px;
}
.product-column-pic {
    overflow: hidden;
    position: relative;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
.product-column-pic > a{
	overflow:hidden;
	width:100%;
}
.product-column-info{
	width: 90%;
    background: #fff;
    padding: 15px;
    margin-top: -50px;
    position: relative;
}
.product-column-info h6{
	font-size:16px;
	font-weight: 600;
}
.product-column-info .price{
	font-size:16px;
	font-weight: normal;
}
.product-column-info .price del{
	color:#d80404;
	font-size:22px;
}
.product-buttons{
	position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    width: 100%;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
	
}

.product-buttons ul {
    padding: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    left: -1000px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
	bottom:50px;
}

.product-buttons ul li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
}
.product-buttons ul li a {
    color: #111;
    font-size: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin:0px;
	background:#fff;
	float:left;
}
.product-buttons ul li a:hover{
	color:#fff;
	background:#3f73d1;
}
.product-buttons ul li a i{
	margin:0px;
}

.product-column:hover .product-buttons {
    bottom: 0;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}
.product-column:hover .product-buttons ul {
    left: 15px;
}
/*------------------------
	10.1 Products
--------------------------------*/
.products-slider .owl-nav {
    position: absolute;
    right: 0px;
    top: -62px
}
.products-slider .owl-nav .owl-prev, 
.products-slider .owl-nav .owl-next {
    position: absolute;
    width: 34px;
    height: 34px;
    text-align: center;
    padding: 0px;
    line-height: 30px;
    color: #111;
    background: #fff;
    font-size: 20px;
	border:solid 2px #111;
}
.products-slider .owl-nav .owl-prev:hover, 
.products-slider .owl-nav .owl-next:hover {
    color: #fff;
    background: #3f73d1;
	border:solid 2px #3f73d1;
}
.products-slider .owl-nav .owl-prev {
    right: 40px;
}
.products-slider .owl-nav .owl-next {
    right: 0px;
}

/*------------------------
	10.2 Support Policy
--------------------------------*/

.support-policy{
	background-image: url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
    color: #fff
}
.support-column {
    padding: 60px 20px;
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    min-height: 300px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.support-column-inner{
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0px;
}
.support-column:hover {
    background: #3f73d1;
}
.support-column h5{
	color:#fff;
	margin:0px;
}
.support-column i{
	width:96px;
	height:96px;
	border:solid 2px #fff;
	text-align:center;
	line-height:92px;
	font-size:40px;
	border-radius:100%;
	margin-bottom:30px;
}

/*------------------------
	11 Home-Page-7 (App Landing)
--------------------------------*/

/*------------------------
	11.1 App Intro Column
--------------------------------*/
.app-intro-column .top-icon:before{
	display:none;
}
.app-intro-column .top-icon{
	width: 76px;
    height: 76px;
}
.app-intro-column .top-icon figure{
	width: 76px;
    height: 76px;
    line-height: 76px;
    background: #3f73d1;
    border-radius: 100%;
    text-align: center;
    position: relative;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.app-intro-column .construction-module{
	padding:30px 15px 15px 15px;
	background:#fff;
	transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.app-intro-column .construction-module:hover{
	box-shadow:0px 0px 5px #ccc;
}
/*------------------------
	11.2 App Feature
--------------------------------*/
.app-feature ul{
	margin-top:40px;
}
.app-feature ul li{
	position:relative;
	padding:5px 15px 30px 100px;
	width:50%;
	float:left;
	min-height: 110px;
}
.app-feature ul li span{
	position:absolute;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:36px;
	color:#c6c6c6;
	left:0px;
	top:0px;
	background:#111;
	content:"";
	text-align:center;
}
.app-feature ul li h6{
	font-size:16px;
}
.app-feature ul li p{
	font-size:14px;
	margin-bottom:0px;
	line-height:20px;
}

/*------------------------
	11.3 App Why Choose
--------------------------------*/
.why-choose-content{
	height:650px;
    padding: 90px 40px 80px 15%;
    position: relative;
}
.why-choose-content:after{
	width: 0; 
	height: 0; 
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;  
  	border-left: 40px solid #fff;
	position:absolute;
	right:-38px;
	top:50%;
	content:"";
	z-index:5;
	margin-top:-20px;
}
.why-choose-bg {
    height: 100vh;
    padding: 90px 13% 80px 40px;
    position: relative;
	height:650px;
}
.why-choose-bg:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/800x800.jpg) 0px 0px no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.why-choose-bg ul{
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
	z-index:2;
}
.why-choose-bg ul li{
	float:left;
	width:50%;
	text-align:center;
	vertical-align:top;
	padding:0px 15px 30px 15px;
	color:#fff;
}
.why-choose-bg ul li figure{
	display:inline-block;
	width:130px;
	height:130px;
	background:#fff;
	border-radius:100%;
	margin-bottom:30px;
	line-height:130px;
	text-align:center;
}
.why-choose-bg ul li h4{
	font-size:30px;
	margin:0px;
	color:#fff;
}

/*------------------------
	11.4 App How Work
--------------------------------*/
.how-work{
	overflow:hidden;
}
.how-work-video-bg {
    height: 100vh;
    padding: 90px 13% 80px 40px;
    position: relative;
	height:750px;
}
.how-work-video-bg:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/800x800.jpg) 0px 0px no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.how-work-content{
	height:750px;
    padding: 90px 15% 80px 40px;
    position: relative;
}
.how-work-content:before{
	width: 0; 
	height: 0; 
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;   
	border-right:40px solid #fff;
	position:absolute;
	left:-38px;
	top:50%;
	content:"";
	z-index:5;
	margin-top:-20px;
}


/*------------------------
	11.5 Download Section
--------------------------------*/

.download-app{
	 background: #f2f1f1 url(../images/mobile-790x840.png) right 0px no-repeat;
	 position:relative;
}
.download-app p{
	padding-right:20px;
}
.download-app .btn i{
	margin:0px 4px 0px 0px;
}

/*------------------------
	11.6 App Screenshots
--------------------------------*/
#app_screen_slider .item figure{
	box-shadow:0px 0px 5px #ccc;
	background:#fff;
	margin: 5px;
}

/*------------------------
	11.7 Pricing Table
--------------------------------*/

.pricing-panel h3{
	color:#fff;
	margin-bottom:20px;
}

.pricing-panel{
	margin-bottom:30px;
}
.price-pic{
	text-align:center;
	color:#fff;
	padding:50px 0px;
	position:relative;
}
.price-pic:before{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	content:"";
	z-index:1;
}
.price-table-pic-bg1{
	background: url(../images/270x390.jpg) 0px 0px no-repeat;
	background-size: cover;   
}
.price-table-pic-bg2{
	background: url(../images/270x390.jpg) 0px 0px no-repeat;
	background-size: cover;   
}
.price-table-pic-bg3{
	background: url(../images/270x390.jpg) 0px 0px no-repeat;
	background-size: cover;    
}
.price-table-pic-bg4{
	background: url(../images/270x390.jpg) 0px 0px no-repeat;
	background-size: cover;    
}
.price-pic span{
	display:inline-block;
	width:190px;
	height:190px;
	border-radius:100%;
	background:rgba(255,255,255,0.8);
	text-align:center;
	line-height:190px;
	font-size:60px;
	color:#111;
}
.price-table-list{
	padding-top: 25px;
}
.price-table-list ul{
	padding-bottom:20px;
}
.price-table-list ul li{
	margin-bottom:10px;
	padding:0px 0px 0px 30px;
}
.price-table-list ul li i{
	position:absolute;
	left:0px;
	top:4px;
	margin:0px;
}
.price-table-list ul li:last-child{
	margin-bottom:0;
}

/*------------------------
	11.8 Client Testimonials
--------------------------------*/

#testimonial_slider4 .owl-carousel .item{
	padding-bottom:70px;
}
.testimonial-panel{
	border:solid 1px #c5c5c5;
	padding:40px 40px 75px 40px;
	position:relative;
}
.author-text {
	text-align:center;
}
.author-text p{
	color:#7f7f7f;
	font-size:15px;
	font-style:italic;
	text-align:center;
}
.author-text i{
    font-size: 20px;
    color: #3f73d1;
}
.author-panel{
	position: absolute;
    bottom: -50px;
    right: 30px;
    width: 270px;
    border: solid 1px #c5c5c5;
    padding: 30px 20px;
    text-align: center;
    background: #fff;
	
}
.author-panel h6{
	font-size:16px;
	margin-bottom:10px;
}
.author-panel figure {
    width: 60px;
    height: 60px;
	border:solid 1px #c5c5c5;
	position:absolute;
	left:-30px;
	top:50%;
	margin-top:-30px;
	border-radius:100%;
}
.author-panel figure img{
    width: 60px;
    height: 60px;
	border-radius:100%;
}
.author-panel span{
	color:#7f7f7f;
	font-size:12px;
	font-style:italic;
	display:block;
}

/*===========================
	12. About Us Page
===========================*/

.about-banner1{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.office-video .video {
	margin-bottom:30px;
}


#office_gallery_slider .owl-nav .owl-prev, 
#office_gallery_slider .owl-nav .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0px;
    line-height: 40px;
    color: #111;
    background: rgba(255,255,255,0.7);
    font-size: 20px;
    border: solid 1px rgba(255,255,255,0.7);
    top: 50%;
    margin-top: -26px;
}
#office_gallery_slider .owl-nav .owl-prev{
	left:15px;	
}
#office_gallery_slider .owl-nav .owl-next{
	right:15px;	
}
#office_gallery_slider .owl-nav .owl-prev:hover, 
#office_gallery_slider .owl-nav .owl-next:hover{
	background: #658fda;
	border:solid 1px #658fda;
	color: #fff;
}


.about-banner2{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}


.work-experience{
	background-image:url(../images/1920x1200.jpg);
}

.work-exp-column{
	text-align:center
}
.work-exp-column h1{
	font-size:250px;
	color:rgba(255,255,255,0.7);
	margin:0px;
	font-weight:bold;
}
.work-exp-column h4{
	margin-bottom:50px;
	line-height:40px;
}

.steps{
	position:relative;
	padding:80px 0px 0px 0px;
	text-align:center;
	margin-bottom:50px;
}
.steps .step-count{
	color:rgba(17,17,17,0.12);
	font-size:150px;
	font-weight:bold;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	line-height: 110px;	
}


.about-banner3{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}

.about-company .progress_list p{
	opacity:1;
}
.about-company .progress_list .progress{
	background: #e3e2e2;
}
.about-company .progress_list .progress-bar-success{
	background: #3f73d1;
}

.comapny-panel{
	position:relative;
	background:#3f73d1;
	float:left;
	width:100%;
	margin-top:60px;
}
.comapny-panel .white-text{
	float:left;
	width:50%;
	padding:60px 40px 30px 40px;
}
.comapny-panel figure{
	float:left;
	width:50%;
}
.comapny-panel h2{
	margin-bottom:30px;
}
.comapny-panel h5{
	margin-bottom:30px;
	font-weight:300;
}

.trusted-solutions{
	background-image:url(../images/1920x1200.jpg);
}
.trusted-solutions .heading_style4 h2::after{
	background:#fff;
}
.trusted-solutions p{
	margin-bottom:50px;
	font-size:20px;
}

/*===========================
	13 Error Page
===========================*/
.error-page-banner{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.error-panel{
	position:relative;
	margin-top:-80px;
	margin-bottom: 90px;
}
.error-column{
	padding:60px 50px;
	text-align:center;
	box-shadow:0px 0px 5px rgba(0,0,0,0.15);
	background:#fff;
}
.error-column i{
	font-size:180px;
	opacity:0.3;
}
.error-column h1{
	font-size:100px;
}
.error-column h4{
	font-size:28px;
	color:#555555;
	font-weight:300;
}

/*===========================
	14 Blog Pages
===========================*/
.blog-grid-banner{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
/*------------------------
	14.1 Blog Grid Items
--------------------------------*/
.blog_wrap{
	transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.blog_grid:hover{
	box-shadow:0px 0px 5px #ccc;
}
.blog_grid{
	text-align:center;
	margin-bottom:30px;
}

.blog_grid .blog_img{
	margin-bottom:0px;
	overflow:hidden;
}
.blog_wrap .blog_img{
	overflow:hidden;
}
.blog_img img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.blog_wrap:hover .blog_img img,
.blog_wrap.blog_grid:hover .blog_img img{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.blog_grid_info{
	padding:25px 25px 0px 25px;
	border:solid 1px #e2e2e2;
}
.blog_grid .post_meta{
	border-bottom:none;
}
.blog_grid .post_meta ul li{
	float:none;
	display:inline-block;
	margin-right:8px;
	font-weight: normal;
	font-size:12px;
}

/*------------------------
	14.2 Blog Grid Pagination
--------------------------------*/
ul.page-numbers {
    clear: both;
    display: block;
    margin:30px 0px 20px 0px;
    padding: 0;
    text-align: center;
}
ul.page-numbers li {
    list-style: none;
    display: inline-block;
    margin: 0 2px;
}
ul.page-numbers li i{
	margin:0px;
} 
ul.page-numbers .page-numbers {
    background: #fff;
    border-radius: 50%;
    color: #111;
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    list-style: outside none none;
    margin: 0 2px;
    text-align: center;
    vertical-align: middle;
    width: 32px;
}

ul.page-numbers .page-numbers.current, 
ul.page-numbers .page-numbers:hover, 
ul.page-numbers .page-numbers:focus {
    color: #fff;
    background: #3f73d1;
}
ul.page-numbers .page-numbers.next, 
ul.page-numbers .page-numbers.prev {
    background: none;
    width: auto;
    height: auto;
    border-radius: 0px;
}
ul.page-numbers .page-numbers.next:hover, 
ul.page-numbers .page-numbers.next:focus, 
ul.page-numbers .page-numbers.prev:hover, 
ul.page-numbers .page-numbers.prev:focus {
    color: #3f73d1;
}

/*------------------------
	14.3 Aside Blog Grid
--------------------------------*/
.sidebar_widgets{
	background:#f2f1f1;
	position:relative;
	padding:30px;
	margin-bottom:30px;
}
.sidebar_widgets:before{
	position:absolute;
	left:15px;
	top:0px;
	background:#d4d3d3;
	width:1px;
	height:30px;
	content:"";
} 
.sidebar_widgets:after{
	position:absolute;
	left:17px;
	top:0px;
	background:#d4d3d3;
	width:1px;
	height:30px;
	content:"";
} 
.sidebar_widgets .title{
	margin-bottom:25px;
}



.blog-search .form-group{
	margin:0px;
}
.blog-search .form-control{
	border:none;
	padding-right: 130px;
}
.blog-search .btn{
	position:absolute;
	right:0px;
	top:0px;
	padding: 15px 30px;
}


.recent_post {
    margin: 0 auto 10px;
    overflow: hidden;
}
.thumb_img {
    float: left;
    width: 130px;
}
.recent_post_info{
    float: right;
    width: calc(100% - 150px);
}
.recent_post_info h6 {
    font-size: 19px;
    margin: 0 0 5px;
	font-weight:300;
}
.recent_post_info p {
    font-size: 12px;
	color:#555555;
	font-weight:600;
}


/*------------------------
	14.5 Blog Detail Page
--------------------------------*/

.post_listing {
    margin-bottom:50px;
}
.post_elements{
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding:15px 0px;
	margin:30px 0px;
	
}
.post_elements ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.post_elements ul li{
	display:inline-block;
	padding-right:20px;
	margin:0px;
}
.post_elements ul li a{
	color:#111;
}
.post_elements ul li a:hover{
	color:#3f73d1;
}
.post_full_img {
    margin-bottom: 25px;
}
.post_tags {
    font-size: 19px;
    font-weight: 600;
    overflow: hidden;
    padding: 20px 0 0;
}
.post_tags a {
    border: 1px solid #3f73d1 ;
    color: #3f73d1;
    display: inline-block;
    margin: 4px 4px 2px 0;
    padding: 3px 15px;
	background:#fff;
}
.post_tags a:hover{
    color: #fff;
	background:#3f73d1;
}

/*------------------------
	 14.6 Blog Share
-------------------------------*/

.share_post {
	overflow:hidden;
	margin:25px 0px;
}
.share_post ul li{
	float: left;
    width: 25%;
	padding-right:10px;
	margin:0px;
}
.share_post ul li a {
	color:#fff;
    display: block;
    text-align: left;
    color: #fff;
    font-size: 16px;
    margin-right: 1%;
    border-radius: 3px;
    padding: 10px 20px 10px 50px;
    position: relative;
	height: 42px;
}
.share_post ul li a i{
	position: absolute;
	left: 0px;
	width: 40px;
	height: 42px;
	top: 0px;
	line-height: 42px;
	background: rgba(0, 0, 0, 0.31);
	text-align: center;
}
.share_post ul li a:hover {
	color:#fff;
	opacity:0.9;
}
.share_post ul li:last-child {
	padding:0px;
}
.share_post .facebook {
	background:#3b5a9a;
}
.share_post .linkedin {
	background:#007bb6;
}
.share_post .twitter {
	background:#19b5ee;
}
.share_post .g_plus {
	background:#dc4a38;
}


/*------------------------
	 14.7 Comment-List
-------------------------------*/
.articale_comments {
	border-bottom: 1px solid #cecece;
	clear: both;
	margin-bottom:50px;
	padding-bottom: 20px;
}
.comment-respond {
	margin:60px auto 0;
}
.commentlist {
  padding: 0;
}
.commentlist li {
  list-style: none;
  margin:0 auto;
}
.commentlist .comment-content li {
  list-style: inherit;
}
.commentlist li .comment-body {
	border-top: 1px solid #cecece;
	padding: 30px 0;
	position:relative;
}
.comment-metadata > a {
  font-size: 14px;
  color:#aaa;
}
.comment-author img {
  float: left;
}
.commentlist li img.avatar {
  border: medium none;
  border-radius: 50%;
  float: left;
  height: 84px;
  margin-bottom: 30px;
  margin-right: 25px;
  position: relative;
  width: 84px;
}
.comment-content, 
.commentlist .reply {
  margin-left: 110px;
}
.commentlist .reply .fa {
	margin-right:4px;
}
.comment-meta.commentmetadata {
	margin-bottom:8px;
}
.comment-meta.commentmetadata, 
.comment-meta.commentmetadata a {
  color: #b7b7b7;
  font-size: 14px;
  font-weight: 400;
}
.comment-meta.commentmetadata a:hover {
	color:#1245a2;	
}
.comment-author .fn {
  color: #111;
  font-size:18px;
  font-weight: 900;
}
.comment ul.children {
  padding-left: 110px;
}
.comment-form {
	margin:40px 0;
}



/*------------------------
	 14.8 Blog Pager
-------------------------------*/

.pager-nav .pager{
	margin-top:30px;
}
.pager-nav .pager li>a, .pager-nav .pager li>span {
    display: inline-block;
    padding: 8px 30px;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 20px;
}

/*===========================
	15. Coming Soon Page
===========================*/
.comming-soon-section{
	height:100%;
	overflow:hidden;
}
/*------------------------
	15.1 Coming Soon Left
--------------------------------*/
.comming-soon-left{
	background-image:url(../images/800x900.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height:100%;
	width:50%;
	float:left;
	color:#fff;	
}
.comming-soon-left h1{
	font-size:80px;
}
.comming-soon-left h4{
	font-size:30px;
}
.comming-soon-left ul{
	margin-top:30px;
}
.comming-soon-left ul li {
    float: left;
    width: 25%;
    padding: 0px 5px;
    color: #111111;
    text-align: center;
}
.comming-soon-left ul li .time-box {
    float: left;
    width: 100%;
    padding: 15px 15px 20px 15px;
    background: #fff;
}

.comming-soon-left ul li .time-box strong {
    font-size: 70px;
    display: block;
    line-height: 1.1;
	font-weight:normal
}
.comming-soon-left ul li .time-box span {
    font-size: 25px;
    line-height: 1.1;
    display: block;
}
.comming-soon-left-header{
	background: rgba(0, 0, 0, 0.3);
    border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
	position:fixed;
	top:0px;
	left:0px;
	width:50%;
	padding:20px 50px;
	height: 90px;
}
.comming-soon-left-header .pull-right{
	font-size:22px;
	margin-top: 12px;
}

.comming-soon-left-content{
	    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	padding:0px 40px;
	margin-top:70px;
}

/*------------------------
	15.2 Coming Soon Right
--------------------------------*/
.comming-soon-right{
	position: relative;
	height:100%;
	width:50%;
	float:left;
}
.comming-soon-right-header{
	background:#3f73d1;
    border-bottom: #3f73d1 solid 1px;
	position:fixed;
	top:0px;
	right:0px;
	width:50%;
	padding:30px 50px;
	height: 90px;
}
.comming-soon-right-header ul li{
	display:inline-block;
	margin-right:3px;
	
}
.comming-soon-right-header ul li a{
	color:#fff;	
}
.comming-soon-right-header ul li a:hover{
	opacity:0.8;
}
.comming-soon-right-header ul li a i{
	margin:0px;
	font-size:34px;
}

.comming-soon-form{
	    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	padding:0px 40px;
	margin-top:40px;
}

.comming-soon-form .form-group{
	margin-bottom:10px;
}
.comming-soon-form .form-control{
	height:50px;
}
.comming-soon-form textarea.form-control{
	height:80px;
}
.coming-copy{
	text-align:center;
	position:absolute;
	bottom:-10px;
	left:0px;
	width:100%;
}
/*===========================
	16 Contact Us Page
===========================*/
.contact1 ul li,
.contact2 ul li,
.contact3 ul li{
	font-weight:300;
}
.contact1 ul li a,
.contact3 ul li a{
	color:#555555;
}
.contact2 ul li a{
	color:#fff;
}
/*------------------------
	16.1 Contact Us Page 1
--------------------------------*/
.contact-banner1{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.contact1 .section-header-inner h2{
	font-size:40px;
}
.contact1 .form-group{
	margin-bottom:22px;
}
.contact-widget{
	background:#f2f1f1;
	padding:40px;
	margin-bottom:30px;
}
.contact-widget:last-child{
	margin-bottom:0px;
}


/*------------------------
	16.2 Contact Us Page 2
--------------------------------*/
.contact-banner2{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}


.contact-bg{
	background-image:url(../images/960x640.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding:60px 40px;
	text-align:center;
	color:#fff;
	position:relative;
	margin-bottom:20px;
}
.map-direction{
	font-size:16px;
}


/*------------------------
	16.3 Contact Us Page 3
--------------------------------*/
.contact-banner3{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);;
}
.contact3 ul{
	margin-bottom:25px;
}


/*===========================
	17. Team Page
===========================*/
.team-banner{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.our-team-member .team_wrap{
	margin-bottom:30px;
}

/*===========================
	18. Portfolio Page
===========================*/


/*------------------------
	18.1 Portfolio Page-1
--------------------------------*/
#intro-inner-page.portfolio-banner1{
	background:#fff;
	padding:180px 0px 90px 0px;
}
.portfolio-banner1 .intro_text h1{
	font-size:70px;
	margin-bottom:30px;
}
.portfolio-banner1 .intro_text p{
	font-size:21px;
	font-weight:300;
	margin-bottom:0px;
	line-height:40px;
}
.portfolio1 {
	border-top:1px solid #d9d9d9;
	padding-top:25px;
}
.portfolio1 .portfolio-tab{
	margin:0px;
	padding-left: 20px;
    float: left;
    width: 100%;
}
.portfolio1 .portfolio-tab ul li{
	float:left;
}
.show-all{
	float:right;
	padding:9px 20px 0px 0px;
}
.show-all a{
	font-weight:bold;
	color:#111;
	font-size:18px;
}

.portfolio-items{
	margin-top:25px;
}
.portfolio1 .portfolio_wrap{
	margin-bottom:0px;
}

/*------------------------
	18.2 Portfolio Page-2
--------------------------------*/
#intro-inner-page.portfolio-banner2{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
	padding:180px 0px 90px 0px;
}
.portfolio-banner1 .intro_text h1{
	font-size:70px;
	margin-bottom:30px;
}
#intro-inner-page.portfolio-banner2 .intro_text{
	width:100%;
	padding-top:40px;
}


/*===========================
	19. Pricing Plans
===========================*/


/*------------------------
	19.1 Pricing Plans
--------------------------------*/
.pricing-banner{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.price_package1{
    background: #fff;
    border:solid 1px #e3e4e3;
}

.price_package1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.price_package1 ul li{
	position:relative;
	margin-bottom:15px;
	font-size: 16px;
    font-weight: 300;
	text-align:center;
}
.price_package_header{
    padding: 34px 44px;
	position:relative;
	text-align:center;
}
.price_package_header h2{
	margin:20px 0px 0px 0px;
}
.price_package_header span{
	display:inline-block;
	border:solid 2px #111111;
	padding:5px 15px;
	font-size:20px;
	font-weight:300;
	border-radius:3px;
}
.price_package_header:after{
	background:#e3e4e3;
	position:absolute;
	bottom:0px;
	right:30px;
	left:30px;
	height:1px;
	content:"";
}
.price_package_info {
    padding: 24px 20px;
}
.price_package_footer{
	padding: 0px 20px 40px 20px;
	text-align:center;
}


/*===========================
	20 Services Pages
===========================*/


/*------------------------
	20.1 Service Page
--------------------------------*/
.intro-services-banner1{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.service-why-choose{
	background-image:url(../images/1920x1200.jpg);
	background-position: center top;
}
.servce-column{
	background:rgba(0,0,0,0.4);
	padding:30px;
	text-align:center;
	margin-bottom:30px;
	transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.servce-column:hover{
	background:rgba(63,115,209,0.8);
}
.servce-column i{
	width:70px;
	height:70px;
	/*border-radius:100%;*/
	line-height:70px;
	/*background:#fff;*/
	color:#fff;
	text-align:center;
	font-size:36px;
	margin-bottom:20px;
}
.servce-column p{
	margin:0px;
}

/*------------------------
	20.2 Service Page
--------------------------------*/
.intro-services-banner2{
	background-image:url(../images/proceso-trabajo-equipo-mujer-negocios_1150-37738.webp);
}

.quality-services{
	padding-bottom:40px;
}
.quality-services .section-header-inner {
	padding-bottom:70px;
}
.quality-services .service_box{
	margin-bottom:50px;
}

.service-future{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.service-future p{
	font-size:21px;
	margin-bottom:30px;
}

.other-service-column{
	border:solid 1px #dedfde;
	padding:29px 20px;
	background:#fff;
	text-align:center;
}
.other-service-column h5{
	font-size:24px;
}
.other-service-column i{
	font-size:70px;
	margin-bottom:30px;
	color:#111;
}

.other-service-column p{
	margin-bottom:0px;
	font-size: 14px;
}

/*------------------------
	20.3 Service Page
--------------------------------*/
.intro-services-banner3{
	background-image:url(../images/futuristic-business-scene-with-ultra-modern-ambiance.webp);
}
.quality-services-list{
	
}
.service-listing{
	background:#111111;
	border:solid 9px #cccbcb;
	margin-bottom:30px;
}
/*.service-listing .col-md-5{
	padding-right:0px;
}*/
.service-listing .white-text{
	padding:60px 40px 40px 40px;
}


#back-top{
	display: none;
}
#back-top a{
    background: #3f73d1;
    border-radius: 4px;
    bottom: 20px;
    cursor: pointer;
    color: #fff;
    font-size: 26px;
    height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 991;
    border: 1px solid #3f73d1;
    line-height: 40px;
}

/*===========================
	21. Product Detail
===========================*/
.breadcrumb{
	background:none;
	border:none;
	margin:0px;
	padding:0px;
}
.breadcrumb>li+li:before{
	content:"\f105";
	font-family: 'FontAwesome';
}
.breadcrumb>li{
	margin:0px;
}
.top-heading{
	background:#f1f1f1;
	padding:40px 0px;	
	text-align:center;
}


.product-large-image .owl-nav .owl-prev{
	left:20px;	
}
.product-large-image .owl-nav .owl-next{
	right:20px;	
}
.product-large-image .owl-nav .owl-prev, 
.product-large-image .owl-nav .owl-next {
    position: absolute;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 0px;
    padding: 0px;
    line-height: 50px;
    color: #111;
    background:rgba(255,255,255,0.6);
    font-size: 30px;
	border:solid 2px #111;
	top:50%;
	margin-top:-26px;
	    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.product-large-image .owl-nav .owl-prev:hover, 
.product-large-image .owl-nav .owl-next:hover{
	background: #3f73d1;
	color: #fff;
	border-color:#3f73d1;
}
.product-thumb{
	margin-top:20px;	
}
.product-thumb .owl-thumb-item{
	margin:0px;
	padding:0px;
	background:none;
	border:none;
	float:left;
	width:25%;
	padding:0px 10px 0px 10px;
	cursor:pointer;
	margin-bottom:20px;
}
.product-thumb .owl-thumb-item figure img{
	border:solid 2px #ccc;
}
.product-thumb .owl-thumb-item.active figure img{
	border-color:#3f73d1;
}
.product-price{
	margin-bottom:22px;
}
.product-price del{
	font-size:19px;
}
.product-price del{
	font-size: 19px;
    color: #d80404;
    display: inline-block;
    margin-right: 15px;
}
.product-price .price{
	font-size: 30px;
    color: #1A237E;
    display: inline-block;
    margin-right: 15px;
}
.product-price  .discount{
	background: #00a914;
    padding: 3px 8px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -5px;
}
.add-wish-list{
	margin-bottom:22px;
}
.add-wish-list a{
	color:#111;
	font-size:16px;
}

.add-wish-list a i{
	color:#e9595e;
}
.add-wish-list a:hover{
	color:#e9595e;
}
.product-select{
	margin-bottom:22px;
	float:left;
	width:100%;
}
.quantity{
	width:160px;
	float:left;
}
.product-quantity{	
	position:relative;
	
}
.product-quantity .qtyminus, 
.product-quantity .qtyplus{
	position: absolute;
    cursor: pointer;
    height: 100%;
    width: 51px;
    top: 0px;
    line-height:46px;
    text-align: center;
    border: 2px solid #111;
    font-size: 30px;
    background: none;
	color:#111;
}
.product-quantity .qtyminus{	
	left:0px;
}
.product-quantity .qtyplus{
	right:0px;
}
.product-quantity .form-control{
	border-color:#111 !important;
	padding:0px 55px;
	text-align:center;
	color:#111;
	height: 50px;
}
.select-color{
	width:160px;
	position:relative;
	float:right;
}
.select-color .form-control{
	border-color:#111 !important;
	color:#111;
	height:50px;
	line-height:50px;
}
.product-buttons-group{
	margin-bottom:22px;
	overflow: hidden;
}
.product-buttons-group .btn{
	width:49%;
}
.product-share{
	margin-bottom:22px;
	padding-top: 15px;
}
.product-share span{
	color: #111;
    font-weight: 600;
    margin: 5px 15px 0px 0px;
    float: left;
}
.product-share .social_group{
	display:inline-block;
}
.product-share  .social_group li{
	margin:0px 5px 0px 0px;
}
.product-share  .social_group li a{
	border-color:#f1f1f1;
	background:#f1f1f1;
	color:#111;
	width:30px;
	height:30px;
	line-height:26px;
}
.product-share  .social_group li i{
	font-size:13px;
}
.product-share  .social_group li a:hover{
	color:#fff;
}

.product-meta span{
	color: #111;
    font-weight: 600;
    margin: 0px 15px 0px 0px;
}





.product_tab .nav-tabs{
	border:none;
}
.product_tab .nav-tabs>li{
	margin:0px;
}
.product_tab .nav-tabs>li>a{
	border:solid 1px #f1f1f1;
	color:#111111;
	font-size:18px;
	border-radius:0px;
	margin-right:2px;
	background:#f1f1f1;
	padding:13px 30px;
	text-transform:uppercase;
}
.product_tab .nav-tabs>li:last-child>a{
	margin-right:0px;
}
.product_tab .nav>li>a:focus, 
.product_tab .nav>li>a:hover{
	border: solid 1px #111;
	background:#111;
	color:#fff;
}
.product_tab .nav-tabs>li.active>a, 
.product_tab .nav-tabs>li.active>a:focus, 
.product_tab .nav-tabs>li.active>a:hover{
	border: solid 1px #111;
	background:#111;
	color:#fff;
}
.product_tab .tab-pane{
	padding:40px;
	border:solid 1px #ddd;
}
.product_tab table tr th, .product_tab table tr td{
	padding:15px;
}
.product-delete a{
	color:#ff0000;
}
.product-delete a:hover, .product-delete a:focus{
	color:#b91c1c;
}
.star-rating {
    position: absolute;
}
.star-rating::before {
    content: "\f006\f006\f006\f006\f006";
    display: block;
    font-family: "FontAwesome";
    font-size: 14px;
    letter-spacing: 3px;
}
.star-rating span {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 18px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.star-rating span::before {
    content: "\f005\f005\f005\f005\f005";
    display: block;
    font-family: "FontAwesome";
    font-size: 14px;
    letter-spacing: 3px;
}


.product_tab .star-rating{
	position:absolute;
	right:0px;
}




.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
	color: #ddd; 
	float: right; 
}



.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


.similar_products{
	padding-top:0px;
}




/*===========================
	22. Product Cart
===========================*/


.cart_table{
	background: #fff;
    box-shadow: 0px 0px 5px #ccc;
}
.cart_table .table{
	border:none;
	font-size: 16px;
	margin:0px;
}

.cart_table table tr th, .cart_table table tr td {
    padding: 15px;
	border:none;
	vertical-align:middle;
}

.product-thumbnail img{
	width:80px;
	height:80px;
}
.product-subtotal{
	font-size:24px;
	color:#111;
}

.cart_btn_subtotal{
	margin:30px 0px 50px 0px;	
}
.cart_btn_subtotal .product-subtotal{
	padding:15px 30px 0px 0px;
}
.cart_btn_subtotal .product-subtotal span{
	font-size:18px;
	padding-right:10px;
}
.gray_box{
	background:#f7f7f7;
	box-shadow:0px 0px 5px #ccc;
	padding:30px;
	float:left;
	width:100%;
}
.coupan_code .form-group,
.availability .form-group{
	margin:0px;
}
.coupan_code .form-control,
.availability .form-control{
	padding-right:60px;
}
.coupan_code .form-group .btn,
.availability .form-group .btn{
	position: absolute;
    right: 2px;
    top: 2px;
    padding: 0px 20px;
    height: 56px;
    line-height: 54px;
}

.total_final_checkout ul li{
	float:left;
	width:100%;
	position:relative;
	padding-bottom:10px;
	margin:0px;
}
.total_final_checkout .product-subtotal{
	border-top: solid 1px #ccc;
    float: left;
    width: 100%;
    padding-top: 10px;
    margin: 10px 0px;
}
.total_final_checkout .product-subtotal .pull-left{
	 font-size: 18px;
}

/*===========================
	23. Product Checkout
===========================*/

.order_checkout{}

.order_checkout .table{
	border:none;
	font-size: 16px;
	margin:0px;
}
.order_checkout table tr th{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	color:#111;
}
.order_checkout table tr th, .order_checkout table tr td {
    padding: 15px;
	border:none;
	vertical-align:middle;
}
.shipping ul li{
	padding-bottom:8px;
}
.order_checkout .product-total,
.order_checkout .product-subtotal td,
.order_checkout .shipping td{
	text-align:right;
}
.order_checkout  table tr.product-subtotal th,
.order_checkout  table tr.shipping th{
	text-transform:capitalize;
}
.order_checkout  table tr.total th{
	text-transform:uppercase;
}

.direct_transfer{
	background: #f7f7f7;
    padding: 30px;
	margin-top:30px;
}

.pay-style ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.pay-style ul li{
	position:relative;
	margin-bottom: 20px;
}
.pay-style ul li .pay{
	width: 130px;
    margin-left: 15px;
}
/*===========================
	24. Login and Register
===========================*/
.register{
	padding-right:30px;
}
.login{
	padding-left:30px;
}
.forgot{
	float:right;
	margin-top:10px;
}
/*===========================
	25. FAQ
===========================*/
.faqs .panel-group{
	padding:0px;
}
.faqs  .panel-body{
	line-height:24px;
}
.faqs .contact-widget ul li a{
    color: #555555;
}

/*===========================
	26. Terms Vondition and Privacy Policy
===========================*/
.terms-policy-section .contact-widget ul li a{
    color: #555555;
}



.intoslid-m .owl-nav .owl-prev{
	left:20px;	
}
.intoslid-m .owl-nav .owl-next{
	right:20px;	
}
.intoslid-m .owl-nav .owl-prev, 
.intoslid-m .owl-nav .owl-next {
    position: absolute;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 100%;
    padding: 0px;
    line-height: 52px;
    color: #111;
    background:rgba(255,255,255,0.6);
    font-size: 30px;
	border:none;
	top:50%;
	margin-top:-26px;
	    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
}
.intoslid-m .owl-nav .owl-prev:hover, 
.intoslid-m .owl-nav .owl-next:hover{
	background: #3f73d1;
	color: #fff;
}




.cart_elements .form-group{
	float:left;
	width:100%;
}

#intro.intro-video{ background:none}


.three_column .portfolio-item {
  padding: 0 15px;
  width: 33.33%;
}
.three_column.padding_none .portfolio-item, .four_column.padding_none .portfolio-item {
  padding: 0px;
}
.four_column .portfolio-item {
  padding: 0 15px;
  width: 25%;
}

.banner-fixed {
  display: table-cell;
  height: 100vh;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 1%;
  z-index: 1;
}
.intro-video {
  overflow: hidden;
  position: relative;
}
.bg-video-m {
  bottom: 0;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0px);
}
.frame_width{
	width:100% !important;
	border: none !important;
}
/*------------------------
	8.5 Slideshow Slider
--------------------------------*/
.slides {
  background-position: center top;
  background-size: cover;
  height: 100vh;
  position: relative;
}

#slideshow .owl-item.active h1, #slideshow .owl-item.active h4 {
  animation: 0.4s ease 0.7s normal both 1 running fadeInLeftBig;
}
#slideshow .owl-item.active h4, #slideshow .owl-item.active p {
  animation: 0.6s ease 0.7s normal both 1 running fadeInRightBig;
}
#slideshow .owl-item.active h1 span {
  animation: 0.6s ease 0.7s normal both 1 running fadeInRightBig;
}
#slideshow .owl-item.active .mobile-pic img{
  animation: 0.8s ease 0.7s normal both 1 running fadeInRightBig;	
}
#slideshow .owl-item.active .btn {
  animation: 0.8s ease 0.7s normal both 1 running fadeInLeftBig;
}

/*------------------------
	8.5 Page loader
--------------------------------*/
.loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 4444;
}
.l-inner{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
}
.k-spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto
}
.k-bubble-1,
.k-bubble-2{
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
	background:#3f73d1;
}
.k-bubble-2 {
    top: auto;
    bottom: 0
}
.k-spinner {
    animation: k-loadingI 2s linear infinite
}

.k-bubble-1,
.k-bubble-2 {
    animation: k-loadingIb 2s ease-in-out infinite;
}

.k-bubble-2 {
    animation-delay: -1.0s;
}
@keyframes k-loadingA {
    0 {
        height: 15px
    }
    50% {
        height: 35px
    }
    100% {
        height: 15px
    }
}

@keyframes k-loadingB {
    0 {
        width: 15px
    }
    50% {
        width: 35px
    }
    100% {
        width: 15px
    }
}

@keyframes k-loadingC {
    0 {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 15px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes k-loadingD {
    0 {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes k-loadingE {
    0 {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes k-loadingF {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes k-loadingG {
    0% {
        transform: translate(0, 0) rotate(0deg)
    }
    50% {
        transform: translate(70px, 0) rotate(360deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes k-loadingGb {
    0% {
        transform: translate(0, 0) rotate(0deg)
    }
    50% {
        transform: translate(-70px, 0) rotate(-360deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes k-loadingH {
    0% {
        width: 15px
    }
    50% {
        width: 35px;
        padding: 4px
    }
    100% {
        width: 15px
    }
}

@keyframes k-loadingHb {
    0% {
        width: 15px;
        background-color: #607D8B
    }
    50% {
        width: 35px;
        padding: 4px;
        background-color: #455A64
    }
    100% {
        width: 15px;
        background-color: #263238
    }
}

@keyframes k-loadingI {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes k-loadingIb {
    0%,
    100% {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

@keyframes k-loadingJ {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(80px, 0);
        background-color: #f5634a;
        width: 25px
    }
}

@keyframes k-loadingK {
    0% {
        left: 0;
        transform: scale(1.1)
    }
    50% {
        left: 100%;
        transform: scale(1)
    }
    100% {
        left: 0;
        transform: scale(1.1)
    }
}

@keyframes k-loadingL {
    0% {
        left: 100%;
        transform: scale(1.1)
    }
    50% {
        left: 0;
        transform: scale(1)
    }
    100% {
        left: 100%;
        transform: scale(1.1)
    }
}

@keyframes k-loadingM {
    0% {
        z-index: 0
    }
    50% {
        z-index: 1
    }
    100% {
        z-index: 0
    }
}

@keyframes k-loadingN {
    0% {
        z-index: 1
    }
    50% {
        z-index: 0
    }
    100% {
        z-index: 1
    }
}

@keyframes k-loadingO {
    0%,
    100% {
        transform: translate(0)
    }
    25% {
        transform: translate(160%)
    }
    50% {
        transform: translate(160%, 160%)
    }
    75% {
        transform: translate(0, 160%)
    }
}

@keyframes k-loadingP {
    0% {
        transform: translateY(0)
    }
    35% {
        transform: translateY(0);
        opacity: .3
    }
    50% {
        transform: translateY(-20px);
        opacity: .8
    }
    70% {
        transform: translateY(3px);
        opacity: .8
    }
    85% {
        transform: translateY(-3px)
    }
}

@keyframes k-loadingQ {
    33% {
        transform: translate(0, 0);
        opacity: .7
    }
    66% {
        transform: translate(0, 0);
        opacity: .7
    }
}

@keyframes k-loadingR {
    0% {
        opacity: .5;
        background: #1A237E
    }
    30% {
        opacity: .5;
        background: #666
    }
    60% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: .5;
        background: #1A237E
    }
}

@keyframes k-loadingS {
    40% {
        transform: translateX(0);
        opacity: .8
    }
    100% {
        transform: translateX(300px);
        opacity: 0
    }
}




/*===========================
	27. Responsive Media Query Start Here
===========================*/


@media (min-width: 992px) and (max-width: 1199px) {
	.intro_text{ padding-left:20px;}
	.comming-soon-left ul li .time-box span{ font-size:18px;}
	.comming-soon-left-content{ padding:0px 20px;}
	.comming-soon-left h1{ font-size:60px;}
	.price_package_footer .btn{ padding:10px 30px;}
	.cart_btn_subtotal .btn { padding:10px 20px}
	.total_final_checkout .btn { padding:10px 20px}
	.coupan_code .form-control, .availability .form-control{ padding-right:15px;}
	.coupan_code .form-group .btn, .availability .form-group .btn{ position:inherit; right:auto; width: 100%; top:auto; margin-top:5px;} 
}

@media (min-width:768px) and (max-width:991px) {
	h1 {
	  font-size: 50px;
	}
	h2 {
	  font-size: 40px;
	}
	h3 {
	  font-size: 36px;
	}
	h4 {
	  font-size: 30px;
	}
	h5 {
	  font-size: 24px;
	}
	h6 {
	  font-size: 20px;
	}
	.portfolio-banner1 .intro_text h1{
	  font-size: 50px;
	}
	#intro h1{
	  font-size: 50px;
	}
	.artist_content h1{
		font-size: 50px;
	}
	.personal_footer_top h3{
		font-size: 36px;
	}
	.heading_style5 h2{
		font-size: 40px;
	}
	.section-header{
		padding-bottom:40px;
	}
	.section-header-inner{
		padding-bottom:30px;
	}
	.section-header-inner p{ width:80%;}
	.heading_style1{ margin-top:40px;}
	.heading_style1::before{ height:40px;}
	
	.heading_style4{ 
		padding-bottom:60px;
	}
	.heading_style3.center{
		padding-bottom:60px;
	}
	.heading_style4.center{
		padding-bottom:60px;
	}
	.section-padding{
		padding:50px 0px;
	}
	.navbar-toggle {
		display: block;
		margin-top: 30px;
	}
	.navbar-collapse.collapse {
		display: none  !important;
	}
	.navbar-default .navbar-toggle{
		border-color: #3f73d1;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #3f73d1
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color: #3f73d1;
	}
	.navbar-default .navbar-toggle:focus .icon-bar, 
	.navbar-default .navbar-toggle:hover .icon-bar{
		background-color: #fff;
	}
	.affix .navbar-toggle{
		margin-top:25px;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
		position: absolute;
		left: 0px;
		width: 100%;
		top: 100%;
		background: #3f73d1;
		max-height:400px;
		border:none;
		overflow-y: scroll !important;
	}
	#navigation .nav.navbar-nav li{
		margin:0px;
	}
	.navbar-nav>li{
		float:left;
		width:100%;
	}
	#navigation .nav.navbar-nav li > a{
		color:#fff !important;
		padding:15px !important;
	}
	
	#navigation .nav.navbar-nav{
		float:left;
		width:100%;
	}
	.navbar-header{
		width:100%;
	}
	.arrow{ display:block;}
	#navigation .nav.navbar-nav li.menu-item-has-children > a:after{ right:15px;}
	#navigation .nav.navbar-nav li .sub-menu li{ float:left; width:100%;}
	#navigation .nav.navbar-nav .sub-menu a{color:#111 !important;}
	.sub-menu{ min-width:100%; width:100%; position:relative;}
	#navigation .nav.navbar-nav li .sub-menu li.menu-item-has-children > a:after{ transform:none; top:15px;}
	.navbar-nav li:hover .sub-menu, #navigation .nav.navbar-nav li .sub-menu li:hover .sub-menu{ display:none; animation: none;}
	#navigation .nav.navbar-nav li .sub-menu li .sub-menu{ left:0px; background:#dadada; top:100%; box-shadow:none;}
	#navigation .nav.navbar-nav li .sub-menu li .sub-menu li a{ border-color:#dadada}
	#navigation .nav.navbar-nav li .sub-menu li .sub-menu li a:hover{ border-color:#f5f5f5}
	
	#navigation .nav.navbar-nav li > a:hover{ background:rgba(0,0,0,0.6)}
	
	.logo{
		float:left;
	}
	.search_cart_panel{
		float: right;
		position: absolute;
		right: 100px;
		top: 0px;
	}
	.filter_project_menu{
		float:left;
		width:100%;
	}
	.help_form{
		padding:50px 30px 0px 30px;
	}
	#chefs_slider .owl-nav .owl-next{
		right: 0px;
	}
	#chefs_slider .owl-nav .owl-prev{
		left: 0px;
	}
	.product_item{
		margin-bottom:30px;
	}
	.restro_about figure{
		margin-top:30px;
	}
	.memories_section h2{
		padding:20px;
	}
	.restro-video-bg{
		padding:80px;
		height:auto;
	}
	.restro-form-bg{
		padding:80px;
		height:auto;
	}
	.video-play a{
		font-size:50px;
	}
	#intro{ min-height:400px; height:auto; padding:200px 0px 150px 0px;}
	.banner-fixed{ height:auto;}
	#intro.intro_event, #intro.intro_interior{height:auto;}
	.slides{ height:100%; padding:200px 0px 150px 0px;}
	.intro_wrap{ position:relative; transform:none; top:0px; margin:0px;}
	.intro_text {margin: 0 auto; text-align: center; padding:0px;}
	
	.banner-slider-caption .intro_wrap{ position:absolute; transform:translateY(-50%); top:50%; margin:0px;}
	
	.package_header{ padding:20px;}
	.package_header h4{ font-size:24px;}
	.package_price{font-size:50px;}
	.package_info{ padding:20px;}
	.package_footer .btn{ padding:15px;}
	.footer_top{ display:block;}
	.footer_widgets{ padding:0px; margin:40px 0px;}
	.about_w{width:100%; max-width: 100%;}
	.footer_bottom { text-align:center}
	.follow_us{ text-align:center; padding-bottom:15px;}
	.intro-app-landing .intro_text{ max-width:100%;}
	.intro-app-landing .intro_wrap{ position:inherit; transform:none; top:0px; right:0px;}
	.mobile-pic{ margin-top: 60px; position:inherit; transform:none; top:0px; right:0px;}
	.app-feature ul li{ width:100%;}
	.why-choose-content{ padding:40px; height: auto;}
	.why-choose-content:after{ display:none;}
	.how-work-content{padding:40px; height: auto;}
	.how-work-video-bg{ height:300px;}
	
	.download-app:before{ background:rgba(0,0,0,0.8); position:absolute; left:0px; top:0px; width:100%; height:100%; content:""}
	.download-app .container{ position:relative; z-index:2; color:#fff;}
	.download-app .heading_style4 h2{ color:#fff;}
	.download-app .heading_style4 h2::after{ background:#fff;}
	.address p{ font-size:14px;}
	.footer-app-panel .footer_bottom .social_group{ margin-top:15px !important; float:none;}
	.app-intro-column .construction-module{ margin-bottom:15px;}
	#intro-inner-page{padding:200px 0px 150px 0px;}
	ul.page-numbers{ margin-bottom:30px;}
	.post_meta ul li a{ font-weight:normal;}
	.intro_event .intro_text{width:80%;}
	.heading_style3 p{ width:100%;}
	.event-list{width: 40%;}
	.event-list li{ padding: 7px 0 0 50px; font-size: 20px; min-height:40px;}
	.event-list li i{width: 40px; height: 40px; line-height:40px; font-size: 20px;}
	.event-picture{ width:60%;}
	.event-timing{margin-top: -30px; width:80%;}
	.speaker-panel{ margin-bottom:30px;}
	.package-box h5{ font-size:20px;}
	.package-box ul li{ font-size:16px; margin-bottom:15px;}
	.package-box .btn{ padding:10px 15px;}
	.footer_style_4 .map_addres{width:40%;}
	.footer_style_3 .map_addres{width:70%;}
	.how-we-work .nav-tabs{ float:left; width:100%; margin-top:0px;}
	.how-we-work .tab-pane .col-md-7{ padding-top:30px;}
	.timer-panel{ min-height:300px;}
	.timer-panel .timer-panel-inner i{ font-size:50px;}
	.timer-panel .timer-panel-inner h1{ font-size:40px;}
	.timer-panel .timer-panel-inner h6{ font-size:15px;}
	.construction-footer-bg{ padding: 70px 30px;}
	.construction-footer .copy{ margin-top:20px;}
	.restro-footer-bg{ padding: 70px 30px;}
	#video-presentation .video{ margin-bottom:30px;}
	.service_box{ margin-bottom:30px;}
	.service_img{ text-align:center;} 
	#fan_facts .col-sm-4{ text-align:center;}
	#fan_facts .col-sm-4 .icon_div{ float:none; display:inline-block; margin:0px;}
	
	
	.header_style3 .top-medium-bar{ padding-bottom:15px;}
	.top-search{ margin-top:15px;}
	.header_style3 .search_cart_panel{ margin-top:25px; right:15px;}
	.top-medium-bar .logo{ text-align:center; float:none; margin-top:15px;}
	.header_style3 .navbar-toggle{ margin-top:10px;}
	.header_style3 #navigation .nav.navbar-nav li{ display:block; text-align:left;}
	
	.support-column h5{ font-size:18px;}
	.footer_style_6 .social_group li{ margin-right:3px;}
	.instagrame ul li{ width:24%;}
	.about-company figure{ margin-bottom:30px;}
	.comapny-panel .white-text{ width:100%; padding:40px;}
	.about-company .comapny-panel figure{ margin:0px; width:100%;}
	
	.comming-soon-section{ overflow:visible}
	.comming-soon-left{ width:100%; padding:150px 0px; height: auto;}
	.comming-soon-left-header{ width:100%; background: rgba(0, 0, 0, 0.8); z-index:9;}
	.comming-soon-left-content{ position:inherit; margin:0px; transform:none; top: 0;}
	.comming-soon-right{ width:100%; height: auto;}
	.comming-soon-right-header{width:100%; position:inherit;}
	.comming-soon-form{position:inherit; transform:none; top: 0;}
	.coming-copy{ position:inherit; bottom:0px; margin-top:20px;}
	
	.contact1 form, .contact2 form, .contact3 form{ margin-bottom:30px;}
	.contact2 .space-80{display:none;}
	.price_package1{ margin-bottom:30px;}
	.other-services figure{ margin-bottom:30px;}
	.service-listing figure{ background:#eaeaea; text-align:center;}
	.service-listing .white-text{ padding:40px;}
	
	.open-port-nav{ display:none;}
	.portfolio_header_right{ position:static; display:block; width:100%; animation:none;}
	.show-all{ width:100%; text-align:center; padding-right:0px;}
	.product-slider{ margin-bottom:30px;}
	.cart_btn_subtotal .btn{ width:100%; margin-bottom:5px;}
	.cart-detail .gray_box{margin-bottom:30px;}
	.forgot{ float:left; margin:0px 0px 15px 0px;}
	.portfolio-brand{ margin-bottom:30px;}
}

@media (max-width:767px) {
    .picture_frame{ 
		width:100%;
	}
	.picture_frame_bg:before{
		position:absolute;
		left:0px;
		width:100%;
		height:100%;
		top:0px;
		background:rgba(0,0,0,0.6);
		content:"";
	}
	h1 {
	  font-size: 46px;
	}
	h2 {
	  font-size: 36px;
	}
	h3 {
	  font-size: 30px;
	}
	h4 {
	  font-size: 26px;
	}
	h5 {
	  font-size: 20px;
	}
	h6 {
	  font-size: 18px;
	}
	
	.portfolio-banner1 .intro_text h1{
	  font-size: 46px;
	}
	#intro h1{
	  font-size: 46px;
	}
	.artist_content h1{
		font-size: 46px;
	}
	.space-40{
		height:20px;
	}
	.personal_footer_top h3{
		font-size: 30px;
	}
	.heading_style1{ margin-top:40px;}
	.heading_style1::before{ height:40px;}
	.heading_style5 h2{
		font-size: 36px;
	}
	.construction-footer .social_group li a, .social_group li a{
		width:40px;
		height:40px;
		line-height:36px;
	}
	.construction-footer .social_group li i, .social_group li i{
		font-size:16px;
	}
	.personal_footer_copyright{
		padding:15px  0px;
		font-size:14px;
	}
	.container > .navbar-header{ 
		margin:0px;
	}
	 .logo{		
		float:left;
		margin:20px 0px;
	}
	.interior_pic_frame figure img{
		width:93%;
	}
	.filter_project_menu{
		float:left;
		width:100%;
	}
	.filter li{
		display:inline-block;
	}
	.footer_style_3 .copy{
		text-align:center;
	}
	.social_group_style3{
		text-align:center;
		margin-top:15px;
	}
	.dropdown.header_cart{
		position:inherit;
	}
	.header_cart .dropdown-menu{
		left:0px;
		min-width:100%;
		width:100%;
	}
	.search_overlay_menu form{
		padding-left:35px;
	}
	.search_overlay_menu label{
		font-size:15px;
	}
	.search_overlay_menu form .search-icon-lg{
		width:30px;
		font-size:20px;
		top:auto;
		margin:0px;
		bottom: 8px;
	}
	.search_overlay_menu form input{
		height: 70px;
		padding: 13px 45px 15px 0;
		font-size: 24px;
	}
	.search_overlay_menu form button{
		font-size: 22px;
    	height: 70px;
	}
	
	.navbar-default .navbar-toggle{
		border-color: #3f73d1;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #3f73d1
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color: #3f73d1;
	}
	.navbar-default .navbar-toggle:focus .icon-bar, 
	.navbar-default .navbar-toggle:hover .icon-bar{
		background-color: #fff;
	}
	.navbar-toggle {
		margin-top: 30px;
		margin-right:0px;
	}
	
	.navbar-collapse.collapse.in {
		position: absolute;
		left: 0px;
		width: 100%;
		top: 100%;
		background: #3f73d1;
		max-height:350px;
		margin:0px;
		border:none;
	}
	#navigation .nav.navbar-nav{
		margin:0px;
		width:100%;
	}
	#navigation .nav.navbar-nav li{
		margin:0px;
	}
	.navbar-nav>li{
		float:left; 
		width:100%;
	}
	#navigation .nav.navbar-nav li > a{
		color:#fff !important;
		padding:15px !important;
	}
	
	.affix .navbar-toggle{
		margin-top:25px;
	}
	
	.arrow{ display:block;}
	#navigation .nav.navbar-nav li.menu-item-has-children > a:after{ right:15px;}
	#navigation .nav.navbar-nav li .sub-menu li{ float:left; width:100%;}
	#navigation .nav.navbar-nav .sub-menu a{color:#111 !important;}
	.sub-menu{ min-width:100%; width:100%; position:relative;}
	#navigation .nav.navbar-nav li .sub-menu li.menu-item-has-children > a:after{ transform:none; top:15px;}
	.navbar-nav li:hover .sub-menu, #navigation .nav.navbar-nav li .sub-menu li:hover .sub-menu{ display:none; animation: none;}
	#navigation .nav.navbar-nav li .sub-menu li .sub-menu{ left:0px; background:#dadada; top:100%; box-shadow:none;}
	#navigation .nav.navbar-nav li .sub-menu li .sub-menu li a{ border-color:#dadada}
	#navigation .nav.navbar-nav li .sub-menu li .sub-menu li a:hover{ border-color:#f5f5f5}
	
	.search_cart_panel {
		float: right;
		margin-top: -90px;
		padding-right: 45px;
	}
	.affix .search_cart_panel {
		margin-top: -80px;
	}
	.section-header{
		padding-bottom:40px;
	}
	.section-header-inner{
		padding-bottom:30px;
	}	
	.section-header-inner p{ width:100%;}
	.heading_style4{ 
		padding-bottom:60px;
	}
	.heading_style3.center{
		padding-bottom:60px;
	}
	.heading_style4.center{
		padding-bottom:60px;
	}
	.section-padding{
		padding:50px 0px;
	}
	.interior_services ul li{
		padding: 0px 0px 30px 0px;
	}
	.interior_services ul li figure{
		position:inherit;
		display:inline-block;
		margin-bottom:20px;
	}
	.interior_pic_frame h6{
		letter-spacing:5px;
	}
	
	#chefs_slider .owl-nav .owl-next{
		right: 0px;
	}
	#chefs_slider .owl-nav .owl-prev{
		left: 0px;
	}
	.product_item{
		margin-bottom:30px;
	}
	.restro_about figure{
		margin-top:30px;
	}
	.restro-form h2{
		margin-bottom:20px;
	}
	.memories_section h2{
		padding:20px;
		font-size: 36px;
	}
	.restro-video-bg{
		padding:60px;
		height:auto;
	}
	.restro-form-bg{
		padding:60px;
		height:auto;
	}
	.video-play a{
		font-size:40px;
	}
	.construction-footer{
		height:auto;
	}
	.map iframe{
		height:400px;
	}
	.restro-footer-bg{
		padding:60px 20px;
		margin-top:-5px;
		min-height:1px;
	}
	.social_group{
		text-align:center;
	}
	.menu_list li{
		padding:50px 20px 20px 20px;
		margin: 30px 0px 30px 0px;
		text-align: center;
	}
	.menu_list li figure{
		left:50%;
		margin-left:-31px;
		top:-30px;
	}
	.menu_list li .menu_price{
		right: 12px;
		top: 12px;
		font-size: 24px;
	}
	.blog_wrap{
		margin-bottom:30px;
	}
	#intro{ min-height:400px; height:auto; padding:150px 0px 100px 0px;}
	.banner-fixed{ height:auto;}
	#intro.intro_event{height:auto;}
	.slides{ height:100%; padding:150px 0px 100px 0px;}
	.intro_wrap{ position:relative; transform:none; top:0px; margin:0px;}
	#intro-inner-page{padding:150px 0px 100px 0px; min-height: 300px;}
	.post_meta ul li{ font-weight:normal; margin-right:8px;}
	.post_meta ul li a{font-weight:normal;}
	.footer_top{ display:block;}
	.footer_widgets{ padding:0px; margin:40px 0px;}
	.about_w{width:100%; max-width: 100%;}
	.footer_bottom { text-align:center}
	.follow_us{ text-align:center; padding-bottom:15px;}
	.package_table{margin-bottom:30px;}
	.service_box{margin-bottom:30px;}
	.team_wrap{margin-bottom:30px;}
	.section-header{ padding-left:0px;}
	.section-header.heading_style2::after{ display:none;}
	.intro_text{ padding:0px 15px; text-align:center; max-width:100%; padding:0px;}
	.header_cart .dropdown-menu ul{ max-height: 200px; overflow-y: scroll;}
	.intro-app-landing .intro_text{ max-width:100%;}
	.intro-app-landing .intro_wrap{ margin-top: 0; position:inherit; transform:none; top:0px; right:0px;}
	.mobile-pic{ margin-top: 60px; position:inherit; transform:none; top:0px; right:0px;}
	.app-feature ul li{ width:100%;}
	.why-choose-content{ padding:40px 20px; height: auto;}
	.why-choose-content:after{ display:none;}
	.how-work-content{padding:40px 20px; height: auto;}
	.how-work-video-bg{ height:300px;}
	
	.download-app:before{ background:rgba(0,0,0,0.8); position:absolute; left:0px; top:0px; width:100%; height:100%; content:""}
	.download-app .container{ position:relative; z-index:2; color:#fff;}
	.download-app .heading_style4 h2{ color:#fff;}
	.download-app .heading_style4 h2::after{ background:#fff;}
	.address p{ font-size:16px;}
	.footer-app-panel .footer_bottom .social_group{ margin-top:15px !important; float:none;}
	.app-intro-column .construction-module{ margin-bottom:15px;}
	.app-feature figure{ text-align:center; margin-bottom:30px;}
	.border-rect{ display:none;}
	.footer-address .col-sm-4{ min-height:1px;}
	.address{ position: inherit; top:0px; left:0px; transform:none; padding:20px 0px}
	
	ul.page-numbers{ margin-bottom:30px;}
	
	.commentlist li img.avatar{ width:50px; height:50px; margin-right:15px;}
	.comment-content, .commentlist .reply{ margin-left:65px;}
	.comment-content p{ font-size:14px; line-height:22px;}
	.comment ul.children{ padding-left:30px;}
	.pager-nav .pager li > a, .pager-nav .pager li > span{ padding:8px 25px;}
	.pager{ margin-bottom:30px;}
	.post_tags{ font-weight:normal; font-size:16px;}
	
	
	.intro_event .intro_text{width:100%;}
	.heading_style3 p{ width:100%;}
	.event-list{width: 40%;}
	.event-list li{ padding: 7px 0 0 50px; font-size: 20px; min-height:40px; margin-bottom:20px;}
	.event-list li i{width: 40px; height: 40px; line-height:40px; font-size: 20px;}
	.event-picture{ width:60%;}
	.event-timing{margin-top: -30px; width:80%; padding:20px;}
	.event-timing ul li .time-box span{ font-size:18px;}
	.speaker-panel{ margin-bottom:30px;}
	.package-box { margin-bottom:30px;}
	.footer_style_4 .map_addres{width:40%;}
	.event-schudule-content{ margin-top:50px;}
	#event-schudule-slider .owl-nav{ top:-30px;}
	
	.construction-module{ margin-top: 40px;}
	.how-we-work .nav-tabs{ float:left; width:100%; margin-top:0px;}
	.how-we-work .tab-pane .col-md-7{ padding-top:30px;}
	.timer-panel{ min-height:300px;}
	.timer-panel .timer-panel-inner i{ font-size:50px;}
	.timer-panel .timer-panel-inner h1{ font-size:40px;}
	.timer-panel .timer-panel-inner h6{ font-size:15px;}
	.construction-footer-bg{ padding: 70px 30px;}
	.construction-footer .copy{ margin-top:20px;}
	.choose-reason .text-right figure{ display:none;}
	.reason-list{ padding:60px 0px;}
	.service-list{ border-top: solid 1px #fff;}
	.service-list li{ border:solid 1px #fff; border-top:none; width:50%;}
	.service-list li:nth-last-child(1), 
	.service-list li:nth-last-child(2), 
	.service-list li:nth-last-child(3){border-bottom:solid 1px #fff;}
	.service-list li:nth-child(3n){border-right:solid 1px #fff;}
	.heading_style4 p{ width:100%; font-size:16px;}
	.portfolio-tab{ margin-bottom:40px;}
	.portfolio-tab ul li{ width:49%; margin-bottom:2%; padding:0px;}
	.portfolio-tab ul li::after{ display:none;}
	.portfolio-tab ul li a{ width:100%;}
	.construction-timer{ padding:60px 0px}
	.testimonial_slider3-content{padding:60px 20px;}
	.testimonial_slider3-content .item p{font-size:16px; line-height:26px;}
	.testimonial_slider3 .testimonial_footer h6{font-size:20px;}
	.construction-footer .social_group{ margin-top:30px;}
	.construction-footer-bg{ min-height:1px;  margin-top: -5px;}
	.interior_services .space-40{ display:none;}
	.footer_style_3 .footer_top{ height:auto;}
	.help_form{ padding:40px 20px; margin-top: -7px; min-height: 1px;}
	.intro_restaurant .intro_text{ width:100%;}
	#video-presentation .video{ margin-bottom:30px;}
	.service_box{ margin-bottom:30px;}
	.service_img{ text-align:center;} 
	#fan_facts .col-sm-4{ text-align:center; padding-bottom: 20px;}
	#fan_facts .col-sm-4 .icon_div{ float:none; display:inline-block; margin:0px;}
	
	
	.header_style3.affix .top-search, .top-search{ margin-top:10px;}
	.top-medium-bar, .header_style3.affix .top-medium-bar{ padding-bottom:10px;}
	.header_style3.affix .top-medium-bar .logo, .top-medium-bar .logo{ margin-top:10px;}
	.header_style3 .search_cart_panel{ margin-top:-46px; padding-right:55px;}
	.header_style3 .navbar-header{ position: absolute; right: 15px; top: -58px;}
	.header_style3.affix .navbar-header{top: -50px;}
	.header_style3  .navbar-toggle{ margin-top:0px;}
	.header_style3.affix .search_cart_panel{ margin-top:-35px;}
	.header_style3 #navigation .nav.navbar-nav li{ display:block; text-align:left;}
	#navigation .nav.navbar-nav li > a:hover{ background:rgba(0,0,0,0.6)}
	.banner-slider .dark-overlay{ display:none;}
	#intro_slider .banner-slider-caption{ position:inherit; padding:30px 15px; background:#111;}
	#intro_slider .owl-dots{ bottom:auto; left:auto; right:15px; top:15px; width:auto;}
	.support-policy{ padding:50px 0px;}
	.support-column{ min-height:1px; padding:30px 15px;}
	.support-column-inner{ position:inherit; top:0px; transform:none;}
	.footer_style_6 nav{ padding-bottom:30px;}
	#footer.footer_style_6 h6{ margin-bottom:15px;}
	.pay-options{ padding-bottom:30px; padding-top:30px;}
	.social{ padding-bottom:30px;}
	.social .social_group{text-align:left;}
	.footer_style_6 .footer-style-bottom{ margin-top:30px; padding:30px 0px; text-align:center}
	.footer_style_6 .footer-style-bottom p{ margin-bottom:15px;}
	
	.error-column i{ font-size:100px; margin-bottom:20px;}
	.error-column h1{ font-size:60px;}
	.error-column h4{font-size:24px;}
	.about-company figure{ margin-bottom:30px;}
	.work-exp-column h1{ font-size:150px;}
	.work-exp-column br{ display:none;}
	
	.about-company figure{ margin-bottom:30px;}
	.comapny-panel{ margin-top:30px;}
	.comapny-panel .white-text{ width:100%; padding:40px;}
	.about-company .comapny-panel figure{ margin:0px; width:100%;}
	
	.comming-soon-section{ overflow:visible}
	.comming-soon-left{ width:100%; padding:150px 0px 100px 0px; height: auto;}
	.comming-soon-left h1{ font-size:60px;}
	.comming-soon-left h4{font-size:24px;}
	.comming-soon-left-header{ width:100%; background: rgba(0, 0, 0, 0.8); z-index:9; }
	.comming-soon-left-content{ position:inherit; margin:0px; transform:none; top: 0; text-align: center;}
	.comming-soon-right{ width:100%; height: auto;}
	.comming-soon-right-header{width:100%; position:inherit;height:auto;}
	.comming-soon-form{position:inherit; transform:none; top: 0;}
	.coming-copy{ position:inherit; bottom:0px; margin-top:20px;}
	
	.contact1 .section-header-inner h2{ font-size:36px;}
	.contact1 form, .contact2 form, .contact3 form{ margin-bottom:30px;}
	.contact2 .space-80{display:none;}
	.map-direction{ margin-bottom:30px;}
	.price_package1{ margin-bottom:30px;}
	.other-services figure{ margin-bottom:30px;}
	
	.service-listing figure{ background:#eaeaea; text-align:center;}
	.service-listing .white-text{ padding:40px;}
	#intro-inner-page .intro_text{ width:100%;}
	.portfolio-banner1 .intro_text p{ font-size:16px; line-height:24px;}
	#intro-inner-page.portfolio-banner2 .intro_text{ padding:0px;}
	.open-port-nav{ display:none;}
	.portfolio_header_right{ position:static; display:block; width:100%; animation:none;}
	.show-all{ width:100%; text-align:center; padding-right:0px;}
	.product-slider{ margin-bottom:30px;}
	.product_tab .nav-tabs > li > a{ padding:10px 20px; font-size:15px;}
	.order_checkout table tr th{ font-size:15px;}
	.cart_btn_subtotal{text-align: center;}
	.cart_btn_subtotal .product-subtotal{ padding:0px; margin-top:15px; text-align:center;}
	.cart-detail .gray_box{margin-bottom:30px;}
	.forgot{ float:left; margin:0px 0px 15px 0px;}
	.register{ padding-right:15px;}
	.login{ padding-left:15px; margin-top:30px;}
	.login .checkbox-inline{ display:block;}
	.portfolio-brand{ margin-bottom:30px;}
	


.three_column .portfolio-item {
  width: 50% !important;
}
.four_column .portfolio-item {
  width: 50% !important;
}
	
}






@media (max-width:600px) {
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 { font-size: 26px;}
	h4 {font-size: 22px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	.portfolio-banner1 .intro_text h1{font-size: 36px;}
	#intro h1{font-size: 36px;}
	.artist_content h1{font-size: 36px;}
	.personal_footer_top h3{font-size: 20px;}
	.heading_style5 h2{	font-size: 30px;}
	
	.share_post ul li{width:50%; padding:0px 10px 10px 0px;}
	.share_post ul li:last-child{ padding-right:10px;}
	.event-list{width: 100%; padding-top:50px;}
	.event-picture{ width:100%; padding:0px;}
	.event-timing{ width:100%;}
	.event-timing ul li{width:50%; margin-bottom:10px;}
	#event_slider .owl-nav{ bottom:auto; top:0px;}
	.speakers .col-sm-6.col-xs-6{ width:100%;}
	
	.map_addres{ width:100%;}
	.footer_style_4 .map_addres, .map_addres{ width:100%; position:inherit; top:0px; right:auto; left:auto; transform:none;}
	.map_addres ul li{ font-size:16px;}
	.map_addres ul li i{ font-size:16px;}
	
	.footer_style_3 .footer_top .map_addres ul li a, 
	.footer_style_4 .map_addres ul li a, 
	.map_addres ul li a{ font-size:16px;}
		
	.service-list li{ min-height:200px;}
	.service-list .service-item i{ font-size:50px;}
	.service-list .service-item h4{ font-size:16px; line-height:26px;}
	.logo_wrap a{ width:47%;}
	.construction-footer-bg{ padding: 50px 15px;}
	.portfolio-tab ul li{ width:100%;}
	#app_screen_slider .item figure{ box-shadow:none; text-align:center;}
	#app_screen_slider .owl-carousel .owl-item  figure img{ display:inline;}
	.filter li{ float:left; width:100%;}
	.arrival-products .col-sm-6.col-xs-6{ width:100%;}
	.top-bar .text-left, .top-bar .text-right{ text-align:center; padding-bottom:5px; width:100%;}
	
	.error-column{ padding:40px 30px;}
	.step-projects .col-xs-6{ width:100%;}
	.comapny-panel .white-text{ width:100%; padding:30px;}
	
	.comming-soon-left h1{ font-size:40px;}
	.comming-soon-left h4{ font-size:18px;}
	.comming-soon-left-header .pull-right{ font-size:14px; margin-top:18px;}
	.comming-soon-left-content, .comming-soon-left-header{ padding-left: 20px; padding-right: 20px;}
	.comming-soon-left ul li{ width:50%; padding-bottom:10px;}
	.comming-soon-right-header{ padding:20px;}
	.comming-soon-form, .coming-copy{padding:0px 20px;}
	
	.contact1 .section-header-inner h2{ font-size:30px;}
	.our-team-member .col-xs-6{ width:100%;}
	
	.pricing-panel .col-md-6.col-sm-12.col-xs-6{ width:100%;}
	.service-listing .white-text{ padding:30px;}
	.select-color{ float:left; width:100%; margin-top:20px;}
	.product-buttons-group .btn { width:100%;}
	.product-buttons-group .btn.pull-right{ margin-top:5px;}
	.product_tab .nav-tabs > li{ float:none}
	.product_tab .nav-tabs > li > a{ padding:10px 20px; font-size:15px;}
	.product_tab .tab-pane{ padding:20px;}
	.cart_btn_subtotal .btn{ width:100%; margin-bottom:5px;}
	.total_final_checkout .btn{padding:15px 20px}
	.my-account ul{ width:100%; text-align:center;}
	.my-account ul li{ float:none; display:inline-block;}
	.three_column .portfolio-item {
	  width: 100% !important;
	}
	.four_column .portfolio-item {
	  width: 100% !important;
	}
	.intoslid-m .owl-nav .owl-prev, .intoslid-m .owl-nav .owl-next{ width:40px; height:40px; line-height:40px;}
}
@media (max-width:480px) {
	.personal_footer_top h3{ font-size:24px; margin-bottom:30px;}
	
	.restro-video-bg{
		padding:60px 40px;
	}
	.restro-form-bg{
		padding:60px 40px;
	}
	.newsletter .form-control{
		padding-right:15px;
	}
	.newsletter .go-btn{
		position:inherit;
		width:100%;
		margin-top:10px;
	}
	.why-choose-bg{ height:1050px;}
	.why-choose-bg ul li{ width:100%; padding: 0 0 30px;}
	.author-panel{ right:5px; width:240px;}
	.download-app .btn{ margin-bottom:5px; width:100%;}
	.recent_post .thumb_img{ width:100%;}
	.recent_post .recent_post_info{ padding-top:15px; width: calc(100% - 0px); float:left}
	.blog-search .form-control{ padding-right:15px;}
	.blog-search .btn{ position:inherit; margin-top:10px; width:100%;}
	.number_style{ padding:0px; margin: 0 0 30px 0;}
	.list_number{ position:inherit; margin:0px;}
	.coupan_code .form-control, .availability .form-control{ padding-right:15px;}
	.coupan_code .form-group .btn, .availability .form-group .btn{ width:100%; position:inherit; top:0px; right:0px; margin-top:5px;}
	.forgot-password .btn{ width:100%; margin-bottom:5px;}
	
}

@media (max-width:360px) {
	.share_post ul li{width:100%; padding:0px 0px 10px 0px;}
	.share_post ul li:last-child{ padding-right:0px;}
	
	
}


@media (min-width: 1200px) { 
		
}