@charset 'utf-8';
/*
Theme Name: SeaFood
Theme URI: #
Description: Corporate website
Author: Creatrix Solution
Author URI: http://creatrixsolution.com/
Version: 1.00
*/

/* 1. Reset tags
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Lobster|Oswald|Roboto');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,input,textarea,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, address, section, video, audio {
	font-family: inherit;
	font-size: 100%; 
	font-style: inherit;
	font-weight: inherit;
	line-height:inherit;
	border: 0;
	outline: 0;
	-webkit-font-smoothing: antialiased;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	line-height:150%;
}
html {
	height: 100%;
	font-size: 100%;	
	overflow-y: scroll !important;		/* Keeps page centred in all browsers regardless of content height */
	overflow-x: hidden;					/* Hide horizontal scrollbar on the page with VC stretch row */
	-webkit-text-size-adjust: 100%; 	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	    -ms-text-size-adjust: 100%; 	
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nopadding{
	padding: 0px !important;
}
.nopadding-left{
	padding-left: 0px !important;
}
.nopadding-right{
	padding-right: 0px !important;
}

::selection {
  background: #041C2A;
  color: #fff;
} 
::-moz-selection { 
  background: #041C2A;
  color: #fff;
}

/* 2. Default tag's settings
-------------------------------------------------------------- */
body { 	text-rendering: optimizeLegibility;    font-family: 'Roboto', sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {	display: block; }

h1, h2, h3, h4, h5, h6 { line-height:120%; 
    font-family: oswald;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, address { margin: 0; }
h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,
h2+h3,h2+h4,h2+h5,h2+h6,
h3+h4,h3+h5,h3+h6,
h4+h5,h4+h6,
h5+h6 {
	margin-top:0;
}
h1, h2, h3, h6 {
	text-transform: uppercase;
}
h3 {
	letter-spacing: 0.6px;
}
p{
    font-family: 'Roboto', sans-serif;
}
dt, b, strong {	font-weight: 500; }
p, ul, ol, dl, blockquote, address { margin-bottom: 1.55em; }
li > ol, li > ul {
	margin-bottom:0;
	margin-left: 0.75em;
}
li > p { margin-bottom:0; }
li > p+p { margin-top:0.5em; }

ol, ul {
	padding-left:0;
}

/* Links */
a {
	text-decoration:none;
	background:transparent;
	color: inherit;
}
a,
a:hover,
a:focus,
a:active {
	outline: 0;
	text-decoration: none;
}
a img { border: none; }

a,
button {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

:active, :focus { outline:0; }

.noradius{
	border-radius: 0px;
}
/* Tables */
table {
	border-collapse:collapse;
	border-spacing: 0;
}
td, th {
	border: 1px solid #e4e7e8;
	padding: 4px;
}
caption, th {
	font-weight: bold;
	text-align: center;
}
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" "";}

dt {	font-weight: bold; }
dd {	margin-left: 1.5em; }
b, strong {	font-weight: bold; }
dfn, cite, em, i { font-style: italic; }
blockquote { padding: 0.7em; }

pre, code, kbd, tt, var, samp {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	overflow: auto;
	max-width: 100%;
}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
mark, ins {
	background-color:transparent;
	text-decoration: none;
	font-style:italic;
	font-weight:bold;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
small {	font-size: 75%; }
big {	font-size: 125%; }

[hidden], template { display: none; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/* Images */
img {
	max-width: 100%;
	height: auto;
	vertical-align:top;
}
/* Audio and Video */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
iframe, video, embed {
	max-width: 100%;
	min-height: 100px;
	vertical-align: top;
}

/*Margin and Padding*/
.m0{margin:0;}.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt3{ margin-top:30px;}.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}.mt45{ margin-top:45px;}.mt50{ margin-top:50px;}.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}.mt65{ margin-top:65px;}.mt70{ margin-top:70px;}.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}.mt85{ margin-top:85px;}.mt90{ margin-top:90px;}.mt95{ margin-top:95px;}
.mt100{ margin-top:100px;}
.mb5{ margin-bottom:5px;}.mb10{ margin-bottom:10px;}.mb15{ margin-bottom:15px;}.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}.mb30{ margin-bottom:30px;}.mb35{ margin-bottom:35px;}.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}.mb50{ margin-bottom:50px;}.mb55{ margin-bottom:55px;}.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}.mb70{ margin-bottom:70px;}.mb75{ margin-bottom:75px;}.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}.mb90{ margin-bottom:90px;}.mb95{ margin-bottom:95px;}.mb100{ margin-bottom:100px;}
.p0{ padding:0;}.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}.pt30{ padding-top:30px;}.pt35{ padding-top:35px;}.pt40{ padding-top:40px;}.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}.pt55{ padding-top:55px;}.pt60{ padding-top:60px;}.pt65{ padding-top:65px;}.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}.pt80{ padding-top:80px;}.pt85{ padding-top:85px;}.pt90{ padding-top:90px;}.pt95{ padding-top:95px;}
.pt100{ padding-top:100px;}
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}.pb35{ padding-bottom:35px;}.pb40{ padding-bottom:40px;}.pb45{ padding-bottom:45px;}.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}.pb60{ padding-bottom:60px;}.pb65{ padding-bottom:65px;}.pb70{ padding-bottom:70px;}.pb75{ padding-bottom:75px;}
.pb80{ padding-bottom:80px;}.pb85{ padding-bottom:85px;}.pb90{ padding-bottom:90px;}.pb95{ padding-bottom:95px;}.pb100{ padding-bottom:100px;}.mt150 {
  margin-top: 150px;
}

/* 3. Form fields settings
-------------------------------------------------------------- */
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 1em;				/* Corrects font size not being inherited in all browsers */
	line-height: 1.2857em;
	margin: 0;					/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;	/* Improves appearance and consistency in all browsers */
}
button, input {
	line-height: normal;		
}
button {
	overflow: visible; 
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.sc_button.sc_button_style_filled {
	border:none;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea,
select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	/* Addresses box sizing set to content-box in IE8/9 */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;						/* Addresses excess padding in IE8/9 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: none;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {			
	border: 0;
	padding: 0;
}
input[type="text"], 
input[type="tel"], 
input[type="number"], 
input[type="email"], 
input[type="password"], 
input[type="search"], select, textarea {
    -webkit-appearance: none;
    outline: none;
    resize: none;
    padding: 0 1.4em;
    border: 1px solid #89B941;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    height: 3.05em;
    line-height: 3.05em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 20px;
}
.form-group textarea {
    -webkit-appearance: none;
    outline: none;
    resize: none;
    padding: 0 1.4em;
    border: 1px solid #89B941;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    height: 3.05em;
    line-height: 3.05em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 20px;
    height: 200px;
}
button::-moz-focus-inner { 
	border: 0;
}
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select,
textarea:focus {
	outline: none;
}
textarea {
	overflow: auto;			/* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top;	/* Improves readability and alignment in all browsers */
	min-height:5em;
}
label {
	font-family: Montserrat, sans-serif;
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}
label.required:after {
	content:'*';
	display:inline;
	margin-left:0.5em;
	vertical-align:text-top;
	font-size:80%;
	color:#da6f5b;
}
fieldset {
	border: 1px solid #ddd;
	margin: 1.5em 0.2em;
	padding: 1em 1.5em;
	position: relative;
}
fieldset legend {
	background-color: #fff;
	font-style: italic;
	font-weight: 600;
	left: 1.5em;
	padding: 0 0.2em;
	position: absolute;
	top: -0.8em;
}
.alignleft {
	display: inline-block;
	float: left;
	margin-right: 2.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.alignright {
	display: inline-block;
	float: right;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.aligncenter {
	clear: both;
	display: block !important;
	margin-left: auto !important;
	margin-right:auto !important;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align:center;
}

/*================= TEXT COLOR ===================*/

.green{
	color: #8BB841;
}

/* ================================= */
/* ----------- BACK TOP ------------ */
/* ================================= */

.scrollup {
  border-radius: 5px;
  bottom: 30px;
  color: #000;
  display: none;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  position: fixed;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 40px;
  z-index: 998;
  cursor: pointer;
  border:1px solid #fff;
  background: #E7F0F5;
}
.scrollup:hover {
    color: #000;
    text-decoration: none;
}

/* ================================= */
/* ------------ LOADER ------------- */
/* ================================= */
.loader{
    position:fixed;
    z-index:110000;
    height:100%;
    width:100%;
    left:0;
    right:0;
    overflow:hidden;
    background:#fff;
    top:0;
    bottom:0;
}
.spinner {
	position: absolute;
	left: 47%;
	top:47%;
}
.loading-bar {
    border-radius: 10%;
	width: 83px;
	height: 83px;
	background: url(../../img/logo/loader.png) no-repeat;
	background-position: center;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*========================= TOPBAR ==============================*/

.topbar{
	border-top: 4px solid #89B941;
	width: 100%;
	background: #192A53;
	padding: 20px 0px;
}
.topbar .logo{
}
.topbar .logo img{
	width: 100px;
}
.social{
	float: right;
	margin-top: 5px;
}
.social ul{
   list-style: none;
}
.social li{
	float: left;
	margin-left: 4px;
}
.social li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	border:2px solid #fff;
	border-radius: 50%;
	color: #fff;
	line-height: 35px;
	transition:0.5s ease;
}
.social ul li a:hover{
	background: #89B941;
	color: #fff;
	border:2px solid #89B941;
}

/* =========== NAVIGATION ============ */
#manu_border{
	margin: 0 auto;
	display: block;
	width: 20%;
	background: #E7F0F5;
	padding: 5px;
	z-index: 999;
	position: relative;
}
#main_header .nav.navbar-nav {
  margin-left: -30px;
}
.navbar-brand{ height:auto; line-height:normal;}
.navbar-brand h1{ color: #fff;}

nav.navbar.bootsnav.sticked .navbar-brand > img{ width:100%;}
nav.navbar.bootsnav.navbar-sticky .navbar-brand{ display: none; }

nav.navbar.bootsnav.sticked  .navbar-nav{ float:right;}
nav.bootsnav.brand-center .navbar-collapse {
  padding-top: 20px;
}
nav.navbar.bootsnav ul.nav > li > a{
  text-transform: uppercase;
  font-weight:normal;
  padding: 29px 15px;
  font-size:15px;
  color:#555555;
}
nav.navbar.bootsnav ul> li > a:hover{
	background: #8BB841;
	color: #fff;
}

nav.navbar.bootsnav ul.nav > li{
	margin-bottom: 0px;
}
#header nav.navbar.bootsnav ul.nav > li > a{
    color: #fff;
}
nav.navbar.bootsnav.sticked ul.nav > li > a,
#header  nav.navbar.bootsnav.sticked ul.nav > li > a{
	margin:10px 0;
    color: #555555;
    padding: 14px 7px !important;
}

nav.bootsnav.navbar-brand-top ul.nav{
	margin-bottom:1px !important;
}
/*** DropDowns ***/
.dropdown-menu.animated, .collapse navbar-collapse .animated{
	-webkit-animation-duration:.4s;
	-o-animation-duration:.4s;
	animation-duration:.4s;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
	border:none;
	-webkit-box-shadow:0 3px 3px 0px rgba(0, 0, 0, 0.27);
	-o-box-shadow:0 3px 3px 0px rgba(0, 0, 0, 0.27);
	box-shadow:0 3px 3px 0px rgba(0, 0, 0, 0.27);
}
ul.navbar li.dropdown-menu{
	z-index: 99999;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
  text-align: left;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
  left: 100%;
  right: auto;
}
.navbar-right .dropdown-menu{
  left: 0;
  right: auto;
}
.dropdown-menu{
 	z-index: 99999;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a,
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
  padding: 6px 12px;
  font-size: 14px;
  border-bottom: 0px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:focus,
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:focus,
nav.navbar.bootsnav ul.nav > li.dropdown .dropdown-menu .dropdown-toggle:hover,
nav.navbar.bootsnav ul.nav .dropdown-menu  li.dropdown.on .dropdown-toggle{
	color:#fff;
	background-color: #89B941;
}
nav.bootsnav .megamenu-content .title{
  margin-bottom: 15px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
  padding: 10px 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus{
  padding:10px 0 10px 10px;
}
/**DropDowns eds **/

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:focus,
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:focus,
nav.navbar.bootsnav ul.nav > li.dropdown .dropdown-menu .dropdown-toggle:hover,
nav.navbar.bootsnav ul.nav .dropdown-menu  li.dropdown.on .dropdown-toggle{
  color:#fff;
}

@media (max-width: 768px) {
    
    nav.navbar.bootsnav ul.nav > li > a{
        padding: 10px 15px;
        font-weight: 600;
    }
    nav.navbar.bootsnav.sticked ul.nav > li > a,
    #header  nav.navbar.bootsnav.sticked ul.nav > li > a{
    	border:0px;
    	border-bottom: 1px solid #eaeaea;
    }

}

/*====================== SLIDER ==================*/

.slider{
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f001';
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  background: #8BB93E;
}

.flex-control-nav{
	margin-top: 40px;
}

/*================= ABOUT ======================*/

.about{
	width: 100%;
	padding: 90px 0px;
	padding-bottom: 20px;
}
.about h2{
	font-size: 30px;
	margin-bottom: 0px;
}
.about p{
	text-transform: uppercase;
}
.work_flow{
	margin-bottom: 60px;
}
.work_flow h5{
	font-size: 12px;
	margin-bottom: 5px;
}
.work_flow{
	text-align: center;
}
.work_flow i{
	font-size: 50px;
	color: #181818;
	margin-bottom: 15px;
}

/*===================== GALLERY ==================*/

.tabbable-line{
	border-top: 1px solid #eaeaea;
	padding-top: 10px;
}

.tabbable-line > .tab-content{
	border:0px !important;
}
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #89b941;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	background: none !important;
	color: #222 !important;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #89b941;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
  background: #fff;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #89b941;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #89b941;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
/*===================== ABOUT COMPANY ==================*/

.heading{
	width: 100px;
	border-top:5px solid #8BB93E;
	margin: 12px 0px;
	border-radius: 50%;
}

.about_company{
	background-color: #F5F5F5;
	padding: 80px 0px;
}
.company_details{
	background: url(../../img/bg/about_bg.jpg) no-repeat;
	background-size: cover;
	padding: 50px;
	color: #fff;
	height: 381px;
}
.company_details h1{
	margin-bottom: 20px;
	font-size: 30px;
}
.company_details p{
	text-align: justify;
}

/*===================== FEATURED ITEMS ==================*/

.gallery_home{
	padding-bottom: 90px;
}
.featured_product{
	padding: 80px 0px;
}
.product_view{
	margin-bottom: 10px;
}
figure.product_hover img {
    width: 100%;
    
}

figure.product_hover {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 100%;
  width: 100%;
  color: #000000;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
  border:1px solid #eaeaea;
}
figure.product_hover * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
figure.product_hover img {
  max-width: 100%;
  vertical-align: top;
  margin: 0 auto;
  display: block;
}
figure.product_hover figcaption {
  top: 50%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
figure.product_hover h2,
figure.product_hover h4 {
  margin: 0;
}
figure.product_hover h2 {
  font-weight: 600;
}
figure.product_hover h4 {
  font-weight: 400;
  text-transform: uppercase;
}
figure.product_hover i {
  font-size: 32px;
}
figure.product_hover:after {
  background-color: #ffffff;
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
figure.product_hover a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.product_hover:hover figcaption,
figure.product_hover.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.product_hover:hover:after,
figure.product_hover.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}

figure.home_gallery {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 220px;
  max-width: 360px;
  max-height: 220px;
  width: 100%;
  background: #000000;
  text-align: center;
}
figure.home_gallery * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.home_gallery img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.home_gallery figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%;
}
figure.home_gallery figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.home_gallery h2,
figure.home_gallery p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.home_gallery h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.home_gallery h2 span {
  font-weight: 800;
}
figure.home_gallery p {
  font-weight: 200	;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.home_gallery a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.home_gallery:hover img {
  opacity: 0.35;
}
figure.home_gallery:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.home_gallery:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.home_gallery:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/*========================= ABOUT WITH BACKGROUND ==============================*/

.about_bg{
	background: url(../../img/bg/about.jpg);
	padding: 150px 0px;
}

.about_bg h4{
	font-size: 40px;
}
.about_bg h1{
	font-size: 70px;
	margin-bottom: 90px;
}

.btn-green{
	background: #8BB93E;
	border-radius: 40px;
	color: #fff;
	padding: 13px 20px;
	font-size: 15px;
	transition:0.5s ease-in-out;
}
.btn-green:hover{
	background: #fff;
	color: #8BB93E;
	border:1px solid #8BB93E;
}
.our_expert{
	background: url(../../img/bg/gallery.jpg) no-repeat;
	padding: 90px 0px;
}
#expert .item{
  margin: 10px;
}
#expert .item img{
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.5s ease 0s;
}
.expert_img{
	background: url(../../img/bg/profile.png) #fff no-repeat;
}
.expert_des{
	border:1px solid #222;
	border-radius: 5px;
	cursor: pointer;
	transition:1s ease-in-out;
}
.expert_des:hover{
	background: #93BD4F;
	color: #fff;
	border:1px solid #93BD4F;
}
.expert_name{
	padding: 20px;
	text-align: center;
	font-size: 30px;
	border-top: 1px solid #eaeaea;
}
.our_expert h1{
	font-size: 60px;
}

/*========================= CONTACT INFO ==============================*/

.contact_home{
	background: url(../../img/bg/con_bg.jpg);
	padding: 50px 0px;
	color: #fff;
}
.contact_home h1{
	font-size: 50px;
}
.con_info i{
	font-size: 50px;
	color: #93BD4F;
	margin-bottom: 15px;
	height: 50px;
}
.con_info p{
	font-size: 12px;
}
.con_info h3{
	font-weight: normal;
}
.con_info a:hover{
	color: inherit;
}

/*========================= PRODUCTS ==============================*/

.products{
	padding: 80px 0px;
}
.products img{
	width: 100%;
	height: 240px;
	margin-bottom: 15px;
}
.detail_product{
	padding: 80px 0px;
}
.detail_img{
	margin-bottom: 20px;
}
.detail_img .slides img{
	max-height: 400px;
	border-radius: 5px;
}
.detail_img .flex-control-thumbs li{
	width: 100px;
	height:100px;
	border:1px solid #eaeaea;
	border-radius: 5px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
}
.detail_img .flex-control-thumbs li img{
	width: 100px;
	height: 90px;
}
.detail_img .thumb-image img{
	border:1px solid #eaeaea;
}
.detail_img img{
	width: 100%;
}
.detail_spec{
	margin-top: 80px;
}
.detail_desc h3{
	border-bottom: 1px dotted #eaeaea;
	padding-bottom: 15px;
	font-size: 30px;
}
.detail_desc h4{
	margin-bottom: 15px;
}
.detail_desc p{
	font-size: 14px;
}
.detail_spec .tab-content{
	padding: 20px 10px;
	background: #F5F5F5;
}
.detail_spec .tab-content p{
	font-size: 14px;
}
.detail_spec .nav-tabs {
	border-bottom: 0px;
}
.detail_spec .nav-tabs li{
	background: #F5F5F5;
	text-transform: uppercase;
}
.detail_spec .nav-tabs > li > a:hover{
	border:0px;
	color: #fff;
	background: #041C2A;
	border-radius: 0px; 
	padding: 20px 30px;
}
.detail_spec .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	border:0px;
	background: #041C2A;
	border-bottom: 0px;
	border-radius: 0px;
	color: #fff;
}
.detail_spec .nav-tabs li a{
	padding: 20px 30px;
}


/*========================= BRANDS ==============================*/

.brands{
   background: url(../../img/bg/brand_bg.jpg);
   padding: 50px 0px;	
}

.brands img{
	height: 120px;
	margin: 0 auto;
	display: block;
}


/*==========  404 ========*/

.page_not_found{
	padding: 80px 0px;
	text-align: center;
}
.page_not_found h1{
	font-size: 90px;
	margin-bottom: 20px;
}
.page_not_found p{
	font-size: 20px;
}

/*==========  pagination for product page ========*/

.top_header{
	padding: 80px 0px;
	margin-top: -10px;
	background: url(../../img/bg/page_bg.jpg);
	background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;	text-transform: uppercase;
    text-align: center;
}

.top_header_contact{
	padding: 80px 0px;
	margin-top: -10px;
	background: url(../../img/bg/contact_bg.jpg);
	background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;	text-transform: uppercase;
    text-align: center;
}
.top_header_contact h1{
	font-size: 30px;
	color: #222;
}
.top_header h1{
	font-size: 30px;
	color: #fff;
}
.top_header h5{
	color: #fff;
}
.top_header a{
	color: inherit;
}

/*PAGE*/

.page{
	padding: 50px 0px;
}
.page p{
	font-size: 14px;
}
.page table{
	width: 100%;
}
.page ul{
	margin-left: 20px;
}
.page h1,h2,h3{
	margin-bottom: 20px;
}
.page img{
	margin-bottom: 15px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    font-weight: bold;
}

.pagination a {
    padding: 7px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.pagination > a:first-child {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > a:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.pagination a:hover, .pagination a:active {
    color: #23527c;
    background-color: #eeeeee;
    border-color: #dddddd;
    text-decoration: none;
}
.pagination span.current {
    margin-left: -1px;
    padding: 7px 12px;
    line-height: 1.42857143;
    z-index: 2;
    color: #ffffff;
    background-color: #041C2A;
    border: 1px solid #041C2A;
    cursor: default;
}
.pagination span.disabled {
    color: #777777;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
    padding: 7px 12px;
    line-height: 1.42857143;
    text-decoration: none;
}
.pagination > .disabled:first-child {
	  margin-left: 0;
	  border-bottom-left-radius: 2px;
	  border-top-left-radius: 2px;
}
.pagination > .disabled:last-child {
	  border-bottom-right-radius: 2px;
	  border-top-right-radius: 2px;
}

/*========================= GALLERY =============================*/

.gallery_page{
	  padding: 80px 0px;
}
.galary{
	margin-bottom: 10px;
}
figure.gallery_hover {
	font-family: 'Raleway', Arial, sans-serif;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 220px;
	max-width: 310px;
	max-height: 220px;
	width: 100%;
	color: #000000;
	text-align: center;
    border:1px solid #eaeaea;
    border-radius: 10px;
}
figure.gallery_hover * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
figure.gallery_hover img {
	opacity: 1;
	width: 100%;
	height: 200px;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.gallery_hover:after {
	background: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0.75;
	-webkit-transform: skew(-45deg) scaleX(0);
	transform: skew(-45deg) scaleX(0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
figure.gallery_hover figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
figure.gallery_hover h2,
figure.gallery_hover p {
	margin: 0;
	width: 100%;
	opacity: 0;
}
figure.gallery_hover h2 {
	padding: 0 30px;
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
}
figure.gallery_hover p {
	padding: 0 50px;
	font-size: 0.8em;
	font-weight: 500;
}
figure.gallery_hover a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}
figure.gallery_hover:hover:after,
figure.gallery_hover.hover:after {
	-webkit-transform: skew(-45deg) scaleX(1);
	transform: skew(-45deg) scaleX(1);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.gallery_hover:hover figcaption h2,
figure.gallery_hover.hover figcaption h2,
figure.gallery_hover:hover figcaption p,
figure.gallery_hover.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
figure.gallery_hover:hover figcaption h2,
figure.gallery_hover.hover figcaption h2 {
    opacity: 1;
}
figure.gallery_hover:hover figcaption p,
figure.gallery_hover.hover figcaption p {
    opacity: 0.7;
}

/*========================= CONTACT ==============================*/

.contact{
	padding: 80px 0px;
	background: url(../../img/bg/gallery.jpg);
}
.conact h4{
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 0px;
}
.contact i{
	margin-bottom: 20px;
}
.contact p{
	font-size: 14px;
	margin-top: 10px;
}
.contact_box{
	margin: 30px 0px;
}
.well_box{
	text-align: center;
	background: #F5F5F5;
	padding: 30px 0px;
	height: 200px;
	margin-bottom: 10px;
	border-radius: 20px;
}
.well_box a{
	text-decoration: none;
	color: inherit;
}
.well_box .fa{
	color: #041C2A;
	font-size: 30px;
	margin-top: 20px;
}

.contact_form{
	padding-bottom: 80px;
}
.form_cal{
	margin: 0 auto;
	display: block;
}



/*========================= FOOTER ==============================*/
.map iframe{
	width: 100%;
	height: 350px;
	margin: 0px;
	padding: 0px;
}


.footer{
	width: 100%;
	background: #3F3735;
	color: #fff;
}
.footer h1{
	padding: 40px 0px;
	font-size: 40px;
}
.footer h2{
	font-size: 25px;
}
.footer_one{
	background: url(../../img/bg/footer_one.jpg) no-repeat;
	padding: 160px 0px;
}
.footer_one p{
	text-align: justify;
	font-size: 14px;
}
.footer_two{
	position: relative;
	height: 565px;
}
.footer_two .social{
	float: left;
}
.footer_two p{
	font-size: 12px;
}
.footer_menu{
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: #322C2A;
	padding: 15px 20px;
}
.footer_menu p{
	margin-bottom: 0px;
}
.footer_menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer_menu ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.footer_menu ul li a:hover{
	color: inherit;
	text-decoration: underline;
}	
.footer_content{
	width: 350px;
	margin: 0 auto;
	display: block;
}

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

	.col-top{
		width: 100%;
	}
	.col-top-hide{
		display: none !important;
	}
	.nopadding-left{
		padding: 15px !important;
	}
	.social{
		float: none !important;
		margin: 0 auto;
		display: block;
		margin-top:-20px;
	}
	.nopadding-right{
		padding: 15px !important;
	}
	.company_details{
		height: auto;
	}
	.footer_logo img{
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}
	.featured_product img{
		width: 100% !important;
	    height: 200px;
    }
	.detail_img .flex-control-thumbs img{
		width: 50px;
		height:50px;
		border:1px solid #eaeaea;
	}

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

	.nopadding-left{
		padding: 15px !important;
	}
	.nopadding-right{
		padding: 15px !important;
	}

}