/*

Theme Name: gaisanocapital

Theme URI: http://underscores.me/

Author: Underscores.me

Author URI: http://underscores.me/

Description: Description

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: gaisanocapital

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



gaisanocapital is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

html {

	font-family: sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}



body {

	margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}



audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden],

template {

	display: none;

}



a {

	background-color: transparent;

}



a:active,

a:hover {

	outline: 0;

}



abbr[title] {

	border-bottom: 1px dotted;

}



b,

strong {

	font-weight: bold;

}



dfn {

	font-style: italic;

}



h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



mark {

	background: #ff0;

	color: #000;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



img {

	border: 0;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 1em 40px;

}



hr {

	box-sizing: content-box;

	height: 0;

}



pre {

	overflow: auto;

}



code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



button {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input {

	line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

}



optgroup {

	font-weight: bold;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td,

th {

	padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #5d5d5d;

	font-family: 'Montserrat', sans-serif;

	font-size: 14px;

	line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}



p {

	margin-bottom: 1.5em;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0;

	padding: 0;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



figure {

	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	color: rgba(0, 0, 0, .8);

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1;

	padding: .6em 1em .4em;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 3px;

}



select {

	border: 1px solid #ccc;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #111;

}



textarea {

	width: 100%;

}



/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	color: royalblue;

}





a:hover,

a:active {

	outline: 0;

}



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {

	margin-top: 10px;

	z-index: 999;

}



.main-navigation ul {

	list-style: none;

	margin: 0;

}



.main-navigation li {

	display: block;

	margin: 0 5px;

}



.main-navigation a {

	display: block;

	padding: 15px 5px;

	text-decoration: none;

	text-transform: uppercase;

	text-shadow: 2px 2px 15px rgba(0, 0, 0, 1);

	font-size: 14px;

	color: #fff;

	transition: 600ms

}

.menu-item{

	position: relative;

}

.main-navigation li.current-menu-item a, .main-navigation a:hover{

	color: #edd814;

}

.main-navigation li.current-menu-item .sub-menu a{

	color: #fff;

}

.sub-menu:after, .sub-menu:before{

	content: ' ';

	display: table;

	clear: both;

}

.sub-menu {

	position: absolute;

    bottom: -30px;

    top: initial;

    left: 0;

    right: 0;

    padding: 10px;

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	background-color: #528636;

	z-index: 99999;

	opacity: 0;

	visibility: hidden;

	transition: opacity 600ms, visibility 600ms;

	-webkit-transition: opacity 600ms, visibility 600ms;

}

.menu-branch{

	position: static;

}

.menu-branch .sub-menu{

	float: left;

	height: auto;

	top: 100%;

	bottom: initial;

	left: 0;

	right: 0;

}

.sub-menu h3{

	text-align: center;

	text-transform: uppercase;

	color: #fff;

}

.sub-menu ul{

	padding: 0 15px;

}

.sub-menu li{

	float: none;

	display: block;

	text-align: center;

	background-color: #528636;

}

.menu-branch li:nth-child(2n+3){

	clear: both;

}

.main-navigation .sub-menu a{

	display: block;

	padding: 0;

	text-transform: initial;

	text-shadow: none;

}

.menu-branch .sub-menu a{

	float: left;

}

.main-navigation li:hover .sub-menu{

	visibility: visible;

	opacity: 1;

}

/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}



@media screen and (min-width: 37.5em) {

	.menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 0;

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

	margin-bottom: 1.5em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	vertical-align: top;

	width: 100%;

}



.gallery-columns-2 .gallery-item {

	max-width: 50%;

}



.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

	max-width: 25%;

}



.gallery-columns-5 .gallery-item {

	max-width: 20%;

}



.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}



.gallery-caption {

	display: block;

}

/*custom css*/

.rel{

	position: relative;

}

header{

	position: relative;

}

.header-top{

	position: absolute;

    left: 0;

    right: 0;

    bottom: initial;

    top: 0;

    padding: 15px 0;

    text-align: right;

    background: url(img/bg-header-top.png) no-repeat;

    background-size: cover;

    z-index: 999;

}

.header-top p{

	display: inline-block;

	margin-bottom: 0;

	font-size: 18px;

	font-weight: bold;

	color: #0099cc;

}

.menu-social{

	display: inline-block;

	margin-bottom: 0;

}

.menu-social ul{

	margin: 0 5px;

	padding: 0;

}

.menu-social-media-container li{

	display: inline-block;

	text-align: center;

	list-style: none;

}

.menu-social-media-container a{

	display: block;

	width: 45px;

	height: 45px;

	padding: 15px;

	border-radius: 50%;

	background-color: #333333;

	color: #fff;



}



.menu-social-media-container a:hover .fa-facebook{

	color: #3b5998;

	transition: color 600ms ease-out;

}

.menu-social-media-container a:hover .fa-twitter{

	color: #1da1f2;

	transition: color 600ms ease-out;

}

.menu-social-media-container a:hover .fa-instagram{

	color: #8a3ab9;

	transition: color 600ms ease-out;

}

.menu-social-media-container i{

	font-size: 18px;

	

}

.header-btm-cont{

	position: relative;

	margin-top: 50px;

	

}

.header-btm{

	position: relative;

	padding: 20px 0;

	z-index: 999;

}

.bg-btm-in:after, .bg-btm-in:before, .bg-btm:after, .bg-btm:before{

	content: '';

	position: absolute;

	left: 0;

	right: initial;

	top: -5px;

	bottom: 0;

	width: 25%;

	background-color: rgba(252, 218, 44, 0.5); 

	z-index: 99;

}

.bg-btm-in:before{

	left: 25%;

	background-color: rgba(148, 179, 158, 0.8);

}

.bg-btm:after{

	left: 50%;

	background-color: rgba(219, 168, 82, 0.6);

}

.bg-btm:before{

	left: 75%;

	background-color: rgba(161, 228, 59, 0.5);

}

.logo-cont{

	position: relative;

	float: left;

	z-index: 999;

}

.btn-menu{

	position: relative;

	float: right;

	margin-top: 5px;

	color: #fff;

	border: 1px solid #fff;

	z-index: 999;

}

.menu-collapse{

	position: absolute;

	left: 0;

	bottom: initial;

	top: 100%;

	right: 0;

	margin-top: 40px;

	text-align: center;

	z-index: 999;

	background-color: #528636;

}

.btn-menu.focus, .btn-menu:focus, .btn-menu:hover{

	color: #fff;

}

/*footer*/

footer{

	padding: 35px 0;

	font-size: 14px;

	color: #fff;

	background-color: #7fb27f;

}

footer .widget{

	margin-bottom: 20px;

}

.widget-title{

	text-transform: uppercase;

	font-size: 15px;

	font-weight: bold;

}

footer .col-4 .widget-title{

	display: inline-block;

	margin-right: 5px;

	text-transform: capitalize;

	font-size: 15px;

}

footer .menu-social-media-container{

	display: inline-block;

}

.widget li, footer li{

	list-style: none;

}

footer .widget a, footer a{

	color: #fff;

}

footer a:hover{

	color: #fff;

	text-decoration: none;

}

footer .col{

	text-align: left;

}

footer .col li{

	margin: 5px 0; 

}

.site-info{

	text-align: center;

}

.site-info p{

	display: inline-block;

	margin-bottom: 0;

	font-weight: bold;

}

.company{

	margin-bottom: 0;

	color: #333333;

}

.designer-cont{

	color: #333333;

}

.designer-cont:visited{

	color: #333333;

}

.designer{

	position: relative;

	margin-left: 30px;

}

.designer:after{

	content: '';

	position: absolute;

	left: -30px;

	height: 20px;

	width: 30px;

	top: 2px;

	right: initial;

	bottom: 0;

	background: url('img/css-logo.jpg') no-repeat;

}

/*page home*/

.site-content{

	position: relative;

}

.banner{

	position: relative;

	/*margin-top: -110px;*/

}

.bg-video{

	height: 650px;

}
.home-carousel{
	margin-top: 25px;
}
.home-carousel .carousel-inner>.item>a>img{
	width: 100%;
}
.carousel-control{

	bottom: initial;

	top: 50%;

}

.section:after, .section:before{

	content: '';

	display: table;

	clear: both;

}

.home-cont{

	position: relative;

	padding: 10px 0 35px;

	background-color: #7fcce5;

}

.home-cont:after, .home-cont:before{

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: initial;

	top: 0;

	height: 33.33%;

	background-color: #ffff7f;

	z-index: 1;

}

.home-cont:before{

	top: initial;

	bottom: 0;

	background-color: #ffcc7f;

}

.section{

	position: relative;

	clear: both;

	padding: 20px 0;

	text-align: center;

	z-index: 2;

	overflow: hidden;

}

.title{

	font-family: 'Prata', serif;

}

.section .list-title{

	position: relative;

	padding-bottom: 20px;

	margin: 30px 0;

	text-transform: uppercase;

	text-align: left;

	color: #24249e;

}

.section .list-title:after{

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: initial;

	height: 2px;

	background-color: #24249e;

}

.promo-list{

	position: relative;

	padding: 0;

	overflow: hidden;

}

.section .list{

	display: block;

	margin: 5px auto;

}

.promo-list-cont{

	position: relative;

	display: inline-block;

	overflow: hidden;

}

.promo-list img {

   -webkit-transition: all 0.3s ease-in-out;

   -moz-transition: all 0.3s ease-in-out;

   -o-transition: all 0.3s ease-in-out;

   -ms-transition: all 0.3s ease-in-out;

   transition: all 0.3s ease-in-out;

}

.promo-list .content {

   background-color: rgba(255,255,255,0.7);

   -webkit-transform: translateX(-100%);

   -moz-transform: translateX(-100%);

   -o-transform: translateX(-100%);

   -ms-transform: translateX(-100%);

   transform: translateX(-100%);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transition: all 0.3s ease-in-out;

   -moz-transition: all 0.3s ease-in-out;

   -o-transition: all 0.3s ease-in-out;

   -ms-transition: all 0.3s ease-in-out;

   transition: all 0.3s ease-in-out;

}

.list .title{

	padding: 5px 0;

	font-size: 15px

}

.promo-list h3 {

   background: rgba(255, 255, 255, 0.5);

   color: #000;

   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);

   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);

   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);

}

.list p{

	padding: 5px;

}

.promo-list p {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   color: #333;

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.promo-list-cont:hover .content {

   -webkit-transform: translateX(0px);

   -moz-transform: translateX(0px);

   -o-transform: translateX(0px);

   -ms-transform: translateX(0px);

   transform: translateX(0px);

}

.promo-list-cont:hover img {

   -webkit-transform: translateX(110%);

   -moz-transform: translateX(110%);

   -o-transform: translateX(110%);

   -ms-transform: translateX(110%);

   transform: translateX(110%);

}

.promo-list-cont:hover p {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.see-all{

	float: right;

	clear: both;

    display: block;

    margin-top: 25px;

    font-size: 20px;

    font-family: 'Prata', serif;

    color: #fff;

}

.section-2{

	text-align: center;

}

.deal-list-cont{

	position: relative;

	display: inline-block;

	overflow: hidden;

}

.deal-list img {

   -webkit-transform: scaleY(1);

   -moz-transform: scaleY(1);

   -o-transform: scaleY(1);

   -ms-transform: scaleY(1);

   transform: scaleY(1);

   -webkit-transition: all 0.7s ease-in-out;

   -moz-transition: all 0.7s ease-in-out;

   -o-transition: all 0.7s ease-in-out;

   -ms-transition: all 0.7s ease-in-out;

   transition: all 0.7s ease-in-out;

}

.content {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	background-color: rgba(255, 255, 255, 0.7);

	overflow: hidden;

	-webkit-transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	-ms-transition: all 0.5s linear;

	transition: all 0.5s linear;

	filter: alpha(opacity=0);

	opacity: 0;

}

.deal-list h3 {

	border-bottom: 1px solid rgba(0, 0, 0, 0.3);

	background: transparent;

	margin: 20px 40px 0px 40px;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	color: #333;

	-webkit-transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	-ms-transition: all 0.5s linear;

	transition: all 0.5s linear;

	filter: alpha(opacity=0);

	opacity: 0;

}

.deal-list p {

   color: #333;

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

}

.deal-list a.read{

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

}

.deal-list-cont:hover img {

   -webkit-transform: scale(10);

   -moz-transform: scale(10);

   -o-transform: scale(10);

   -ms-transform: scale(10);

   transform: scale(10);

   filter: alpha(opacity=0);

   opacity: 0;

}

.deal-list-cont:hover .content {

   filter: alpha(opacity=100);

   opacity: 1;

}

.deal-list-cont:hover h3,.deal-list-cont:hover p,.deal-list-cont:hover a.read{

   -webkit-transform: scale(1);

   -moz-transform: scale(1);

   -o-transform: scale(1);

   -ms-transform: scale(1);

   transform: scale(1);

   filter: alpha(opacity=100);

   opacity: 1;

}

				

.col{

	margin: 10px 0;

	list-style: none;

}

.img-cont{

	display: inline-block;

	-webkit-box-shadow: -1px 7px 17px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: -1px 7px 17px 0px rgba(0,0,0,0.75);

	box-shadow: -1px 7px 17px 0px rgba(0,0,0,0.75);

}

.fb-page{

	z-index: 999;

}

.fb-page, .fb-page span, .fb-page iframe, .fb-page div{

	width: 100%!important;

}

/*page about*/

.about-cont{

	padding: 40px 0;

}

/*page branch*/

.gc-page .title{

	margin: 20px;

	text-align: center;

	color: #4a4a4a;

}

.gc-branches .title{

	margin: 40px 0;

	text-transform: uppercase;

    color: #4a4a4a;

}

.list-branch{

	margin: 0;

	padding: 0;

}

.list-branch li{

	text-align: center;

	list-style: none;

}

.list-branch li:nth-child(4n+5){

	clear: both;

}

.list-branch img{

	display: block;

	margin: 0 auto;

}

.navigation{

	clear: both;

	float: right;

	margin: 30px 0;

}

.navigation li{

	float: left;

	display: inline-block;

	margin-right: 5px;

	list-style: none;

	overflow: hidden;

}

.navigation a{

	display: inline-block;

	padding: 8px 15px;

	font-size: 14px;

	color: #fff;

	background-color: #5aa6ab;

	transition: background-color 800ms ease-out;



}

.navigation li.active a{

	background-color: #fe9933;

}

.navigation a:hover{

	text-decoration: none;

	background-color: #fe9933;

	transition: all 600ms ease-in;

}

/*page corporate*/



/*page news promo*/

.gc-list{

	margin: 20px 0;

	list-style: none;

}

.gc-list:after, .gc-list:before{

	content: '';

	display: table;

	clear: both;

}

.gc-list .title{

	margin: 20px 0;

	padding-bottom: 20px;

	text-align: left;

	font-weight: bold;

	color: #ffcc7f;

	border-bottom: 2px solid #ffcc7f;

}

.gc-list:nth-child(4n+2) .title{

	color: #7fcce5;

	border-color: #7fcce5;

}

.gc-list:nth-child(4n+3) .title{

	color: #e7e700;

	border-color: #e7e700;

}

.gc-promo-list:nth-child(4n+4) .title{

	color: #7fb27f;

	border-color: #7fb27f;

}

.gc-promo img{

	float: left;

	width: 100%;

	margin-right: 20px;

}

/*page deals*/

.gc-deals{

	padding-bottom: 40px;

}

.intro-deals{

	margin: 50px 0;

	text-align: center;

	font-size: 15px;

}

/*single branch*/

.single-page{

	padding: 40px 0;

}

.single-branch{

	text-align: center;

}

.single-left-branch ul{

	margin-bottom: 20px;

	padding: 15px 0;

	border-style: solid;

	border-width: 1px 0;

	border-color: #e0e0e0;

}

.single-branch p i{

	margin-right: 10px;

	font-size: 15px;

}

/*single promo*/

.sgl-promo img{

	margin: 20px 0;

}

/*page contact*/

.gc-page .gc-title{

	color: #1e398d;

}

.gc-contact{

	text-align: center;

}

.gc-form input{

	width: 100%;

	margin: 10px 0;

	padding: 15px 10px;

}

.gc-form p{

	margin: 0;

}

.gc-form .upload-label{

	margin-top: 15px;

	text-align: left

}

p.upload-label input{

	margin-top: 10px;

	padding-top: 0;

	padding-left: 0;

}

.gc-form .btn-submit{

	float: left;

	width: auto;

	padding: 15px;

	font-size: 16px;

	border-radius: 30px;

	background: #1e398d;

    color: #fff;

    border: none;

}

.contact-info{

	text-align: left;

}

.contact-info i{

	width: 16px;

	font-size: 14px;

}
/*corner ad*/
#cornerContainer{
	left: initial!important;
	right: 0;
	transform: rotate(90deg);
}

/*news section*/
.news-list a{
	color: #fff;
}
.news-list a:hover{
	text-decoration: none;
}
.news-list .title{
	min-height: 50px;
	margin: 10px;
	/*color: #edd814;*/
}
/*page company*/
.gc-company, .gc-career{
	padding: 40px 0;
}
.gc-company li{
	list-style: none;
}
/*page career*/
.list-job{
	margin-top: 40px;
	margin-bottom: 20px;
}
.list-job .list{
	text-align: left;
	text-transform: capitalize;
	list-style: none;
}
@media ( min-width: 768px ){

	/*header*/

	.logo-cont{

		margin: 10px 15px 0 0;

	}

	.main-navigation{

		float: left;

	}

	.main-navigation li{

		float: left;

		margin: 0;

	}

	.sub-menu li{

		float: none;

	}

	.main-navigation a{

		padding: 15px 3px;

		font-size: 11px;

	}

	.sub-menu li{

		text-align: left;

	}

	.sub-menu li a{

		font-size: 12px;

	}

	/*footer*/

	.site-info p{

		display: block;

	}

	.designer-cont{

		float: right;

		text-align: right;

	}

	.company{

		float: left;

	}

	/*page home*/

	.home-page{

		position: relative;

	}
	/*page careers*/
	.list-job .list:nth-child(2n+1){
		clear: both;
	}
}

@media ( min-width: 992px ){

	/*header*/

	.header-top{

		padding: 25px 0;

	}

	.logo-cont{

		margin: 25px 15px 0 0;

	}

	.main-navigation{

		margin-top: 8px;

	}

	.main-navigation li{

		margin: 0 5px;

	}

	.sub-menu li{

		margin: 0;

	}

	.main-navigation a{

		padding: 30px 5px;

		font-size: 13px;

	}

	/*page home*/

	.fb-page div{

		width: auto!important;

	}

	.fb-page ._2p3a{

		width: 100%!important;

	}
	/*page careers*/
	.list-job .list:nth-child(2n+1){
		clear: none;
	}
	.list-job .list:nth-child(3n+4){
		clear: both;
	}

}

@media ( min-width: 1200px ){

	/*header*/

	.header-top{

		padding: 30px 0;

	}

	.header-btm-cont{

		margin-top: 70px;

	}

	.logo-cont{

		margin: 25px 60px 0 0;

	}

	.main-navigation a{

		padding: 30px 10px;

	}

}

@media ( min-width: 1600px ){

	

}