/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Normalize
2. Clearings
3. Site Backgrounds
4. Typography
5. Links
6. Lists
7. Tables
8. Forms
9. Navigation
	9.1 Header Menu
	9.2 Footer Menu
	9.3 Social Menu
10. Site Header
11. Site Content 
	11.1 Artical Section
	11.2 Paggination
	11.3 Comment Section
12. Site Widgets 
13. Site Footer 	
14. Section Style
	14.1 Section Content Styles
	14.2 Section Heading Styles
	14.3 Section Objects Styles
15. Section Layout
	15.1 FAQ Section
	15.2 Contact Section
	15.3 Clients Section
	15.4 Process Section
	15.5 Skills Section
	15.6 Portfolio Section
	15.7 blog Section
	15.8 Statistics Section
	15.9 Fun-facts Section
16. Site Themes
	16.1 Background Site Theme
	16.2 Squire-Round Box Site Theme
	16.3 Left Menu Site Theme 
	16.4 Scrolling Site Theme
17. Comments
18. Pagination
19. Media Queries
20. Print
*/

/*--------------------------------------------------------------
1) Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Varela+Round&display=swap');

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article, aside, footer, header, nav, section {
	display: block;
}
section {
	margin-bottom:90px;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption, figure, main {
	display: block;
}
figure {
	margin: 1em 0;
}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border-width:2px;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
a:active, a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}
b, strong {
	font-weight: 700;
}
time, .time {
	font-weight: 500; /*not required */
	letter-spacing: 2px;
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #eee;
	color: #222;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
audio, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
	max-width: 100%;
}
svg:not(:root) {
	overflow: hidden;
}
iframe.map-area {
	opacity: 0.7;
	margin-bottom: -7px;
	border:0;
	width:100%;
	height:100%;
}
iframe.map-area:hover {
	opacity: 1;
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
 button, html [type="button"], [type="reset"], [type="submit"] {
 -webkit-appearance: button;
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 /*outline: 1px dotted ButtonText;*/
}
fieldset {
	border: #bbb solid 1px;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"], [type="radio"] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto;
}
[type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}
details, menu {
	display: block;
}
summary {
	display: list-item;
}
canvas {
	display: inline-block;
}
template {
	display: none;
}
[hidden] {
 display: none;
}
.partition-line {
	position: relative;
}
.partition-line::before {
	position: absolute;
	content: '';
	background: #edeffa;
}
.partition-line::before {
	width: 1px;
	height: 90%;
	top: 3%;
	left: 50%;
}
.zoom-img {
	display:block;
	position:relative;
	overflow:hidden;	
}
.zoom-img img{
	-moz-transition:opacity 1s, transform 1s;
	-webkit-transition:opacity 1s, transform 1s;
	transition:opacity 1s, transform 1s;
	opacity:1;
	height:100%
}
.zoom-img:hover img{
	-moz-transform:scale3d(1.1, 1.1, 1);
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
	opacity:1
}

/*--------------------------------------------------------------
2) Clearings
--------------------------------------------------------------*/

.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
/*--------------------------------------------------------------
3) Site Backgrounds
--------------------------------------------------------------*/

.bg-white {
	color: #acacac;
}
/*
.bg-light {
	color: #666666;
}
*/
.bg-white a, .bg-light a {
	color: #303030;
}
.bg-white a:hover, .bg-light a:hover {
	color: #f76d59;
}
.bg-dark, .bg-primary, .bg-orangelight a, .bg-violetlight a, .bg-dark a:hover, .bg-primary a:hover {
	color: #f68740;
}
.bg-dark a, .bg-primary a, .bg-orangelight, .bg-secondary, .bg-orangelight, .bg-violetlight, .bg-secondary a:hover, .bg-orangelight a:hover, .bg-violetlight a:hover {
	color: #ffffff;
}
/*
.bg-dark ::placeholder, .bg-dark :-ms-input-placeholder, .bg-dark ::-ms-input-placeholder,
.bg-primary ::placeholder, .bg-primary :-ms-input-placeholder, .bg-primary ::-ms-input-placeholder,
.bg-secondary ::placeholder, .bg-secondary :-ms-input-placeholder, .bg-secondary ::-ms-input-placeholder,
.bg-orangelight ::placeholder, .bg-orangelight :-ms-input-placeholder, .bg-orangelight ::-ms-input-placeholder,
.bg-violetlight ::placeholder, .bg-violetlight :-ms-input-placeholder, .bg-violetlight ::-ms-input-placeholder,
*/
.bg-dark ::placeholder, .bg-primary ::placeholder, .bg-secondary ::placeholder, .bg-orangelight ::placeholder, .bg-violetlight ::placeholder, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-orangelight h1, .bg-orangelight h2, .bg-orangelight h3, .bg-orangelight h4, .bg-orangelight h5, .bg-orangelight h6, .bg-violetlight h1, .bg-violetlight h2, .bg-violetlight h3, .bg-violetlight h4, .bg-violetlight h5, .bg-violetlight h6 {
 color:#ffffff;
}
.bg-dark input, .bg-dark textarea, .bg-dark select, .bg-dark option, .bg-dark button, .bg-primary input, .bg-primary textarea, .bg-primary select, .bg-primary option, .bg-primary button, .bg-secondary input, .bg-secondary textarea, .bg-secondary select, .bg-secondary option, .bg-secondary button, .bg-orangelight input, .bg-orangelight textarea, .bg-orangelight select, .bg-orangelight option, .bg-orangelight button, .bg-violetlight input, .bg-violetlight textarea, .bg-violetlight select, .bg-violetlight option, .bg-violetlight button {
	border-color: #ffffff;
	color: #ffffff;
}
.bg-dark input:focus, .bg-dark textarea:focus, .bg-dark select:focus, .bg-dark option:focus, .bg-dark button:focus, .bg-primary input:focus, .bg-primary textarea:focus, .bg-primary select:focus, .bg-primary option:focus, .bg-primary button:focus, .bg-secondary input:focus, .bg-secondary textarea:focus, .bg-secondary select:focus, .bg-secondary option:focus, .bg-secondary button:focus, .bg-orangelight input:focus, .bg-orangelight textarea:focus, .bg-orangelight select:focus, .bg-orangelight option:focus, .bg-orangelight button:focus, .bg-violetlight input:focus, .bg-violetlight textarea:focus, .bg-violetlight select:focus, .bg-violetlight option:focus, .bg-violetlight button:focus {
	border-color: transparent;
	color: #f0f3ff;
}
.bg-dark button, .bg-dark input[type="button"], .bg-dark input[type="reset"], .bg-dark input[type="submit"], .bg-primary button, .bg-primary input[type="button"], .bg-primary input[type="reset"], .bg-primary input[type="submit"], .bg-secondary button, .bg-secondary input[type="button"], .bg-secondary input[type="reset"], .bg-secondary input[type="submit"], .bg-orangelight button, .bg-orangelight input[type="button"], .bg-orangelight input[type="reset"], .bg-orangelight input[type="submit"], .bg-violetlight button, .bg-violetlight input[type="button"], .bg-violetlight input[type="reset"], .bg-violetlight input[type="submit"] {
	background-color: #ffffff;
	color: #4d4d4f;
}
.bg-light {
	background-color: #f0f3ff !important;
}
.bg-dark {
	background-color: #4d4d4f !important;
}
.bg-primary {
	background-color: #f57920!important;
}
.bg-secondary {
	background-color: #fe4d94 !important;
}
.bg-orangelight {
	background-color: #f76d59;
}
.bg-violetlight {
	background-color: #4e41e2;
}
.bg-triangles {
	/*background:url("../images/bg-triangles.png") left top repeat #ff7a89; */
	background-color:#ff7a89;
	background-image:url("../images/bg-triangles.png");
	background-size: 50% 100%;
	color: #ffffff;
}
.bg-square-pattern {
	background: #5400ff; /*url("../images/bg-squares.png") no-repeat; background-size:100% 100%;*/
	position: relative;
	overflow: hidden;
}
.bg-square-pattern::before {
	width: 16%;
	height: 24%;
	background: #ffcf75;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
}
.bg-square-pattern::after {
	width: 20%;
	height: 28%;
	background: #ff4b5c;
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
}
.bg-square-pattern div {
	position: relative;
	z-index: 999;
	margin: 10% 15px;
}
.bg-square-pattern div::before, .bg-square-pattern div::after {
	position: absolute;
	content: '';
	width: 20%;
	height: 20%;
	background: #e3eaff;
	z-index: -1;
}
.bg-square-pattern div::before {
	top: -6px;
	right: -5px;
}
.bg-square-pattern div::after {
	bottom: -6px;
	left: -5px;
}
.bg,
.bg-top, .bg-dots, .bg-dots-top, .bg-dots-header, .bg-circles, .bg-shapes, .bg-figures, .bg-shape-polygon, .bg-shape-circle, .bg-shape-triangle, .bg-gradient, .bg-simple-light {
	position: relative;
}
.bg-triangles{
	content: '';
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	top: 0;
	left: 0;
}
.bg-top::before, .bg-right::before, .bg-dots::before, .bg-dots-top::before, .bg-dots-header::before, .bg-circles::before, .bg-shapes::before, .bg-figures::before, .bg-shape-polygon::before, .bg-shape-circle::before, .bg-shape-triangle::before, .bg-gradient::before, .bg-simple-light::before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 100%;
	max-width: 1920px;
	top: 0;
	left: 0;
}
.bg-dots::before, .bg-dots-top::before, .bg-circles::before, .bg-figures::before {
	height: 870px;
}
.bg-shape-polygon::before, .bg-shape-circle::before, .bg-shape-triangle::before {
	height: 100%;
}
.bg-gradient::before {
	max-width: 100%;
	height: 560px;
	z-index: -1;
	background: rgba(130, 61, 214, 1);
	background: -moz-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130, 61, 214, 1)), color-stop(100%, rgba(71, 61, 188, 1)));
	background: -webkit-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
	background: -o-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
	background: -ms-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
	background: linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#823dd6', endColorstr='#473dbc', GradientType=1 );
}
.bg-simple-light::before {
	max-width: 100%;
	background: #ebf0fb;
	height:1070px;
}
.bg-top::before {
	width: 600px;
	height: 245px;
	background: url("../images/bg-top.png") center top no-repeat;
	background-size: contain;
}
.bg-right::before {
	width: 50%;
	max-width: 650px;
	height: 550px;
	background: url("../images/bg-right.png") right top no-repeat;
	background-size: contain;
	left: inherit;
	right: 0;
	top: 90px;
}
.bg-section-right{
	position:absolute;
	content: '';
	max-width: 650px;
    max-height: 550px;
    background: url("../images/bg-right.png") right bottom no-repeat;
    background-size: contain;
    right: 0;
	bottom:15%;
	z-index:1;
	height:130%;
	width:34%;
}
.bg-dots::before {
	background: url("../images/bg-dots.png") center top no-repeat;
	background-size: contain;
}
.bg-dots-top::before {
	background: url("../images/bg-dots-top.png") center top no-repeat;
	background-size: contain;
}
.bg-dots-header::before {
	background: url("../images/bg-dots-header.png") center top no-repeat;
	background-size: contain;
}
.bg-circles::before {
	background: url("../images/bg-circles.png") center top no-repeat;
	background-size: contain;
}
.bg-figures::before {
	background: url("../images/bg-figures.png") center top no-repeat;
	background-size: contain;
}
.bg-shapes::before {
	background: url("../images/bg-shapes.png") center top no-repeat;
	background-size: contain;
	height:1030px;
}
.bg-shape-polygon::before {
	background: url("../images/bg-shape-polygon.png") repeat;
	background-size: contain;
}
.bg-shape-circle::before {
	background: url("../images/bg-shape-circle.png") repeat;
	background-size: contain;
}
.bg-shape-triangle::before {
	background: url("../images/bg-shape-triangle.png") repeat;
	background-size: contain;
}


/*--------------------------------------------------------------
4) Typography
--------------------------------------------------------------*/

body, button, input, select, optgroup, textarea {
	color: #666666;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	line-height:1.25;
	text-rendering: optimizeLegibility;
	color: #4d4d4f;
	position:relative;
}
h2 {
	color: #4d4d4f;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #fe4d94;
}
h4{
	color: #000066;
	font-weight: 600;
}
h4 span{
	font-weight: 300;
}
h5{
	font-weight: 500;
	font-size: 34px;
	color: #8293cd;
}
h6{
	text-transform: uppercase;
	font-size:26px;
	font-weight: 600;
}
h5, h6 {
	 margin-top:0.5rem;
}
p {
	margin-bottom: 1.5em;
	font-weight: 500;
}
p a {
	color: #ff7a89;
}
p a:hover {
	color: #5264ca;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
	font-weight: 600;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	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;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
.big {
	font-size: 212%;
	line-height:normal;
}
/*--------------------------------------------------------------
5) Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: none;
	outline: 0;
}
a:focus {
	outline:none;
}
a:hover, a:active {
	color: #000;
	outline: 0;
}
a.btn{
	font-size:inherit;
}
a.more-link, a.more-info, a.request-link {
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-right: 20px;
	font-weight: 500;
}
a.more-info {
	background:#fe4d94;
	color:#ffffff;
	letter-spacing:2px;
	text-transform:uppercase;
}
a.more-info:hover  {
	color:#5264ca;
	background:#ff7a89;
}

a.more-link {
	font-size:15px;
	letter-spacing:3px;
	background: #f57920;
	-webkit-box-shadow: 5px 5px 0px 0px #77787bbf;
	-moz-box-shadow: 5px 5px 0px 0px #77787bbf;
	box-shadow: 5px 5px 0px 0px #77787bbf;
}
a.more-link:hover  {
	background:#f99d1c;
}

a.request-link {
	background: #f76d59;
}
a.request-link:hover {
	background:#0553dd;
}

a.read-more {
	border:#d8deff solid 2px;
	padding: 8px 50px;
	margin-bottom: 20px;
	font: 12px Montserrat, sans-serif;
	font-weight: 600;
	color: #000;
	position: relative;
	text-transform: uppercase;
	border-radius: 30px;
	display: inline-block;
}
a.read-more svg {
	position: absolute;
	right: 15px;
	top: 10px;
}
a.read-more:hover {
	border:#7257f9 solid 2px;
}


/*--------------------------------------------------------------
6) Lists
--------------------------------------------------------------*/

ul, ol {
	margin: 0 0 1.5em;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
7) Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}
thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}
th {
	padding: 0.4em;
	text-align: left;
}
tr {
	border-bottom: 1px solid #eee;
}
td {
	padding: 0.4em;
}
th:first-child, td:first-child {
	padding-left: 0;
}
th:last-child, td:last-child {
	padding-right: 0;
}
/*--------------------------------------------------------------
8) Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: solid 1px;
	border-color: #4d4d4f;
	background: #5264ca;
	color: #ffffff;
	padding: 1em 2em;
	margin: 10px 0;
	font-family:'Montserrat', sans-serif;
	font-size:24px;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	max-width: max-content;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color: #5264ca;
	background: #fe4d94;
	color: #ffffff;
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, .widget-area .widget .social li a:hover {
	border-color: #fefefe;
	color: #ffffff;
	outline:none;
}

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, select, option {
	color: #666;
	background: transparent;
	border: #b7b7b7 solid 1px;
	padding: 8px 10px;
	margin-bottom:20px;
	font-size:24px;
	min-height: 40px;
}
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, select:focus {
	color: #111;
	border-color: #b7b7b7;
	outline:none;
}
textarea {
	width: 100%;
}

::placeholder { /* Firefox, Chrome, Opera */
 color:#949494;
}
::-webkit-input-placeholder {
 color:#949494;
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#949494;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
 color:#949494;
}
form label {
	margin-bottom: 0;
	padding-top: 8px;
}
form .required {
	color: red;
	display: inline-block;
}
.btn, a.btn {
	background: #5264ca;
	color: #ffffff;
	border-radius: 0;
	padding: 8px 15px;
}
.form-style-one input, .form-style-one textarea {
	width: 100%;
	border-color: #7257f9;
}
.form-style-one button, .form-style-one input[type="button"], .form-style-one input[type="reset"], .form-style-one input[type="submit"] {
	text-transform:uppercase;
	color:#fff;
}
.form-style-two input, .form-style-two textarea, .form-style-two select {
	border-top: none;
	border-left: none;
	border-right: none;
	color:#fff;
}
.form-style-two input:focus,
.form-style-two textarea:focus {
	border-bottom:1px solid #fff;	
	color:#fff;
}


.form-style-two button, .form-style-two input[type="button"], .form-style-two input[type="reset"], .form-style-two input[type="submit"] {
	border: none;
}
/*--------------------------------------------------------------
9) Navigation
--------------------------------------------------------------*/
.navbar {
	padding:15px; /* 0 15px; affects other pages */
}
.navbar-nav {
	margin: 15px 0;
}
.nav-item {
	padding: 0 8px;
}
.dropdown-menu {
	padding: 0;
	border-radius: 0;
	border: #f6f6f6 solid 1px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(102,102,102,0.5);
	-moz-box-shadow: 3px 3px 3px 0px rgba(102,102,102,0.5);
	box-shadow: 3px 3px 3px 0px rgba(102,102,102,0.5);
	padding-bottom:12px;
	border:none;
	/*border-bottom: 10px solid #ffacac;*/
	background:#ffffff url('../images/bg-dropdown.png') no-repeat bottom center;
}
.main-nav .dropdown-menu a{
	padding:10px 15px;
	text-align:center;
	font-size:90%;
}
.dropdown-item.active, .dropdown-item:active {
	background: none;
}
.navbar-toggler {
	background: #fe4d94;
	border: #3e4fab solid 1px;
	color: #ffffff;
}
.navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:focus {
	background: #ffffff;
	border: #3e4fab solid 1px;
	color: #fe4d94;
}
.navbar-toggler-icon {
	padding-top: 5px;
}
/* 9.1) Header Menu ---*/

#mainNavbar {
	flex-flow: row-reverse;
}
.main-nav .nav-item:last-child, .main-nav .nav-item:last-child a {
	padding-right: 0;
}
.main-nav a {
	color: #4d4d4f;
	font-weight:500;
	text-transform: uppercase;
	font-size:16px;
}
.main-nav a:hover, .main-nav a.focus, .main-nav a.active {
	color: #fe4d94;
}
.main-nav .nav-item a.active {
	position: relative;
}
.navbar-nav .dropdown-menu {
	z-index: 99999;
}
/*nav-style-one*/
.nav-style-one .nav-link {
	color: #FFF;
}
.nav-style-one .nav-link:hover, .nav-style-one .nav-link:focus, .nav-style-one .nav-link.active {
	color: #FFF;
	border-bottom: 2px solid #93b2e5;
}
.nav-style-one .dropdown-menu{
	/*border-bottom:10px solid #93b2e5;*/
	background:#ffffff url('../images/bg-dropdown.png') no-repeat bottom center;
}

/*nav-style-two*/ 
.nav-style-two a:hover, .nav-style-two a.focus, .nav-style-two a.active,
.nav-style-two .nav-link:hover, .nav-style-two .nav-link:focus, .nav-style-two .nav-link.active{
	color: #f76d59;
}
.nav-style-two .nav-link:hover, .nav-style-two .nav-link:focus, .nav-style-two .nav-link.active{
	background: #FFF;
	border-radius: 20px;
}
/*.nav-style-two .dropdown-menu{
	border-bottom:10px solid #f76d59;
}*/

/* 9.2) Footer Menu ---*/
.footer-nav .nav-link {
	font-weight: 500;
	text-transform:uppercase;
	text-align:center;
}
/* 9.3) Social Menu ---*/
.social-nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.social-nav .nav-link {
	font-weight: 400;
	font-size: 50px;
	padding: 0 8px;
	color: #bfc5e8;
	background: none;
}
.social-nav .nav-link:hover {
	color: #5264ca;
	background: none;
}
.sidenavbar .social-nav .nav-link {
	font-size: 24px;
	color: #ffdeeb;
	padding:10px;
}
.sidenavbar .social-nav .nav-link:hover {
	color: #ffffff;
}
.site-header .social-nav {
	justify-content: flex-end;
}
.site-header .social-nav li, .right-middle-fixed .social-nav li {
	list-style: none;
	text-transform: uppercase;
	padding: 0px 15px;
}
.right-middle-fixed .social-nav li {
	font-size:20px;
	font-weight: 400;
}
.site-header .social-nav li{
	font-size:12px;
	font-weight:600;
	letter-spacing:3px;
	margin-top: 15px;
	margin-left: 30px;
	position: relative;
}
.site-header .social-nav li::before {
	position: absolute;
	top: -1px;
	left: -20px;
	content: '\25A0';
	color: #fe4d94;
}
.site-header .social-nav li:first-child::before {
	display: none;
}
.site-header .social-nav a {
	color: #523fe7;
	display: block;
}
.site-header .social-nav a:hover {
	color:#fe4d94;	
}

.right-middle-fixed .social-nav {
	flex-direction: column;
}
.right-middle-fixed .social-nav li {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	margin: 40px -30px;
	font-size:14px;
}
.right-middle-fixed .social-nav a {
	color: #a0a5c0;
}
.right-middle-fixed .social-nav a:hover {
	color:#4d4d4f;	
}

.right-middle-fixed {
	position: fixed;
	top: 50%;
	right: 0;
	margin: 0;
	z-index: 9999999;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.social-nav li:first-child, .social-nav li:first-child a{
	padding-left:0;
}
.social-nav li:last-child, .social-nav li:last-child a{
	padding-right:0;
}


/*--------------------------------------------------------------
10) Site Header Layout
--------------------------------------------------------------*/
.site-header {
	background-color: transparent;
	position: relative;
}
.site-title {
	clear: none;
	margin: 0;
	padding: 0;
}
.site-title a {
	font-size: 24px;
	font-weight: 600;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.08em;
	text-transform: capitalize;
	color: #fe4d94;
}
.site-title a:hover {
	text-decoration: none;
}
.site-description {
	color: #5264ca;
	font-size: 13px;
	margin-bottom: 0;
}
.site-branding {
	position: relative;
	z-index: 99999;
}
/* Page Header Layout */
.page-header {
	text-transform: uppercase;
}
.page-header.bg-dark {
	opacity: 0.99;
}
.page-header .container {
	padding-top: 35px;
	padding-bottom: 35px;
}
.page-title {
	font-weight: 600;
	font-size: 44px;
	text-align: center;
	padding: 30px 10px;
	margin: 0;
	color:#4d4d4f;
}
.breadcrumb {
	background-color: transparent;
	justify-content: center;
	padding: 20px;
	margin: 0;
	font-size: 14px;
}
.breadcrumb-item a, .breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {
	color: #f57920;
}
.breadcrumb-item a, .breadcrumb-item.active {
}
.wrapper .sub-title {
	margin-bottom: 20px;
	color: #f99d1c;
	font-weight: 600;
	text-transform:capitalize;
}
header .map-area{
	height:250px;
}
/*--------------------------------------------------------------
11) Site Content Area 
--------------------------------------------------------------*/

.site-main {
	position: relative;
	z-index: 9;
}
/* 11.1) Artical Section --*/
article {
	margin-bottom: 2em;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	color:#444;
	line-height:1.8;
}
article figure {
	margin: 0 0 2em 0;
	padding: 0;
	position: relative;
}
article figure img{
	width:100%;
}
article .date {
	width: 55px;
	font-family:'Montserrat', sans-serif;
	font-size: 22px;
	font-weight: 600;
	background: #fff;
	color:#000;
	padding: 5px 10px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	text-align: center;
}
article .date span {
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 12px;
	border-top: 1px solid #eee;
}
.side-spacer {
	margin: 0 10%;
}
.entry-header {
	margin-bottom: 10px;
}
.page-title.side-spacer {
	margin: 0 20%;
}
.entry-title {
	margin-bottom: 0.25em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size:30px;
	color: #ffffff;
}
.entry-title a {
	color: #000000;
	text-decoration: none;
	margin-left: -2px;
}
.entry-title a:hover {
	color: #222b5e;
}
.entry-footer {
}
.entry-meta svg {
	color: #ffa800;
	margin-right:3px;
}
.entry-meta {
	color: #767676;
	margin-bottom: 20px;
}
.entry-meta span{
	margin-right:8px;
	margin-bottom:5px;
}
.entry-meta a {
	color: #000000;
}
.entry-meta a:hover {
	color: #4d4d4f;
}
/* Single Detail Page */
.single .page-title {
	text-transform: capitalize;
}
/* 11.2) Post Navigation CSS --*/
.post-navigation {
	padding:40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-navigation .previous, .post-navigation .next {
	width: 48%;
	padding:10px 0;
}
.post-navigation .next {
	text-align: right;
}
.post-navigation .next a, .post-navigation .previous a {
	display: block;
	text-align: center;
	background: #e5e5e5;
	color: #000;
	padding: 12px 20px;
	font-weight: 600;
}
.post-navigation .next a:hover, .post-navigation .previous a:hover {
	color: #fff;
	background: #6585fd;
}
/* 11.3) Comment Section --*/

.comment-respond {
	padding-top: 50px;
	width: 100%;
	display: table;
}
.comment-respond label {
	display: block;
	padding-top: 0;
}
.comment-form {
	width: 80%;
}
.comment-respond input, .comment-respond textarea{
	width:100%;
}
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.comments-title, .comment-reply-title {
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;	
	font-size:20px;
	font-weight:500;
	color:#5264ca;
}
.comment-list li {
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	display: table;
	width: 100%;
	margin: 0;
	position: relative;
}
.comment-list li:last-child {
	border: none;
}
.comment-body {
	display: flex;
	margin-bottom: 0;
	color:#033333;
}
.comment-list li img {
	border-radius: 50%;
	width:100px;
	height:auto;
}
.comment-list li .comment-content {
	margin-left: 3%;
	width: 100%;
}
.comment-list li .comment-content .time {
	padding-bottom: 10px;
	display: block;
	color: #a3adad;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing:0;
	line-height:14px;
}
.comment-list li a {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-transform: capitalize;
}
.comment-list li a span {
	color: #666;
	font-weight: normal;
	padding-left: 25px;
	font-size: 14px;
}
.comment-list li .reply {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 12px;
}
.comment-list li .reply {
	font-weight: normal;
	/*border: 1px solid #ccc;*/
	padding: 5px 10px;
	color: #5264ca;
}
/*
.comment-list li .reply:hover{
	border: 1px solid #000;
}
*/
.comment-list li .reply a {
	color: #a3adad;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}
.comment-list li .reply:hover a{
	color:#000;
}
.comment-list li ul li {
	border-top: 1px solid #eee;
	border-bottom: none;
}
#commentform p {
	margin-bottom: 10px;
}
/*--------------------------------------------------------------
12) Site Widgets 
--------------------------------------------------------------*/

.widget {
	font-family: 'Varela Round', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 30px;
}
.widget svg{
	color:#232323;
}
.widget .widget-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	position: relative;
	padding: 8px 0 5px 20px;
	background: none;
	color: #000;
	position: relative;
}
.widget .widget-title::before, .widget .widget-title::after {
	position: absolute;
	content: '';
	top: 0;
	height: 100%;
	background: #5264ca;
}
.widget .widget-title::before {
	left: 0;
	width: 6px;
}
.widget .widget-title::after {
	left: 8px;
	width: 2px;
}
.widget ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
.widget ul li {
	margin: 0;
	padding: 0 0 15px;
}
.widget ul li a {
	color: #949494;
}
.widget ul li a:hover {
	color: #222b5e;
}
.widget ul li span {
	color: #666;
}
.widget ul li .post-thumb {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 36%;
	margin-right: 3%;
}
.widget ul li .post-info {
	display: flex;
	flex-direction: column;
}
aside.widget label, aside.widget input, aside.widget select, aside.widget button {
	font-family:'Varela Round', sans-serif;
	font-size:16px;
}
aside.widget label, aside.widget input, aside.widget select {
	width: 100%;
	max-width: 450px;
}
.widget_search form {
	display: flex;
	border: 1px solid #d4d4d4;
	padding: 3px 20px;
	margin-bottom: 20px;
	border-radius: 30px;
}
.widget_search input[type='text'] {
	width: 100%;
	margin: 0;
	border: none;
	outline: none;
}
.widget_search button, .widget_search input[type='button'], .widget_search input[type='submit'] {
	border: none;
	background: none;
	cursor: pointer;
	color: #666;
	outline: none;
	padding: 10px;
	margin: 0px;
	width: auto;
	font-size: 18px;
}
.widget_newsletter form {
	display: flex;
	border: 1px solid #e1e1e1;
	background: #fff;
	justify-content: space-between;
	align-items: center;
}
.widget_newsletter input[type='text'] {
	margin: 0;
	border: none;
	outline: none;
}
.widget_newsletter button, .widget_newsletter input[type='button'], .widget_newsletter input[type='submit'] {
	font-size: 20px;
	width: 40px;
	padding: 10px;
	margin: 0;
	border: none;
	background: none;
	color: #666;
	outline: none;
}
.widget_lattest ul li {
	display: flex;
}
.widget_lattest ul li a {
	color: #000000;
}
.widget_lattest ul li span {
	color: #949494;
}
/*--------------------------------------------------------------
13) Site Footer Layout
--------------------------------------------------------------*/
footer {
	background: transparent;
	padding:30px 0;
	z-index: 99999;
}
footer .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer a {
	font-weight: 400;
	color: #bfc5e8;
}
footer a:hover {
	color: #FFFFFF;
}
.site-info {
	font-weight: 500;
	padding: 15px 0;
}
.site-info span {
	letter-spacing:3px;
	font-size:16px;
}
footer .map-area{
	height:250px;
}
footer .navbar{
	padding-left:0;
	padding-right:0;
}
footer .footer-style {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	font-size: 16px;
}
.footer-style .social-nav .nav-link {
	font-size:32px;
	padding:0;
}
.bg-secondary .social-nav .nav-link {
	color: #ffffff;
}
.bg-secondary .social-nav .nav-link:hover {
	color: #ffdeeb;
}
/*--------------------------------------------------------------
14) Section Styles
--------------------------------------------------------------*/

/* 14.1) Section Content Styles */

.section-detail, .section-image, .section-icon{
	margin-bottom: 30px;
}
.icon-detail{
		padding-bottom:20px;
}
.section-image img {
	position: relative;
}
/* Section Style - 1 */
.section-style-one {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:1.8;
	color: #272727;
	padding-bottom:15px;
}
.section-style-one .row {
	align-items: center;
}
.section-style-one h4 {
	color: #252069;
	font-size:30px;
}
.section-style-one h6 {
	color: #3c31b8;
	font-size:32px;
}

/* Section Style - 2 */
.section-style-two {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	line-height:1.6;
	align-items:center;
}
.section-style-two p{
	margin-bottom:2rem;
}

/* Section Style - 3 */
.section-style-three {
	line-height:2;
	font-size:22px;
}

/* Section Style - 4 */
.section-style-four h3, 
.section-style-four h4 {
	font-weight: 600;
	text-transform: capitalize;
	color: #ffffff;
	padding-top:0.5rem;
}
.section-style-four h3 {
	font-size:26px;
}
.section-style-four h4 {
	font-size:22px;
}
.section-style-four p {
	font-size: 14px;
	font-weight: 500;
	color:#a9abba;
}

/* Section Style - 5 */
.section-style-five {
	font-size:14px;
}
.section-style-five .section-title {
	padding: 30px 0px;
	margin: 0;
	text-transform: capitalize;
	font-weight: 600;
	font-size:46px;
	line-height:1.5;
}
/* 14.2) Content Section Heading Styles */

.heading-bar {
	text-align: center;
	padding-bottom: 20px;
}
.head {
	font-weight: 600;
	text-transform: uppercase;
}
.title {
	padding-top: 30px;
	padding-bottom: 30px;
}
.desc {
	font-weight: 600;
	font-size:28px;
	color:#929292;
}
/* (1) - Section Heading Style */
.heading-style-one {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 10px;
	font-weight: 500;
}
.heading-style-one .heading-bar {
	/* min-width: 300px; */
	text-align: left;
}
.heading-style-one .filter-btn-bar {
	text-align:right;
}

.heading-style-one h2 {
	font-size:44px;
	font-weight: 600;
}
.heading-style-one h3 {
	position: relative;
	color: #f99d1c;
	text-transform: capitalize;
	padding-right: 60px;
	display: inline-block;
	font-size:32px;
	font-weight:600;
}
.heading-style-one h3::after {
	position: absolute;
	content: '';
	bottom: 5px;
	right: 0;
	width: 44px;
	height: 6px;
	background: #f99d1c;
}
/* (2) - Section Heading Style */
.heading-style-two {
	margin-bottom: 20px;
}
.heading-style-two h2 {
	font-size:50px;
}
.heading-style-two h3 {
	text-transform: capitalize;
	font-weight: 600;
	font-size:38px;
}
/* (3) - Section Heading Style */
.heading-style-three {
	padding-bottom:20px;
}
.heading-style-three h2 {
	text-transform: uppercase;
	font-size:54px;
	font-weight: 700;
	color: #3c31b8;
}
.heading-style-three h3 {
	text-transform: capitalize;
	font-size:36px;
	font-weight: 300;
	color: #8293cd;
}
/* (4) - Section Heading Style */
.heading-style-four h2, .heading-style-four h3 {
	font-weight: 600;
	margin-bottom:3rem;
	text-transform: capitalize;
}
.heading-style-four h2 {
	font-size:50px;
	line-height: 1.4;
}
.heading-style-four h3 {
	font-size:40px;
	color: #4d4d4f;
	padding-bottom:10px;
}

.heading-style-four .desc {
	font-weight: normal;
	color:#575f70;
}
.heading-style-four .heading-bar {
	margin:0 auto;
	width:90%;
}
.heading-style-four .heading-bar h2 {
	margin-bottom: 20px;
}
/* (5) - Section Heading Style */
.heading-style-five{
	margin-bottom:0.5rem;
	font-size: 14px;
	font-weight: 500;
	color:#a9abba;
}
.heading-style-five h2 {
	color: #ffffff;
	font-size:62px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom:0;
}
.heading-style-five h2 span {
	color: #fa4d93;
	font-weight: 800;
}
.heading-style-five .desc {
	margin-bottom:20px; /*30px;*/
	font-size:22px;
	font-weight: 600;
	color:#a9abba;
}

/* 14.3) Smart Object Styles */

.add-grass-lt, .add-grass-rt {
	position: relative;
}
.add-grass-lt::before, .add-grass-rt::after {
	position: absolute;
	content: '';
	bottom: 0;
}
.add-grass-lt::before {
	left:-3%; /* -30px; */
	width: 7%;
	max-width: 120px;
	height: 170px;
	background: url('../images/grass-1.png') no-repeat bottom left;
	background-size: contain;
}
.add-grass-rt::after {
	right: -5%;
	bottom: -15px;
	width: 15%;
	max-width: 190px;
	height: 220px;
	background: url('../images/grass-2.png') no-repeat bottom right;
	background-size: contain;
}
#page img.smart-object {
	position: absolute;
	z-index: 99;
	padding: 0;
	margin: 0;
}
#page img.smart-object.obj-lt {
	bottom: 0;
	left:-3%; /*-30px;*/
	bottom:-1.4%; /*-8px;*/
}
#page img.smart-object.obj-rt {
	bottom: 7px;
	right:-5px;
	height: 70%;
	bottom:-7%;/* -42px;*/
}
#page img.smart-object.obj-md {
	height: 46%;
	width:auto;
	bottom: 20%;
	left: 24%;
}
#page .client-block img.smart-object {
	bottom: 0;
	left: 0;
	height:110%;
	max-width:120%;
}
#page .service-block img.smart-object {
	padding: 0;
	left: -45px;
	bottom: 30px;
	height: 80%;
	max-height:540px;
}
.circles, .circle-left, .triangle-left, .triangle-right{
	position: relative;
}
.circles::before, .circle-left::before,
.triangle-left::before, .triangle-right::after  {
	position: absolute;
	content: '';
}
.circles::before {
	right: -15px;
	width: 90%;
	max-width: 550px;
	height: 100%;
	max-height: 500px;
	background: url('../images/circles.png') no-repeat;
	background-size: contain;
}
.circle-left::before, .triangle-left::before, .triangle-right::after {
	top: 20px;
}
.triangle-left::before, .triangle-right::after {
	width: 70px;
	height: 70px;
}
.circle-left::before {
	background: url("../images/circle-left.png") no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	left: 20%;
	top:-70px;
}
.triangle-left::before {
	background: url("../images/triangle-left.png") no-repeat;
	background-size: cover;
	left: 4%;
}
.triangle-right::after {
	background: url("../images/triangle-right.png") no-repeat;
	background-size: cover;
	right: 0;
}
/*--------------------------------------------------------------
15) Section Layout
--------------------------------------------------------------*/

	

/* 15.1) FAQ Section ---*/
.faq .row {
	justify-content: center;
}
.card {
	border-radius: 0;
	border-width: 2px;
	border-color: #5264ca;
	border-bottom-color: transparent;
}
.card:last-child {
	border-bottom-color: #5264ca;
}
.card-header {
	background: none;
	border: none;
	padding: 0;
}
.card-header::before {
	position: absolute;
	content: '';
	top: 30px;
	right: 20px;
	width: 10px;
	height: 10px;
	border: solid #5264ca;
	border-width: 0 3px 3px 0;
}
.card-header::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.card-header.active::before {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.card-header h3{
	margin:0;
}
.card-header h3 a{
	color:#5264ca;
	display:block;
	padding: 20px 8%;
	cursor: pointer;
	margin-bottom: 0;
	line-height: 2rem;
	font-weight:600;
	font-size:24px;
	color:#5264ca;
}
.card-header.active h3 a{
	color: #000066;
}
.card-header h3 span {
	padding-right: 20px;
}
.card-body {
	padding: 1.25rem 7%;
}
/* 15.2) Contact Section ---*/
.contact {
	font-size:24px;
}
.contact .nav-item {
	padding: 0 15px 0 0;
}
.contact h4, 
.contact-detail h3{
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	margin-bottom: 20px;
} 
.contact-detail h2,
.contact-detail h3 {
	color:#272727;
	font-weight:bold;
	font-size:30px;
	margin-bottom:30px;
}
.contact-detail li {
	list-style: none;
	margin-bottom: 15px;
	padding-left:40px;
	position: relative;
	line-height: normal;
}
.contact-detail li a:hover {
	color: #7257f9;
}
.contact-detail li svg {
	color: #f99d1c;
	position: absolute;
	left: 0;
	top:8px;
	font-size:30px;
}
.contact form {
	display: flex;
	flex-direction: column;
}
/* 15.3) Clients Section Layout ---*/

.client {
	display: flex;
	align-items:center;
}
.client-detail {
	margin: 5px 15px;
}
.client-detail h6 {
	color:#ff3a5d;
	font-size:26px;
	font-weight:500;
}
.client-detail span{
	display:block;
	color:#272727;
	text-transform:capitalize;
	font-weight:300;
	font-size:90%;
}
.client-pic {
	border-radius:50%;
	width:90px;
	height:90px;
	background:#7689f4;
}
.client-pic img {
	border-radius: 50%;
}
.client-logo {
	border: 1px solid #e2e2e2;
	height: 110px;
	padding: 5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.client-box {
	border: 1px solid #e2e2e2;
	padding: 20px 5% 40px 5%;
	position: relative;
	font-weight: 500;
	font-size:22px;
}
.client-box .client-pic {
	position: absolute;
	bottom: -40px;
	left: 5%;
	background: #f5f6fb;
	width:100px;
	height:100px;
}

.client-block{
	margin-bottom:30px;
}
.client-block .client-detail {
	padding-left: 140px;
	margin: 10px 0 40px 0;
	text-transform: capitalize;
	font-size:20px;
	color: #4d4d4f;
	font-weight: 500;
}
.client-block h4 {
	font-size: 18px;
	margin-top:20px;
	margin-bottom:0px;
}
.client-block h6 {
	color: #000066;
}
.client-block .client-detail span {
	color: #272727;
	font-size: 14px;
	display:inline-block;
}
.rating-stars {
	/*font-size: 14px; */
	color: #ffba00;
	padding: 5px 0 15px;
}
.rating-stars svg{
	margin-right:5px;
}
/* 15.4) Process Section ---*/
.process-step {
	text-align: center;
	font-weight:500;
}
.process-title{
	padding:10px 0;
}
.work-process .process-step {
	padding:30px 6%;
}

.process-style-one .row {
	justify-content: center;
	align-items: center;
	font-size:15px;
}
.process-style-one .process-center {
	position: relative;
}
.process-style-one .process-center::before, .process-style-one .process-center::after {
	position: absolute;
	content: '';
	background: #f99d1c;
}
.process-style-one .process-center::before {
	width: 100%;
	height: 2px;
	top: 49%;
	left: 0;
}
.process-style-one .process-center::after {
	width: 2px;
	height: 100%;
	left: 49%;
	top: 0;
}
.process-style-one .process-center img {
	border: 15px solid #999a9c;
	border-radius: 50%;
	width: 100%;
	position: relative;
	z-index: 1;
}


.process-style-two {
	font-size: 15px;
}
.process-style-two .process-step {
	padding:1%;
}

.process-style-two .process-center img{
	height:140%;
	max-width: initial;
	top:-20%;
	left:-42%;
	position: relative;
}


.arrow {
	position: absolute;
	background: #4e60c4;
}
.arrow.left2right, .arrow.right2left {
	width: 80%;
	height: 2px;
	top: 50%;
	left: 10%;
}
.arrow.top2bottom, .arrow.bottom2top {
	width: 2px;
	height: 80%;
	left: 50%;
	top: 10%;
}
.arrow.left2right::before, .arrow.left2right::after, .arrow.right2left::before, .arrow.right2left::after, .arrow.top2bottom::before, .arrow.top2bottom::after, .arrow.bottom2top::before, .arrow.bottom2top::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border: solid #4e60c4;
	border-width: 0 4px 4px 0;
	display: inline-block;
}
.arrow.left2right::before, .arrow.left2right::after {
	top: -7.5px;
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
}
.arrow.right2left::before, .arrow.right2left::after {
	top: -6.5px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.arrow.top2bottom::before, .arrow.top2bottom::after {
	right: -6.5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.arrow.bottom2top::before, .arrow.bottom2top::after {
	right: -7px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}
.arrow.left2right::before {
	left: -15px;
}
.arrow.left2right::after {
	right: 1px;
}
.arrow.right2left::before {
	left: 1px;
}
.arrow.right2left::after {
	right: -15px;
}
.arrow.top2bottom::before {
	top: -15px;
}
.arrow.top2bottom::after {
	bottom: 1px;
}
.arrow.bottom2top::after {
	bottom: -15px;
}
.arrow.bottom2top::before {
	top: 1px;
}


/* 15.5) Skills Section Layout */
.knowledge {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding:15px 0;
}
.knowledge .k-detail {
	display: flex;
	align-items: flex-start;
}
.knowledge span {
	line-height: normal;
	text-align: center;
	font-weight: 500;
}
.knowledge h4{
	color:#141934;
	font-size:26px;
}
.knowledge h4 span {
	font-size:70%;
	display:block;
	text-align:left;
}
.knowledge .count {
	color: #ffffff;
	background: #4d4d4f;
	margin-right: 10px;
	padding: 4px 12px;
	border-radius: 30px;
	min-width: 36px;
	font-weight: 600;
}
.knowledge .year {
	color: #ffffff;
	background: #fe4d94;
	border-radius: 3px;
	padding: 10px 8px;
	max-width:138px;
	width:138px;
}
.skill-detail {
	display: flex;
	justify-content: space-between;
	margin-right:10%;
	margin-top:30px;
	margin-bottom:15px;
}
.skill-detail h6 {
	color: #231e65;
	margin-top: 16px;
	font-size:24px;
	font-weight: 500;
}
.education {
	position: relative;
}
.education .detail {
	padding-left: 10%;
	padding-bottom:24px;
	position: relative;
}
.education .detail::before {
	position: absolute;
	top: -36px;
	left: -4px;
	content: '\2022';/* '\0007' , '\22c5' , '\2022' */
	font-size:60px;
	color: #fe4d94;
}
.education:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 6px;
	bottom: 0;
	left: 4px;
	border-left: 1px dotted #ffea9b;
	margin-bottom: 24px;
}
.education h6 {
	color: #ffffff;
	margin: 0;
	font-weight:500;
}
.education h6 span {
	font-size: 14px;
	display:block;
	text-transform:capitalize;
}
.progress {
	margin-bottom: 30px;
	margin-right:10%;
	height:16px;
	background-color: #a7b7f6;
}
.progress, .progress-bar-striped {
	border-radius:10px;
}
.skill-style-two .skill-detail {
	margin-top:8px;
	margin-bottom:5px;
}
.skill-style-two .skill-detail h5, .skill-style-two .skill-detail h6 {
	font-size: 14px;
	margin: 5px 0;
}
.skill-style-two .skill-detail h5 {
	color: #ffaecf;
}
.skill-style-two .skill-detail h6 {
	color: #d5dffe;
}
.skill-style-two .progress {
	height:8px;
	background-color: #ffea9b;
	margin-bottom:30px;
}
.skill-style-two .progress-bar {
	background-color: #f6a9b2;
}
.service {
	padding-top:10px;/*35px*/
	padding-bottom:10px;
}
.service h4{
	margin-bottom: 5px;
}
.service-block {
	text-align: center;
	font-size:22px;
	line-height:1.8;
	position: relative;
}
.service-block h3 {
	font-size:34px;
	font-weight:600;
	margin: 30px 0;
}
.service-block h4{
	font-size:34px;
	color:#141934;
	margin-bottom:30px;
}
.service-block img {
	padding: 10%;
}
.service-block .squire-round-block {
	padding:12% 6%;
}
.squire-round-block::before{
	background-repeat: no-repeat;
	height:245px;
}

#about .service-block{
	padding:3%;
}




/* 15.6) Portfolio Section Layout */
.portfolio-list .element-item {
	margin-bottom:26px;
}
.portfolio-list .element-item .item-content {
	background: #cee7fd;
}
.portfolio-list .element-item img {
	width: 100%;
}
.portfolio-title {
	text-transform: uppercase;
}
.portfolio-hoverEffect .item-content {
	position: relative;
}
.portfolio-hoverEffect .portfolio-title, .portfolio-hoverEffect .item-content::before {
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0, 0.7);
	position: absolute;
	text-align:center;
}
.portfolio-hoverEffect .element-item:hover .item-content::before {
	content: '';
}
.portfolio-hoverEffect .portfolio-title {
	color: #ffffff;
	display: none;
	align-items: center;
	justify-content: center;
	padding:5%;
}
.portfolio-hoverEffect .element-item:hover .portfolio-title {
	display: flex;
}
/* filter-btn-bar */
.filter-btn-bar {
	text-align: center;
	margin-bottom:20px;
	position:relative;
	width:100%;
}
.filter-btn {
	background: transparent;
	border: none;
	padding: 0 15px 15px 15px;
	color: #929292;
	text-transform:capitalize;
}
.filter-btn:first-child {
	padding-left: 0;
}
.filter-btn:last-child {
	padding-right: 0;
}
.filter-btn:hover, .filter-btn:focus, .filter-btn.active {
	background: transparent;
	color: #f99d1d;
}
.filter-style-one .filter-btn, .filter-style-two .filter-btn {
	padding: 10px 0;
	margin: 0 10px 20px 10px;
	font-weight: 600;
}
.filter-style-one .filter-btn:hover, .filter-style-one .filter-btn:focus, .filter-style-one .filter-btn.active {
	color: #ff8692;
	border-bottom: 3px solid #7762ef;
}
.filter-style-two .filter-btn:hover, .filter-style-two .filter-btn:focus, .filter-style-two .filter-btn.active {
	color: #f57920;
	border-bottom: 3px solid #ff8692;
}


/* 15.7) Blog List Section ---*/

.blog-list article {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
	position: relative
}
.blog-list .time {
	font-size: 10px;
	font-weight: 500;
}

.blog-list a {
	color: #ffffff;
}
.blog-list a:hover {
	color: #ff7a89;
}

.blog-list a.more-info {
	font-size:12px;
	letter-spacing:3px;	
}
.blog-list a:hover.more-info {
	color:#fff;
	background:#b7c2ff;
}

.blog-list .more-link {
	color: #ffffff;
	background: #ff7a89;
	position: absolute;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	box-shadow: none;
	line-height: normal;
	padding:8px 10px;
	margin: 0;
}
.blog-list .more-link:hover {
	color:#ff7a89;
	background:#ffffff;
}

.blog-list figure {
	margin-bottom: 0;
}
.blog-list .entry-title {
	font-size: 28px;
	font-weight: 400;
	margin: 15px 0;
}
.blog-list .entry-content {
	padding: 50px 30px 60px 30px;
	padding:7% 4%;
	font-weight: 300;
}
.blog-list .entry-content p {
	font-size:18px;
	font-weight: 300;
}
.blog-list article:nth-child(1n) {
	background: #77787b;
}
.blog-list article:nth-child(2n) {
	background: #4d4d4f;
}
.blog-list article:nth-child(3n) {
	background: #5264ca;
}
.blog-list .article-vert {
	height: calc(100% - 2em);
	height: -moz-calc(100% - 2em);
	height: -webkit-calc(100% - 2em);
}
.blog-list .article-vert figure {
	height: calc(50% - 1em);
	height: -moz-calc(50% - 1em);
	height: -webkit-calc(50% - 1em);
}
.blog-list .article-vert .entry-content {
	height: calc(50% + 1em);
	height: -moz-calc(50% + 1em);
	height: -webkit-calc(50% + 1em);
}
.blog-list .article-vert figure img {
	width:100%;
}
/* 15.8) Statistics Section ---*/
.stat-style-one {
	text-align: center;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding:10px 30px 10px 100px;
	height: 190px;
	font-size: 12px;
	font-weight: 600;
	color:#fff;
}
.stat-style-one img {
	position: absolute;
	left:80px;
}

.stat-style-two {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	font-size:18px;
	font-weight:600;
	margin:30px 0;
	min-height: 200px;
    justify-content: space-evenly;
	color:#fff;
}

.stat-style-two span{
	margin-top:30px;
}

.stat-style-three {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-transform: capitalize;
	font-size:28px;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 5px;
	color:#fff;
}
.stat-style-three .big {
	font-weight: 700;
}


/* 15.9 Fun-facts Section */
.fun-facts {
	background:#ff3a5d url(../images/bg-balls.png) center;
	background-size:100%;
	color: #ffffff;
	padding:60px 0;
}
.fun-facts h2, .fun-facts h3 {
	color: #ffffff;
}




/*future*/
.future .row {
	justify-content: center;
	text-align: center;
	line-height: 40px;
	padding-top:70px;
	padding-bottom:40px;
}
.player-box {
	position: relative;
	cursor:pointer;
}
.player-box::before {
	position: absolute;
	content: '';
	background: url('../images/play.png') no-repeat;
	background-size:contain;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index: 1;
	width: 70px;
	height: 70px;
}

/* 15.10) Team Section ---*/

.team h4 {
	font-size:30px;
	font-weight: 700;
	color: #2d3357;
}
.team h5 {
	font-size:22px;
	color: #2d3357;
	font-weight: 600;
	margin-bottom:30px;
}
.team p {
	font-size:22px;
	font-weight: 500;
}

.about-block{
	text-align:center;
	font-size:20px;
	padding:0 3.2%;
}
.about-block img{
	width:90%;
}

/*--------------------------------------------------------------
16) Site Theme Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	background: #ffffff;/* Fallback for when there is no custom background color defined. */
}
.container-box {
	width: 100%;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	/*padding:1px 5px;*/
	padding:0px 5px;
	position: relative;
}
button, input[type="button"], input[type="reset"], input[type="submit"],
.owl-nav span {
	-webkit-text-decoration-skip: objects;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.wrapper {
/*
	display: flex;
    width: 100%;
    align-items: stretch;
	*/
}
#page {
	position: relative;
	word-wrap: break-word;
	z-index: 999;
	max-width:1920px;
	margin:0 auto;
}
.section-spacer {
	margin-bottom: 80px;
}

/* Scorllbar Style */
::-webkit-scrollbar-track {
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	 background-color: #5353c6;
}
::-webkit-scrollbar {
	 width:6px;
	 height:0;
	 background-color: #181d3a;
}
::-webkit-scrollbar-thumb {
	 background-color: #fe4d94;
	 border: 1px solid #5353c6;
}
/*--------------------------------------------------------
17) Comments Layout
--------------------------------------------------------------*/



/*--------------------------------------------------------------
18) Pagination Layout
--------------------------------------------------------------*/
.pagination .page-item {
	padding: 5px;
}
.pagination .page-link {
	background: #4d70ff;
	color: #fff;
	border: none;
	padding: 10px 15px;
	font-weight: 600;
	font-size: 16px;
}
.pagination .page-link:hover, .pagination .page-link.active {
	background: #ff4a8f;
}
.pagination .page-item.disabled .page-link {
	background: #a6b7ff;
	color: #fff;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
	border-radius: 0;
}


.fancybox-button[disabled], .fancybox-button[disabled]:hover{
	color:#ffacac;
}




/*--------------------------------------------------------------
19) Media Queries
--------------------------------------------------------------*/
@media (min-width:576px) {
.container-box {
	max-width: 570px;
	min-width: 550px;
}
}
@media (min-width:768px) {
.container-box {
	max-width: 760px;
	min-width: 730px;
}
}
@media (min-width:992px) {
.container-box {
	max-width: 990px;
	min-width: 970px;
}
}
@media (min-width:1200px) {
.container-box {
	max-width: 1198px;
	min-width: 1150px;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-left:0.75rem;
	padding-right:0.75rem;
}
}
@media (min-width:1440px) {
.container {
	max-width: 1200px;
}
.container-box {
	max-width: 1430px;
	min-width: 1230px;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-left:1rem;
	padding-right:1rem;
}
}
@media (min-width:1680px) {
.container {
	max-width: 1440px;
}
.container-box {
	max-width: 1670px;
	min-width: 1470px;
}
}
@media (min-width:1920px) {
.container {
	max-width: 1440px;
}
.container-box {
	max-width: 1720px;
	min-width: 1470px;
}

}


@media only screen and (max-width: 1919px) {
	.section-spacer {
		margin-bottom:110px;
	}
	section {
		margin-bottom:80px;
	}
	.blog-list .entry-content p{
		font-size:17px;
	}
	.stat-style-one img {
		left:70px;
	}
}

@media only screen and (max-width: 1679px) {
	.section-spacer {
		margin-bottom:100px;
	}
	section {
		margin-bottom:70px;
	}
	a.more-link{
		font-size:14px;
	}
	h6{
		font-size:24px;
	}
	.heading-style-three h2{
		font-size:52px;
	}
	.heading-style-three h3{
		font-size:32px;
	}
	.heading-style-two h2, .heading-style-four h2 {
		font-size:46px;
	}
	.heading-style-two h3{
		font-size:36px;
	}
	.heading-style-four h3{
		font-size:38px;
	}
	.heading-style-five h2{
		font-size:58px;
	}
	.section-style-one h4{
		font-size: 28px;
	}
	.section-style-five .section-title{
		font-size:42px;
	}
	.entry-title {
		font-size: 28px;
	}
	.desc{
		font-size:26px;
	}
	.work-process .process-step {
		padding:25px 5%;
	}
	.about-block{
		font-size:18px;
		padding:0 3.1%;
	}
	.stat-style-three{
		font-size:26px;
	}
	.contact {
		font-size:22px;
	}
	.process-style-two .process-center img{
		height:124%;
		top:-14%;
	}
}

@media only screen and (max-width: 1439px) {
	.section-spacer {
		margin-bottom:90px;
	}
	section {
		margin-bottom:60px;
	}
		
	body, button, input, select, optgroup, textarea{
		font-size:20px;
		line-height: 1.5;
	}
	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, select, option,
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		font-size:22px;
	}
	a.more-link{
		font-size:13px;
	}
	h1, h2, h3, h4, h5, h6 {
		line-height:1.2;
	}
	h5{
		font-size:32px;
	}
	h6,	.skill-detail h6{
		font-size:22px;
	} 
	
	.main-nav a{
		font-size:14px;
	}
	.social-nav .nav-link{
		font-size:46px;
	}
	.heading-style-one h2 {
		font-size:38px;
	}
	.heading-style-one h3,
	.heading-style-three h3 {
		font-size:30px;
	}
	.heading-style-three h2{
		font-size:48px;
	}
	.heading-style-two h2, .heading-style-four h2 {
		font-size:42px;
	}
	.heading-style-two h3, .heading-style-four h3{
		font-size:34px;
	}
	.heading-style-four h2, .heading-style-four h3 {
		margin-bottom:2.5rem;
	}
	.heading-style-five h2{
		font-size:54px;
	}
	.section-style-five .section-title{
		font-size:38px;
	}
	.entry-title {
		font-size: 26px;
	}
	.desc{
		font-size:22px;
	}
	.section-style-one{
		font-size:18px;
	}
	.section-style-one h4 {
		font-size: 24px;
	}
	.section-style-one h6{
		font-size:28px;
	}
	.section-style-two {
		font-size:24px;
	}
	.section-style-three {
		font-size:20px;
	}
	.section-style-four h3{
		font-size:22px;
	}
	.section-style-four h4{
		font-size:16px;
	}
	.section-style-four p{
		font-size:13px;
	}
	.section-icon, .icon-detail {
		padding-right: 0;
	}
	.icon-detail{
		 padding-bottom:15px;
	}
	
	.filter-btn{
		padding:0 12px 12px 12px;
	}
	.work-process .process-step{
		padding:4%;
	}
	.skill-detail, .progress{
		margin-right:8%;
	}
	.skill-detail{
		margin-bottom:12px;
	}
	.process-style-one .row {
		font-size:14px;
	}
	.process-style-one .process-center img {
		border-width:12px;
	}
	.stat-style-three{
		font-size:24px;
	}
		
	.blog-list article {
		font-size:16px;
	}
	.blog-list .entry-title{
		font-size:26px;
	}
	.blog-list .entry-content p{
		font-size:16px;
	}
	.stat-style-one img {
		left:60px;
	}
	.about-block{
		font-size:16px;
		padding:0 3%;
	}
	.service-block {
		font-size:20px;
	}
	.service-block h3,
	.service-block h4 {
		font-size:32px;
	}
	
	.knowledge h4{
		font-size:24px;
	}
	.client-box {
		font-size:20px;
		padding-bottom:30px;
	}
	.client-box .client-pic {
		width:90px;
		height:90px;
	}
	.client-block .client-detail {
		padding-left: 130px;
	}
	.client-detail h6 {
		font-size:24px;
	}		
	.team h4{
		font-size:28px;
	}
	.team h5, .team p{
		font-size:20px;
	}
	.contact {
		font-size:20px;
	}
	.contact-detail li svg {
		top:4px;
		font-size:24px;
	}
	.future .row {
		padding-top:60px;
		padding-bottom:30px;
	}
	.knowledge .count{
		min-width:34px;
	}
	.knowledge .year{
		padding: 8px 5px;
		max-width:120px;
		width:120px;
	}
	
	
	footer .footer-style,
	.site-info span {
		font-size:15px;
	}
	.footer-style .social-nav .nav-link {
		font-size: 30px;
	}
	
	.bg-simple-light::before{
		height:900px;
	}
}

@media only screen and (max-width: 1365px) {
	body, button, input, select, optgroup, textarea{
		font-size:17px;
	}
	.bg-simple-light::before{
		height:850px;
	}
	.section-style-two {
		font-size:22px;
	}
	.heading-style-two h2, .heading-style-four h2 {
		font-size: 38px;
	}
	.heading-style-two h3{
		font-size: 30px;
	}
	.heading-style-four h3 {
		font-size: 32px;
	}
	.heading-style-four h2, .heading-style-four h3 {
		margin-bottom:2rem;
	}
	.heading-style-five h2{
		font-size:50px;
	}
	
	.entry-title {
		font-size: 24px;
	}

	.section-style-three {
		line-height:1.5;
		font-size:18px;
	}
	.section-style-four h3 {
		font-size: 20px;
	}
	.section-style-four p {
		font-size: 12px;
	}
	.section-style-five .section-title{
		font-size:34px;
	}
	.service-block {
		font-size:18px;
	}
	#about .service-block{
		padding:15px;
	}
	.service-block h3,
	.service-block h4 {
		font-size:28px;
	}
	.service-block .squire-round-block {
		padding: 9% 4%;
	}
	.future .row{
		padding-top:50px;
		padding-bottom:20px;
	}
	.client-box .client-pic {
		width:80px;
		height:80px;
	}
	.client-block .client-detail {
		padding-left: 120px;
	}
	.client-box, .client-block .client-detail {
		font-size:18px;
	}		
	.client-box{
		padding-bottom:20px;
	}
	.team h4{
		font-size:26px;
	}
	.team h5, .team p{
		font-size:18px;
	}
	.knowledge .count{
		min-width:32px;
	}
	.knowledge h4{
		font-size:22px;
	}
	.knowledge .year{
		padding: 5px 3px;
		max-width:110px;
		width:110px;
	}
	.icon-detail{
		 padding-bottom:10px;
	}
}

@media only screen and (max-width: 1279px) {
	.section-spacer {
		margin-bottom:80px;
	}
	section {
		margin-bottom:50px;
	}
	body, button, input, select, optgroup, textarea{
		font-size:16px;
	}
	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, select, option,
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		font-size:20px;
	}
	.filter-btn{
		padding:0 10px 10px 10px;
	}		
	a.more-link {
		font-size:12px;
	}
	h5{
		font-size:30px;
	}
	h6,	.skill-detail h6{
		font-size:20px;
	}
	
	.card-header h3 a{
		padding: 20px 5%;
	}
	
	.right-middle-fixed .social-nav li,
	.main-nav a{
		font-size:13px;
	}
	.social-nav .nav-link{
		font-size:42px;
	}
	
	.site-header .social-nav li {
		margin-left:15px;
		padding-left: 0;
		letter-spacing:1px;
	}
	.heading-style-one h2 {
		font-size:34px;
	}
	.heading-style-one h3,
	.heading-style-three h3 {
		font-size:28px;
	}
	.heading-style-three h2{
		font-size:44px;
	}
	.heading-style-two h2, .heading-style-four h2 {
		font-size: 34px;
	}
	.heading-style-two h3,
	.heading-style-four h3 {
		font-size: 28px;
	}
	.heading-style-four h2, .heading-style-four h3{
		margin-bottom:1.875rem;
	}
	.heading-style-five h2{
		font-size:36px;
	}
	.desc{
		font-size:21px;
	}
	.section-style-one{
		font-size:16px;
		line-height:1.5;
	}
	.section-style-one h4 {
		font-size: 22px;
	}
	.section-style-one h6{
		font-size:24px;
	}
	.section-style-two {
		font-size:20px;
	}
	.section-style-three {
		font-size:20px;
	}
	.no-gutters .icon-detail{
		 padding-bottom:5px;
		 padding-left:5px;
	}
	
	.knowledge .count{
		min-width:30px;
		padding:5px 10px;
	}
	.knowledge h4{
		font-size:20px;
	}
	
	
	.work-process .process-step{
		padding:3%;
	}
	.process-style-one .process-center img {
		border-width:10px;
	}
	.process-style-two .process-center img{
		height:auto;
		top:0;
		left:-40%;
	}
	.skill-detail, .progress{
		margin-right:5%;
	}
	.skill-detail{
		margin-top:25px;
		margin-bottom:10px;
	}
	.progress {
		height:14px;
	}
	.blog-list .entry-title{
		font-size:24px;
	}
	.blog-list .entry-content p{
		font-size:14px;
	}
	.stat-style-one img {
		left:50px;
	}
	.stat-style-three{
		font-size:22px;
	}
	.about-block{
		font-size:14px;
		padding:0 4.3%;
	}
	.service-block{
		font-size:16px;
	}
	.service-block h3,
	.service-block h4{
		font-size:24px;
	}
	.client-box, .client-block .client-detail {
		font-size:16px;
	}	
	.client-box{
		padding-bottom:15px;
	}
	.client-pic {
		width:80px;
		height:80px;
	}
	.client-box .client-pic {
		width:70px;
		height:70px;
	}
	.client-block .client-detail {
		padding-left: 110px;
	}
	.client-detail h6 {
		font-size:22px;
	}		
	.team h4{
		font-size:24px;
	}
	.team h5, .team p{
		font-size:16px;
	}
	.team h5{
		margin-bottom:20px;
	}
	
		
	.contact {
		font-size:18px;
	}
	.contact-detail li{
		padding-left:30px;
	}
	.contact-detail li svg {
		font-size:20px;
	}
	
	
	footer .footer-style,
	.site-info span {
		font-size:14px;
	}
	.footer-style .social-nav .nav-link {
		font-size: 28px;
	}
	
}

@media only screen and (max-width: 1080px) {
	.page-title.side-spacer{
		margin:0 10%;
	}
	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, select, option,
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		font-size:18px;
	}
	h5{
		font-size:28px;
	}
	.right-middle-fixed .social-nav li,
	.main-nav a{
		font-size:12px;
	}
	.social-nav .nav-link{
		font-size:40px;
	}
	.heading-style-one h3,
	.heading-style-three h3 {
		font-size:26px;
	}
	.heading-style-three h2{
		font-size:40px;
	}
	.heading-style-five h2{
		font-size:34px;
	}
	.section-style-two {
		font-size: 18px;
	}
	.section-style-three {
		font-size: 14px;
	}
	.blog-list .entry-content {
		padding-top:10px;
		padding-bottom:50px;
	}
	.progress {
		height:12px;
	}	

	.client-box, .client-block .client-detail {
		font-size:14px;
	}
	.contact {
		font-size:16px;
	}	
	.team h4{
		font-size:22px;
	}
	
	.footer-style .social-nav .nav-link {
		font-size: 26px;
	}
}

@media only screen and (max-width: 1023px) {
	.section-spacer {
		margin-bottom:70px;
	}
	section {
		margin-bottom:40px;
	}
	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, select, option,
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		font-size:16px;
	}
	.social-nav .nav-link{
		font-size:38px;
	}
	.right-middle-fixed .social-nav li{
		font-size:10px;
	}
	h5{
		font-size:26px;
	}
	.card-header h3 a{
		padding: 20px 4%;
	}
	.heading-style-three h2{
		font-size:38px;
	}
	.heading-style-three h3{
		font-size:24px;
	}
	.heading-style-four h2 {
		font-size: 34px;
		line-height: 44px;
	}
	.heading-style-five h2{
		font-size:32px;
	}
	.heading-style-five .desc {
		margin-bottom: 20px;
	}
	.entry-title {
		font-size: 22px;
	}
	.desc{
		font-size:20px;
	}
	.section-style-one h4 {
		font-size: 20px;
	}
	.section-style-one h6{
		font-size:24px;
	}
	.section-style-two {
		font-size: 16px;
		line-height: 30px;
	}
	a.read-more{
		padding:8px 40px;
	}
	.client-detail h6 {
		font-size:20px;
	}	
	.stat-style-one img {
		left:40px;
	}
	.stat-style-three{
		font-size:20px;
	}
	.service-block h3,
	.service-block h4{
		font-size:22px;
	}
	.team h4{
		font-size:20px;
	}
	.team h5, .team p{
		font-size:15px;
	}
	
	.footer-style .social-nav .nav-link {
		font-size: 24px;
	}
}

@media only screen and (max-width: 991px) {
	.section-spacer {
		margin-bottom:60px;
	}
	section {
		margin-bottom:30px;
	}
	.page-title.side-spacer{
		margin:0 5%;
	}
	.breadcrumb{
		padding:15px;
	}
	.navbar-nav{
		margin:10px 0;
	}
	.nav-item {
		padding: 0 5px;
	}
	.social-nav .nav-link{
		font-size:36px;
	}
	.site-info{
		padding:10px 0;
	}
	.right-middle-fixed .social-nav li {
		margin: 30px -25px;
	}
	.filter-btn{
		padding:0 6px 10px 6px;
	}
	.filter-style-one .filter-btn, .filter-style-two .filter-btn{
		margin:0 8px 15px 8px;
		padding:8px 0;
		font-size:14px;
	}
	.heading-style-one .filter-btn{
		padding-bottom:0;
		margin-top:0;
	}
	.card-header::before {
		top: 25px;
		right: 15px;
	}
	.card-header h3 a{
		padding: 15px 45px 15px 85px;
	}
	.card-header h3 span {
		padding-right: 10px;
		position: absolute;
		left: 15px;
		top: 15px;
	}
	.page-title, .title{
		padding-top:25px;
		padding-bottom:25px;
	}
	.page-title{
		font-size:40px;
	}
	.entry-title {
		font-size: 20px;
	}
	h5, h6{
		margin-top:0.75rem;
	}
	h5{
		font-size:22px;
	}
	h6,	.skill-detail h6{
		font-size:18px;
	}
	.desc{
		font-size:18px;
	}
	.heading-style-one h3 {
		font-size:24px;
	}
	.heading-style-four h2, .heading-style-four h3 {
		margin-bottom:1.5rem;
	}
	.heading-style-three h2{
		font-size:34px;
	}
	.heading-style-three h3{
		font-size:22px;
	}
	.heading-style-one h2,
	.heading-style-five h2,
	.section-style-five .section-title,
	.portfolio-hoverEffect .portfolio-title {
		font-size:30px;
	}
	.section-style-one h4{
		font-size:18px;
	}
	.section-style-two{
		line-height:24px;
	}
	.section-style-two p{
		margin-bottom:1.5rem;
	}
	.section-style-five .section-title{
		line-height:1.25;
	}
	.heading-style-five .desc {
		margin-bottom: 20px;
	}
		
	.stat-style-two img {
		max-width: 70px;
	}
	.process-style-one .process-center img {
		border-width: 6px;
	}
	.process-style-two .process-center img{
		left:-130%;
	}
	.process-step span {
		font-size: 14px;
	}
	.arrow.left2right, .arrow.right2left{
		height:1px;
	}
	.arrow.top2bottom, .arrow.bottom2top{
		width:1px;
	}
	.arrow.left2right::before, .arrow.left2right::after, .arrow.right2left::before, .arrow.right2left::after, .arrow.top2bottom::before, .arrow.top2bottom::after, .arrow.bottom2top::before, .arrow.bottom2top::after{
		border-width:0 2px 2px 0;
	}
	.skill-detail, .progress{
		margin-right:8%;
	}
	.skill-detail{
		margin-top:20px;
		margin-bottom:8px;
	}
	.knowledge{
		flex-direction:column;
	}
	.knowledge .year{
		margin-left:40px;
	}
	.knowledge h4{
		font-size:18px;
	}
	.progress {
		height: 10px;
	}
	.service-block h3,
	.service-block h4{
		font-size:18px;
	}
	.stat-style-two,
	.client-block .client-detail{
		font-size:16px;
	}
	.client-block .client-detail span{
		font-size:12px;
	}
	.team h5, .team p{
		font-size:14px;
	}
	.blog-list article {
		font-size: 13px;
	}
	.blog-list .entry-title {
		font-size: 18px;
		margin: 0px;
	}
	.blog-list .entry-content {
		
	}
	.blog-list .entry-content p {
		margin-bottom: 10px;
	}
	.comment-form{
		width:90%;
	}
	.widget_lattest ul li {
		flex-direction: column;
	}
	.widget ul li .post-thumb {
		max-width: 96%;
		margin-bottom:5px;
	}
	a.read-more{
		padding:8px 40px 8px 25px;
	}
	.bg-gradient::before{
		height:480px;
	}
	.bg-simple-light::before{
		height:650px;
	}
	.circle-left::before, .triangle-left::before, .triangle-right::after, .player-box::before {
		width:50px;
		height:50px;
	}
	.stat-style-one img {
		left: 30px;
	}
	.stat-style-three{
		font-size:18px;
	}
	
	#intructions .col-lg-1{
		display:none;
	}
	
	footer .footer-style,
	.site-info span {
		font-size:12px;
	}
	.footer-style .social-nav .nav-link {
		font-size: 22px;
	}
	#full-right .footer-style{
		margin:0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.section-spacer {
		margin-bottom:65px;
	}
	section {
		margin-bottom:35px;
	}
	.breadcrumb{
		font-size:12px;
	}
	.navbar, .breadcrumb{
		padding:10px;
	}
	.navbar-nav{
		margin:8px 0;
	}
	.social-nav .nav-link{
		padding:0 5px;
	}
	
	.stat-style-two,
	.filter-btn{
		font-size:14px;
	}
	.filter-style-one .filter-btn, .filter-style-two .filter-btn{
		margin:0 5px 10px 5px;
		padding:5px 0;
		font-size:12px;
	}
	
	.page-title, .title{
		padding-top:20px;
		padding-bottom:20px;
	}
	.page-title{
		font-size:36px;
	}
	.h2, h2{
		font-size:30px;
	}
	.h3, h3{
		font-size:24px;
	}
	h5{
		font-size:20px;
	}
	
	.heading-style-four h2, .heading-style-four h3,
	.section-style-two p{
		margin-bottom:1rem;
	}
	.heading-style-one h2,
	.section-style-five .section-title,
	.portfolio-hoverEffect .portfolio-title{
		font-size:26px;
	}
	.heading-style-one h3 {
		font-size:20px;
		padding-right:40px;
	}
	.heading-style-one h3::after{
		width:30px;
		height:4px;
	}
	
	.heading-style-two h2, .heading-style-three h2,	.heading-style-four h2{
		font-size:30px;
	}	
	.heading-style-two h3{
		font-size:24px;
	}
	.heading-style-three h3{
		font-size:20px;
	}
	.desc{
		font-size:16px;
	}
	.heading-style-one {
		flex-direction: column;
		align-items: flex-start;
	}
	.section-style-one h4{
		font-size:16px;
	}
	.section-style-two{
	    font-size: 14px;
		line-height:20px;
	}
	.section-style-five {
		font-size:14px;
	}
	.right-middle-fixed .social-nav li {
		margin: 25px -30px;
		padding:5px 15px;
	}
	.about-block{
		margin-bottom:40px;
	}
	.service-block h3,
	.service-block h4{
		margin:15px 0;
		font-size:28px;
	}
	.service-block h3 br,
	.service-block h4 br{
		display:none;
	}
	.service-block img{
		padding:1.5rem 0 0.5rem 0;
	}
	.service-block .squire-round-block{
		padding:1px 10%;
	} 
	.knowledge{
		flex-direction:row;
	}
	.knowledge .year{
		margin-left:0;
	}
	.knowledge h4{
		font-size:17px;
	}
	.stat-style-one {
		padding:15px 15px 10px 30px;
	}
	.stat-style-one img {
		position: relative;
		left: inherit;
		margin-bottom:15px;
	}
	.stat-style-three img{
		max-width: 70px;
	}
	.stat-style-two img {
		max-width: 50px;
	}
	.process-style-one .process-center{
		padding:2%;
	}
	.process-style-one .process-center img {
		border-width: 3px;
	}
	.process-style-two .process-center img{
		left:-40%;
		height:80%;
	}
	.section-style-one h4,
	.process-title{
		font-size: 16px;
	}
	.process-title{
		padding:5px 0;
	}
	.process-step span {
		font-size: 12px;
	}
	.skill-detail, .progress{
		margin-right:0;
	}
	.blog-list .article-vert figure,  .blog-list .article-vert .entry-content {
		height: auto;
	}
	.blog-list .article-hori figure{
		padding-right:0;
	}
	
	.widget_lattest ul li {
		flex-direction: row;
	}	
	.widget ul li .post-thumb {
		max-width: 36%;
	}
	footer .footer-style {
		font-size: 10px;
	}
	.footer-nav .nav-link{
		font-size:14px;
	}
	.footer-style .social-nav .nav-link {
		font-size: 20px;
	}
	
	#page .service-block img.smart-object{
		left:-4%;
		bottom: 36%;
		height: 30%;
	}
	.stat-style-one img, .stat-style-two img,
	.intructions .player-box::before {
		width:60px;
		height:60px;
	}
	.bg-gradient::before{
		height:410px;
	}
	.bg-simple-light::before {
		height:700px;
	}
	.bg-triangles {
		background-size: 100% 100%;
	}
	.circle-left::before, .triangle-left::before, .triangle-right::after,
	.clients .player-box::before {
		width:30px;
		height:30px;
	}
	.triangle-left::before{
		top:0px;
	}
	.triangle-right::after{
		top:65px;
	}
	.partition-line {
		width: 100%;
		padding: 20px 0;
	}
	.partition-line::before {
		width: 100%;
		height: 1px;
		top: 50%;
		left: 0;
	}
	.circles::before{
		right:3%;
		top:-15px;
		max-width:80%;
	}
	.section-image.circles img{
		max-width:200px;
	}
	
	
	
	footer .footer-style,
	.site-info span {
		font-size:10px;
	}
	.footer-style .social-nav .nav-link {
		font-size: 22px;
	}
}

@media only screen and (max-width: 575px) {
	.section-spacer {
		margin-bottom:60px;
	}
	section {
		margin-bottom:30px;
	}
	.breadcrumb, .site-info {
		padding: 5px 0;
	}
	.navbar-nav{
		margin:5px 0;
	}
	.social-nav .nav-link{
		font-size:32px;
	}
	.filter-btn{
		padding:5px;
		margin:5px 0;
	}
	.section-image {
		padding: 0 15px;
	}
	.page-title, .title{
		padding-top:15px;
		padding-bottom:15px;
	}
	.page-title{
		font-size:32px;
	}
	.h2, h2{
		font-size:28px;
	}
	.h3, h3 {
		font-size:22px;
	}
	.heading-style-four h2, .heading-style-four h3,
	.section-style-two p{
		margin-bottom:0.8rem;
	}
	.heading-style-two h2, .heading-style-three h2, .heading-style-four h2{
		font-size:28px;
	}	
	.skill-detail h5,
	.heading-style-three h3{
		font-size:18px;
	}	
	.heading-style-two h3,
	.section-style-five .section-title{
		font-size:22px;
	}
	.client-block h4{
		margin:5px 0 10px 0;
	}
	.skill-detail h6{
		font-size:14px;
	}
	.process-style-one .process-center img {
		border-width: 1px;
	}
	.process-style-two .process-center img{
		height:auto;
		width:auto;
		max-width:300%;
		left:-100%;
	}
	.process-title{
		font-size: 14px;
		padding:0;
	}
	.process-step span {
		font-size: 10px;
	}
	.stat-style-one, .stat-style-two {
		flex-direction: row;
		justify-content: space-around;
		min-height:inherit;
		height:inherit;
	}
	.stat-style-one img{
		margin-bottom:0;
	}
	.section-image img, .contact img{
		width:90%;
		margin:0 auto;
		display:block;
	}
	.portfolio-list .element-item{
		margin-bottom:15px;
	}
	.stat-style-one img, .stat-style-two img,
	.process-step img, #page .player-box::before {
		width:50px;
		height:50px;
	}
	#page .client-block img.smart-object{
		max-width:100%;
		bottom:50%
	}
	#page .service-block img.smart-object{
		left:0;
	}
	#page img.smart-object.obj-rt{
		height:50%;
		bottom:-5%;
	}
	.service-block .squire-round-block{
		padding:1px 50px;
	}
	.stat-style-two,
	.blog-list .entry-content p{
		font-size:12px;
	}
	footer .footer-style {
		flex-direction: column;
	}
	a.read-more{
		padding:8px 35px 8px 15px;
	}
	.bg-section-right{
		width:100% !important;
	}
	.bg-gradient::before{
		height:370px;
	}
	.squire-round-block::before, #page img.smart-object.obj-lt{
		left:-5px;
	}
	.add-grass-rt::after{
		right:-5px;
	}
}

@media only screen and (max-width: 479px) {
	.side-spacer{
		margin:0 5%;
	}
	.section-spacer {
		margin-bottom:55px;
	}
	section {
		margin-bottom:25px;
	}
	button, input[type="button"], input[type="reset"], input[type="submit"]{
		padding:0.75rem 1.5rem;
	}
	.navbar-nav .nav-link{
		padding:0.25rem 0;
	}
	.social-nav .nav-link{
		font-size:28px;
		padding:0 3px;
	}
	.site-header .social-nav {
		flex-direction: column;
	}
	.site-header .social-nav li:first-child::before {
		display: block;
	}
	
	.h2, h2{
		font-size:26px;
	}
	.h3, h3{
		font-size:20px;
	}
	.page-title, .title{
		padding-top:10px;
		padding-bottom:10px;
	}
	.page-title{
		font-size:28px;
	}
	.heading-style-four h2, .heading-style-four h3,
	.section-style-two p{
		margin-bottom:0.5rem;
	}
	.heading-style-two h2, .heading-style-three h2,
	.heading-style-four h2,	.heading-style-four h3{
		font-size:26px;
	}	
	.heading-style-two h3{
		font-size:20px;
	}
	.heading-style-three h3,
	.stat-style-three,
	.skill-detail h5,
	.knowledge h4{
		font-size:16px;
	}
	.knowledge .count{
		font-size:14px;
		padding:5px;
	}
	.knowledge .year {
		width:90px;
		font-size:14px;
	}
	.card-header h3 a{
		padding: 15px 40px 15px 15px;
	}
	.card-header h3 span {
		position: relative;
		left: inherit;
		top: inherit;
	}
	.process-step span {
		display: none;
	}
	.bg-gradient::before{
		height:330px;
	}
	.blog-list .entry-title{
		font-size:16px;
	}
	.blog-list .entry-content p{
		font-size:10px;
	}
	.comment-form{
		width:100%;
	}
	.contact{
		font-size:14px;
	}
	a.read-more{
		padding:8px 30px;
	}
	.post-navigation .next a, .post-navigation .previous a{
		padding:8px;
	}
}

@media only screen and (max-width: 419px) {
	.side-spacer{
		margin:0 15px;
	}
	.section-spacer {
		margin-bottom:50px;
	}
	section {
		margin-bottom:20px;
	}
	.social-nav .nav-link{
		font-size:24px;
	}
	.page-title{
		font-size:24px;
	}
	.heading-style-two h2, .heading-style-three h2,	.heading-style-four h2,
	.portfolio-hoverEffect .portfolio-title{
		font-size:24px;
	}	
	.heading-style-four h2{
		line-height:32px;
	}
	.service-block h3,
	.service-block h4{
		font-size:20px;
	}
	.client-block h4{
		font-size:16px;
	}
	.section-style-one h4{
		font-size:14px;
	}
	.process-title, .knowledge h4 span{
		font-size: 12px;
	}
	.section-detail, .section-image, .section-icon{
		margin-bottom:20px;
	}
	.stat-style-one, .stat-style-two {
		flex-direction: row;
		justify-content: space-around;
		min-height:inherit;
		height:inherit;
		font-size:10px;
	}
	.stat-style-three .big{
		font-size:150%;
	}
	.blog-list .entry-content p{
		display:none;
	}
	.post-navigation .previous, .post-navigation .next{
		width:100%;
	}
	.bg-gradient::before{
		height:300px;
	}
}

@media only screen and (max-width: 379px) {
	.section-spacer {
		margin-bottom:45px;
	}
	section {
		margin-bottom:15px;
	}
	button, input[type="button"], input[type="reset"], input[type="submit"]{
		padding:0.5rem 1rem;
	}
	.social-nav .nav-link{
		font-size:20px;
	}
	.bg-gradient::before{
		height:290px;
	}
	.page-title,
	.heading-style-two h2, .heading-style-three h2, .heading-style-four h2,
	.portfolio-hoverEffect .portfolio-title{
		font-size:22px;
	}
	.heading-style-three h3,
	.stat-style-three{
		font-size:14px;
	}
	.section-detail, .section-image, .section-icon{
		margin-bottom:15px;
	}
	.stat-style-three img {
		max-width: 50px;
	}
	.client-block{
		text-align:center;
	}
	.col-4, .col-8,
	.blog-list .entry-thumbnail, .blog-list .entry-content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.stat-style-one img, .stat-style-two img,
	.process-step img, #page .player-box::before {
		width:40px;
		height:40px;
	}
	#page .client-block img.smart-object{
		max-height:150px;
		height:auto;
		width: auto;
		bottom:inherit;
		left:inherit;
		position: relative;
	}
	#page img.smart-object.obj-lt{
		width:60%;
	}
	#page img.smart-object.obj-rt{
		width:auto;
		height:auto;
	}
	.knowledge {
		flex-direction: column;
	}
	.knowledge .year {
    	margin-left: 40px;
	}
	footer .site-info, .footer-nav .nav-link{
		text-align:center;
		font-size:12px;
	}
}

@media only screen and (max-width: 319px) {
	.section-spacer {
		margin-bottom:40px;
	}
	section {
		margin-bottom:10px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width:100%;
	}
	.col-3, .col-9{
		width:auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width:inherit;
	}
	.col-2.process-step{
		flex:0 0 10%;
	}
	.col-5.process-step{
		flex:0 0 45%;
	}
	.section-icon img{
		width:50px;
	}
	.stat-style-one img, .stat-style-two img,
	.process-step img, #page .player-box::before {
		width:30px;
		height:30px;
	}
	.page-title,
	.heading-style-two h2{
		font-size:20px;
	}
	.comment-list li img{
		width:50px;
	}
	.comment-body,
	.widget_lattest ul li {
		flex-direction: column;
	}
	.widget ul li .post-thumb {
		max-width: 90%;
	}
	.bg-gradient::before{
		height:280px;
	}
	
}

.ball {
  position: absolute;
  top:0;
  border-radius: 100%;
  opacity: 0.7;
  z-index:999;
}
 .whatsapp-chat{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:1000;text-decoration:none}
 .whatsapp-chat i{font-size:28px;line-height:1}
 .whatsapp-chat:hover{filter:brightness(1.05)}