/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800|Roboto:400,500,700,900');
/* --- pe-icon-7-stroke --- */


body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    color: #666;
    background-color: #ddd;
	font-size: 16px;
    line-height: 1.6em;
}

html {
    width: 100%;
    height: 100%;
}

label,
input,
button,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
  line-height: inherit;
}

/* ===========
layout
============= */
#wrapper.boxed {
	margin: 0 auto;
	background-color: #fff;
	
}
@media (max-width: 767px) {
	#wrapper.boxed {
		width: 100%;
	}
}
@media (min-width: 768px) {
	#wrapper.boxed {
		width: 810px;
	}
	
}
@media (min-width: 992px) {
	#wrapper.boxed {
		width: 1030px;
	}
}
@media (min-width: 1200px) {
	#wrapper.boxed {
		width: 1230px;
	}
}

/* ===========
Typo
============= */

h1 {
	font-size: 38px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 24px;
}
h6 {
	font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	color: #444;
	line-height: 1em;
}

h1.h-xlight,h2.h-xlight,h3.h-xlight ,h4.h-xlight ,h5.h-xlight ,h6.h-xlight  {
	font-weight: 100;
}

h1.h-light,h2.h-light,h3.h-light ,h4.h-light ,h5.h-light ,h6.h-light  {
	font-weight: 300;
}

h1.h-normal,h2.h-normal,h3.h-normal ,h4.h-normal ,h5.h-normal ,h6.h-normal  {
	font-weight: 400;
}

h1.h-medium,h2.h-medium,h3.h-medium ,h4.h-medium ,h5.h-medium ,h6.h-medium  {
	font-weight: 500;
}

h1.h-bold,h2.h-bold,h3.h-bold ,h4.h-bold ,h5.h-bold ,h6.h-bold  {
	font-weight: 700;
}

h1.h-ultra,h2.h-ultra,h3.h-ultra ,h4.h-ultra ,h5.h-ultra ,h6.h-ultra  {
	font-weight: 900;
}


h1.font-light,h2.font-light,h3.font-light,h4.font-light,h5.font-light,h6.font-light {
	color: #fff;
}

.big-heading {
	font-size: 48px;
	font-weight: 700;
}

p {
    margin: 0 0 20px;

}

p.medium {
	font-weight: 500;
}

p.bold {
	font-weight: 700;
}

p.ultra {
	font-weight: 900;
}

.highlight-light {
	background-color: rgba(255,255,255,.5);
	padding: 20px;
	display: inline-block;
	color: #111;
}

.highlight-dark {
	background-color: rgba(0,0,0,.5);
	padding: 20px;
	display: inline-block;
	color: #fff;
}

.highlight-color {
	padding: 2px 5px;
	display: inline-block;
	color: #fff;
}

a {
    color: #666;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 24px;
	line-height: 1.5em;
  font-weight: 300;
  color: #999;
}

blockquote.bg-light {
	background-color: rgba(255,255,255,.8);
	padding: 20px;
	color: #222;
}

blockquote.bg-dark {
	background-color: rgba(0,0,0,.8);
	padding: 20px;
}

blockquote strong {
  font-weight: 700;
}




.light {
    font-weight: 400;
}

/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  margin:0;
  padding-bottom:0;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

/* =======
Top area
======== */
.top-area {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	width: 100%;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.top-area.top-padding {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.top-area p {
	margin-bottom: 10px;
	color:#fff;
}
.top-area .list-inline > li{ font-size:13px;}

/* ===========
Navigation
============= */

.navbar-brand {
  padding-top: 15px;
  margin-top: 5px;
  padding-bottom: 0;
}

.navbar-brand.reduce {
	margin-top:0;
  padding-top: 5px;
	padding-bottom: 5px;
 	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.navbar.navbar-custom {
	width: inherit;
	margin: 0 auto;
	padding-bottom:0;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
}

.navbar.navbar-custom .navigation {
	padding-bottom: 15px;

}


.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);	
	
}



.navbar-brand {
    font-weight: 700;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar.navbar-custom.navbar-fixed-top  {
	background: #fff;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);
}

.navbar.navbar-custom {
	padding-top: 0;
	z-index:40;
}

.navbar.navbar-custom ul.nav.navbar-nav {
	margin-top: 30px;
 	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.navbar.navbar-custom.top-nav-collapse ul.nav.navbar-nav {
	margin-top: 20px;
 	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.navbar-custom ul.nav li a {
	font-size: 14px;
    color: #666;
	text-transform: uppercase;
	font-weight: 700;
	background: transparent;
}


.navbar.navbar-custom.top-nav-collapse {
	background: #fff;
	
}

.navbar.navbar-custom.top-nav-collapse .navigation {
	padding-bottom: 10px;
}

.navbar-custom.top-nav-collapse ul.nav li a {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #444;
}

.navbar-custom ul.nav ul.dropdown-menu {
	border-radius: 0;	
	margin-top: 16px;
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
	font-size: 13px;
	text-transform: uppercase;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus  {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}



.navbar-custom.navbar-fixed-top .nav li a:hover,
.navbar-custom.navbar-fixed-top .nav li a:focus,
.navbar-custom.navbar-fixed-top .nav li.active a,
.navbar-custom.navbar-fixed-top .nav li.active {
    outline: 0;
	background: none;
}
.navbar-custom.top-nav-collapse .nav li a:hover,
.navbar-custom.top-nav-collapse .nav li a:focus,
.navbar-custom.top-nav-collapse .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
	margin-top:35px;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


/* form */

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

/* loader */
#page-loader { 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	background: white; 
	z-index: 9999; 
}
#page-loader img {
	margin: 100px auto; 
	display: block;
}

.loader { 
	text-align: center; 
	margin: auto; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
	height: 40px;
}
.loader { text-align: center; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 40px; }
.loader span { display: block; font: 14px "Montserrat", sans-serif; text-transform: uppercase; margin-bottom: 20px; }

.spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; }

.con1 > div, .con2 > div, .con3 > div { width: 7px; height: 7px; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }

.con2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.con3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.con2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.con3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.con1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.con2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.con3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.con1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.con2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.con3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.con1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.con2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.con3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1); } }

@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); }
  40% { transform: scale(1); -webkit-transform: scale(1); } }

@keyframes boxSpin{
  0%{
    transform: translate(-10px, 0px);
  }
  25%{
    transform: translate(10px, 10px);
  }
  50%{
    transform: translate(10px, -10px);
  }
  75%{
    transform: translate(-10px, -10px);
  }
  100%{
    transform: translate(-10px, 10px);
  }
}


@keyframes shadowSpin{
  0%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
  }
  25%{
    box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
  }
  50%{
    box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
  }
  75%{
    box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
  }
  100%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
  }
}

#load {
	z-index: 9999;
  background-color: #FF4136;
  opacity: 0.75;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin: -5px auto 0 auto;
  left: 0;
  right: 0;
  border-radius: 0px;
  border: 5px solid #FF4136;
  box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
  animation: shadowSpin 1s ease-in-out infinite;
}

/* misc */
hr {
  margin-top: 10px;
}

hr.bold {
  border-top: 3px solid #eee;
}

.divider-short {
	display: block;
	width: 70px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.dividersolid {
	border-top: 1px solid #eee;
	margin: 30px 0 30px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}
.marginbot-60{margin-bottom:60px !important;}
.marginbot-70{margin-bottom:70px !important;}
.marginbot-80{margin-bottom:80px !important;}
.marginbot-90{margin-bottom:90px !important;}
.marginbot-100{margin-bottom:100px !important;}

.margintop-0{margin-top:0 !important;}
.margintop-10{margin-top:10px !important;}
.margintop-20{margin-top:20px !important;}
.margintop-30{margin-top:30px !important;}
.margintop-40{margin-top:40px !important;}
.margintop-45{margin-top:45px !important;}
.margintop-50{margin-top:50px !important;}

/* padding */
.paddingtop-0{padding-top:0 !important;}
.paddingtop-10{padding-top:10px !important;}
.paddingtop-20{padding-top:20px !important;}
.paddingtop-30{padding-top:30px !important;}
.paddingtop-40{padding-top:40px !important;}
.paddingtop-50{padding-top:50px !important;}
.paddingtop-60{padding-top:60px !important;}
.paddingtop-70{padding-top:70px !important;}
.paddingtop-80{padding-top:80px !important;}
.paddingtop-90{padding-top:90px !important;}
.paddingtop-100{padding-top:100px !important;}


.paddingbot-0{padding-bottom:0 !important;}
.paddingbot-10{padding-bottom:10px !important;}
.paddingbot-20{padding-bottom:20px !important;}
.paddingbot-30{padding-bottom:30px !important;}
.paddingbot-40{padding-bottom:40px !important;}
.paddingbot-50{padding-bottom:50px !important;}
.paddingbot-60{padding-bottom:60px !important;}
.paddingbot-70{padding-bottom:70px !important;}
.paddingbot-80{padding-bottom:80px !important;}
.paddingbot-90{padding-bottom:90px !important;}
.paddingbot-100{padding-bottom:100px !important;}


/* ===========================
--- General sections
============================ */

.home-section {
    padding-top: 60px;
	display:block;
 /*   position:relative;*/
    z-index:120;
	background-color: #fff;
}


.home-section.nopadding {
    padding-top: 0;
    padding-bottom: 0;
	display:block;
    position:relative;
    z-index:0;
}
.home-section.nopadding-bot {
    padding-bottom: 0;
}
.home-section.nopadding-top {
    padding-top: 0;
}

.inner-section {
    padding-top: 110px;
    padding-bottom: 110px;
}


.home-section.nopadd-bot {
    padding-bottom: 0;
}


.section-heading h2 {
	margin-bottom: 10px;
}

.section-heading p {
	font-weight: 300;
	font-size: 20px;
	line-height: 1.6em;
}

.color-dark .section-heading h2 {
	color: #111;
}
.color-dark .section-heading p {
	color: #444;
}

.divider-short,.color-dark .divider-short,.bg-gray .divider-short {
	background: #0d8ebd;
}

.color-light .divider-short {
	background: #fefefe;
}



.color-light .section-heading h2 {
	color: #fff;
}
.color-light .section-heading p {
	color: #fefefe;
}

.color-light blockquote,.color-light p {
	color: #fefefe;
}

/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f6f6f6;
}


.bg-dark {
	background: #404040;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}



/* ===========================
--- Intro
============================ */



#wrapper .intro {
	width:100%;
	position:relative;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
	
}

.intro-content {
	background: url(../img/dummy/bg1.jpg) no-repeat top center;
	/*padding:136px 0 60px;*/
	 box-shadow: 0 1px 6px rgba(0,0,0,.2) !important;
}
.intro-content.intro-nobg {
	background:#fff;
	position:relative;
	margin:0;
	padding:140px 0 60px;
}


.slogan {
	margin-bottom: 20px;
}

.white-box {
	background: rgba(255,255,255,.8);
	padding: 20px;
	border-radius: 4px;
}

.intro-content h2 {
	margin-bottom: 10px;
}

/* ---- lead form --- */

ul.lead-list {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 20px;
}


ul.lead-list li {
	margin: 0 0 20px 0;
	line-height: 1.6em;
}

ul.lead-list li span.fa {
	margin: 5px 5px 0 0;
	float: left;
}

ul.lead-list li span.list {
	display: inline-block;
	margin: 0 0 0 10px;
}

p.lead-footer {
	font-size: 16px;
	margin: 20px 0 0;
}


.panel-heading {
  padding: 20px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel.panel-skin {
  border-color: #ddd;
}

.panel-skin > .panel-heading {
  color: #fff;
  background-color: #444;
  border-color: #444;
  box-shadow: none;
}

.panel-body {
  padding: 20px;
}

.form-wrapper h3.panel-title {
  font-size: 20px;
  font-weight: 700;
}

.form-wrapper h3.panel-title span {
	font-size: 20px;
	margin: 0 10px 0 0;
}

.form-wrapper h3.panel-title small {
	font-size: 16px;
	color: #ddd;
}

form.lead label,form.lead input {
	font-size: 16px;
}

.panel-body {
  background: #fff;
}

.panel-skin > .panel-heading .badge {
  background-color: #fff;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ---- CTA 1  --- */
.well.well-trans {
	background-color: rgba(255,255,255,.8);
  -webkit-box-shadow: none;
          box-shadow: none;
	border: none;
}


/* --- slider ---- */


											


/* ===================================
 call action
==================================== */
.callaction {
	padding:30px 30px 20px 30px;
	border-radius: 4px;
	border-bottom: 2px solid #f2f2f2;
}
.cta-text {
	margin-top:10px;
	text-align: left;
}

.cta-text h3 {
	font-weight:900;
	line-height:1.1em;
	margin-bottom: 20px;
}
.cta-btn {
	float:right;
	padding:20px 10px 20px 20px;
	margin-top:10px;
}


/* =========================
Buttons
=========================== */

.btn-skin {
  color: #fff;
}

.btn-skin:hover {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active,
.open > .dropdown-toggle.btn-skin {
  color: #fff;
}
.btn-skin:active,
.btn-skin.active,
.open > .dropdown-toggle.btn-skin {
  background-image: none;
}

.btn-skin .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.5em;
  border-radius: 6px;
}

/* =======================
Elements
========================== */

/* badge */

.badge.custom-badge {
	margin: -20px 0 0 -25px;
	font-size: 12px;
	text-transform: none;
}


.badge.custom-badge.red {
	background-color: #e9372e;
}

/* box */


.box {

}

.box h4 {
	font-size: 24px;
}

.box i {
	margin-bottom: 30px;
}


.circled {
	border-radius: 50%;
	display: inline-block;
	color: #fff;
	width: 1.6em;
    height: 1.6em;
	text-align: center;
	line-height: 1.6em;
}



/* ===========================
--- Services
============================ */

.service-box {
	margin-bottom: 40px;
}

.service-icon {
	  margin-right: 30px;
    padding: 0;
    float: left;
}	

.service-desc h5 {
	margin-bottom: 10px;
	margin-top: 0;
	font-weight:500; color:#333; font-size:22px;
}

.service-desc-body, .service-desc, .service-left {
  display: table-cell;
  vertical-align: top;
}



/* ===========================
--- Team
============================ */

.team-box {
	padding: 20px 0;
}

.team-box img {
	margin-bottom: 20px;
}

.team-box h5 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #666;
}

.team-box h6 {
	color: #888;
}

.cbp .cbp-item {
    z-index: 2;
    display: block;
    width: 240px; /* default width for blocks */
    height: 250px; /* default height for blocks */
}

.cbp-filter-item {
	border-radius: 3px;
}
.cbp-l-filters-alignLeft .cbp-filter-item {
    font: 600 12px/29px "Open Sans", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cbp-l-grid-team-name {
    /* @editable properties */
    font: 700 17px "Open Sans", sans-serif;
    color: #456297;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-bottom: 3px;
}

.cbp-l-grid-team-position {
    /* @editable properties */
    font: italic 400 16px "Open Sans", sans-serif;
    color: #888888;
    text-align: center;
	font-style: normal;
}
.cbp-popup-singlePage .cbp-l-member-name {
    /* @editable properties */
    font: bold 16px/16px "Open Sans", sans-serif;
    margin-bottom: 6px;
}
.cbp-popup-singlePage .cbp-l-member-position {
    /* @editable properties */
    font: 400 14px "Open Sans", sans-serif;
}
.cbp-popup-singlePage .cbp-l-member-desc {
    /* @editable properties */
    font: 400 16px "Open Sans", sans-serif;
    margin-top: 15px;
	line-height: 1.6em;
	color:#252525;
}

/* ===========================
--- Works
============================ */

#owl-works {

}

#owl-works .item {
    margin: 10px;
}

.item img {
    display: block;
    width: 100%;
    height: auto;
}	

/* =========================
Testimonial
=========================== */


#testimonial {
	/*background-image: url(../img/parallax/1.jpg);*/
    background-size: cover;
    background-position: center;
    position: relative;
	    z-index: 0;
}
#testimonial:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: rgba(41,157,204,0.9);
    width: 100%;
    height: 100%;
}
#testimonial .carousel-inner>.item::after{ background:none;}
.carousel-control.left,.carousel-control.right  {background:none;width:25px; z-index: 0;}
.carousel-control.left {top:left:-25px;}
.carousel-control.right {right:-25px;}

.block-text {
    background-color: #fff;
    border-radius: 4px;
    margin: 0 0 40px;
    padding: 15px 18px;
}
.block-text a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}
.block-text.rel.zmin {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
	background:transparent;
}
.mark {
    font-weight: 600; padding: 12px 0;background:none;
}
.block-text p {
    color: #fff; font-weight:500;
}

.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
	box-shadow: none;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
	
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a, .person-text h4 {
    display: block;
    margin-top: 10px;
    color: #fff !important;
	font-weight: 500;
}

.rel {
    position: relative;
}

.person-text img.person {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	border:2px solid #f6f6f6; padding:5px;
}




.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
	list-style: none;
}

.company-social li{
	margin:0;
	padding:0;
	display: inline-block;
}

.company-social a{
	margin:0 2px 0 0;
}

.company-social a:hover {
    color: #fff;
}

.company-social a i {
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	text-align: center;
	border-radius: 3px;
	padding:0;
}

.company-social .social-facebook a i{background: #3873ae;}
.company-social .social-twitter a i{background: #62c6f8;}
.company-social .social-dribble a i{color: #fff; background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);}
.company-social .social-deviantart a i{background: #8da356;}
.company-social .social-google a i {background: #df4b37;}
.company-social .social-vimeo a i {background: #51a6d3;}
.company-social .social-facebook a:hover i {background: #4893ce;}
.company-social .social-twitter a:hover i {background: #82e6ff;}
.company-social .social-dribble a:hover i { 
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);}
.company-social .social-deviantart a:hover i {background: #adc376;}
.company-social .social-google a:hover i {background: #333;}
.company-social .social-vimeo a:hover i {background: #71c6f3;}


.carousel-inner > .item {
  margin-left:0;
  padding-left: 0;
  width: 100%;
  height: auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left:0;
  padding-left: 0;
}

.carousel-control {
  position: absolute;
  top: 37%;
  bottom: 0;
  left: 0;
  width: auto;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left,.carousel-control.right {
  background-image: none;
  filter: none;
}
.carousel-control.right {
  right: 20px;
}
.carousel-control.left {
  left: 20px;
}


/* ==== widget ==== */
.widget ul {
	list-style: none;
	margin-left:0;
	padding-left:0;
}
/***************
 * parallax1
 */
/*
.parallax {
    padding-top: 110px;
    padding-bottom: 110px;
	display:block;
    position:relative;
    z-index:120;
}

#parallax1{	
	background-image: url(../img/parallax/11.jpg);
    background-position: center;
    background-repeat: no-repeat;
    display:block;
    position:relative;
    z-index:120; 
}

#parallax1:after {	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.9;
	z-index: -1;
}

.stats .icon {
	margin: 0 0 20px 0;
}

.stats strong.number {
	font-size: 38px;
}

.stats span.text {
	font-weight: 700;
	font-size: 24px;
}

.parallax .stats strong.number {
	text-shadow: 1px 1px 0 #444;
}

.parallax .stats span.text {
	text-shadow: 1px 1px 0 #444;
}*/


/* ===========================
--- Footer
============================ */

footer {
    background-color: #f2f2f2;
}

footer {
	padding: 50px 0 0;
	background: #0d8ebd;
}
footer h2.widget-title {
    font-size: 26px;
    font-weight: 500;
	color: #fff;}
footer .contact-address1 li{ color:#e9e9e9;}
footer p{color:#e9e9e9;}
footer .widget {
	margin-bottom: 30px;
}

footer .widget h5 {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color:#fff; font-weight:500;
}
footer .fa-inverse {
    color: #0d8ebd;
}
footer .fa-stack-2x {
    font-size: 2em;
	color:#fff;
}

.sub-footer {
	
    background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	padding: 30px 0 10px;
}

.sub-footer a{
	color: #444;
}

footer .sub-footer  p {
	font-size: 14px;
}


/* -- icon var -- */

.bg-dark {
	background: #666;
}

.bg-light {
	background: #fff;
}



.icon-primary {
	color: #4765a0;
}	
.icon-success {
	color: #7db53b;
}	
.icon-info {
	color: #51b6bf;
}	
.icon-warning {
	color: #e6e039;
}	
.icon-danger {
	color: #e24e47;
}	


/* scroll to top */
.scrollup{
    position:fixed;
	width:40px;
	height:40px;
    bottom:0px;
    right:20px;
	background: #222;
-webkit-border-radius: 2px 2px 0 0;	
	-moz-border-radius: 2px 2px 0 0;	
	border-radius:  2px 2px 0 0;	
	  z-index: 9999;
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
	font-size:22px;
}
a.scrollup i:hover {
	text-decoration:none;
}



/* ===========================
--- Elements
============================ */

/* --- tooltip --- */
.tooltip {
  font-size: 16px;
  line-height: 1.6em;
}


/* --- Pricing box --- */
.pricing-box {
	padding-left:0;
	padding-right:0;
	
}

.pricing-content {
	background:#fff;
	-webkit-box-shadow:0 0 7px rgba(0,0,0,0.1);
	box-shadow:0 0 7px rgba(0,0,0,0.1);
	margin-top:20px;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
	position:relative;
	
	border-radius: 4px;
}
.pricing-content.general {
	z-index:99;
}

.pricing-content:hover {
	margin-top:-10px;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
	-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.2);
	box-shadow:0 2px 20px 0 rgba(0,0,0,0.2);
}

.pricing-content h2 {
	background-color:#666;
	color:#FFF;
	font-size:17px;
	text-align:center;
	margin-bottom:0;
	padding:30px 0;
	border-radius: 4px 4px 0 0;
}

.pricing-content h3 {
	color:#fff;
	text-align:center;
	font-size:32px;
	background:#444;
	margin-bottom:0;
	font-weight:700;
	padding:30px 0;
}

.pricing-content h3 span {
	font-weight:300;
	font-size:18px;
}

.pricing-content h3 sup {
	font-size:18px;
}

.pricing-content ul {
	list-style:none;
	margin:25px 0;
}

.pricing-content li {
	border-top:1px dotted #EFEFEF;
	width:75%;
	color:#333;
	margin:0 auto;
	padding:15px 0;
}

.pricing-content li:first-child {
	border-top:none;
}

.pricing-content li i {
	float:right;

}



.pricing-content li del {
	color:#aaa;
}

.price-bottom {
	background:#f7f7f7;
	text-align:center;
	padding:25px 0;
	border-radius: 0 0 4px 4px;
}


.pricing-content p {
	background:#F8F8F8;
	padding:20px;
}

.pricing-content.featured {
	margin-top:-20px;
	position:relative;
	z-index:9999;
	-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.2);
	box-shadow:0 2px 20px 0 rgba(0,0,0,0.2);
}


.pricing-content.featured h3 {
	font-size:38px;
	padding:45px 0;
}



/* --- scroll --- */

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}



/* blink btn */
.blink {
  -webkit-animation-name: blink;
     -moz-animation-name: blink;
       -o-animation-name: blink;
          animation-name: blink;
  -webktit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
           animation-timing-function: linear;
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
}

.blink-infinite {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.blink-5 {
  -webkit-animation-iteration-count: 5;
     -moz-animation-iteration-count: 5;
       -o-animation-iteration-count: 5;
          animation-iteration-count: 5;
}

.blink-furiously {
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}



/* --- button --- */
.btn {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;	
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;

	font-weight: 700;
	line-height: 1.38;
	padding: 10px 22px;
}



.btn.btn-noradius {
	border-radius: 0;
}

a.btn:focus{
	outline: 0;
}

.btn-red {
  color: #fff;
  background-color: #c83539;
  border-color: #c83539;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-red:active {
  background-image: none;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}
/* ==== partner ==== */

.partner {
	text-align: center;
}
/* ============== options panel for live preview ======================= */		
			
#t_options {
	position:fixed;
	top: 60px;
	left:-230px;
	width: 230px;
	background: #fefefe;
	color:#444;
	box-shadow: 0 0 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    z-index: 5000;
    font-size: 11px;
    font-family: 'Open Sans', arial, sans-serif;
}

#t_options hr {
  margin: 20px 0;
  border: 0;
  border-top: none;
  border-bottom: 1px dotted #ddd;	
}

#t_options h6 {
	color:#444;
	font-size:14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#t_options input{
	width:60px;
	border: none;
	border: 1px solid #ddd;
	font-size: 14px;
	text-align: center;
}

#t_options .col {
	width:50px;
	margin:0 10px 0;
}

.colorpicker {
    z-index: 5001;	
}
.options_inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.options_box {
	margin: 0 14px;
	padding: 10px 0 20px;
	overflow:hidden;
}

.options_box .solidline {
	margin-bottom:10px;
}

.options_box h6 {
	text-align:center;
	font-weight:bold;
}

.options_box .full {
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
}

.options_box .full strong {
	text-transform: uppercase;
	margin-right: 10px;
}

.options_box .halfcol {
	width:90px;
	float:left;
	margin:0 5px;
}

.options_box .fourcol {
	width:30px;
	float:left;
	margin:0 5px;
}

.options_box .fourcol.color a{
	width:30px;
	height:30px;
	display:block;
	margin-bottom:5px;
}

.options_box .halfcol .wideboxed h6 {
	font-size:12px;
	font-weight:600;
}

.options_toggle_holder {
	position:absolute;
	right:-40px;
}

.options_toggle  {
	margin: 6px 0 0 4px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border:1px solid #eee;
	border-left:none;
	display:block;
		background:#f7f7f7;
	
}

.options_toggle span i {
	margin:10px 0 0 7px;
	display:block;
}

.options_toggle:hover,.options_toggle:focus,.options_toggle:active{
	outline:0;
	text-decoration:none;
}

.options_heading {
	color: #444;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 14px;
	text-transform: uppercase;	
	font-weight: bold; 
	letter-spacing: 2px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #eee;	
}

/* colors */

.options_box a.t_default {
	background:#299dcc;
}
.options_box a.t_kissme {
	background:#4ACCD1;
}
.options_box a.t_lime {
	background:#C6DF45;
}

.options_box a.t_amethyst {
	background:#9b59b6;
}


.options_box a.t_red {
	background:#eb4141;
}

.options_box a.t_orange {
	background:#f65327;
}

.options_box a.t_green {
	background:#93c847;
}

.options_box a.t_sand {
	background:#BFB372;
}

.options_box a.t_purple {
	background:#c81dbe;
}
.options_box a.t_yellow {
	background:#FFD053;
}
.options_box a.t_blue {
	background:#5C9CC7;
}
.options_box a.t_pink {
	background:#FF439E;
}

.bgr .bg {
	width:28px;
	height:28px;
	border:1px solid #e6e6e6;
}

.bgr .bg.bg1 {
	background: url(../img/bodybg/bg1.png) repeat left top;
}	
.bgr .bg.bg2 {
	background: url(../img/bodybg/bg2.png) repeat left top;
}	
.bgr .bg.bg3 {
	background: url(../img/bodybg/bg3.jpg) repeat left top;
}	
.bgr .bg.bg4 {
	background: url(../img/bodybg/bg4.png) repeat left top;
}	
.bgr .bg.bg5 {
	background: url(../img/bodybg/bg5.png) repeat left top;
}	
.bgr .bg.bg6 {
	background: url(../img/bodybg/bg6.png) repeat left top;
}	
.bgr .bg.bg7 {
	background: url(../img/bodybg/bg7.png) repeat left top;
}	
.bgr .bg.bg8 {
	background: url(../img/bodybg/bg8.jpg) repeat left top;
}	
.bgr .bg.bg9 {
	background: url(../img/bodybg/bg9.png) repeat left top;
}	
.bgr .bg.bg10 {
	background: url(../img/bodybg/bg10.png) repeat left top;
}	

#accent_color{
	color: #fff;
	background: #ef5523;
	border: none;
	text-transform: uppercase;
	margin-left: 2px;
	text-align: center;
	outline:0;
}

#bodybg_color {
	color: #fff;
	background: #ccc;
	border: none;
	text-transform: uppercase;
	margin-left: 2px;
	text-align: center;
	outline:0;
}


#menu-top-menu .icon.icon-angle-down {
  display: none;
}
.navbar-right .dropdown-menu {
  left: 0;
  right: 0;
  min-width: fit-content !important;
}


/*===========================
  slider
============================ */
.slider {
	position: relative;	
	margin-top:-20px;
}

.slider img {
    width: 100%;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -40px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
	border-radius:50%;
	font-size: 30px;
	height: 50px;
	padding: 10px;
	position: absolute;
	top: 50%;
	width: 50px;
	color:#65AAF0;
	background:#65AAF0;
	color:#fff;
}

#carousel-slider a i:hover {
	background:#65AAF0;
	color:#fff;
	border: 1px solid #65AAF0;
}

#carousel-slider 
.carousel-control {
	width:inherit;
}
#carousel-slider .carousel-control.left i {
	left:50px;
	top: calc(30% - 50px);
}

#carousel-slider .carousel-control.right i {
	right: 50px;
	top: calc(30% - 50px);
}

.carousel-caption {
	
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 40px;
    left: 50%;
    z-index: 10;
    bottom: auto;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    transform: translate(-50%,-50%);
	
}

.carousel-caption  h2 {
	font-size:60px;
	color: #fff;
}

.carousel-caption  h2 span {
	font-size:60px;
	color: #fff;
}

.carousel-caption  p {
	color: #ffffff;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 870px;
    text-shadow: 0 0 BLACK;
    background: #0d8ebd;
    margin: 10px auto 0 auto;
    padding: 10px 25px;
    letter-spacing: 2px;
}

@media (max-width: 767px) {
    .carousel-caption  {
      font-size: 18px;
    }
    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {
    	font-size:18px;
    }
}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
	padding:20px 60px;
	font-size:20px;
	background:#65AAF0;
	color:#fff;
	border-radius:0;
	border-color:#fff;
	text-transform:uppercase;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {
	color:#272727;
	opacity: 0.8;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.carousel-inner .form-inline .form-group button[type="getnow"]{
	padding:20px 60px;
	font-size:20px;
	background:#fff;
	color:#272727;
	border-radius:0;
	text-transform:uppercase;
	border: 1px solid #fff;
}

.carousel-inner .form-inline .form-group button[type="getnow"]:hover {
	color:#fff;
	border-color:#fff;
	background:#65AAF0;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.form-inline {
	margin-top:50px;	
}


/*******************/


.text-blue-colored {
  color: #0d8ebd;
}

.btn-default.btn-blue-colored {
	  background-color: #0d8ebd;
    border-color: #0d8ebd;
    color: #fff;
}
.btn-default.btn-blue-colored:hover, .btn-default.btn-blue-colored:focus {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-white{color: #fff;}
.mb-0 {margin-bottom: 0;}
.mt-0 {margin-top: 0;}
.m-0 {margin: 0px;}
.mt-80 {margin-top: 80px;}
.mt-135 {margin-top: 135px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-80{margin-bottom: 80px;}
.mr-5 {margin-right: 5px;}
.form-control {height: 40px;}
.p-20 {padding: 20px;}
.bg-blue-colored{background-color: #0d8ebd;}
.padd-20 {
  padding: 20px;
}
.ft-12 {
  font-size: 12px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.fo-14 {
    font-size: 14px;
    font-weight: 600;
}
.list-inline li.fo-14 a:hover, .list-inline li.fo-14 a:focus{
    color:#000;
}
.text-size{font-size:22px}
.archive-top {
  background-position: center 30%;
  background-size: cover;   color: #fff;
  text-align: center;
}
.archive-top .section-overlay-layer {
  /*background: rgba(13, 60, 85, 0.6) none repeat scroll 0 0;*/
  background: rgb(75 75 75 /1) none repeat scroll 0 0;
  padding-bottom: 60px;
  padding-top: 60px;
}
.archive-top-big-title {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.125rem;
  margin-bottom: 20px;
  margin-top: 10px;
  text-transform: uppercase;
  color:#fff;
}
.bg-dr{ background-image: url("../images/banner16.jpg");
}
.bg-top{margin-top:135px;}

.colored-line {
  margin: auto;
   display: block;
  height: 2px;
  width: 80px;
   background: #0d8ebd none repeat scroll 0 0;
}
.padd-5 {
  padding: 5px;
}
#primary {
  margin: 30px 0;
  
}
.wpcf7-form-control.wpcf7-not-valid {
	border-color: rgb(255, 0, 0) !important;
}
.wpcf7-response-output.wpcf7-validation-errors {
	display: none !important;
}
.wpcf7-not-valid-tip {
	display: none !important;
}
.screen-reader-response {
	display: none;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
}

.contact-address{color: #0d8ebd;font-size: 18px;margin-bottom: 10px;}
.contact-address h5{color: #0d8ebd; font-weight:500; margin:0px 0px 10px 0px;}
.contact-address a{ color: #0d8ebd;}
.contact-address a:hover{ color: #000;}
.phonenumber {padding-right: 7px;}
/*********************
 * *************Blog *************/
/*.blog-posts .post {
  position: relative;
}*/
.list-dashed > article {
  border-bottom: 1px dashed #d3d3d3;
  margin-bottom: 7px;
  padding-bottom: 7px;
}
.bg-lighter {
  background-color: #f7f7f7;
}
.no-bg {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.pl-15 {
  padding-left: 15px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pt-5 {
  padding-top: 5px;
}
pr-15{padding-right:15px;}

ul, ol {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.blog-posts .post .entry-content ul li {
  margin-bottom: 0;
  margin-top: 0;
}
.font-16 {
  font-size: 16px;
}
.font-weight-600 {
  font-weight: 600;
}
.text-white {
  color: #fff;
}
.text-black{color:#000;}

.font-12 {
  font-size: 12px;
}
.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: middle;
}
.media-left, .media > .pull-left {
  padding-right: 15px;
}
.pull-left {
  float: left;
}
.text-gray-darkgray {
  color: #a9a9a9;
}
.blog-posts .post .entry-meta span {
  font-size: 12px;
  margin-right: 15px;
}
.mr-5 {
  margin-right: 5px;
}
.btn-read-more:after {
  content: "";
  display: inline-block;
  font-family: fontawesome;
  font-size: 16px;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin-left: 5px;
  position: relative;
  text-shadow: none;
  text-transform: none;
  top: 2px;
  transition: all 0.4s ease 0s;
}
/***********/
.comments-area p label {
  display: block;
  padding-bottom: 5px;
}
.comments-area input {
  border: 1px solid #c8c8c8;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
}
.comments-area input.submit {
  background: #666 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  width: inherit;
}
.comments-area input.submit:hover {
  background: #299dcc none repeat scroll 0 0;
  color: #ffffff;
}
span.required {
  color: #ff4b33;
}
.comment-respond textarea {
  border: 1px solid #c8c8c8;
  margin-bottom: 15px;
  width: 100%;
}
#comments{  background: #f7f7f7 none repeat scroll 0 0;  padding: 20px;}
#comments h3 {
  font-size: 22px;
  text-transform: uppercase;
}
.line-bt{
  border-bottom: 1px dashed #d3d3d3;
}
footer.comment-meta {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding: 0;
}
.icon.icon-mail-reply, .icon.icon-arrow-left, .icon.icon-arrow-right{
  display: none;
}
.screen-reader-text {
  padding-right: 10px;
}
.navigation.post-navigation{background: #f7f7f7 none repeat scroll 0 0;padding: 20px;   border-top: 2px solid #000;}
h2.screen-reader-text {
  font-size: 20px;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.nav-next, .nav-previous {
  display: inline-block;
}
.post-thumb.thumb {
  text-align: center;
}

.list-dashed > article {
  border-bottom: 1px dashed #d3d3d3 !important;
  margin-bottom: 7px;
  padding-bottom: 7px;
}
.btn1 {
  background-color: #666;
  border-color: #666;
  color: #ffffff;
  text-transform: uppercase;
}
.search-form .search-submit .icon-search {
  display: block;
    max-width: 15px;
    max-height: 19px;
    fill: aliceblue;
}
.btn1:hover {
  background-color: #299dcc;
  border-color: #299dcc;
  color: #fff;
}
.search-field.form-control {
  display: inline-block;
  width: 62%;
}
h5.widget-title {
  
  font-weight: 400;
  text-transform: uppercase; margin-top:10px;
}
aside#secondary {
  background-color: #f7f7f7;
  padding:10px 20px;
}
#secondary ul li {
  border-bottom: 1px dashed #d3d3d3;
  padding: 10px 0;
}
#secondary .widget ul li span {
  float: right;
  text-align: right;
}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */


#blog-pagination ul.page-numbers {
display: inline-block;
    font-size: 0;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 0;
    list-style: outside none none;
    padding: 0;
    white-space: nowrap;
 
  border:1px solid #bbbbbb;
  border-radius:3px;
}

#blog-pagination .page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#blog-pagination .page-numbers li a.prev.page-numbers:after {
    clear: both;
    content: "\f104";
    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    height: 23px;
    line-height: 23px;
    visibility: visible;
}
#blog-pagination .page-numbers li a.next.page-numbers:after {
    clear: both;
    content: "\f105";
    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    height: 23px;
    line-height: 23px;
    visibility: visible;
}

#blog-pagination ul.page-numbers li {float: left; border-right:1px solid #bbbbbb; position:relative;}
#blog-pagination ul.page-numbers li:last-child {border-right:0px;}

.status-publish.format-standard {padding:5px 0;}

#blog-pagination .page-numbers a,
.page-numbers a, .page-numbers span {
  color: #bbbbbb;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  padding: 3.5px 14.5px;
  text-decoration: none;
}

#blog-pagination .page-numbers a span { padding: 0 }

#blog-pagination .page-numbers a:hover,
#blog-pagination .page-numbers.current,
#blog-pagination .page-numbers.current:hover {
    color: #2c2f35;
    background: #f0f0f0;
    text-decoration: none;
}

#blog-pagination .page-numbers:hover { text-decoration: none }

#blog-pagination-dft a{      color: #299dcc;font-size: 18px;font-weight: 500;}
#blog-pagination-dft a:hover{  color: #666;}

.more.share-provider.flat.square.size-16.horizontal {display: none;}
.ht-blog-post {
  background: #fff none repeat scroll 0 0;
  border-bottom: 6px solid #0d8ebd;
 
}
.cbp-popup-wrap1{
  box-sizing: border-box;
  display: none;
  height: 100%;
  left: 0;
  padding: 0 10px;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.cbp-popup-singlePage .cbp-popup-content {
  margin-top: 0px;
 
}
/*.modal-dialog {
  margin: 150px auto;
  width: 600px;
}*/
.gallery-isotope.grid-3 .gallery-item {
  width: 33.333%; 
  float:left;
  padding-bottom: 5px;
  padding-right: 5px;
}
.ptc {
  text-align: center !important;
}
.clearfix{clear:both;}
/***********************************/
/*=======Modal*/
.modal-open{overflow:hidden; position:relative;width: 100%;height:100%;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000 !important;display:none;overflow:hidden;outline:0;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;}
.modal-dialog{position:relative;width:auto;margin:10px;}
.modal-content{position:relative;background-color:#ffffff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0, 0, 0, 0.2);outline:0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;}
.modal-header::after{content:"";display:table;clear:both;}
.modal-header .close{position: absolute; right: 0px; font-size: 34px; top: 0px; padding: 0px 10px;}
.modal-title{margin:0;line-height:1.5;}
.modal-body{position:relative;padding:15px;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}
.fade.in {background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;opacity: 1;}
@media (min-width:576px){.modal-dialog{max-width:600px;margin:30px auto;}}
@media (min-width:768px){.modal-sm{width:625px;}}
@media (min-width:992px){.modal-lg{max-width:900px;}}
@media only screen and (max-device-width:767px){body.modal-open {position:relative;}}
.modal_vah{display:table;height:100%;width:100%;pointer-events:none;}
.modal-dialog-vac{display:table-cell;vertical-align:middle;pointer-events:none; padding: 20px;}
.modal_vah .modal-content{width:inherit;height:inherit;margin:0 auto;pointer-events:all;}
@media (min-width:479px){.modal-xs{width:459px;}}

.ft-line {
  border-top: 6px solid #0d8ebd;
}
#ht-bottom-footer {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  color: #aaa;
  line-height: 1.2;
  padding: 30px 0;
  text-align: center;
}

.post-thumb .img-responsive.img-fullwidth, .modal-body .img-responsive{
  display: inline-block;
}








/* Media queries */
@media (min-width:1025px) {
.paddingtop-158{padding-top:125px; }
}
@media (max-width:1024px) {
.btn-default.btn-blue-colored{margin-bottom:15px;}
.ht-blog-post {
  margin-bottom: 20px;
}
.intro.paddingtop-158 {
  padding-top: 158px;
}
}

@media (max-width:991px) {
	.fo-14 {
	  font-size: 13px;
	 
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.navbar-brand {
		float: none;
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	 .intro-content {
		padding:209px 0 0;
	}

}



@media (max-width:800px){
	
	
	
}

@media (max-width:767px) {

	.top-area p {
		text-align: center;
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		background-color: #fff;
	}
	
	.badge.custom-badge {
		margin: 0 0 0 0;
	}
	
	.navbar-header button {
		border-color: #ccc;
		background-color: #eee;
		padding: 5px 20px;
	}
	.navbar-header i{
		color: #666;
	}
	
	.boxes3 {
	width: 100%;
	}
	.navbar-custom ul.nav li {
		border-bottom: 1px solid #eee;
	}
	.navbar-custom ul.nav li:last-child {
		padding-bottom:0;
	}
	.navbar-custom ul.nav ul.dropdown-menu li {
		border-bottom: 1px solid #eee;
		padding-left: 20px;
	}
	
	.service-box {
		margin: 20px 0 30px;
	}

	.pricing-content.featured {
		margin-top: 20px;
	}
	
	.pricing-content:hover {
		margin-top:20px;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}

	.cta-text {
		float: none;
		text-align: center;
	}
	
	.cta-btn {
		float: none;
		text-align: center;
	}
	
	.sub-footer p {
		float: none;
		text-align: center;
	}
	.sub-footer p {
		float: none;
		text-align: center;
	}

	.navbar-toggle {font-size: 18px;}
	.fo-14.text-left {
	  display: none;
	}
	.list-inline > li {
	  font-size: 13px;
	}
	.top-nav-collapse .top-area{display: none;}
	.navbar.navbar-custom.top-nav-collapse .navigation {
	  padding-top: 10px;
	}
	.btn-default.btn-blue-colored{margin-bottom:15px;}
	.ht-blog-post {
	  margin-bottom: 20px;
	}
	.text-size {
	  font-size: 20px;
	}
		
	#wrapper .intro.paddingtop-158 {padding-top: 140px;}

	.container.paddingtop-60.paddingbot-60 {
		padding: 0 30px;
	}

}
@media (max-width:600px) {
.wow.fadeInUp.animated > p, .carousel-caption {
  display: none;
}
#wrapper .intro.paddingtop-158 {padding-top: 140px;}
#wrapper .top-nav-collapse .intro.paddingtop-158 {padding-top: 152px;}
}

@media (max-width:480px) {


	.navbar-custom .nav.navbar-nav {
    background-color: rgba(255,255,255,.4);
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
	.box {
		padding: 45px;
	}

	.box i {
		margin-bottom: 30px;
	}
.gallery-isotope.grid-3 .gallery-item {
  padding-right: 0;
  width: 100%;
 }
		
}
@media (max-width:320px) {
	
.navbar-brand {
		text-align: center;
		display: block;
		margin: 0 auto;
	}

#wrapper .intro.paddingtop-158 {padding-top: 166px;}
#wrapper .top-nav-collapse .intro.paddingtop-158 {padding-top: 152px;}


}

.inner_page .alignright{
	float:right;
	margin:0 0 20px 20px;
}
.inner_page .aligncenter{
	text-align: center;
    width: 100%;
}
.inner_page ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
}
.inner_page ul li:after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #191919;
    font-size: 18px;
    width: 15px;
    height: 15px;
}
@media(max-width:991px){
	.inner_page .alignright{
		float:none;
		margin:0 0 20px 0;
	}	
}
p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #252525;
}
.entry-content h3 {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 30px;
	margin: 0px 0px 15px 0px;}
.inner_page ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
    color: #252525;
    font-weight: 400;
    margin: 0px 0px 5px 0px;
}
.inner_page ul{ margin:0px 0px 30px 0px;}
section.welcome-about h3 {
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}
.contact-address1 li {
    font-weight: 500;
    color: #252525;
    font-size: 16px;
    line-height: 26px;
    margin: 0px 0px 15px 0px;
}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #333;
    font-weight: 600;
    font-size: 11px;
}
h2.widget-title {
    font-size: 26px;
    font-weight: 500;
}
.contact-address1 strong {
    display: table;
}
footer .widget a {
    font-size: 16px;
    font-weight: 400;
    color: #e9e9e9;
}
.navbar-brand{ height:auto;}
ul.contact-address {
    padding: 25px 25px;
    background: #f5f5f5;
    color: #333;
}
ul.contact-address li{
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin: 0px 0px 10px 0px;
}
ul.contact-address li a{ color:#333;}
.reservation-form .form-control {
    height: 50px;
    border-radius: 0;
    border: 1px solid #a7a7a7;
    padding: 10px 20px;
	font-weight:500;
}
.reservation-form textarea.form-control{ height:200px;}
.entry-header .post-thumb img{ width:100%; max-height:205px; object-fit:cover;}
.entry-content h4{ font-size:18px; font-weight:500;}
.status-publish.format-standard .entry-meta.media{ margin:0px 0px 25px 0px;}

/* services box */
.service-box {
    min-height: 300px;
}
@media(max-width:1199px){
.service-box {
    min-height: 240px;
}	
}
@media(max-width:991px){
.service-box {
    min-height: auto;
}	
}







@media (max-width: 767px) {
	.archive-top .section-overlay-layer{padding-top: 50px;padding-bottom: 50px;}
	.archive-top-big-title{margin-bottom: 15px;font-size: 3rem;}
}

@media (max-width: 575px) {
    .archive-top .section-overlay-layer{padding-top: 30px;padding-bottom: 30px;}
	.archive-top-big-title{margin-bottom: 8px;font-size: 2.5rem;}
}


/* Update 19-06-2025 */
.inner_page .services-flex-secn{display: flex;flex-wrap: wrap;}

.services-form{margin: 0 0 0 auto;padding: 30px;max-width: 400px;box-shadow: 0 0 20px 0px rgb(0 0 0 / 15%);position: sticky;top: 160px;}
.services-form p{font-size: 14px;line-height: 1.4;}
.services-form p a{position: relative;color: #252525;transition: 0.5s;display: inline-block;}
.services-form p a::after{content: '';position: absolute;bottom: 2px;left: 0;width: 100%;height: 1px;background: rgb(37 37 37/50%);transition: 0.5s;}
.services-form p a:hover{color: #0d8ebd;}
.services-form p a:hover::after{right: 0;left: auto;width: 0;background: #0d8ebd;}

.services-form .row{display: flex;flex-wrap: wrap;}
.services-form [class*=col-]{float: unset;}
.services-form form .row{margin-right: -8px;margin-left: -8px;}
.services-form form [class*=col-]{padding-inline: 8px;}
.services-form form p{/*margin: 0 20px 8px 20px;*/font-size: 14px;font-weight: 500;color: #555;}
.services-form .reservation-form textarea.form-control{height: 120px;resize: none;}
.services-form form .radio-control label{margin: 0 0 12px 20px;font-size: 14px;line-height: 1;font-weight: 300;display: inline-flex;align-items: center;gap: 10px;}
.services-form form .radio-control label input{margin: 0;}

#meet-doctor {margin-top: -160px;padding-top: 160px;}
.inner_page .alignleft{float: left ;margin: 0 30px 20px 0;}


/* #experience{margin: 0;padding: 30px 30px 20px 20px;max-width: 160px;width: 100%;background: #0d8ebd;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);position: fixed;top: 50%;left: 0;z-index: 111;transform: translate(-100%, -50%);transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-webkit-transition: all ease 0.3s;}
#experience img{width: 100%;}
#experience .btn-close{width: 26px;height: 26px;background: transparent;border: 0;position: absolute;top: 0px;right: 0px;opacity: 1;transition: 0.5s;}
#experience .btn-close::before,
#experience .btn-close::after{content: '';position: absolute;top: calc(50% - 1px);left: 50%;width: 54%;height: 2px;background: #ffffff;transition: 0.5s;}
#experience .btn-close::before{transform: translateX(-50%) rotate(50deg);}
#experience .btn-close::after{transform: translateX(-50%) rotate(-50deg);}
#experience .btn-close:hover{background: #fff;}
#experience .btn-close:hover::before,
#experience .btn-close:hover::after{background: #0d8ebd;}
.remove-experience{transform: translate(-100%, -50%) !important;} */

.experience-years{position: fixed;left: 20px;bottom: 20px;transform: translateX(calc(-100% - 20px));transition: 0.5s ease;z-index: 1;}
.experience-years.show{transform: translateX(0);}
.experience-years-inr{background-color: #0d8ebd;border-radius:50%;overflow: hidden;border:2px solid #fff;}
.experience-years-inr a{display: block;padding: 5px;font-weight: 500;font-size: 14px;line-height: 1;color: #fff;}
.experience-years-inr a svg{width: 100px;animation: move 10s infinite linear;}
@keyframes move{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
textPath{fill: #fff;letter-spacing: 3px;font-weight: 400;text-transform: uppercase;font-size: 12px;}
.catalog-download span{color: var(--theme-color);width: 65px;height: 65px;background: #fff;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size: 25px;overflow: hidden;padding: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 33px;font-weight: 700;color: #0d8ebd;}
.catalog-download span sup{font-size: 60%;font-weight: 400;}
#circlePath{fill: transparent;}

.experience-years .btn-close{width: 26px;height: 26px;background: transparent;border: 0;position: absolute;top: -5px;right: -5px;opacity: 1;transition: 0.5s;}
.experience-years .btn-close::before,
.experience-years .btn-close::after{content: '';position: absolute;top: calc(50% - 1px);left: 50%;width: 54%;height: 2px;background: #222;transition: 0.5s;}
.experience-years .btn-close::before{transform: translateX(-50%) rotate(50deg);}
.experience-years .btn-close::after{transform: translateX(-50%) rotate(-50deg);}
.remove-experience{transform: translateX(calc(-100% - 25px)) !important;}

@media(min-width:992px){
	.services-content-padding{padding-left: 20px;}
}
@media only screen and (max-width: 1199px) {
    .experience-years-inr a svg{width: 90px;}
	.catalog-download span{width: 60px;height: 60px;font-size: 29px;}
}
@media(max-width:991px){
	.services-form{max-width: 100%;}
}
@media (max-width: 767px) {
    .archive-top .section-overlay-layer{padding-top: 50px;padding-bottom: 50px;}
    .archive-top-big-title{margin-bottom: 15px;font-size: 3rem;}
    .experience-years-inr a svg{width: 80px;}
	.catalog-download span{width: 55px;height: 55px;font-size: 26px;}
}
@media (max-width: 575px) {
    .archive-top .section-overlay-layer{padding-top: 30px;padding-bottom: 30px;}
    .archive-top-big-title{margin-bottom: 8px;font-size: 2.5rem;}
	.inner_page .alignleft{float: none;margin: 0 0 40px 0;}
    .experience-years-inr a svg{width: 70px;}
	.catalog-download span{width: 50px;height: 50px;font-size: 22px;}
	/* #experience{padding: 20px 20px 10px 10px;max-width: 100px;top: 43%;}
	#experience .btn-close{width: 20px;height: 20px;} */
}
.wpcf7-form p { margin: 0; padding: 0; }


/* 14-07-2025 */
.video-area.alignright{margin: 0px 0 0 20px;}
.video-area.alignright img{width: 100%;max-width: 400px;}
.video-area{position: relative;}
.video-area a{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.video-area img.icon{width: 60px;aspect-ratio: 1/1;transition: 0.5s;}
@media (max-width: 991px) {
    .inner_page .video-area.alignright{margin: 0 0 20px 0;width: fit-content;}
}