@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Lato:100,300,400,700|Oswald:400,500,600,700');
@font-face {
    font-family: "Aller";
    src: url("../fonts/Aller_Rgd41d.eot?") format("eot"), url("../fonts/Aller_Rg.woff") format("woff"), url("../fonts/Aller_Rg.ttf") format("truetype"), url("../fonts/Aller_Rg.svg#Aller") format("svg");
    font-weight: normal;
    font-style: normal;
}
/** Table of Content  Css

Project:	FoodPoint
Version:	1.2
Author:		Themelooper
Primary use: 	burger, sandwich, steak, grill restaurant, club

[Layout]


Navigation	 #navbar
Content header	 h2


[Color Codes]

Background:	#ffffff (White)
Content:	#777777 (Light Dark)
Header H1:	#222222 (Light Dark
Header H2:	#222222 (Light Dark)
Footer:		#ffffff (White)


[Typography]

Body:				font:14px/24px 'Lato', sans-serif;
Headers:			font:16px/16px 'Roboto', sans-serif;
Input, textarea:	font:14px/14px 'Roboto', sans-serif;
Sidebar heading:	font:24px/24px 'BebasNeue', sans-serif;


 
==> Wrapper   
==> Header
==>	About
==>	Menu List
==>	Product
==> Blog
==>	Section
==> Team
==> Newsletter
==>	Partner
==> Footer
==> Inner Banner
==> About Text
==> Error Page
==> Coming Soon Page
==> Contact Section
==> Menu
==> Outlets
==> Blog

End of Table of Content Css End **/
/*===========================================================================*/
						/*Default Css Start*/
/*===========================================================================*/
body {
    margin: 0;
    padding: 0;
    font: 400 16px/28px 'Lato', sans-serif;
    color: #777;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Aller";
    font-weight: 700;
    color: #222;
    margin: 0;
}
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
    color: #222;
}
body h1 {
    font-size: 48px;
    line-height: 48px;
    margin: 0 0 20px 0;
}
body h2 {
    font-size: 42px;
    line-height: 36px;
    margin: 0 0 30px 0;
}
body h3 {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 20px 0;
}
body h4 {
    margin: 0 0 15px 0;
    font-size: 22px;
    line-height: 22px;
}
body h5 {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 18px;
}
body h6 {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 16px;
}
body p {
    font: 400 16px/28px 'Lato', sans-serif;
    color: #777;
    margin: 0 0 20px 0;
}
.btn-row {
    display: block;
    text-align: center;
}
.btn-row a.btn-style-1 {
    display: inline-block;
    float: none;
}
a.btn-style-1 {
    font: 300 18px/18px 'Oswald', sans-serif;
    color: #fff;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    padding: 14px 33px;
    text-align: center;
    position: relative;
    z-index: 11;
}
a.btn-style-1:hover {
    color: #fff;
    text-decoration: none;
}
a.btn-style-1:hover:before {
    width: 100%;
    opacity: 1;
}
a.btn-style-1:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-color: #222;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}
a.btn-style-2 {
    font: 300 18px/18px 'Oswald', sans-serif;
    color: #000;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    padding: 14px 33px;
    text-align: center;
    position: relative;
    z-index: 11;
    background: #fff;
}
a.btn-style-2:hover {
    color: #fff;
    text-decoration: none;
}
a.btn-style-2:hover:before {
    width: 100%;
    opacity: 1;
}
a.btn-style-2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-color: #222;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}
.btn-row {
    float: left;
    text-align: center;
    width: 100%;
}
.btn-row a.btn-style-1 {
    float: none;
    display: inline-block;
}
/*===========================================================================*/
						/*Wrapper Css Start*/
/*===========================================================================*/
#wrapper {
    float: left;
    width: 100%;
    position: relative;
}
#main {
    float: left;
    width: 100%;
    position: relative;
}
/*===========================================================================*/
						/*Header Css Start*/
/*===========================================================================*/
#header {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
}
.head-top {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}
.head-top .left-side {
    float: left;
    width: 100%;
    padding: 12px 0 0 0;
}
.head-top .left-side a {
    font: 400 14px/14px 'Lato', sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 0 20px 0 0;
}
.head-top .left-side a .fa {
    padding: 0 10px 0 0;
}
.head-top .right-side {
    float: left;
    width: 100%;
}
.head-row-2 strong.delivery {
    float: right;
    font: 400 16px/16px 'Oswald', sans-serif;
    color: #fff;
    margin: 24px 0 0 0;
    text-transform: uppercase;
    padding: 10px 20px;
    background: #000;
}
.head-row-2 strong.delivery img {
    padding: 0 0 0 10px;
}
#header .head-top .right-side .dropdown-menu {
    background: #fff;
    border: 0;
    padding: 20px;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin: 0;
    min-width: 300px;
    top: 100%;
    left: inherit;
    right: 0;
}
#header .head-top .right-side .dropdown-menu li {
    width: 100%;
}
#header .head-top .right-side .dropdown-menu li strong.title {
    padding: 0 0 10px 0;
    display: block;
}
.cart-row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.cart-row .thumb {
    float: left;
    margin: 0 15px 0 0;
}
.cart-row .text-box {
    overflow: hidden;
    position: relative;
}
.subtotal {
    display: block;
    padding: 0 0 10px 0;
    font: 700 18px/18px 'Lato', sans-serif;
}
#header .head-top .right-side .dropdown-menu a.btn-checkout {
    font: 14px/14px 'Lato', sans-serif;
    color: #fff;
    padding: 10px 22px;
    float: left;
}
#header .head-top .right-side .dropdown-menu a.btn-checkout:hover {
    background: #222;
    text-decoration: none;
}
#header .head-top .right-side .dropdown-menu .cart-row .text-box a.close {
    width: 20px;
    height: 20px;
    color: #fff;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    text-align: center;
    font-weight: normal;
}
#header .head-top .right-side .dropdown-menu .cart-row .text-box a {
    font: 400 14px/14px 'Lato', sans-serif;
    color: #222;
    display: block;
}
#header .head-top .right-side .dropdown-menu li a {
    display: inline-block;
    color: #222;
    width: auto;
    text-align: inherit;
    font-size: inherit;
    padding: 0;
}
.head-top .right-side .open > .dropdown-menu {
    display: block;
}
.head-top .right-side ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
.head-top .right-side li {
    padding: 0;
    margin: 0;
    float: left;
    border-left: 1px solid #fff;
}
.head-top .right-side li a {
    color: #fff;
    font-size: 16px;
    width: 40px;
    display: block;
    padding: 14px 0;
    text-align: center;
}
strong.logo {
    float: left;
    margin: 20px 30px 20px 0;
}
.head-row-2 {
    width: 100%;
    float: left;
}
.head-row-2 .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    float: right;
}
.head-row-2 .navbar {
    border-radius: 0;
}
.head-row-2 .navbar {
    border: 0;
    margin-bottom: auto;
    min-height: auto;
    float: left;
}
.head-row-2 .navbar-collapse {
    padding: 0;
}
#nav {
    padding: 0;
    margin: 45px 0 0 0;
    list-style: none;
}
#nav li {
    display: inline-block;
    float: none;
    position: relative;
    padding: 0 0 46px 0;
}
#nav li:first-child {
    background: none;
}
#nav li a {
    font: 500 16px/16px 'Oswald', sans-serif;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 18px;
    display: block;
    position: relative;
    z-index: 20;
}
#nav li:last-child a {
    padding: 0 0 0 20px;
}
#nav li:hover > a {
    background: none;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
    text-decoration: none;
}
#nav li ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 210px;
    background: #fff;
    padding: 0;
    border: 0;
    display: none;
    list-style: none;
    z-index: 99999;
}
#nav li:hover > ul {
    display: block;
}
#nav li ul li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 210px;
    padding: 0;
}
#nav li ul li {
    float: none;
    width: auto;
    padding: 0;
    display: block;
    background: none;
    border-top: 1px solid #f1f1f1;
}
#nav li ul li:first-child {
    border: 0;
}
#nav li.active ul li a {
}
#nav li ul li:last-child a {
    padding: 16px 20px;
}
.head-row-2 .navbar-inverse .navbar-nav > .active > a, .head-row-2 .navbar-inverse .navbar-nav > .active > a:hover, .head-row-2 .navbar-inverse .navbar-nav > .active > a:focus {
    background: none;
}
#nav li ul li a {
    background: none;
    font:600 14px/14px 'Lato', sans-serif;
    text-align: left;
    padding: 16px 20px;
    text-transform: capitalize;
    display: block;
    color: #222;
    position: relative;
}
#nav li ul li a:before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
#nav li ul li a:hover:before {
    width: 100%;
}
#nav li ul li a:hover {
    color: #fff;
}
.shop-box {
    float: right;
    margin: 0;
}
.cart-box-outer {
    float: right;
}
.shop-box .cart-box-outer button {
    background: none;
    border: 0;
    background: #fff;
    padding: 10px 15px;
    font-size: 22px;
}
.shop-box .number {
    width: 23px;
    height: 23px;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 23px;
    background: #000;
    color: #fff;
    position: absolute;
    top: 0;
    right: -2px;
}
/*===========================================================================*/
						/*Banner Css Start*/
/*===========================================================================*/
#banner {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 80px;
}
#banner img {
    width: 100%;
}
#banner .caption {
    position: absolute;
    left: 0;
    top: 270px;
    width: 100%;
    height: 100%;
}
#banner .caption .inner {
    width: 650px;
    float: right;
}
#banner .caption h1 {
    font: 700 60px/70px 'Oswald', sans-serif;
    color: #fff;
    display: block;
    margin: 0 0 20px 0;
    text-shadow: 0 2px 4px #000;
}
#banner .caption a.btn-style-2 {
    margin: 0 0 0 15px;
}
#banner .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-radius: 0;
    font-size: 0;
    padding: 0;
}
#banner .owl-next {
    background: url(../images/next.png) no-repeat left top;
    width: 60px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
}
#banner .owl-prev {
    background: url(../images/prev.png) no-repeat left top;
    width: 60px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
}
/*===========================================================================*/
						/*About Css Start*/
/*===========================================================================*/
.about-section {
    float: left;
    width: 100%;
    padding: 70px 0 50px 0;
    position: relative;
}
.about-section .text-col {
    float: left;
    width: 100%;
    position: relative;
}
.about-section .text-col p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 40px 0;
}
.about-section .frame {
    float: left;
    width: 100%;
  
    overflow: hidden;
    margin-bottom: 30px;
}
.about-section .frame img {
    display: block;
    overflow: hidden;
}
.about-section .frame:hover img {
    opacity: 0.5;
}
/*===========================================================================*/
						/*Menu List Css Start*/
/*===========================================================================*/
.menu-list {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.menu-list h2 {
    text-align: center;
    margin: 60px 0 -20px 0;
}
.menu-list .menu-box {
    float: left;
    width: 100%;
    height: 580px;
   /* background: url(../images/menu-shape.png) no-repeat left top/100%;*/
    text-align: center;
    padding: 106px 55px 0 55px;
}
.menu-list .menu-box h3 {
    position: relative;
    text-transform: uppercase;
}
.menu-list .menu-box p {
    font-size: 15px;
    margin: 0 0 6px 0;
}
.menu-list .menu-box strong.title {
    display: block;
    font: 400 17px/17px 'Lato', sans-serif;
    color: #222;
    padding: 0 0 5px 0;
}
.menu-list .menu-box span.amount {
    font: 700 15px/15px 'Lato', sans-serif;
    display: block;
}
.menu-list .menu-box h3:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 60px;
    height: 4px;
    margin: auto;
}
.menu-list .menu-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu-list .menu-box ul li {
    display: block;
    overflow: hidden;
    border-top: 2px dashed #222;
    padding: 10px 0;
}
.menu-list .menu-box ul li:first-child {
    border: 0;
    padding: 0 0 10px 0;
}
.center-menu-col {
    float: left;
    width: 100%;
    margin: 60px 0 0 0;
    text-align: center;
}
.center-menu-col ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.center-menu-col ul li {
    display: block;
    overflow: hidden;
}
.center-menu-col strong.title {
    font: 400 18px/18px 'Lato', sans-serif;
    color: #222;
    padding: 0 0 10px 0;
    display: block;
}
.center-menu-col span.price {
    font: 700 16px/16px 'Lato', sans-serif;
}
/*===========================================================================*/
						/*Product Css Start*/
/*===========================================================================*/
.product-section {
    float: left;
    width: 100%;
    padding-bottom: 80px;
}
.product-section .product-box {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.product-section .product-box .thumb {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #000;
}
.product-section .product-box:hover .thumb img {
    opacity: 0.5;
}
.product-section .product-box .thumb img {
    display: block;
    width: 100%;
}
.product-section .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
    cursor: move;
}
.product-section .frame .caption {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    background: #fff;
    padding: 20px;
}
.product-section .frame .caption h4 {
    margin: 0 0 10px 0;
}
.product-section .frame .caption p {
    margin: 0 0 10px 0;
}
.product-section .frame .caption span.price {
    font: 700 18px/18px 'Lato', sans-serif;
    color: #222;
    display: block;
    padding: 0 0 15px 0;
}
.product-section .frame:hover img {
    opacity: 0.5;
}
.product-section .frame:hover .caption {
    bottom: 0;
}
/*===========================================================================*/
						/*Blog Css Start*/
/*===========================================================================*/
.blog-section {
    float: left;
    width: 100%;
    padding: 70px 0;
}
.blog-section .blog-box {
    float: left;
    width: 100%;
}
.blog-section .blog-box .frame {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    background: #000;
}
.blog-section .blog-box .frame img {
    display: block;
    width: 100%;
    height: auto;
}
.blog-section .blog-box .text-column {
    float: left;
    width: 100%;
}
.blog-section .blog-box .text-column h3 {
    margin: 0 0 15px 0;
}
.blog-section .blog-box:hover .frame img {
    opacity: 0.5;
}
.blog-section .blog-box:hover .text-column h3 a {
    text-decoration: none;
}
.pagination-column {
    float: left;
    width: 100%;
}
.pagination-column .pagination {
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.pagination-column .pagination > li {
    display: inline-block;
}
.pagination-column .pagination > li.active a {
    border-color: transparent;
    color: #fff;
}
.pagination-column .pagination > li > a, .pagination-column .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ccc;
    font: 700 14px/14px 'Lato', sans-serif;
    color: #222;
    float: left;
    margin-left: 0;
    padding: 10px;
}
.pagination-column .pagination > li:last-child > a, .pagination-column .pagination > li:last-child > span {
    border-radius: 0;
}
.pagination-column .pagination > li:first-child > a, .pagination-column .pagination > li:first-child > span {
    border-radius: 0;
}
.pagination-column .pagination > li > a:hover, .pagination-column .pagination > li > span:hover, .pagination-column .pagination > li > a:focus, .pagination-column .pagination > li > span:focus {
    color: #fff;
    border-color: transparent;
}
.product-section .pagination-column .pagination {
    margin: 40px 0 60px 0;
}
/*===========================================================================*/
						/*Parallax Css Start*/
/*===========================================================================*/
.parallax-section {
    float: left;
    width: 100%;
    background: url(../images/parallax-bg.jpg) no-repeat left top;
    padding: 80px 0;
    margin-bottom: 70px;
}
.parallax-section strong.title {
    font: 400 100px/100px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 0 0 20px 0;
}
.parallax-section strong.title-2 {
    font: 100 100px/100px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-align: right;
    padding: 0 0 70px 0;
}
.parallax-section a.btn-style-1 {
    font-size: 14px;
    line-height: 14px;
    padding: 14px 45px;
}
/*===========================================================================*/
						/*Team Css Start*/
/*===========================================================================*/
.team-section {
    float: left;
    width: 100%;
    padding: 0px 0 70px 0;
}
.team-box {
    float: left;
    width: 100%;
}
.team-box .thumb {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.team-box .thumb img {
    display: block;
    width: 100%;
}
.team-box .text-col {
    float: left;
    width: 100%;
    padding: 25px 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.team-social {
    display: block;
    text-align: center;
    margin: 0;
    padding: 20px 0 0 0;
    list-style: none;
    border-top: 1px solid;
}
.team-social li {
    display: inline-block;
    padding: 0 4px;
}
.team-social li a {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 100%;
    color: #222;
    font-size: 16px;
    display: block;
}
.team-social li a {
    border: 1px solid;
}
.team-box:hover .text-col {
    border: 1px solid rgba(0,0,0,0);
}
.team-box:hover .text-col h3, .team-box:hover .text-col p {
    color: #fff;
}
.team-box:hover .team-social {
    border-color: #fff;
}
.team-box:hover .team-social li a {
    border: 1px solid rgba(0,0,0,0);
    background: #fff;
    color: #222;
}
.team-box:hover .thumb img {
    opacity: 0.6;
}
.team-bg-2 {
    position: relative;
}
.team-bg-2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 397px;
    height: 100%;
}
/*===========================================================================*/
						/*Newsletter Css Start*/
/*===========================================================================*/
.newsletter {
    float: left;
    width: 100%;
    background: #f0f0f0;
    padding: 70px 0;
}
.newsletter h2 {
    text-align: center;
    margin: 0 0 50px 0;
}
.newsletter form {
    margin: 0 auto;
    display: block;
    width: 600px;
    overflow: hidden;
    position: relative;
}
.newsletter form input[type="text"] {
    float: left;
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 400 14px 'Lato', sans-serif;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.newsletter form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    border: 0;
    background: #222;
    padding: 0 20px;
    font: 400 14px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
}
/*===========================================================================*/
						/*Partner Css Start*/
/*===========================================================================*/
.partnet-section {
    float: left;
    width: 100%;
    padding: 70px 0;
    background: #fff;
}
.partnet-section ul {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.partnet-section ul li {
    display: inline-block;
    padding: 0 60px;
}
.partnet-section ul li a {
    text-decoration: none;
    display: block;
}
.partnet-section ul li a:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/*===========================================================================*/
						/*Footer Css Start*/
/*===========================================================================*/
#footer {
    float: left;
    width: 100%;
    background: #222;
}
.footer-section-1 {
    float: left;
    width: 100%;
    padding: 60px 0 40px 0;
}
.footer-box {
    float: left;
    width: 100%;
}
strong.logo-footer {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.footer-box p {
    font: 400 14px/28px 'Lato', sans-serif;
    color: #fff;
    margin: 0 0 15px 0;
}
.footer-box h3 {
    color: #fff;
    margin: 0 0 20px 0;
}
.footer-box span.time {
    font: 400 14px/28px 'Lato', sans-serif;
    color: #fff;
    display: block;
}
.footer-social {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-social li {
    float: left;
    padding: 0 15px 0 0;
}
.footer-social li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.footer-menu {
    float: left;
    width: 100%;
}
.footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu ul li {
    display: block;
    overflow: hidden;
    padding: 20px 0 0 0;
}
.footer-menu ul li:first-child {
    padding: 0;
}
.footer-menu ul li a {
    font: 400 14px/14px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.footer-menu ul li a .fa {
    padding: 0 20px 0 0;
}
.footer-box form {
    float: left;
    margin: 0;
    width: 100%;
}
.footer-box form input[type="text"] {
    float: left;
    width: 100%;
    border: 0;
    background: none;
    border-bottom: 1px solid #fff;
    font: 14px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 44px 0;
    padding: 0 0 8px 0;
}
.footer-box form textarea {
    float: left;
    width: 100%;
    height: 102px;
    resize: none;
    border: 0;
    background: none;
    border-bottom: 1px solid #fff;
    font: 14px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 44px 0;
}
.footer-box form input[type="submit"] {
    float: right;
    font: 400 14px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    padding: 14px 23px;
}
.footer-box form input[type="submit"]:hover {
    background: #fff;
    color: #222;
}
.footer-box form input::-webkit-input-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form input:-moz-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form input::-moz-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form input:-ms-input-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form textarea::-webkit-input-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form textarea:-moz-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form textarea::-moz-placeholder {
 color:#fff;
 opacity:1;
}
.footer-box form textarea:-ms-input-placeholder {
 color:#fff;
 opacity:1;
}
.footer-section-2 {
    float: left;
    width: 100%;
}
.footer-section-2 strong.copyrights {
    float: left;
    font: 400 16px/16px 'Lato', sans-serif;
    color: #fff;
    padding: 30px 0;
}
.footer-section-2 a.top {
    float: right;
    font: 400 18px 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0 0 0;
}
.footer-section-2 a.top .fa {
    display: block;
    text-align: center;
    font-size: 30px;
}
.footer-section-2 a.top:hover {
    text-decoration: none;
}
.recent-post {
    float: left;
    width: 100%;
}
.recent-post ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.recent-post ul li {
    display: block;
    overflow: hidden;
    padding: 15px 0 0 0;
}
.recent-post ul li:first-child {
    padding: 0;
}
.recent-post .thumb {
    float: left;
    margin: 0 15px 0 0;
}
.recent-post .text-column {
    overflow: hidden;
}
.recent-post .text-column span.date {
    font: 400 12px/12px 'Lato', sans-serif;
    color: #fff;
    display: block;
    padding: 0 0 10px 0;
}
.recent-post .text-column a {
    font: 400 14px/24px 'Lato', sans-serif;
    color: #fff;
    display: block;
}
.recent-post ul li:hover .thumb img {
    opacity: 0.6;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.recent-post ul li:hover .text-column a {
    text-decoration: none;
}
.footer-map {
    float: left;
    width: 100%;
}
.footer-map .map_canvas {
    height: 270px;
    width: 100%;
}
/*===========================================================================*/
						/*Inner Banner Css Start*/
/*===========================================================================*/
#inner-banner {
    float: left;
    width: 100%;
    background: url(../images/inner-banner-img.jpeg) no-repeat left top/cover;
    padding: 140px 0;
    text-align: center;
    margin-bottom: 70px;
}
#inner-banner h1 {
    color: #fff;
    margin: 0 0 20px 0;
}
#inner-banner strong.title {
    font: 400 28px/28px 'Lato', sans-serif;
    color: #fff;
    display: block;
    padding: 0 0 10px 0;
}
#inner-banner .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
#inner-banner .breadcrumb li {
    color: #fff;
    font: 400 13px/13px "Lato", sans-serif;
}
#inner-banner .breadcrumb li a {
    color: #fff;
    font: 400 13px/13px "Lato", sans-serif;
    text-decoration: none;
}
#inner-banner .breadcrumb li {
    color: #fff;
    font: 400 13px/13px "Lato", sans-serif;
}
#inner-banner strong.error-text {
    background: url(../images/error-text.html) no-repeat center top;
    width: 100%;
    height: 427px;
    text-indent: -99999px;
    display: block;
    margin: 60px 0 0 0;
}
.padd-top-none {
    padding: 0;
}
/*===========================================================================*/
						/*About Text Css Start*/
/*===========================================================================*/
.about-text {
    float: left;
    width: 100%;
    position: relative;
}
.about-text:before {
    content: '';
    position: absolute;
    right: 0;
    top: 100px;
    background: url(../images/bloog-clot-img-3.html) no-repeat right top;
    height: 100%;
    width: 318px;
}
.text-style-1 {
    float: left;
    width: 100%;
    padding: 0 0 100px 0;
}
.text-style-1 .text-col {
    float: left;
    width: 645px;
    position: relative;
}
.text-style-1 .text-col:before {
    content: '';
    position: absolute;
    left: 98px;
    top: -20px;
    width: 780px;
    height: 488px;
    border: 1px solid #ccc;
    z-index: -1;
}
.text-style-1 .thumb {
    float: right;
    overflow: hidden;
    background: #000;
}
.text-style-1 .thumb img {
    display: block;
    width: 100%;
}
.text-style-1 .thumb:hover img {
    transform: scale(1.3) rotate(16deg);
    -moz-transform: scale(1.3) rotate(16deg);
    -webkit-transform: scale(1.3) rotate(16deg);
    opacity: 0.6;
}
.text-style-2 {
    float: left;
    width: 100%;
    padding: 0 0 64px 0;
}
.text-style-2 .thumb {
    float: left;
    overflow: hidden;
    background: #000;
}
.text-style-2 .thumb img {
    display: block;
    width: 100%;
}
.text-style-2 .thumb:hover img {
    transform: scale(1.3) rotate(16deg);
    -moz-transform: scale(1.3) rotate(16deg);
    -webkit-transform: scale(1.3) rotate(16deg);
    opacity: 0.6;
}
.text-style-2 .text-col {
    float: right;
    width: 640px;
    position: relative;
}
.text-style-2 .text-col:before {
    content: '';
    position: absolute;
    right: 98px;
    top: -20px;
    width: 780px;
    height: 488px;
    border: 1px solid #ccc;
    z-index: -1;
}
/*===========================================================================*/
						/*Error Page Css Start*/
/*===========================================================================*/
.error-page {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 70px 0;
}
.error-page span {
    display: inline-block;
    text-align: center;
    font: 700 130px/130px 'Lato', sans-serif;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}
.error-page strong.title {
    font: 400 60px/60px "Aller";
    color: #000;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 0 0 30px 0;
}
.error-page p {
    font: 400 24px 'Lato', sans-serif;
    color: #000;
    margin: 0 0 50px 0;
}
.error-page a.btn-style-1 {
    padding: 18px 33px;
}
.error-page a.btn-style-1 img {
    float: right;
    padding: 4px 0 0 28px;
}
/*===========================================================================*/
						/*Coming Soon Page Css Start*/
/*===========================================================================*/
.coming-soon {
    float: left;
    width: 100%;
    background: url(../images/coming-soon.jpg) no-repeat left top;
    padding: 244px 0;
    height: 100vh;
}
.coming-soon strong.coming-logo {
    display: block;
    text-align: center;
    padding: 0 0 20px 0;
}
.coming-soon h1 {
    font: italic 700 100px/100px "Aller";
    color: #fff;
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
}
.coming-soon strong.title {
    display: block;
    text-align: center;
    font: 300 72px/72px 'Lato', sans-serif;
    color: #fff;
    padding: 0 0 110px 0;
}
.coming-soon .countdown-row {
    display: block;
    width: 100%;
    text-align: center;
}
.coming-soon .countdown-section {
    display: inline-block;
    float: none;
    font-size: 75%;
    text-align: center;
    width: 198px;
    position: relative;
    background: none;
    margin: 0 30px;
    padding: 0;
}
.coming-soon .countdown-section:before {
    content: '';
    background: url(../images/timer-round.png) no-repeat center top;
    width: 198px;
    height: 198px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.coming-soon .countdown-amount {
    font-size: 200%;
    font: 300 60px/60px 'Lato', sans-serif;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 0 20px 0;
}
.coming-soon .countdown-period {
    display: block;
    text-transform: uppercase;
    font: 15px/15px "Aller";
    color: #fff;
}
/*===========================================================================*/
						/*Contact Section Css Start*/
/*===========================================================================*/
.contact-section {
    float: left;
    width: 100%;
    padding: 0 0 70px 0;
    position: relative;
}
.contact-section .map_canvas {
    width: 100%;
    height: 700px;
}
.number-box {
    margin: 0 auto;
    display: block;
    width: 1140px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid;
    background: url(../images/number-bg.html) no-repeat left bottom;
    padding: 81px 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
}
.number-box strong.number {
    display: block;
    text-align: center;
    font: 400 100px/100px 'Lato', sans-serif;
    color: #222;
}
/*===========================================================================*/
						/*Menu Css Start*/
/*===========================================================================*/
.menu-section {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 100px 0;
}
.menu-section h2 {
    margin: 0 0 50px 0;
}
.menu-section .thumb {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.menu-2 {
    position: relative;
    padding: 10px 0 80px 0;
}
/*.menu-section .thumb:hover img {
	transform: translateY(10px) translateX(-30px);
	-moz-transform: translateY(10px) translateX(-30px);
	-webkit-transform: translateY(10px) translateX(-30px);
	opacity: 0.7;
}*/
/*===========================================================================*/
						/*Outlets Text Css Start*/
/*===========================================================================*/
.outlets-section {
    float: left;
    width: 100%;
    padding: 0 0 50px 0;
}
.outlets-section p {
    margin: 0 0 40px 0;
}
.outlet-box {
    float: left;
    width: 100%;
    background: #fff;
    border: 10px solid #fafafa;
    text-align: center;
    padding: 40px 20px;
    margin-bottom: 50px;
    position: relative;
}
.outlet-box .icon-box {
    border: 2px solid;
    display: block;
    font-size: 45px;
    height: 97px;
    line-height: 95px;
    margin: 0 auto 25px;
    text-align: center;
    width: 97px;
}
.outlet-box h3 {
    font: 700 30px/30px "Aller";
    color: #222;
    text-transform: capitalize;
}
.outlet-box h3 a {
    color: #222;
    text-decoration: none;
}
.outlet-box a.loaction {
    font: 700 40px/40px "Aller";
    display: block;
    text-align: center;
    color: #222;
}
.outlet-box:hover strong.title, .outlet-box:hover h3 a, .outlet-box:hover strong.coming-text {
    color: #222;
}
.outlet-box:hover a.loaction {
    text-decoration: none;
}
.outlet-box:hover:before {
    background: url(../images/outlet-icon-hover.html) no-repeat center top/100%;
}
.outlet-box strong.coming-text {
    display: block;
    font: 400 36px/36px "Aller";
    color: #ccc;
    padding: 27px 0;
}
.outlet-detail {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}
.outlet-detail .nav-tabs {
    border: 0;
}
.outlet-detail .nav-tabs > li {
    float: none;
    display: block;
    margin: 0 0 30px 0;
    position: relative;
    padding: 0 0 30px 0;
}
.outlet-detail .nav-tabs > li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 247px;
    border-bottom: 1px solid #ccc;
}
.outlet-detail .nav-tabs > li.active > a, .outlet-detail .nav-tabs > li.active > a:hover, .outlet-detail .nav-tabs > li.active > a:focus {
    border: 0;
    color: #222;
}
.outlet-detail .nav-tabs > li > a {
    font: 400 18px/18px 'Lato', sans-serif;
    padding: 0;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
}
.outlet-detail .nav-tabs > li > a p {
    margin: 10px 0 0 0;
    text-transform: none;
}
.outlet-detail .nav > li > a:hover, .outlet-detail .nav > li > a:focus {
    background: none;
    color: #222;
}
.outlet-detail .map_canvas {
    width: 100%;
    height: 700px;
}
.outlet-detail iframe {
    width: 100%;
    border: 0;
    height: 700px;
}
.outlet-detail strong.email {
    display: block;
    font: 400 14px/24px 'Lato', sans-serif;
    text-transform: uppercase;
    color: #777;
    text-align: center;
    padding: 50px 0 30px 0;
}
.outlet-detail strong.email span {
    display: block;
}
.outlet-detail strong.email a {
    text-decoration: none;
}
.outlet-detail .mCSB_container_wrapper > .mCSB_container {
    padding: 0;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: none;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .outlet-detail .mCS-3d-thick.mCSB_scrollTools, .outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 0;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    box-shadow: none;
}
.outlet-detail .mCSB_scrollTools {
    width: 8px;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: none;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 10px;
    margin: 0;
    width: 6px;
}
.outlet-detail .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .outlet-detail .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none;
}
.outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp, .outlet-detail .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background: none;
}
.content {
    overflow: auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 500px;
}
.tab-content-box {
    float: left;
    width: 100%;
}
.tab-content-box ul {
    padding: 0;
    margin: 0 -30px 0 0;
    list-style: none;
}
.tab-content-box ul li {
    float: left;
    margin: 0 30px 30px 0;
}
.tab-content-box .thumb {
    float: left;
    width: 125px;
}
.tab-content-box .thumb img {
    display: block;
    width: 100%;
}
.tooltip-wrap {
    position: relative;
}
.tooltip-wrap .tooltip-content {
    display: none;
    position: absolute;
    top: 0;
    right: -100%;
    background-color: rgba(0,0,0,0.7);
    padding: 15px;
    color: #fff;
    width: 100%;
    z-index: 9;
}
.tooltip-wrap .tooltip-content:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent rgba(0,0,0,0.7) transparent transparent;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.tooltip-wrap:hover .tooltip-content {
    display: block;
}
/*===========================================================================*/
						/*Gallery Css Start*/
/*===========================================================================*/
.gallery-section {
    float: left;
    width: 100%;
    padding: 0 0 70px 0;
}
.gallery-section .btn-row {
    margin: 70px 0 0 0;
}
.gallery-section a.load {
    display: inline-block;
    text-align: center;
    font: 600 16px/16px 'Lato', sans-serif;
    color: #222;
    text-transform: uppercase;
    padding: 12px 30px;
}
.gallery-section a.load:hover {
    border: 0;
    color: #fff;
    text-decoration: none;
}
.gallery-section .frame {
    background: #000;
    overflow: hidden;
}
.gallery-section .frame:hover img {
    transform: scale(1.2);
    opacity: 0.5;
}
.gallery ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    position: relative;
}
.loop-entry {
    float: left;
}
.gallery-metro-2 .isotope .item {
    height: 280px;
    width: 33.33333333%;
    list-style: none;
    margin-bottom: 30px;
}
.gallery-metro-2 .isotope .item.width2 {
    width: 66.66666667%;
}
.gallery-metro-2 .isotope .item.height2 {
    height: 590px;
}
.gallery-metro-2 .isotope .item.width1 {
    width: 100%;
}
.gallery-metro-2 .isotope .item.height1 {
    height: 300px;
}
.gallery-metro-2 .isotope .item.height3 {
    height: 590px;
}
.full-gallery ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
.gallery-style-2 {
    float: left;
    width: 100%;
}
.full-gallery {
    padding-bottom: 45px;
}
.full-gallery .frame {
    float: left;
    width: 100%;
}
.full-gallery .frame img {
    display: block;
    width: 100%;
}
#filter {
    margin: 0 0 90px 0;
    display: block;
    text-align: center;
}
#filter li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
#filter li a {
    text-decoration: none;
    text-transform: uppercase;
    font: 400 16px/16px 'Lato', sans-serif;
    color: #222;
    padding: 0 22px;
}
#filter li a:hover {
    cursor: pointer;
}
#filter .current {
}
#filter li a.selected {
    cursor: pointer;
}
.isotope-hidden.isotope-item {
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.portfolio_block {
    width: 100%;
}
.portfolio_block .col-md-6 {
    padding: 0;
}
.portfolio_block .col-md-6 img {
    width: 100%;
}
.thank-msg {
    float: left;
    width: 100%;
    padding: 200px 0 0 0;
}
.thank-msg .error-page {
    margin: 0;
}
.thank-msg .error-page h2 {
    margin-bottom: 40px;
}
.product-detail {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.product-detail .frame {
    margin-bottom: 30px;
    overflow: hidden;
    background: #000;
}
.product-detail .frame:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0.6;
}
.product-detail .nav-tabs {
    border: 0;
}
.product-detail .nav-tabs > li {
    float: none;
    display: block;
    margin: 0 0 10px 0;
}
.product-detail .nav-tabs > li a {
    padding: 10px 0 12px 20px;
    font: 400 30px/30px 'Open Sans', sans-serif;
    color: #222;
    background: #ccc;
    border-radius: 0;
    margin: 0;
    border: 0;
}
.product-detail .nav-tabs > li.active > a, .product-detail .nav-tabs > li.active > a:hover, .product-detail .nav-tabs > li.active > a:focus {
    border: 0;
    color: #fff;
}
.product-detail .nav > li > a:hover, .product-detail .nav > li > a:focus {
    color: #fff;
    border-color: transparent;
}
.bg-none:before {
    display: none;
}
/*===========================================================================*/
						/*Blog Css Start*/
/*===========================================================================*/
.blog-section {
    float: left;
    padding: 0 0 70px 0;
    width: 100%;
}
.post-box {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.post-box iframe {
    width: 100%;
    height: 450px;
    border: 0;
}
.post-box .frame {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    background: #000;
}
.post-text {
    float: left;
    width: 100%;
}
.post-text ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 15px;
    width: 100%;
}
.post-text ul li {
    color: #777;
    float: left;
    font: 400 14px/24px "Lato", sans-serif;
    padding: 0;
}
.post-text ul > li + li::before {
    color: #777;
    content: "//";
    padding: 0 10px;
}
.post-text ul li a {
    color: #777;
    font: 400 14px/14px "Lato", sans-serif;
    text-decoration: none;
}
.video-frame {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.video-frame .owl-next::before {
    content: "\f054";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
}
.video-frame .owl-next:hover:before, .video-frame .owl-prev:hover:before {
    color: #fff;
}
.video-frame .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 0;
    font-size: 0;
    height: 40px;
    margin: auto;
    padding: 0;
    width: 40px;
}
.video-frame .owl-next {
    bottom: 0;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 0;
}
.video-frame .owl-prev {
    bottom: 0;
    height: 40px;
    position: absolute;
    left: 20px;
    top: 0;
}
.video-frame .owl-prev:before {
    content: "\f053";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
}
.video-frame .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    border-color: transparent;
}
.post-box:hover .frame img {
    opacity: 0.5;
}
.post-box:hover .post-text h3 a {
    text-decoration: none;
}
.sidebar {
    float: left;
    width: 100%;
}
.sidebar-box {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.sidebar-box h3 {
    margin: 0 0 15px;
}
.search-widget {
    float: left;
    width: 100%;
}
.sidebar-box form {
    float: left;
    position: relative;
    width: 100%;
}
.sidebar-box form input[type="text"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0 50px 0 13px;
    width: 100%;
}
.sidebar-box form button[type="submit"] {
    border: 0;
    border-left: 1px solid #ccc;
    background: none;
    box-shadow: none;
    color: #777;
    font-size: 14px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    top: 6px;
    width: 36px;
}
.recent-post-widget {
    float: left;
    width: 100%;
}
.recent-post-widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.recent-post-widget ul li:first-child {
    padding: 0;
}
.recent-post-widget ul li {
    display: block;
    overflow: hidden;
    padding: 20px 0 0;
}
.recent-post-widget .thumb {
    background: #000 none repeat scroll 0 0;
    float: left;
    margin: 0 15px 0 0;
    overflow: hidden;
}
.recent-post-widget .text-col {
    overflow: hidden;
    padding: 8px 0 0;
}
.recent-post-widget .text-col span.date {
    color: #777;
    display: block;
    font: 400 12px/12px "Lato", sans-serif;
    padding: 0 0 10px;
}
.recent-post-widget .text-col a {
    color: #222;
    display: block;
    font: 400 14px/24px "Lato", sans-serif;
}
.recent-post-widget ul li:hover .thumb img {
    opacity: 0.5;
}
.recent-post-widget ul li:hover .text-col a {
    text-decoration: none;
}
.tags-widgets {
    float: left;
    width: 100%;
}
.tags-widgets a {
    border: 1px solid #e1e1e1;
    color: #777;
    float: left;
    font: 400 14px/14px "Lato", sans-serif;
    margin: 0 5px 5px 0;
    padding: 8px 15px;
}
.tags-widgets a:hover {
    color: #fff;
    text-decoration: none;
}
.instagram-widget {
    float: left;
    width: 100%;
}
.instagram-widget ul {
    list-style: outside none none;
    margin: 0 -5px 0 0;
    padding: 0;
}
.instagram-widget ul li {
    background: #000 none repeat scroll 0 0;
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    padding: 0;
}
.instagram-widget ul li:hover img {
    opacity: 0.5;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.post-box blockquote {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #555;
    float: left;
    font: italic 400 18px/30px 'Lato', sans-serif;
    margin: 20px 0 25px;
    padding: 30px;
    position: relative;
    width: 100%;
}
blockquote p {
    color: #555;
    font: italic 400 18px/30px 'Lato', sans-serif;
    margin: 0;
}
blockquote {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #555;
    float: left;
    font: italic 400 18px/30px 'Lato', sans-serif;
    margin: 20px 0 25px;
    padding: 30px;
    position: relative;
    width: 100%;
}
.comment-box {
    float: left;
    width: 100%;
}
.comment-box h2 {
    margin: 0 0 25px 0;
}
.comment-box form {
    float: left;
    width: 100%;
}
.comment-box form input[type="text"], .comment-box form input[type="email"], .comment-box form input[type="tel"] {
    float: left;
    width: 100%;
    height: 50px;
    border: 2px solid #ccc;
    padding: 0 20px;
    font: 400 14px 'Lato', sans-serif;
    color: #777;
    margin-bottom: 30px;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
    float: left;
    width: 100%;
    height: 50px;
    border: 2px solid #ccc;
    padding: 0 20px;
    font: 400 14px 'Lato', sans-serif;
    color: #777;
    margin-bottom: 30px;
}
.comment-box form textarea {
    border: 2px solid #ccc;
    color: #777;
    float: left;
    font: 400 14px "Lato", sans-serif;
    height: 200px;
    margin-bottom: 30px;
    padding: 20px;
    resize: none;
    width: 100%;
}
textarea {
    border: 2px solid #ccc;
    color: #777;
    float: left;
    font: 400 14px "Lato", sans-serif;
    height: 200px;
    margin-bottom: 30px;
    padding: 20px;
    resize: none;
    width: 100%;
}
.comment-box form button[type="submit"], .comment-box form input[type="submit"] {
    border: 0 none;
    border-radius: 0;
    color: #fff;
    float: right;
    font: 700 14px "Lato", sans-serif;
    padding: 15px 65px;
}
button[type="submit"], input[type="submit"] {
    border: 0 none;
    border-radius: 0;
    color: #fff;
    float: right;
    font: 700 14px "Lato", sans-serif;
    padding: 15px 65px;
}
.contact-section textarea {
    margin-bottom: 30px;
}
.FONTS {
    font-family: "Aller";
    font-family: 'Oswald', sans-serif;
    font-family: 'Dancing Script', cursive;
    font-family: 'Lato', sans-serif;
}
.head-top .right-side .dropdown-menu > li > a, a.btn-style-1, .team-social li a, .team-box .text-col, .team-box .text-col h3, .team-box .text-col p, .team-social, .team-box .thumb img, .partnet-section ul li a img, .footer-social li a, .footer-menu ul li a, .footer-box form input[type="submit"], .text-style-1 .thumb img, .text-style-2 .thumb img, .outlet-box strong.title, .outlet-box h3 a, .outlet-box a.loaction, .outlet-box:before, .outlet-box strong.coming-text, .product-detail .nav-tabs > li a, .product-detail .frame img, .gallery-section .frame img, .gallery-section a.load, #nav li ul li a:before, .rate-list .left-box .thumb img, .rate-list .text-col ul li, .product-section .product-box .thumb img, .newsletter form input[type="submit"], .menu-section .thumb img, .about-section .frame img, .product-section .frame img, .product-section .frame .caption, .blog-section .blog-box .frame img, .blog-section .blog-box .text-column h3 a, .recent-post .text-column a, .recent-post .thumb img, #header .head-top .right-side .dropdown-menu a.btn-checkout, .video-frame .owl-theme .owl-controls .owl-nav [class*="owl-"], .video-frame .owl-prev:before, .video-frame .owl-next:before, .post-box .frame img, .post-text h3 a, .recent-post-widget .text-col a, .recent-post-widget .thumb img, .tags-widgets a, .instagram-widget ul li img {
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}