/*
Theme Name: guardmasterlanding
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

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.
*/

@import url('fonts/font-awesome.min.css');


.thm-btn {
  border: none;
  outline: none;
  background: #F7BE3D;
  font-size: 14px;
  line-height: 28px;
  color: #202020;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding: 10px 0px;
  padding-left: 20px;
  padding-right: 15px;
  display: inline-block;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.thm-btn:hover {
  background: #1FB5C7;
  color: #fff;
}
.thm-btn:hover i {
  color: #fff;
  border-color: transparent;
}
.thm-btn:hover i:after {
  background: #fff;
}
.thm-btn i {
  font-size: 16px;
  color: #000000;
  line-height: 28px;
  border-left: 1px solid #FFCD47;
  margin-left: 20px;
  padding-left: 15px;
  position: relative;
}
.thm-btn i:after {
  content: '';
  position: absolute;
  top: 0;
  left: -2px;
  width: 1px;
  height: 100%;
  background: #D7A41B;
}



/**
* header Styles.
**/

header {
	background: url(img/resources/header-bg.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 90px 0;
}
header .logo {
    border: 1px solid #444;
    margin-bottom: 43px;
    padding: 20px;
}
header h1 {
	font-size: 50px;
	line-height: 50px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 25px;
}
header p {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
}
header ul {
	margin-top: 57px;
}
header ul li {
	display: inline;
}
header ul li a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 43px;
	background: #FC5A1B;
	border-radius: 5px;
	padding: 0 21px;
	text-transform: capitalize;
	margin-right: 36px;
	transition: all .3s ease;
}
header ul li a:before {
	background: #51B7E3;
	border-radius: 5px;
}

/**
* Footer Styles.
**/

footer {
	background: #111620;
	color: #fff;
}
footer p {
	margin: 55px 0;
}
.rev-scroll-btn {
	margin-top: 40px;
}

.custom-hover{display:inline-block;position:relative;overflow:hidden;vertical-align:top;max-width:100%;}
.custom-hover:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:#F7BE3D;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-moz-transition:-moz-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-o-transition:-o-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;z-index:1;}
.custom-hover:hover:before{opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.custom-hover:after{content:'';position:absolute;top:50%;left:50%;width:29px;height:29px;margin-top:-14.5px;margin-left:-14.5px;background:url(img/resources/hover_icon.png) no-repeat center center;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-moz-transition:-moz-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-o-transition:-o-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;z-index:2;}
.custom-hover:hover:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}