/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI : 

====================================================

	TOC
	
	1. PRIMARY STYLES
	2. COMMONS FOR PAGE DESIGN
	3. HEADER
	4. INTRO SECTION
	5. PORFOLIO SECTION
	6. ABOUT SECTION
	7. EXPERIENCE SECTION
	8. EDUCATION SECTION
	9. COUNTER SECTION
	10. FOOTER

====================================================

/* :: :: 1.0 Import Fonts */
/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,600,700");*/


/* :: 2.0 Import All CSS */

/*@import url(plugin-frameworks/bootstrap.css);*/
/*@import url(plugin-frameworks/skitter-carousel/dist/skitter.css);*/



/*@import url(plugin-frameworks/animate_2.css);*/
/*@import url(../css/animate.css);*/


/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

html {
	font-size: 100%;
	overflow-x: hidden;
	width: 100%;
	margin: 0px;
	padding: 0px;
	touch-action: manipulation;
}


body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-wrap: break-word;
	overflow-x: hidden;
	color: #333;
	background: #F7F7F7;

	margin: 0;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
span,
li,
img,
inpot,
button {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	font-weight: inherit;
}

h1,
h2,
h3 {
	font-family: 'Encode Sans Expanded', sans-serif;
}

p {
	line-height: 1.7;
	font-size: 1.05em;
	font-weight: 400;
	color: #555;
}

h1 {
	font-size: 2.5em;
	line-height: 1;
}

h2 {
	font-size: 2em;
	line-height: 1.1;
}

h3 {
	font-size: 1.7em;
}

h4 {
	font-size: 1.35em;
}

h5 {
	font-size: 1.12em;
}

h6 {
	font-size: .9em;
}

a,
button {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	line-height: 1.3;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}



b {
	font-weight: 700;
}

img {
	width: 100%;
}

ul>li {
	list-style: none;
	display: inline-block;
	line-height: 1.6;
}

span {
	display: inline-block;
}

button {
	outline: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.icon {
	font-size: 1.1em;
	display: inline-block;
	line-height: inherit;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	line-height: inherit;
}

b.max-bold {
	font-weight: 700;
}



i {
	display: inline-block;
}

::placeholder {
	color: #ccc;
}

:-ms-input-placeholder {
	color: #ccc;
}

::-ms-input-placeholder {
	color: #ccc;
}


/* RESPONSIVE */

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

	p {
		line-height: 1.4;
	}

	h1 {
		font-size: 3.8em;
	}

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.6em;
	}

	h4 {
		font-size: 1.3em;
	}

}

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

	body {
		font-size: 14px;
	}

	h1 {
		font-size: 3em;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		font-size: 1.2em;
	}

}



/* ---------------------------------
3. HEADER
--------------------------------- */




.gallery-list a {
	position: relative;
	z-index: 1;
	@flex (0 0 30%);
	max-width: 30%;
	margin-bottom: 15px;
	cursor: zoom-in;
}

.gallery-list a::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	background-color: rgba(97, 186, 109, 0.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.gallery-list a:hover::after {
	opacity: 1;
	visibility: visible;
}





/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

.dplay-tbl {
	display: table;
	height: 100%;
	width: 100%;
}

.dplay-tbl-cell {
	display: table-cell;
	vertical-align: middle;
}

.oflow-hidden {
	overflow: hidden;
}

.oflow-visible {
	overflow: visible;
}

.dplay-none {
	display: none;
}

.dplay-block {
	display: block;
}

.dplay-inl-block {
	display: inline-block;
}


/* CARDVIEW */

.card-view {
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .10);
	background: #fff;
}


/* RESPONSIVE */

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

	div.card-view {
		padding: 20px !important;
	}

}


/* POSITION */

.pos-relative {
	position: relative;
	z-index: 1;
}

.abs-tlr {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.abs-blr {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.abs-tl {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.abs-br {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.abs-tbr {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.abs-tblr {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.z--1 {
	z-index: -1;
}


/* ALIGNMENT */

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}




.t-upper {
	text-transform: uppercase;
	text-shadow: 2px 3px 20px rgba(0, 0, 0, .8);
}

.letter-big {
	font-size: 4.5em;
	line-height: 1;
	float: left;
	margin: 0 10px 0px 0;
	font-weight: 700;
}


/* RESPONSIVE */

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

	.float-md-none {
		float: none !important;
	}

	.text-md-center {
		text-align: center !important;
	}

	.font-md-13 {
		font-size: 1.3em;
	}

}


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

	.float-sm-none {
		float: none !important;
	}

	.text-sm-center {
		text-align: center !important;
	}

	.font-sm-13 {
		font-size: 1.3em;
	}
}


/* COLOR */

.color-white {
	color: #fff;
}

.color-green {
	color: #36D98A;
}

.color-ash {
	color: #888;
}

.color-ccc {
	color: #ccc;
}

.color-grey {
	color: #ccc;
}

.color-black {
	color: #111;
}

.color-lite-black {
	color: #888;
}

.color-fb {
	color: #4270E8;
}

.color-blue {
	color: #2458C5;
}

/* BACKGROUND COLOR*/

.bg-fb {
	background: #4270E8;
}

.bg-twtr {
	background: #39CBF0;
}

.bg-gogl {
	background: #F63F39;
}

.bg-rss {
	background: #EDAA15;
}

.bg-white {
	background: #fff;
}

.bg-191 {
	background: #191919;
}

.bg-dark-primary {
	background: #050658 !important;
}


/* SHAPE */

.sqr-fb-20 {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 21px;
	border-radius: 3px;
	background: #fff;
	color: #4270E8;
}

.sqr-twtr-20 {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 21px;
	border-radius: 3px;
	background: #fff;
	color: #39CBF0;
}

.sqr-gogl-20 {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 21px;
	border-radius: 3px;
	background: #fff;
	color: #F63F39;
}

.sqr-rss-20 {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 21px;
	border-radius: 3px;
	background: #fff;
	color: #EDAA15;
}


/* HOVER */

.hover-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.hover-video:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	background: linear-gradient(49deg, #000 0%, rgba(0, 0, 0, .4) 1000%);
	opacity: .5;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.hover-video .icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.hover-video .icon i {
	height: 40px;
	width: 40px;
	line-height: 36px;
	border-radius: 50px;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.hover-video:focus:after,
.hover-video:hover:after {
	opacity: .2;
}

.hover-video:focus,
/*.hover-video:hover .icon{ -webkit-transform: translate(-30%, -30%); transform: translate(-30%, -30%); }*/
.hover-video:hover .icon i {
	color: blue;
}


.hover-video.sm .icon i {
	height: 34px;
	width: 34px;
	line-height: 31px;
	font-size: 16px;
	-webkit-transform: translateY(-17px);
	transform: translateY(-17px);
}

.hover-video.sm:focus,
.hover-video.sm:hover .icon {
	-webkit-transform: translate(-20px, -20px);
	transform: translate(-20px, -20px);
}

.hover-grey:focus,
.hover-grey:hover {
	color: #fff;
}

.list-hover>li>a {
	position: relative;
}

.list-hover>li>a:focus,
.list-hover>li>a:hover {
	padding-left: 12px;
	color: #fff;
}

.list-hover>li>a:before {
	content: '\f3d3';
	font-family: "Ionicons";
	position: absolute;
	left: 0;
	opacity: 0;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.list-hover>li>a:focus:before,
.list-hover>li>a:hover:before {
	opacity: 1;
}



/* BACKGROUND IMAGE */

.img-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.bg-map {
	background: url(../images/map.png) no-repeat center;
	background-size: auto 100%;
}

.bg-1 {
	background: url(../images/slider-1-550x600.jpg) no-repeat top;
	background-size: cover;
}

.bg-2 {
	background: url(../images/slider-2-550x600.jpg) no-repeat center;
	background-size: cover;
}

.bg-3 {
	background: url(../images/slider-3-600x300.jpg) no-repeat center;
	background-size: cover;
}

.bg-4 {
	background: url(../images/slider-4-600x300.jpg) no-repeat center;
	background-size: cover;
}

.bg-5 {
	background: url(../images/slider-5-450x600.jpg) no-repeat center;
	background-size: cover;
}

.bg-6 {
	background: url(../images/slider-6-450x600.jpg) no-repeat center;
	background-size: cover;
}

.bg-7 {
	background: url(../images/banner-2-300x300.jpg) no-repeat center;
	background-size: cover;
}

.bg-8 {
	background: url(../images/slider-5-800x400.jpg) no-repeat center;
	background-size: cover;
}

.bg-9 {
	background: url(../images/slider-6-400x400.jpg) no-repeat center;
	background-size: cover;
}

.bg-10 {
	background: url(../images/slider-7-400x400.jpg) no-repeat center;
	background-size: cover;
}


.bg-grad-layer-6:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: .8;
	background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .4) 60%);
}

.bg-layer-4:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: .4;
	background: #111;
}

.bg-layer-7:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: .7;
	background: #111;
}

.bg-layer-8:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: .8;
	background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .6) 100%);
}


/* RESPONSIVE */

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

	.bg-sm-color-6 {
		background: rgba(0, 0, 0, .6);
	}

	.bg-sm-color-7 {
		background: rgba(0, 0, 0, .7);
	}

}


/* BORDER */

.brder-grey {
	border: 1px solid #ccc;
}

.brder-t-grey {
	border-top: 1px solid #ccc;
}

.brder-tlr-grey {
	border: 1px solid #ccc;
	border-bottom: 0;
}

.brder-blr-grey {
	border: 1px solid #ccc;
	border-top: 0;
}

.brdr-ash-1 {
	height: 1px;
	background: #aaa;
}

.brdr-grey-1 {
	height: 1px;
	background: #ccc;
}

.brder-lite-white {
	border: 1px solid rgba(0, 0, 0, .08);
}

.brdr-l-grey-1 {
	border-left: 1px solid #ccc;
}

.brdr-l-grey-2 {
	border-left: 2px solid #ccc;
}

.brdr-b-grey {
	border-bottom: 1px solid #ccc;
}

.brdr-b-grey.dashed {
	border-bottom: 1px dashed #ccc;
}




/* SHADOW */

.box-shadow-1 {
	box-shadow: 1px 2px 10px -5px rgba(0, 0, 0, .30);
}

.box-shadow-2 {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .10);
}


/* LINK STYLING	 */

.link-brdr-btm-primary {
	position: relative;
	padding-bottom: 5px;
	-webkit-transition: all .2s;
	transition: all .2s;
}



.link-brdr-btm-primary:focus,
.link-brdr-btm-primary:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.link-brdr-btm-primary:focus,
.link-brdr-btm-primary:hover:after {
	-webkit-transform: scale(0);
	transform: scale(0);
}





/* FORM INPUT STYLING */

.nwsltr-primary-1 {
	position: relative;
}


.nwsltr-primary-1 button i {
	font-size: 1.3em;
}

.nwsltr-primary-1 button:focus,
.nwsltr-primary-1 button:hover {
	background: #000;
	color: #fff;
}

.abs-form {
	position: relative;
	width: 100%;
}

.abs-form input {
	padding: 0 35px 0 10px;
	width: 100%;
	background: none;
	height: 35px;
	border-radius: 3px;
	border: 1px solid #777;
	color: #eee;
}

.abs-form button {
	position: absolute;
	width: 35px;
	top: 0;
	bottom: 0;
	right: 0;
	color: #eee;
}

.abs-form input:focus {
	border-color: #eee;
}


form input,
form textarea {
	height: 40px;
	padding: 0 15px;
	display: block;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #ccc;
}

form textarea {
	min-height: 120px;
	max-height: 120px;
	padding: 10px 15px;
}


.form-block input,
.form-block textarea {
	display: block;
	width: 100%;
}

.form-bold input,
.form-bold textarea {
	font-weight: 700;
}

.form-plr-15 input,
.form-plr-15 textarea {
	padding: 0 15px;
}

.form-h-35 input {
	height: 35px;
}

.form-h-40 input {
	height: 40px;
}

.form-h-45 input {
	height: 45px;
}

.form-mb-20 input,
.form-mb-20 textarea {
	margin-bottom: 20px;
}

.form-brdr-grey input,
.form-brdr-grey textarea {
	border: 1px solid #ccc;
}

.form-brdr-lite-white input,
.form-brdr-lite-white textarea {
	border: 1px solid #ddd;
}

.form-brdr-b-grey input,
.form-brdr-b-grey textarea {
	outline: 0;
	border: 0px;
	border-bottom: 1px solid #ccc;
}

.form-brdr-b-grey input:focus,


.form-sm input {
	display: block;
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0 15px;
}

.form-sm button {
	display: block;
	width: 100%;
	height: 35px;
}


/* SIDED SECTION */

.sided-half {
	overflow: hidden;
}

.sided-half .s-left {
	float: left;
}

.sided-half .s-right {
	float: right;
}

.sided-70 {
	position: relative;
}

.sided-70 .s-left {
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	width: 70px;
}

.sided-70 .s-left.rounded img {
	border-radius: 70px;
	overflow: hidden;
}

.sided-70 .s-right {
	min-height: 70px;
}

.sided-80x {
	position: relative;
}

.sided-80x .s-left {
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	width: 80px;
}

.sided-80x .s-left.rounded img {
	border-radius: 80px;
	overflow: hidden;
}

.sided-80x .s-right {
	margin-left: 95px;
	min-height: 80px;
}

.sided-90x {
	position: relative;
}

.sided-90x .s-left {
	position: absolute;
	top: 0;
	left: 0;
	height: 90px;
	width: 90px;
}

.sided-90x .s-left.rounded img {
	border-radius: 90px;
	overflow: hidden;
}

.sided-90x .s-right {
	margin-left: 105px;
	min-height: 90px;
}

.sided-250x {
	position: relative;
}

.sided-250x .s-left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	overflow: hidden;
}

.sided-250x .s-left img {
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	width: 100%;
	/* height: auto -webkit-transform: translate(-50%, -50%); */
	/* transform: translate(-50%, -50%); */
	margin-top: auto;
}

.sided-250x .s-right {
	margin-left: 250px;
}


/* RESPONSIVE */

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

	.sided-250x.s-lg-height .s-left img {
		width: auto;
		height: 100%;
	}

}

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

	.sided-half .sided-sm-center {
		float: none;
		text-align: center;
	}

}

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

	.sided-80x .s-left {
		height: 70px;
		width: 70px;
	}

	.sided-80x .s-right {
		margin-left: 85px;
		min-height: 70px;
	}

	.sided-90x .s-left {
		height: 70px;
		width: 70px;
	}

	.sided-90x .s-right {
		margin-left: 85px;
		min-height: 70px;
	}

	.sided-250x {
		position: relative;
	}

	.sided-250x .s-left {
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		/* height: 200px; */
		overflow: hidden;
	}

	.sided-250x .s-left img,
	.sided-250x.s-lg-height .s-left img {
		width: 100%;
		height: auto;
	}

	.sided-250x .s-right {
		margin-left: 00px;
	}

}



/* FLOAT LEFT RIGHT	 */

.float-left-right {
	overflow: hidden;
}

.float-left-right ul:first-child {
	float: left;
}

.float-left-right ul:last-child {
	float: right;
}


/* RESPONSIVE */

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

	.float-left-right {
		text-align: center;
	}

	.float-left-right ul:first-child,
	.float-left-right ul:last-child {
		float: none;
	}

}


/* ACCRODIAN */

.accordian:first-child {
	border-top: 1px solid #ccc;
}

.accordian .a-title {
	padding: 15px 50px 15px 25px;
	display: block;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0;
}


.accordian .a-body {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.accordian .a-body.active {
	max-height: 1000px;
}

.a-body-inner {
	padding: 25px 40px 25px 25px;
	border: 1px solid #ccc;
	border-top: 0;
}


/* PAGINATION */

.pagination>li>a {
	height: 40px;
	width: 40px;
	line-height: 38px;
	text-align: center;
	background: #E1E1E1;
	border: 1px solid #E1E1E1;
	margin-right: 10px;
	border-radius: 3px;
	font-size: 1.2em;
}

.pagination>li.active>a,



/* INDIVIDUAL STYLING */

/*section{ padding: 50px 0; }*/

.p-title {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.p-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
}


.p-title.in:after {
	background: #777;
}

.p-title.in:before {
	background: #fff;
}

.f-title {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.f-title:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
	background: #fff;
	z-index: 1;
}



footer p {
	color: #ddd;
}

footer a:focus,
footer a:hover {
	color: #fff;
}