/*
	Theme Name: Joger - Creative Multi Purpose template
	Theme URI: http://themeforest.net/user/responsiveexperts
	Description: This css file is for template layout alignments
	Version: 1.0
	Author: Responsive Expert
	Author URI: http://themeforest.net/user/responsiveexperts
	Tags:
	
	---------------------------
	MAIN TEMPLATE STYLES
	---------------------------
	
	TABLE OF CONTENTS
	---------------------------
	 01. Global Styles
	 02. Preloader Content Styles
	 03. Home Page Area Styles
	 04. Slider Area Styles
	 05. Page Content Area Styles
	 		
		 a. About Page Styles
		 b. Services Page Style
		 c. Portfolio Page Styles
		 d. Blog Page Styles
		 e. Contact Page Style
			
	 06. Media Query
*/


/* ==================================================== */
/* 01. Global Content Styles                            */
/* ==================================================== */


.about-viewmore, .about-viewmore:focus, .input_button, .input_button:focus {
	padding:14px 14px;
	margin:40px 0 0 0;
	background:#ffb400;
	color:#000000;
	display:inline-block;
	text-decoration:none;
  border: none;
}
.about-viewmore:hover, .input_button:hover {
	background:#ffffff;
	color:#333333;
	border:1px solid #333333;
	text-decoration:none;
}

html, body {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
    height: 100%;
    width: 100%;
	line-height:22px;
	font-size:16px;
	color:#333333;
	background-color:#000000;
}

body {
	overflow:hidden;
}

/* Text Styling */

a, a:hover, a:active, a:visited, a:link {
    outline:none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.medium {
	font-size:16px;
	line-height:30px;
	text-transform:uppercase;
}

/* Headings */

h1 {
	margin:0 0 0 0;
	padding:50px 0 0 0;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:5px;
	font-size:52px;
	color:#000000;
	font-weight:400;
	margin-bottom:20px;
}
h2 {
	margin:30px 0 20px 0;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:5px;
	font-size:42px;
	font-weight:400;
	color:#000000;
}
h3 {
	margin:30px 0 20px 0;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:5px;
	font-size:30px;
	font-weight:400;
	color:#000000;
}
h4 {
	margin:30px 0 10px 0;
	margin-bottom:15px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:5px;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	color:#000000;
}
h4 span {
	font-weight:300;
}
h5 {
	padding:0 0 0 0;
	margin:10px 0;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	word-spacing:5px;
	font-weight:400;
	color:#000000;
	text-transform:uppercase;
}
h5 i {
	font-weight:700;
	color:#ffb400;
	font-style:normal;
}
h6 {
	padding:0 0 0 0;
	margin:10px 0;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
	font-size:14px;
	color:#ffb400;
	font-weight:400;
	text-transform:uppercase;
}
h6 i {
	color:#999999;
	font-weight:300;
	font-style:normal;
}
img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
hr {
	padding:0 0 0 0;
	margin:50px 0;
	border:0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
hr.main {
	padding:0 0 0 0;
	margin:5px 0 10px 0;
	display:inline-block;
	width:100px;
	border:0;
	border-top:5px solid #ffb400;
}

.download a {
  padding: 10px 0;
  margin: 0px 0 0 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 1px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
}

.download a:hover {
  color: #ffb400;
}

.main-nav hr {
  border-top: 5px solid #ffb400;
  margin: 30px;
}

/* List Styles */

ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:square;
}
ul li {
	padding:3px 0;
	margin:0 0 0 0;
}

.equipment {
  width: 100% !important;
}

/* ==================================================== */
/* 02. Preloader Content Styles                         */
/* ==================================================== */

#mask {
    background-color: #000000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
#loader {
    background-image:url(../img/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

/* ==================================================== */
/* 03. Home Page Area Styles                            */
/* ==================================================== */

.header-main {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	position:relative;
	text-transform:uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.wrapper.active .header-main {
	width:80%;
}
.header-main .logo-main {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:22px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:700;
	position:absolute;
	right:30px;
	top:30px;
	z-index:150;
}
.logo-main img{
  height:50px;
  margin-right:10px;
}
.header-main .logo-main a, .header-main .logo-main a:hover {
	color:#ffffff;
	text-decoration:none;
}
.left-menu a, .left-menu a:hover, .left-menu a:focus {
	padding:10px 7px;
	margin:0 0 0 0;
	width:40px;
	height:40px;
	display:block;
	/*background:#a73c1c;*/
	text-decoration:none;
	color:#ffffff;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
	position:relative;
	z-index:120;
	top:20px;
	left:20px;
	text-align:center;
	font-size:24px;
	cursor:pointer;
}
.sb-toggle-left span {
	margin:0 0 0 0;
	display:block;
	width:40px;
	height:6px;
	background:#ffffff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
	position:absolute;
}
.sb-toggle-left span:first-child {
	-ms-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	top:11px;
}
.sb-toggle-left.active span:first-child {
	-ms-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top:18px;
}
.sb-toggle-left span:last-child {
	-ms-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	top:35px;
}
.sb-toggle-left.active span:last-child {
	-ms-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top:18px;
}
.sb-toggle-left span:nth-child(2) {
	top:23px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	opacity:1;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.sb-toggle-left.active span:nth-child(2) {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	opacity:0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}


/* Navigation Area */

.nav-toggle-btn, .nav-toggle-btn:hover, .nav-toggle-btn:focus {
	padding:7px 0 0 0;
	margin:0 0 0 0;
	width:40px;
	height:40px;
	display:block;
	background:#a73c1c;
	text-decoration:none;
	color:#ffffff;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
	position:absolute;
	z-index:120;
	top:30px;
	right:30px;
	text-align:center;
	font-size:24px;
	cursor:pointer;
}
.main-nav {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	height:100%;
	display:table-cell;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:10000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
	-webkit-box-shadow: inset -2px -1px 8px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset -2px -1px 8px 1px rgba(0,0,0,0.05);
	-ms-box-shadow: inset -2px -1px 8px 1px rgba(0,0,0,0.05);
	box-shadow: inset -2px -1px 8px 1px rgba(0,0,0,0.05);
}
.sb-slidebar, .main-nav {
	background:#000000;
}
.main-nav .close-btn {
	padding:5px 0 0 0;
	margin:0 0 0 0;
	width:40px;
	height:40px;
	float:right;
	background:rgba(0,0,0,0.3);
	text-align:center;
	display:block;
	cursor:pointer;
}
.profile-img {
	margin:0 auto;
	margin-top:30px;
	width:140px;
	height:140px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	border:0px solid rgba(251,251,251,0.3);
}
.profile-img img {
	width:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
}
.menu-links {
	font-family: 'Oswald', sans-serif;
	padding:30px 0 0 0;
	margin:0 0 0 0;
}
.menu-links ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.menu-links ul li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	font-weight:400;
	font-size:18px;
}
.menu-links ul li a {
	padding:10px 0;
	margin:0 0 0 0;
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	font-weight:300;
	letter-spacing:1px;
	color:#ffffff;
	text-decoration:none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.menu-links ul li a:hover, .menu-links ul li.active a {
	color:#ffb400;
	font-weight:400;
	text-decoration:none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.social-links {
	padding:60px 0 0 0;
	margin:0 0 0 0;
	width:100%;
}
.social-links ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}
.social-links ul li {
	padding:0 2px;
	margin:0 0 0 0;
	display:inline-table;
}
.social-links ul li a, .social-links ul li a:focus {
	padding:4px 0 0 0;
	margin:0 0 0 0;
	width:30px;
	height:30px;
	text-align:center;
	background:rgba(251,251,251,0.1);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	color:#999999;
	font-size:16px;
	display:block;
	text-decoration:none;
}
.social-links ul li a:hover {
	background:#ffb400;
	color:#000000;
	text-decoration:none;
}
.social-links.contact-pg ul li a {
	background:#eeeeee;
	color:#000000;
}
.social-links.contact-pg ul li a:hover {
	background:#ffb400;
	text-decoration:none;
}

/* ==================================================== */
/* 04. Slider Area Styles                              */
/* ==================================================== */

.main-content-area {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	left:0;
	top:0;
	display:table-cell;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
.solid-bg-cont {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	left:0;
	top:0;
	display:table-cell;
	width:100%;
	height:100%;
	z-index:100;
	background:rgba(0,0,0,0.6);
}

/* Home Page Slider */

.flexslider {
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:#000;
}
.flexslider ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.flexslider ul li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:inherit!important;
	overflow:hidden;
}
.flexslider ul li img {
	width:100%;
    -webkit-transition: all 10s ease 0s;
    -moz-transition: all 10s ease 0s;
    -ms-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	margin-top:-5%;
}
.flexslider ul li.flex-active-slide img {
    -webkit-transition: all 10s ease 0s;
    -moz-transition: all 10s ease 0s;
    -ms-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.flexslider ul li:nth-child(2n+2) img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.flexslider ul li:nth-child(2n+2).flex-active-slide img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}


/* Home Page Slider Navigation */

.flex-control-nav {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	position:absolute;
	z-index:100;
	bottom:30px;
	left:30px;
}
.flex-control-nav li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline-table;
	font-size:0;
}
.flex-control-nav li {
	padding:0 3px;
	margin:0 0 0 0;
	display:inline-table;
}
.flex-control-nav li a {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
	width:10px;
	height:10px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	background:rgba(251,251,251,0.3);
	cursor:pointer;
}
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {
	background:rgba(251,251,251,0.7);
}

.banner-cont {
	position:absolute;
	z-index:120;
	width:90%;
	text-align:right;
	left:0;
	bottom:50px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.wrapper.active .banner-cont {
	width:70%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.banner-cont h1 {
	font-size:52px;
	color:#ffffff;
	font-weight:300;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.banner-cont h1 span {
	font-size:72px;
	font-weight:700;
	display:block;
  margin-top:20px;
}
.banner-cont h4 {
	margin-top:20px;
  font-size:30px;
	color:#999999;
	font-weight:300;
}
.banner-cont hr {
	padding:0 0 0 0;
	margin:5px 0 10px 0;
	display:inline-block;
	width:200px;
	border:0;
	border-top:5px solid #ffb400;
}


/* ==================================================== */
/* 05. Page Content Area Styles                         */
/* ==================================================== */

.page-cont-main {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.page-content-main {
	padding:0 0 0 25px;
	margin:0 0 0 0;
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	display:table-cell;
	background:#ffffff;
	z-index:500;
	display:none;
	text-align:center;
	-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.44);
	-moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.44);
	box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.44);
}
.page-content-main h1 {
	text-align:center;
}
.close-area {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
}
.close-area .close-main-cont {
	padding:5px 0 0 0;
	margin:10px 0 0 10px;
	width:40px;
	height:40px;
	float:left;
	text-align:center;
	display:block;
	cursor:pointer;
	background:#eeeeee;
}
.scroll-pane {
	height:480px;
}
.scroll-conts {
	padding-right:15px;
	padding-bottom:40px;
}

/* a. ========== About Page Styles ========== */

.profile-cont {
	padding-top:10px;
}
.about-cont {
	padding-top:20px;
	text-align:left;
}
.about-img img {
	width:100%;
}
.profile-img-main img {
	width:100%;
}
.progress {
	height:4px;
	background:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:#eeeeee;
}
.progress-bar {
	background:#cccccc;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
}
.skill-conts {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.skill-conts li {
	padding:0 0 0 0;
	margin:0 0 0 6%;
	float:left;
	width:47%;
	text-align:left;
}
.skill-conts li h6 {
	margin-bottom:5px;
	color:#000000;
	letter-spacing:1px;
	font-weight:300;
}
.skill-conts li:nth-child(2n+1) {
	margin:0 0 0 0;
}
.tab-container {
	padding:20px 0 0 0;
	margin:0 0 0 0;
}
.tab-container h6 {
	padding:10px 0 0 0;
	color:#000000;
}
.tab-container .etabs {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	text-align:left;
}
.tab-container .etabs li {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline-table;
}
.tab-container .etabs li a {
	padding:7px 20px;
	margin:0 3px 0 0;
	display:block;
	border:1px solid rgba(0,0,0,0.4);
	border-bottom:0;
	font-family: 'Oswald', sans-serif;
	color:#000000;
	font-weight:300;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.tab-container .etabs li a:hover, .tab-container .etabs li a.active {
	border:1px solid #ffb400;
	border-bottom:0;
	text-decoration:none;
	background:#ffb400;
}
.panel-container {
	padding:20px;
	margin:0 0 0 0;
	border:1px solid rgba(0,0,0,0.4);
	text-align:left;
}
.panel-container img {
	width:100%;
	padding-bottom:15px;
}
.panel-container .exp-single {
	padding-bottom:20px;
}
.panel-container .exp-single:last-child {
	padding-bottom:0;
}

/* Team Area */

.team-content {
	padding:0 0 0 0;
	list-style:none;
	text-transform:uppercase;
}
.team-content h5 {
	margin:15px 0 5px 0;
}
.team-content img {
	width:100%;
}
.team-single {
	padding:30px 0 0 0;
	margin:0 0 0 0;
}
.team-single .team-img {
	position:relative;
	overflow:hidden;
}
.team-single .team-img img {
	width:100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.team-single:hover .team-img img {
	opacity: 0.1;
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}
.team-single .team-img .mask {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:table-cell;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:rgba(255,180,0,0.70);
	text-align:center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
	z-index:100;
}
.team-single:hover .team-img .mask {
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:table-cell;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:rgba(255,180,0,0.80);
	text-align:center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	z-index:100;
}
.team-single .social-links {
	padding-top:42%;
}
.team-single .social-links ul li a, .team-single .social-links ul li a:focus {
	background:#000000;
	color:#ffb400;
}
.team-single .social-links ul li a:hover {
	background:#ffffff;
	color:#ffb400;
	text-decoration:none;
}

/* b. ========== Services Page Style ========== */

.service-cols {
	padding:10px 0 0 0;
	margin:0 0 0 0;
}
.service-cols ul.services {
	padding:0 0;
	margin:0 0 0 0;
	list-style:none;
}
.service-cols ul.services li {
	padding:10px;
	margin:0 0 0 0;
	float:left;
	width:50%;
}

/* Services-01 */

.service-single {
	padding:30px 20px;
	margin:0 0 0 0;
	text-align:center;
	border:1px solid rgba(0,0,0,0.4);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.service-single i {
	font-size:60px;
	color:#ffb400;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.service-single h3 {
	margin:15px 0;
}
.service-single:hover {
	border:1px solid #ffb400;
	background:#ffb400;
	color:#000000;
}
.service-single:hover i {
	font-size:60px;
	color:#ffffff;
}

/* Services-02 */

.services.second .service-single {
	padding:30px 20px;
	margin:0 0 0 0;
	text-align:center;
	border:0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.services.second .service-single i {
	font-size:60px;
	color:#ffb400;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.services.second .service-single h3 {
	margin:15px 0;
}
.services.second .service-single:hover {
	border:0;
	background:#ffb400;
	color:#000000;
}
.services.second .service-single:hover i {
	font-size:60px;
	color:#ffffff;
}

/* c. ========== Portfolio Page Styles ========== */

.portfolio-content {
	padding:30px 0 0 0;
	margin:0 0 10px 0;
}
.portfolio-content .portfolio-all {
	padding:0 0 0 0;
	margin:0 0 10px 0;
	list-style:none;
}

/* Portfolio 01 */

.portfolio-content .portfolio-all li.grid-item {
	padding:0 0 0 0;
	margin:0 0;
	margin-bottom:20px;
	width:100%;
}
.portfolio-content .portfolio-all li.grid-item .portfolio-single {
	position:relative;
	overflow:hidden;
}
.portfolio-content .portfolio-all li.grid-item img {
	width:100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.portfolio-content .portfolio-all li.grid-item:hover img {
	opacity: 0.1;
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}
.portfolio-content .portfolio-all li.grid-item .portfolio-single .mask-hover {
	padding-top:25%;
	display:table-cell;
	width:100%;
	height:100%;
	position:absolute;
	font-size:24px;
	left:0;
	top:0;
	background:rgba(255,180,0,0.80);
	text-align:center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
	z-index:100;
}
.portfolio-content .portfolio-all li.grid-item .portfolio-single .mask-hover h4 {
	margin:10px 0 0 0;
	font-size:24px;
}
.portfolio-content .portfolio-all li.grid-item .portfolio-single:hover .mask-hover {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
}
.portfolio-content .portfolio-all li.grid-item div .mask-hover a {
	padding-top:16px;
	margin:0 0 0 5px;
	line-height:24px;
	display:inline-block;
	width:70px;
	height:70px;
	text-align:center;
	color:#ffffff;
	background:#000000;
}
.zoom .fa {
  font-size: 36px;
}
.portfolio-content .portfolio-all li.grid-item div .mask-hover a:hover {
	color:rgba(251,251,251,1);
}

/* Portfolio 02 */

.portfolio-content .portfolio-all.second li.grid-item {
	padding:0 0 0 0;
	margin:0 1%;
	margin-bottom:20px;
	width:48%;
	float:left;
}
.portfolio-content .portfolio-all.second li.grid-item .portfolio-single .mask-hover {
	padding-top:20%;
}

/* d. ========== Blog Page Styles ========== */

.blog-main-home {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
.blog-main-home:before, .blog-main-home:after {
  display: table;
  content: " ";
}
.blog-main-home:after {
  clear: both;
}
.blog-main-home li {
	padding:0 0 0 0;
	margin:20px 0 0 0;
	float:left;
	width:48%;
}
.blog-main-home li:nth-child(2n+2) {
	margin-left:4%;
}
.blog-single-home {
	padding:20px 15px;
	margin:0 0 0 0;
	background:rgba(0,0,0,0);
	border:1px solid rgba(0,0,0,0.1);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.blog-single-home:hover {
	background:#ffb400;
	border:1px solid #ffb400;
	color:#000000;
}
.blog-single-home h3 {
	margin:0 0 20px 0;
	font-size:18px;
}
.blog-single-home .blog-img {
	width:100%;
}
.blog-single-home .blog-details {
	padding:7px 0;
	margin-bottom:10px;
	font-style:italic;
	font-size:13px;
	border-bottom:1px solid rgba(251,251,251,0.3);
}
.blog-single-home:hover .blog-details {
	color:#000;
	border-bottom:1px solid rgba(0,0,0,0.3);
}
.blog-viewmore, .blog-viewmore:focus {
	padding:4px 14px;
	margin:0 0 5px 0;
	background:#333333;
	color:#ffffff;
	border:1px solid #333333;
	display:inline-block;
	text-decoration:none;
}
.blog-viewmore:hover {
	background:#ffffff;
	color:#333333;
	border:1px solid #333333;
	text-decoration:none;
}


/* ========== e. Contact Page Style ========== */

#map {
	width: 100%;
	height:250px;
	margin:15px 0 20px 0;
	z-index:0;
}

.contact-address {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}
.contact-address span {
	font-weight:800;
}

.contact-address .social-links {
	padding-top:20px;
	width:100%;
	line-height:20px;
}

.contact-form input[type=text] {
	padding:12px 15px;
	margin:0 0 20px 0;
	background:#eeeeee;
	border:0;
	width:100%;
	color:#666666;
}
.contact-form textarea {
	padding:12px 15px;
	margin:0 0 20px 0;
	background:#eeeeee;
	border:0;
	width:100%;
	height:100px;
	color:#666666;
}

/* Error Message Styling */

.contact-form input[type="text"].error, .contact-form textarea.error {
	border:1px solid #FF0000;
}
#contact-error {
	margin-bottom:20px;
	color:#FF0000;
}
#contact-loading, #contact-success, #contact-failed {
	padding:100px 0 100px 0;
	margin:0 0 0 0;
	font-size:24px;
	text-align:center;
}
#contact-loading, #contact-success {
	color:#00FF00;
}
#contact-failed {
	color:#FF0000;
}


/* ==================================================== */
/* 06. Media Query                                      */
/* ==================================================== */


@media (max-width: 1400px) { /* This media query is written for Desktop */

.banner-cont h1 {
	font-size:52px;
}
.banner-cont h1 span {
	font-size:72px;
}
.wrapper.active .banner-cont h1 {
	font-size:62px;
}

}


@media (max-width: 991px) { /* This media query is written for Ipad and tablets */

@media (orientation: landscape) {

.banner-cont {
  bottom: 10px;
}
.banner-cont h1 span {
	font-size:30px;
}

.flexslider ul li img {
	/*width:auto!important;
	height:100%!important;*/
  object-fit: fill;
}
h4 {
	font-size:14px;
}
.banner-cont h4 {
  font-size:20px;
  margin-top:10px;
}
.banner-cont hr {
	width:200px;
}
.page-content-main {
	width:100%;
}
.profile-img-main {
	margin-bottom:30px;
}
.wrapper.active .header-main {
	width:100%;
}
.wrapper.active .banner-cont {
	width:100%;
}
.banner-cont h1 {
	font-size:24px;
}
.wrapper.active .banner-cont h1 {
	font-size:29px;
}
}

@media (orientation: portrait) {

.banner-cont h1 span {
	font-size:56px;
}

.banner-cont {
  bottom: 100px;
}

.flexslider ul li img {
	/*width:auto!important;
	height:100%!important;
  margin-left:-30%;*/
  width:auto !important;
  height:100% !important;
}
h4 {
	font-size:18px;
}
.banner-cont hr {
	width:200px;
}
.page-content-main {
	width:100%;
}
.profile-img-main {
	margin-bottom:30px;
}
.wrapper.active .header-main {
	width:100%;
}
.wrapper.active .banner-cont {
	width:100%;
}
.banner-cont h1 {
	font-size:39px;
}
.wrapper.active .banner-cont h1 {
	font-size:39px;
}
}


@media (max-width: 760px) {

.portfolio-content {
	padding-top:0;
}
.portfolio-content .portfolio-all li.grid-item {
	margin:0 0 0 0;
	margin-bottom:10px;
	width:100%;
}
.blog-main-home li {
	padding:0 0 0 0;
	margin:0 0 20px 0;
	float:left;
	width:100%;
}
.blog-main-home li:nth-child(2n+2) {
	margin-left:0;
}

}

@media (max-width: 480px) { /* This media query is written for Mobile only */

h1 {
	font-size:36px;
	margin-top:5px;
	margin-bottom:15px;
}
.banner-cont {
	text-align:center;
	width:100%;
}
.banner-cont h1 {
	font-size:30px;
}
.banner-cont h1 span {
	font-size:36px;
}
.banner-cont h4 {
	font-size:24px;
}
.wrapper.active .banner-cont h1 {
	font-size:42px;
}
.menu-links {
	padding-top:10px;
}
.menu-links ul li a {
	padding:8px 0;
}
.social-links {
	padding-bottom:20px;
	padding-top:20px;
}
.skill-conts li {
	width:100%;
	margin:0 0 0 0;
}
.jspContainer {
	min-width:100%!important;
}
.service-cols ul.services {
	padding:0;
}
.service-cols ul.services li {
	padding:15px 0;
	float:none;
	width:100%;
}
.portfolio-content .portfolio-all li.grid-item .portfolio-single .mask-hover {
	padding-top:10%;
}
.portfolio-content .portfolio-all li.grid-item .portfolio-single .mask-hover h4 {
	font-size:18px;
}

}


@media (max-width: 380px) { /* This media query is written for Mobile only */

.banner-cont h1 {
	font-size:24px;
}
.banner-cont h1 span {
	font-size:38px;
}
.banner-cont h4 {
	margin-top:5px;
	font-size:16px;
}

}