/*
Theme Name: lockey
Theme URI: http://underscores.me/
Author: lockey
Author URI: http://lockey
Description: Lockey Wordpress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lockey
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.

lockey 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.com/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
--------------------------------------------------------------*/
/*-----------------------------
 *	    FONT INSTALLER
 *---------------------------*/
 /*Biryani Fonts*/
@font-face {
    font-family: 'biryani-heavy';
    src:url('fonts/biryani-heavy.woff') format('woff'),
    	url('fonts/biryani-heavy.ttf') format('truetype')
}
@font-face {
    font-family: 'biryani-light';
    src:url('fonts/biryani-light.woff') format('woff'),
    	url('fonts/biryani-light.ttf') format('truetype');
}
@font-face {
    font-family: 'biryani-regular';
    src:url('fonts/biryani-regular.woff') format('woff'),
    	url('fonts/biryani-regular.ttf') format('truetype');
}

/* Open Sans Fonts */ 
@font-face {
	font-family:'opensans-semibolditalic';
	src:url('fonts/opensans-semibold.eot?') format('eot'),
		url('fonts/opensans-semibold.woff') format('woff'),
		url('fonts/opensans-semibold.ttf') format('truetype');
}
@font-face {
	font-family:'opensans-regular';
	src:url('fonts/opensans-regular.eot?') format('eot'),
		url('fonts/opensans-regular.woff') format('woff'),
		url('fonts/opensans-regular.ttf') format('truetype');

}

/*-----------------------
 		 GENERAL
-----------------------*/
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 18px;
    margin-bottom: 18px;
}
.container-fluid{
	padding: 0;
}

.m-topbottom400{
	margin: 40px 0 ;
}

.m-top70{margin-top: 70px !important;}.m-left10{margin-left: 10px;}.m-top20{margin-top: 20px !important;}.m-top160{margin-top: 160px !important;}.m-top114{margin-top: 60px !important;}.m-top30{margin-top: 30px;}.m-top37{margin-top: 37px;}.m-top0{margin-top: 0;}.m-topottom40-60{margin-top: 40px;margin-bottom: 60px;}.m-left60{margin-left: 60px;}

.pad-0{padding: 0;}.pad-18-0{padding: 18px 0;}.pad-top10{padding-top: 10px;}.pad-top20{padding-top: 20px;}
.row{margin: 0;}

.btn{
	color: #002a54;
	font-size: 17px;
}
.biryani-regular{
	font-family: 'biryani-regular';
	color: #002a54;
	font-size: 29px;
}
.biryani-heavy{
	font-family: 'biryani-heavy';
	color: #002a54;
	font-size: 29px;
}
.absolute{
	position: absolute;
}
/*-----------------------
 		  Header
-----------------------*/
.navbar-nav {
    float: left;
    margin: 52px 0;
}

.navbar-default{
	background-color: #fff;
}
.navbar{
	margin-bottom: 0;
}
.navbar-nav > li > a{
	color: #002a54 !important;
	font-family: 'biryani-heavy';
	padding-top: 8px;
	padding-bottom: 6px;
}
.navbar-nav > li:hover > a{
	background-color: #ffcb08 !important;
	transition: all 0.2s ease;
	border-radius: 5px;
}
.navbar-default .navbar-nav > .active > a{
	background-color: #ffcb08 !important;
	border-radius: 5px;
	margin: 0 10px;
}
.header-callus{
	margin-left: 40px;
	background-image: linear-gradient(bottom, #002a54 50%, #ffcb08 50%);
	background-image: -o-linear-gradient(bottom, #002a54 50%, #ffcb08 50%);
	background-image: -moz-linear-gradient(bottom, #002a54 50%, #ffcb08 50%);
	background-image: -webkit-linear-gradient(bottom, #002a54 50%, #ffcb08 50%);
	background-image: -ms-linear-gradient(bottom, #002a54 50%, #ffcb08 50%);
	height: 90px;
	width: 208px;
	border-radius: 5px;
	margin-top: 23px;
}
.top-span h3{
	margin:0;
	font-family: 'biryani-regular';
	color: #002a54;
	font-size: 18px;
	margin-left: 25px;
}

.top-span a{
	color: #fff;
	text-decoration: none;
}

.top-span a:hover{
	color: #ffcb08;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.sub-footercall a{
	color: #fff !important;
	text-decoration: none;
}

.sub-footercall a:hover{
	color: #ffcb08 !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.top-span p{
	font-family: 'biryani-heavy';
	color: #fff;
	font-size: 26px;
	margin-top: 15px;
}
.header-callus{
	padding: 15px 25px;
}
.sub-header .container{
	margin-top:-60px;
	margin-bottom:60px;
	text-transform: uppercase;
}
.sub-header .container h1{
	font-size: 58px;
	color: #fff;
	font-family: 'biryani-heavy';
	position: absolute;
}
/*-----------------------
 		  Content
-----------------------*/
.content-title{
	border-bottom: 1px solid #e7e7e7;
}
.content-title h3{
	font-size: 39px;
	color: #002a54;
}

.contents p{
	font-family:'opensans-regular';
	font-size: 15px;

}
.content-left h1{
	font-family: 'biryani-heavy';
	color: #ffcb08;
	font-size: 76px;
}

.content-left p{
	font-family:'opensans-semibolditalic';
	color: #002a54;
	font-size: 30px;
	font-style: italic;
	margin-top: 33px;
	line-height: 35px;
}
.content-right p{
	font-family:'opensans-semibolditalic';
	color: #002a54;
	font-size: 30px;
	font-style: italic;
	margin-top: 0px;
	line-height: 33px;
}
.content-left .imgs{
	margin-top: -15px;
}

.content-left hr, .content-right hr{
	border-top: 9px solid #ffcb08;
}

/*-----------------------
 		  FOOTER
-----------------------*/

.sub-footer h3{
    margin-top: 0px;
   
}
.r-column{
	background-color: #002a54;
	color: #fff;
	border-radius: 5px;
	margin-left: 40px;
}
.r-column h3{
	font-size: 46px;
	font-family: 'biryani-heavy';
	margin-top: 15px;
	margin-bottom: 0px;
}
.call-us{
	padding-top: 20px;
	padding-left: 40px;
}
.call-us-span{
	margin-top: 20px;
}
.sub-footer{
	margin-top: 30px;
	height: 140px;
}
.yellow-bg{
	background-color: #ffcb08;
	border-radius: 5px;
}
.sub-footer .yellow-bg{
	height: 103px;
}
.footer-right h1 {
    margin-top: 0px;
    color: #fff;
    font-family: 'biryani-regular';
    font-size: 25px;
}
.footer-left .blue-bg h1{
	line-height: 25px;
}
.bg-footer{
	background-size: cover;
}

.span-right h3{
	font-size: 29px !important;
}
.span-left{
	margin-left: -15px;
}

.form-control{
	border-radius: 0;
}
.blue-bg{
	background-color: #002a54;
	border-radius: 5px;
}
.footer-span1{
	color: #fff;
	text-transform: uppercase;
	font-family: 'biryani-regular';
	font-size: 29px;
}
.footer-span2{
	color: #fff;
	text-transform: uppercase;
	font-family: 'biryani-heavy';
	font-size: 23px;
	
}
.footer-span3{
	color: #ffcb08;
	text-transform: uppercase;
	font-family: 'biryani-heavy';
	font-size: 31px;
}

.footer-span3 a{
	color: #ffcb08;
	text-decoration: none;
}

.footer-span3 a:hover{
	color: #fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
/*-----------------------
 	   Responsive
-----------------------*/
@media only screen and (max-width: 1199px){
	.header-callus{
		display: none;
	}
	.r-column {
	    margin-left: 10px;
	}
	.r-column h3 {
	    font-size: 35px;
	    margin-bottom: 10px;
	}
	.span-right h3 {
    	font-size: 10px !important;
	}
}

@media only screen and (max-width: 991px){
	.navbar{
		padding: 20px;
	}
	.navbar-brand > img {
	    width: 200px;
	    margin-top: -30px;
	}
	.navbar-collapse {
	    margin-top: 30px;
	}
	.navbar-nav{
		margin:0;
	}
	.sub-footer {
	    height: unset;
	    padding-bottom: 20px;
	}
	.call-us {
	    margin-top: 60px;
	}
	.r-column{
		width: 300px;
		float: right;
	}
	.footer-right{
		margin-top: 5em;
	}
	.footer-left .blue-bg{
		padding-top: 1px;
		padding-bottom: 1px;
	}
}
@media only screen and (max-width: 790px){
	.navbar-brand {
	    padding: 15px 0px;
	}
}
@media only screen and (max-width: 628px){
	.r-column{
		width: 100%;
	}
	.sub-footer .yellow-bg {
    	height: 190px;
	}
	.call-us {
	    padding-left: 15px;
	}
}
@media only screen and (max-width: 435px){
	.footer-span3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 422px){
	.content-left h1{
		font-size: 60px;
	}
}
@media only screen and (max-width: 349px){
	.sub-header .container h1{
		font-size: 16vw;
	}
}
@media only screen and (max-width: 360px){
	.navbar-brand > img {
    	width: 180px;
	}
}

/*-----------------------
   Navbar Collapse Edit
-----------------------*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}


/*-----------------------
   VALIDATION ERROR CF7
-----------------------*/
.wpcf7-validation-errors{
	color: red !important;
}


/*-----------------------
    SLIDER REVOLUTION
-----------------------*/
.rev-btn {
  border-radius: 5px !important;
  padding: 4px 13px !important;
  font-family: 'biryani-heavy' !important;
  background-color: #fff !important;
  
}
.fa-icon-chevron-right{
  color: #ffcb08;
  font-size: 20px !important;
  
}


/*-----------------------
    SD
-----------------------*/
.su-column {
    margin: 0 1% 0 0 !important;
}



/* hide mobile version by default */
#rev_slider_3_2_wrapper {display: none !important}
 
/* when the screen size is 800px or less */
@media all and (max-width: 800px) {
 
 /* hide desktop version */
 #rev_slider_2_1 {display: none !important}
 
 /* show mobile version */
 #rev_slider_3_2_wrapper {display: block !important}

 /* other mobile adjustments for slider */
#rev_slider_3_2 {
    margin-top: -123px !important;
}
.container-fluid.content-title {
    display: none;
}
.mobile-only {
    margin-bottom: -85px !important;
}
 
}