/* font converted using font-converter.net. thank you! */
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "JosefinSans-Bold";
  src: url("../fonts/JosefinSans-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/JosefinSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/JosefinSans-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/JosefinSans-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/JosefinSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/JosefinSans-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/JosefinSans-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html,
body {
	height: 100%;
	font-family: "Open Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
 /*@media only screen and (max-width:450px) {
      
         .ipsa{
              height:350px;
           }
	 }
	@media only screen and (max-width:550px) {
           .ipsa{
              height:250px;
           }
}*/
	
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	color: #666666;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
header.header-section {
    
	transition: 0.3s all;
}
.section-title {
	margin-bottom: 40px;
}

.section-title h2 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.section-title p {
	color: #666666;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {padding-top:20px;padding-bottom:20px;}

.spad-2 {
	padding-top: 50px;
	padding-bottom: 70px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	padding: 14px 30px;
	color: #ffffff;
	background: #009603;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Quantico", sans-serif;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: "Quantico", sans-serif;
	display: inline-block;
	padding: 14px 30px 12px;
	background: #009603;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: none;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header-section.header-normal {
	-webkit-box-shadow: 0px 5px 25px rgba(170, 170, 170, 0.1);
	box-shadow: 0px 5px 25px rgba(170, 170, 170, 0.1);
}

.logo {
	float: left;
	padding: 10px 0;
	margin-right: 80px;
}

.logo a {
	display: inline-block;
}

.nav-menu {
	float: left;
}
nav.nav-menu.mobile-menu {
    margin-top: 30px;
}
.nav-menu ul li {
	list-style: none;
	display: inline-block;
	margin-right:0px;
	position: relative;
}

.nav-menu ul li:last-child {
	margin-right: 0;
}

.nav-menu ul li:hover .dropdown {
	top:27px;
	opacity: 1;
	visibility: visible;
}

.nav-menu ul li.subdropdown ul.dropdown {
    top: 0;
    left: 100%;visibility: hidden;-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nav-menu ul li.subdropdown:hover ul.dropdown {visibility: visible;-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.nav-menu ul li:hover>a:after {
	opacity: 1;
}
ul.dropdown li {
    border-bottom: 1px dashed rgba(255,255,255,0.3);
}
.desk{display:inline-block;}
ul.dropdown li:last-child{border-bottom:none;}
.nav-menu ul li.active a:after {
	opacity: 1;
}
.nav-menu ul li.active a{color:#d7272d;}
.nav-menu ul li:hover a{color:#d7272d;}

.nav-menu ul li a {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	display: block;
	padding:0px 10px;
	position: relative;
}

.nav-menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background:none;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-menu ul li a:before {
    content: "";
    position: absolute;
    width: 2px;
    height:15px;
    background: #333;
    right: -3px;
    top:5px;
}
.nav-menu ul li:last-child a:before{display:none;}
.nav-menu ul li .dropdown {
	position: absolute;
	left: 0;
	top:20px;
	background: #111111;
	width: 180px;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}
section.hero-section {
    background: #f0eeee;
    padding:50px 0;
    float: left;
    width: 100%;
}
.add1top {
    border: 10px solid #fff;
    box-shadow: 0 10px 3px rgba(0,0,0,0.2);
}
.add1top img{width:100%;}
.ad2 {
    width: 100%;
    float: left;
    padding: 50px 0;
    text-align: center;
}
.ad2 img{border: 10px solid #fff;
    box-shadow: 0 10px 3px rgba(0,0,0,0.2);
}
.nav-menu ul li .dropdown li a {
	color: #ffffff;
	padding: 5px 18px;
	font-weight: 400;
	text-transform: capitalize;
}

.nav-menu ul li .dropdown li a:after {display: none!important;}
.nav-menu ul li .dropdown li a:before {display: none!important;}

.top-search {float: right;margin: 12px 0;}

.slicknav_menu {
	display: none;
}
.singin {background: #36015c; color: #fff!important;border-radius: 30px;padding: 3px 20px; font-weight: 600;margin-right: 10px;}
.singup {background: #ed1c94;color: #fff!important;border-radius: 30px; padding: 3px 20px;font-weight: 600;}

/*---------------------
  Hero
-----------------------*/

.hs-slider.owl-carousel .owl-item.active .hs-text h2 {
	top: 0;
	opacity: 1;
}

.hs-slider.owl-carousel .owl-item.active .hs-text p {
	top: 0;
	opacity: 1;
}

.hs-slider.owl-carousel .owl-item.active .hs-text .primary-btn {
	top: 0;
	opacity: 1;
}

.hs-slider.owl-carousel .owl-nav button {
	font-size: 24px;
	color: #ffffff;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	position: absolute;
	left: 100px;
	top: 50%;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}

.hs-slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 100px;
}

.hs-item {
	height: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.hs-item .hs-text h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	position: relative;
	top: 100px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
}

.hs-item .hs-text p {
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 32px;
	position: relative;
	top: 100px;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
}

.hs-item .hs-text .primary-btn {
	position: relative;
	top: 100px;
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	opacity: 0;
}
section.categories-section, section.portfolio-section.spad, footer.footer-section,.box4-section,.site-section,.Subscribe-section,.box-question,.questionpage {float: left;  width: 100%; }
.Subscribe-section,.box-question{padding: 30px 0;}
.site-section{background: linear-gradient(to right,#fb5155 0%,#f92a75 50%,#fb5155 100%); padding:60px 15px;}
.site-section h3 {text-align: center; font-size: 3rem; color: #fff; font-weight: 600; padding-bottom: 20px; margin-bottom: 20px; position:relative;}
.sitesta {width: 100%; color: #fff; text-align: center;}
.sitesta h4 {color: #fff; font-size: 1.5rem; font-weight:bold;}
.sitesta h4 span {display:block;font-family: 'JosefinSans-Bold'; font-size:3rem;}
.site-section h3:after {content: ""; position: absolute;width: 106px; height: 12px; background: url(../img/headbot.png); left: 50%; bottom: 0;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.newsle{text-align: center;}
.newsle h5{color:#fa336e; font:60px 'JosefinSans-Bold';}
.newsle h6{color:#26000a;font:30px 'JosefinSans-Bold';}
.newsle p{color:#818181; font-size:20px;}
.subfrm {width: 100%;height: 50px;    overflow: hidden;border-radius: 30px;margin-top: 40px;     background: #e4e3e5 url(../img/search.png) 20px center; background-repeat: no-repeat; padding-left:70px;}
.subfrm input[type="text"] {width: 70%;height: 50px; border: none; background: none;}
button.sub-btn {width: 29%;margin: 0;padding: 0; border: none; height: 50px;border-radius: 30px; background: linear-gradient(45deg, #ff633b, #db1c3e); right: -2px; position: relative;color:#fff;font-size:24px; font-weight:500;text-transform:uppercase;}
.questionbox {width:88%; margin:0 6%;  padding: 0px 0; border-radius:0px; }
.bluequestion{border: 1px solid rgba(20,150,190,.5); border-top: 0;}
.redquestion{border: 1px solid rgba(255,102,84,.5); border-top: 0;}
.greenquestion{border: 1px solid rgba(63,191,138,.6); border-top: 0;}
.purpquestion{border: 1px solid rgba(167,94,181,.6); border-top: 0;}
.headingbox{position:relative;    padding: 20px 10px 10px;float: left; width: 100%;}
.bluebox{background: linear-gradient(to right top,#3282b3,#73c1f0);position:relative;}
.redbox{background: linear-gradient(to right top,#ff6654,#ff9c94);position:relative;}
.greenbox{background:linear-gradient(to right top,#3fbf8a,#4dd69e);position:relative;}
.purpbox{background:linear-gradient(to right top,#a75eb5,#dea0eb);position:relative;}
.bluebox:after{content:"";position: absolute; left: 0;top: -9px; width: 100%; border-bottom: 9px solid rgba(20,150,190,.6);border-right: 5px solid transparent; border-left: 5px solid transparent;}
.redbox:after{content:"";position: absolute; left: 0;top: -9px; width: 100%; border-bottom: 9px solid rgba(255,102,84,.6);border-right: 5px solid transparent; border-left: 5px solid transparent;}
.greenbox:after{content:"";position: absolute; left: 0;top: -9px; width: 100%; border-bottom: 9px solid rgba(63,191,138,.6);border-right: 5px solid transparent; border-left: 5px solid transparent;}
.purpbox:after{content:"";position: absolute; left: 0;top: -9px; width: 100%; border-bottom: 9px solid rgb(167,94,181);border-right: 5px solid transparent; border-left: 5px solid transparent;}
.box-question .row {margin-bottom: 40px;}
span.examicon {width: 40px; height: 40px; background: #fff;overflow: hidden; border-radius: 30px;float: left;font-size: 14px;}
span.studentachive i {color: gold;}
span.studentachive {background: #fff; border-radius: 20px;padding: 5px 10px; float: right;font-weight: bold;font-size: 12px;}
.headingbox h4 {width: 100%; display: block;float: left; font-size: 16px; padding: 10px 0; font-weight: bold; color: #fff;}	
.questidetbox td {padding: 3px;font-size: 12px;}
.questidetbox{padding: 10px;}
.questionbox h5{padding: 10px; font-size:16px; font-weight:600;width: 100%; color: #3787b8; float: left;}
.riben{background: linear-gradient(to right top,#07607b,#1ebcec);  height:50px; width: 100%; position: relative; left:0px; z-index: 2;  border: 1px solid rgba(24,166,210,.13) border-radius:3px; border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;    text-align: center;  line-height: 50px; text-transform: uppercase;}
.redriben{background: linear-gradient(to right top,#ff6654,#ff9c94);}
.greenriben{background: linear-gradient(to right top,#3fbf8a,#4dd69e);}
.purpriben{background:linear-gradient(to right top,#a75eb5,#dea0eb);}
.riben:before,.riben:after {content: ""; position: absolute; right: 0; top: -10px; border-bottom: 10px solid rgb(7,96,123); width: 16px; border-right: 16px solid transparent;}
.riben:after {left: 0; top: -10px; border-right: none!important; border-left: 16px solid transparent;}
.riben a{color:#fff; font-weight:bold;}
.redriben:before,.redriben:after {content: ""; position: absolute; right: 0; top: -10px; border-bottom:10px solid rgb(255,102,84); width: 16px; border-right: 16px solid transparent;}
.greenriben:before,.greenriben:after {content: ""; position: absolute; right: 0; top: -10px; border-bottom:10px solid rgb(63,191,138); width: 16px; border-right: 16px solid transparent;}
.purpriben:before,.purpriben:after {content: ""; position: absolute; right: 0; top: -10px; border-bottom:10px solid rgb(167,94,181); width: 16px; border-right: 16px solid transparent;}
.userpic {
    width:40px;
    height:40px;
    border-radius: 100%;
    overflow: hidden;
    float: right;
}
.userpic img {
    max-width: 100%;
}
.username {
    font: 16px 'Open Sans', sans-serif;
    color: #fff;
    float: left;
    padding-right: 10px;
    line-height:38px;
}

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

.services-section {
	float:left; width:100%;
	background: url(../img/eventsbg.jpg) left top no-repeat;
    background-size: cover;
    padding: 40px 0px;
}
.services-section h2 {
    font-size: 86px;
    text-align: center;
    color: #9875a8;
    position: relative; font-weight:bold;
    margin-bottom: 50px;    font-family: 'Open Sans', sans-serif;
}
.services-section h2 span {
    font-size:48px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    width: 400px; font-weight:bold;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
    top: 28px;    font-family: 'Open Sans', sans-serif;
}

.services-section.services-normal .container {
	margin-top: 0;
}
.whitebox{background:#fff; border:1px solid #ccc;height: 375px;}
.whitebox h3 {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
}
.border-bot{border-bottom:1px solid #ccc;}
.recent-upate {padding: 0 10px; height: 310px;}
.recent-upate ul{list-style:none;}
.recent-upate ul li{font-size:12px; border-bottom:2px solid #ea1b23; text-align:left; margin:10px 0;}
.recent-upate ul li a{font-size:12px; padding:10px 0;display: block; color:#333;}
.serfrm .sercbx {
    width: 100%;
    margin-bottom: 10px;
    background: #f4f2f2;
    color: #000;
	    border: none;
    padding: 5px 10px;
    font-size: 12px;
}
button.btn.srch-btn {
    width: 100%;
    background: red;
    background: linear-gradient(to right,#fb5155 0%,#f92a75 50%,#fb5155 100%);
    color: #fff;
}

.serfrm {
    padding: 10px;
}
.services-section .container {
	position: relative;
	margin-top:0px;
	z-index: 99;
}

.services-item {
	text-align: left;
	padding: 0px 10px;
	
}
.services-item-in{background: #ffffff;margin-bottom: 30px;    padding-bottom: 30px;    position: relative;}
		
.cat {position: absolute; top: 10px; width: auto; background: #fe1a1b; padding: 5px 10px; text-align: center;  min-width: 100px; left:-10px; color: #fff; font-weight: bold;}
.cat:after {content: ""; position: absolute;border-left: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #1e0022; left: -14px;bottom: -12px;}
.examdata {padding: 10px;}
.services-item img {
	margin-bottom: 0px;
	min-width: 100%;
}
.dte {
    font-size: 12px;
}
.readmre {
    position: absolute;
    bottom: 0px;
    right: 0px;width: 100%;
}
.readmre a {
    float: right;
    color: #000;
    text-decoration: none;
}
.readmre i.fa.fa-long-arrow-right {
    background: #007cc2;
    padding: 5px 8px;
    text-align: center;
    color: #fff;
    margin-left: 7px;
}
.services-item h3 {
    color: #191039;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 10px;
}
.services-item p {
    font-size: 12px;
    line-height: normal;
}

/*---------------------
  Categories Section
-----------------------*/

.right-btn {
	text-align: right;
	padding-top: 24px;
}

.categories-slider.owl-carousel .owl-item.active .cs-item .cs-text h4 {
	opacity: 1;
}
.categories-slider .owl-nav.disabled {
    display: block;
    position: absolute;
    width:auto;
    top:-40px;
	right:10px;
}
.categories-slider.owl-carousel .owl-item.active .cs-item .cs-text span {
	opacity: 1;
}

.arowclas.owl-carousel .owl-nav button {font-size: 44px;color: #000;height:30px;width:30px;line-height:30px;text-align: center;	background:none;border-radius:0;float:left; border:none;}

.arowclas.owl-carousel .owl-nav button.owl-next {
float: right;
    margin-left: 10px;
}

.cs-item {
	text-align: center;
	width: 100%;
	background: #f5f5f5;
}

.cs-item .cs-pic {
	height: 360px;
}

.cs-item .cs-text {
	padding: 25px 0 22px;
}

.cs-item .cs-text h4 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.cs-item .cs-text span {
	font-size: 17px;
	color: #009603;
	display: block;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*---------------------
  Portfolio
-----------------------*/

.portfolio-section .container-fluid {
	padding-left: 35px;
}

.portfolio-section.portfolio-page {
	padding-top: 0;
}

.portfolio-section .section-title {
	margin-bottom: 22px;
	text-align: center;
}

.portfolio-section .section-title h2 {
	margin-bottom: 0;
}

.filter-controls {
	margin-bottom: 43px;
	text-align: center;
}

.filter-controls ul li {
	font-size: 17px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 60px;
	position: relative;
	cursor: pointer;
}

.filter-controls ul li.active {
	color: #009603;
}

.filter-controls ul li:after {
	position: absolute;
	right: -33px;
	top: -1px;
	content: "|";
	color: #d7d7d7;
}

.filter-controls ul li:last-child {
	margin-right: 0;
}

.filter-controls ul li:last-child:after {
	display: none;
}

.portfolio-filter .pf-item {width: calc(20% - 20px);height: 360px;float: left;margin-right: 20px;	margin-bottom: 20px;position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;	align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;}
.portfolio-filter .pf-item:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);content: "";z-index: -1;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.portfolio-filter .pf-item .pf-icon {font-size: 36px;color: #ffffff;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.portfolio-filter .pf-item:hover:after {opacity: 1;}
.portfolio-filter .pf-item:hover .pf-icon {opacity: 1;}
.portfolio-filter .pf-item:hover .pf-text {bottom: 25px;}
.portfolio-filter .pf-item:hover .pf-text h4 {opacity: 1;top: 0;}
.portfolio-filter .pf-item:hover .pf-text span {opacity: 1;top: 0;}
.portfolio-filter .pf-item .pf-text {text-align: center;position: absolute;left: 0;bottom: -100px;width: 100%;}
.portfolio-filter .pf-item .pf-text h4 {color: #ffffff;font-weight: 700;text-align: center;	margin-bottom: 5px;position: relative;top: 20px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.portfolio-filter .pf-item .pf-text span {font-size: 15px;color: #009603;position: relative;top: 40px;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.portfolio-filter .pf-item.large-width {width: calc(40% - 20px);}
.portfolio-filter .pf-item.large-height {height: 740px;}
.load-more-btn {text-align: center;margin-top: 30px;overflow: hidden;}
.load-more-btn.portfolio-btn a {background: #009603;}
.load-more-btn a {font-size: 15px;color: #ffffff;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;display: inline-block;padding: 15px 102px 13px;background: #000606;font-family: "Quantico", sans-serif;}

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

.footer-section {background: #41454e;padding-top: 70px;}
.fs-about {margin-bottom: 30px;}
.fs-about .fa-logo {margin-bottom: 34px;}
.fs-about p {color: #c4c4c4;margin-bottom: 20px;}
.fs-about .fa-social a {display: inline-block; font-size: 28px; color: #18003a;margin-right: 0px;width: 40px;height: 40px; background: #a399b0; text-align: center;}
.fs-about .fa-social a:hover{background: #fa3e65; color:#fff;}
.fs-about .fa-social a:last-child {margin-right: 0;}
.fs-widget {margin-bottom: 30px; overflow: hidden; padding-right: 15px; border-right: 2px solid #fff;}
.fs-widget.footright {margin-bottom: 30px; overflow: hidden; padding-right: 15px; border-right:none;}
.fs-widget h5 {font-size: 20px;color: #ffffff;font-weight: 700;margin-bottom: 15px; position: relative;padding-bottom:0px;
font-family: 'Poppins', sans-serif; font-weight:500; text-decoration:underline;}
.fs-widget .fw-instagram {margin-right: -5px;	overflow: hidden;}
.fs-widget h6 {color: #fff;font-family:'Poppins', sans-serif;text-decoration:underline; padding-bottom:10px;}
.whitebox li.nav-item {width: 33.3333333%;}
.fs-widget ul.quckcon{width:100%;}
.fs-widget ul.quckcon li {color: #fff;}
.whitebox a.nav-link.active {border: none;}
.whitebox ul.nav.nav-tabs {background:linear-gradient(to right,#fb5155 0%,#f92a75 50%,#fb5155 100%);}
.whitebox a.nav-link.active {border: none;}
.whitebox a.nav-link{border-radius:0; color:#fff;height: 42px; font-weight: bold;font-size: 0.9rem; width: 100%; padding: 0; line-height: 42px;}
.whitebox a.nav-link:hover{border:none;}
.fs-widget .fw-instagram img {width: calc(33.33% - 5px);margin-right: 5px;float: left;}
.pop-img {width: 40px; height: 40px;float: left; margin-right: 10px;}
.pop-data {width: calc(100%); padding-left: 50px;}
.pop-data h4 {font-size: 14px; font-weight: bold;margin-bottom: 10px;}
.cmtrow {width: 100%; padding-bottom: 10px;    color: #ea1b23;}
.calans {width: 100%; padding-bottom: 10px;    color: #ccc;}
.pop-data h4 a {padding: 0!important;display: inline!important;}
.tags {width: 100%; text-align: left;  padding:10px 10px;}
.tags a{font-size:12px; color:#333; border:1px solid #ccc; padding:3px 5px;}
.pop-data h4 a.anslink{color: #ea1b23!important;}
.tags a:hover { background: #fa3969;color: #fff;}
.fs-widget ul {width: 50%;float: left;}
.fs-widget ul li {list-style: none;}
.fs-widget ul li a {font-size:15px;color:#fff;	line-height: 30px;font-family: 'Poppins', sans-serif; }
.fs-widget p {color: #fff;line-height: 1.4;   font-size: 13px;}
.fs-widget p a{color:#fff1a5;}
.fs-widget .fw-subscribe form {position: relative;}
.fs-widget .fw-subscribe form input {width: 100%;height: 50px;font-size: 15px;color: #c4c4c4;padding-left: 20px;border: 1px solid #009603;background: transparent;}
.fs-widget .fw-subscribe form input::-webkit-input-placeholder {color: #c4c4c4;}
.fs-widget .fw-subscribe form input::-moz-placeholder {color: #c4c4c4;}
.fs-widget .fw-subscribe form input:-ms-input-placeholder {color: #c4c4c4;}
.fs-widget .fw-subscribe form input::-ms-input-placeholder {color: #c4c4c4;}
.fs-widget .fw-subscribe form input::placeholder {color: #c4c4c4;}
.fs-widget .fw-subscribe form button {font-size: 18px;color: #ffffff;	background: #009603;height: 50px;width: 50px;border: none;position: absolute;	right: 0;top: 0;}
.copyright-text {text-align: center;	border-top: 2px solid #000;	padding: 10px 0;margin-top: 0px;background:#1c1f27;}
.copyright-text p{color: #fff; margin-bottom:0;font-family: 'Poppins', sans-serif; font-weight:500; font-size:16px;}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {padding-top: 55px;}
.breadcrumb-option .bo-links a {font-size: 15px;color: #111111;	margin-right: 20px;	position: relative;}
.breadcrumb-option .bo-links a i {margin-right: 5px;}
.breadcrumb-option .bo-links a:after {position: absolute;	right: -18px;top: 1px;content: "5";font-family: "ElegantIcons";}
.breadcrumb-option .bo-links span {font-size: 15px;color: #888888;}

/*--------------------------------- Other Pages Styles -----------------------------*/

.main {width: 100%;float: left;transition: 0.3s all;}
.questionrow {background: #F1F1F1 0% 0% no-repeat padding-box; opacity: 1; padding: 10px 15px; font: 22px/27px 'JosefinSans-Bold';  color: #000; float: left; width: 100%; line-height: 45px;}
.change-left {float: left;}
.change-right{float: right;}
.questionrow img {width: 20px;}
.ques {width: 100%; float: left;padding-bottom:50px;}
.ques ul {padding-left: 30px;}
.ques h4 {font-size:20px; color: #000;padding-top:10px;padding-bottom:20px;}
.ques ul li {font-size: 16px;color: #000;list-style: decimal; padding-bottom:5px;}
.optionrow {width: 100%; float: left;padding-top: 20px;}
.funkyradio div {clear: both; overflow: hidden;}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {display: none;}
.funkyradio label {width: 100%; border-radius: 3px;font-weight: normal; background:#4c0cb2;color:#fff!important;}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {display: none;}
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {position: relative;margin-top:0;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none; padding:10px 15px;}
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {position: absolute;display: block;top: 10px;bottom: 0;left:auto;content: ''; background: #fff;border-radius:0;border: 2px solid #18003a; height: 20px;  width:20px;  right:10px;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {color: #888;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {content: "\f00c"; text-indent: 0; color: #fff;background-color: #be93fb;font: normal normal normal 14px/1.3 FontAwesome; text-align:center;}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {color: #777;}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {content: "\f00c";text-indent: 0; color: #fff; background-color: #4dc9ff;font: normal normal normal 14px/1.3 FontAwesome; text-align:center;}
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before { box-shadow: 0 0 0 3px #999;}
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {color: #fff; background-color:#be93fb;}
.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {color: #fff; background-color: #337ab7;}
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {color: #fff;  background-color: #5cb85c;}
.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {color: #fff;  background-color: #d9534f;}
.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {color: #fff; background-color: #f0ad4e;}
.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #5bc0de;}
.funkyradio-default .option { width: 25px; height: 25px; border-radius: 100%;  background: #fff;  text-align: center;  line-height: 25px; float: left;color:#4c0cb2;}
.funkyradio-default label:hover {background:linear-gradient(to right,#fb5155 0%,#f92a75 50%,#fb5155 100%); box-shadow: 0px 4px 5px rgba(0,0,0,0.1);}
.funkyradio-default .optiontext {float: left; padding-left: 10px; padding-top:0px;}
.left-bttom {border-top: 1px solid #333;width: 100%;  float: left;  padding: 15px;}
.left-bttom button.btn.btn-outline-secondary {background: linear-gradient(to right,#fb5155 0%,#f92a75 50%,#fb5155 100%); color: #fff; border: none;}
.left-bttom button + button {background:#d0cfcf!important; color: #000!important; border: none;}
.left-bttom button + button + button {background:linear-gradient(135deg, #6d0eb1 59%, #080ab4 100%)!important; color: #fff!important; border: none;}
.question_plate h4, .sidesub h5 {font-family: "JosefinSans-Bold"; font-size: 1.0rem;color: #fff;}
.question_plate {
    width: 100%;
    padding: 10px;
    float: left;
    border-bottom: 1px solid #333;
    height: 230px;
    overflow-y: auto;
}
.questionstate ul { padding-left: 20px;padding-top: 10px;}
.questionstate ul li{font-size:0.8rem;}
.Qnumber span { margin: 5px 0.7rem;}
.ana-right .Qnumber span { margin: 5px 0.4rem;}
.ana-right .question_plate {height: auto;}
.ana-right .Qnumber {float: left; width: 100%;}
.white-round {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    border: 1px solid #707070;
    background: #fff;
    text-align: center;
    line-height: 27px;
    margin-right: 5px;
    float: left;
    position: relative;
}
.white-box {
    width: 27px;
    height: 27px;
    border: 1px solid #707070;
    background: #fff;
    text-align: center;
    line-height: 27px;
    margin-right: 5px;
    float: left;
    position: relative;
}
/*---------------------right open Section-----------------------*/

span.rightopen {position: fixed;  top:30%; right: -3px; border: 1px solid #4c0cb2; border-radius: 10px 0 0 10px; background:#fff;  padding: 20px 10px; z-index: 9;  cursor: pointer;}
.right-part {width:300px; background: linear-gradient(45deg, #ff0000e0, #fff7a1); right: -300px; height: 100%; overflow-y: auto; transition: 0.3s all; position: fixed; border: 1px solid #333;top: 0;}
.sidetop1 {padding: 5px; float: left; width: 100%; border-bottom: 1px solid #333;}
.sidequestiotype {width: 100%; padding: 10px; float: left; border-bottom: 1px solid #333;}
.ans-row {float: left;width: 100%; padding-bottom: 15px;}
.sidequestiotype .ans-row .part {width: 50%;float: left;font-size: 14px; font-weight: 400;color: #000;line-height: normal;}
.green-round {width: 27px; height: 27px; border-radius: 100%; background: #41ea89; text-align: center; line-height: 27px; margin-right: 5px; float: left;}
.red-round {width: 27px; height: 27px; border-radius: 100%;background: #f16a65; text-align: center; line-height: 27px; margin-right: 5px; float: left;}
.purple-round {width: 27px; height: 27px; border-radius: 100%; background: #c67cff; text-align: center; line-height: 27px; margin-right: 5px; float: left; position: relative;}
.purple-round {width: 27px; height: 27px; border-radius: 100%;background: #c67cff; text-align: center; line-height: 27px;margin-right: 5px; float: left; position: relative;}
span.rightopen.rightmove {right: 300px;}
.right-part.openright {right: 0px;}
.main.short, header.short {width: calc(100% - 300px);}
.questionstate {float: left; width: 100%; padding: 10px;}
.ana-right h5 {
    border-bottom: 1px solid;
    font-size: 1rem;
    padding-bottom: 5px;
    font-weight: 600;
}
/*---------------------About Section-----------------------*/

.about-pic {height: 960px;position: relative;}
.about-pic .play-btn {height: 100px;width: 100px;line-height: 100px;text-align: center;background: #009603;	font-size: 30px;color: #ffffff;	display: inline-block;border-radius: 50%;
position: absolute;right: -50px;top: 50%;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);z-index: 9;}
.about-text {background: #f5f5f5;padding-left: 60px;padding-top: 50px;height: 960px;}
.about-text .section-title h2 {line-height: 47px;margin-bottom: 30px;}
.about-text .at-list .al-item {margin-bottom: 50px;	overflow: hidden;}
.about-text .at-list .al-item:last-child {margin-bottom: 0;}
.about-text .at-list .al-item .al-pic {height: 100px;width: 100px;line-height: 100px;text-align: center;	background: #ffffff;float: left;margin-right: 30px;}
.about-text .at-list .al-item .al-text {overflow: hidden;}
.about-text .at-list .al-item .al-text h5 {font-size: 20px;color: #111111;font-weight: 700;text-transform: uppercase;margin-bottom: 8px;}
.about-text .at-list .al-item .al-text p {color: #666666;margin-bottom: 0;}

/*---------------------
  Team Section
-----------------------*/

.team-section {
	padding-bottom: 70px;
}

.team-item {
	background: #f5f5f5;
	text-align: center;
	margin-bottom: 30px;
}

.team-item img {
	min-width: 100%;
}

.team-item .ti-text {
	padding: 25px 0;
}

.team-item .ti-text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.team-item .ti-text span {
	display: block;
	font-size: 15px;
	color: #009603;
	margin-bottom: 20px;
}

.team-item .ti-text .ti-social a {
	color: #666666;
	font-size: 15px;
	display: inline-block;
	margin-right: 20px;
}

.team-item .ti-text .ti-social a:last-child {
	margin-right: 0;
}

/*---------------------
  Cta Section
-----------------------*/

.cta-section {
	padding-top: 140px;
	padding-bottom: 150px;
}

.cta-text {
	text-align: center;
}

.cta-text h2 {
	font-size: 50px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.cta-text p {
	font-size: 17px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 30px;
}

/*---------------------
  Testimonial Section
-----------------------*/

.testimonial-section {
	padding-bottom: 70px;
}

.testimonial-section .section-title {
	text-align: center;
	margin-bottom: 60px;
}

.testimonial-item {
	border-top: 5px solid #e1e1e1;
	padding-top: 30px;
	position: relative;
	margin-bottom: 30px;
}

.testimonial-item:before {
	position: absolute;
	left: 0;
	top: -12px;
	background-image: url(../img/testimonial/quote.png);
	background-repeat: no-repeat;
	content: "";
	height: 26px;
	width: 26px;
	background-color: #ffffff;
}

.testimonial-item .ti-author {
	overflow: hidden;
	margin-bottom: 18px;
}

.testimonial-item .ti-author .ta-pic {
	margin-right: 25px;
	float: left;
}

.testimonial-item .ti-author .ta-pic img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.testimonial-item .ti-author .ta-text {
	overflow: hidden;
	padding-top: 24px;
}

.testimonial-item .ti-author .ta-text h5 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.testimonial-item .ti-author .ta-text span {
	font-size: 15px;
	color: #888888;
}

.testimonial-item p {
	color: #444444;
	margin-bottom: 0;
}

/*---------------------
  Services Option
-----------------------*/

.services-option {
	padding-bottom: 50px;
}

.so-item {
	margin-bottom: 42px;
}

.so-item .so-title {
	overflow: hidden;
	margin-bottom: 12px;
}

.so-item .so-title .so-number {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #009603;
	float: left;
	margin-right: 20px;
}

.so-item .so-title h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	overflow: hidden;
	line-height: 36px;
}

.so-item p {
	color: #666666;
	margin-bottom: 0;
}

/*---------------------
  Pricing Section
-----------------------*/

.pricing-section {
	padding-bottom: 35px;
	padding-top: 0;
}

.section-title.pricing-title {
	margin-bottom: 110px;
}

.pricing-item {
	position: relative;
	background: #ffffff;
	z-index: 1;
	text-align: center;
	padding-bottom: 20px;
	-webkit-box-shadow: 0px 0px 25px rgba(206, 206, 206, 0.5);
	box-shadow: 0px 0px 25px rgba(206, 206, 206, 0.5);
	margin-bottom: 110px;
}

.pricing-item:after {
	position: absolute;
	left: 50%;
	top: -73px;
	height: 73px;
	width: 150px;
	background: #ffffff;
	content: "";
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	z-index: -1;
	-webkit-transform: translateX(-75px);
	-ms-transform: translateX(-75px);
	transform: translateX(-75px);
	-webkit-box-shadow: 0px -8px 25px -8px rgba(206, 206, 206, 0.5);
	box-shadow: 0px -8px 25px -8px rgba(206, 206, 206, 0.5);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.pricing-item:hover:after {
	background: #009603;
}

.pricing-item:hover .pi-price h2 {
	color: #ffffff;
}

.pricing-item:hover .pi-price span {
	color: #ffffff;
}

.pricing-item:hover .pi-title {
	background: #009603;
}

.pricing-item:hover .pi-title h3 {
	color: #ffffff;
	border-bottom: 1px solid transparent;
}

.pricing-item:hover .pi-text .primary-btn {
	background: #009603;
	color: #ffffff;
}

.pricing-item .pi-price {
	position: absolute;
	top: -32px;
	width: 100%;
	left: 0;
}

.pricing-item .pi-price h2 {
	color: #009603;
	font-weight: 700;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.pricing-item .pi-price span {
	font-size: 15px;
	color: #111111;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.pricing-item .pi-title {
	padding-top: 65px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.pricing-item .pi-title h3 {
	color: #111111;
	font-weight: 700;
	padding-bottom: 32px;
	text-transform: uppercase;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.pricing-item .pi-text {
	padding-left: 20px;
	padding-right: 20px;
}

.pricing-item .pi-text ul {
	margin: 25px 0;
}

.pricing-item .pi-text ul li {
	font-size: 15px;
	color: #666666;
	line-height: 42px;
	list-style: none;
}

.pricing-item .pi-text .primary-btn {
	font-size: 15px;
	color: #111111;
	background: #ebebeb;
	padding: 14px 0;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*---------------------
  Portfolio Hero
-----------------------*/

.portfolio-hero-section {
	height: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.ph-text {
	background: rgba(0, 0, 0, 0.7);
	display: inline-block;
	padding: 60px 75px 65px;
	text-align: center;
}

.ph-text h2 {
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.ph-text ul li {
	list-style: none;
	display: inline-block;
	color: #009603;
	font-size: 15px;
	margin-right: 28px;
	position: relative;
}

.ph-text ul li:after {
	position: absolute;
	right: -20px;
	top: -1px;
	color: #e1e1e1;
	opacity: 0.5;
	content: "|";
}

.ph-text ul li:last-child {
	margin-right: 0;
}

.ph-text ul li:last-child:after {
	display: none;
}

/*---------------------
  Portfolio Details
-----------------------*/

.portfolio-details-section {
	padding-top: 70px;
	padding-bottom: 40px;
}

.pd-text {
	margin-bottom: 70px;
}

.pd-text p {
	font-size: 17px;
	line-height: 30px;
}

.pd-text p:first-child {
	margin-bottom: 30px;
}

.portfolio-pics {
	padding-left: 20px;
	margin-bottom: 50px;
}

.portfolio-details-pic .pdp-item {
	width: calc(20% - 20px);
	float: left;
	height: 360px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.portfolio-details-pic .pdp-item.large-width {
	width: calc(40% - 20px);
}

.portfolio-details-pic .pdp-item.large-height {
	height: 740px;
}

.pd-more-text h2 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 30px;
}

.pd-more-text p {
	font-size: 17px;
	line-height: 30px;
}

/*---------------------
  Recent Photography
-----------------------*/

.recent-photography-section {
	padding-top: 0;
}

.recent-photography-section .section-title {
	padding-top: 50px;
	border-top: 1px solid #e1e1e1;
}

.rp-item {
	text-align: center;
	width: 100%;
	background: #f5f5f5;
	margin-bottom: 30px;
}

.rp-item img {
	min-width: 100%;
}

.rp-item .rp-text {
	padding: 26px 0 25px;
}

.rp-item .rp-text h5 {
	color: #111111;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.rp-item .rp-text span {
	font-size: 15px;
	font-weight: 600;
	color: #009603;
	display: block;
}

/*---------------------
  Blog
-----------------------*/

.blog-section {
	padding-top: 0;
}

.blog-item {
	margin-bottom: 50px;
	overflow: hidden;
}

.blog-item .bi-pic {
	float: left;
	margin-right: 30px;
}

.blog-item .bi-text {
	overflow: hidden;
}

.blog-item .bi-text .label {
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	display: inline-block;
	background: #009603;
	padding: 2px 12px;
	text-transform: uppercase;
}

.blog-item .bi-text h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.blog-item .bi-text h5 a {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	line-height: 27px;
	text-transform: uppercase;
}

.blog-item .bi-text ul {
	margin-bottom: 14px;
}

.blog-item .bi-text ul li {
	font-size: 13px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 24px;
	position: relative;
}

.blog-item .bi-text ul li:after {
	position: absolute;
	right: -17px;
	top: -1px;
	content: "|";
}

.blog-item .bi-text ul li:last-child {
	margin-right: 0;
}

.blog-item .bi-text ul li:last-child:after {
	display: none;
}

.blog-item .bi-text ul li span {
	color: #111111;
}

.blog-item .bi-text p {
	color: #444444;
	line-height: 30px;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}

.blog-pagination a {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	background: #f2f2f2;
	color: #111111;
	padding: 12px 22px;
	margin-right: 8px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-pagination a:hover {
	color: #ffffff;
	background: #111111;
}

.blog-pagination a:last-child {
	margin-right: 0;
}

.blog-sidebar .bs-item.s-mb {
	margin-bottom: 55px;
}

.blog-sidebar .bs-item h5 {
	font-size: 20px;
	font-weight: 700;
	color: #111111;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 35px;
}

.blog-sidebar .bs-item h5:after {
	position: absolute;
	right: 0;
	top: 10px;
	height: 3px;
	width: 95px;
	background: #e1e1e1;
	content: "";
}

.blog-sidebar .bs-item .bi-feature-post .fp-item {
	overflow: hidden;
	margin-bottom: 30px;
	display: block;
}

.blog-sidebar .bs-item .bi-feature-post .fp-item .fp-pic {
	float: left;
	margin-right: 20px;
}

.blog-sidebar .bs-item .bi-feature-post .fp-item .fp-text {
	overflow: hidden;
}

.blog-sidebar .bs-item .bi-feature-post .fp-item .fp-text h6 {
	font-size: 15px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 20px;
}

.blog-sidebar .bs-item .bi-feature-post .fp-item .fp-text span {
	font-size: 13px;
	color: #888888;
}

.blog-sidebar .bs-item p {
	color: #444444;
	font-weight: 500;
}

.blog-sidebar .bs-item .bi-subscribe form input {
	font-size: 13px;
	color: #444444;
	height: 46px;
	width: 100%;
	border: 1px solid #d7d7d7;
	padding-left: 15px;
	background: transparent;
	margin-bottom: 20px;
}

.blog-sidebar .bs-item .bi-subscribe form input::-webkit-input-placeholder {
	color: #444444;
}

.blog-sidebar .bs-item .bi-subscribe form input::-moz-placeholder {
	color: #444444;
}

.blog-sidebar .bs-item .bi-subscribe form input:-ms-input-placeholder {
	color: #444444;
}

.blog-sidebar .bs-item .bi-subscribe form input::-ms-input-placeholder {
	color: #444444;
}

.blog-sidebar .bs-item .bi-subscribe form input::placeholder {
	color: #444444;
}

.blog-sidebar .bs-item .bi-subscribe form .site-btn {
	width: 100%;
}

.blog-sidebar .bs-item .bi-insta {
	margin-right: -10px;
	overflow: hidden;
}

.blog-sidebar .bs-item .bi-insta img {
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Section
-----------------------*/

.blog-hero {
	height: 960px;
}

.blog-details-section {
	padding-top: 0;
	padding-bottom: 60px;
}

.blog-details-text {
	background: #ffffff;
	padding-top:0px;
	padding-left: 55px;
	padding-right: 55px;
}
.blog-details-text p{font-size:13px;}

.blog-details-text .bd-title {
	margin-bottom: 60px;
}

.blog-details-text .bd-title .bt-bread {
	margin-bottom: 12px;
}

.blog-details-text .bd-title .bt-bread a {
	font-size: 15px;
	color: #111111;
	margin-right: 20px;
	position: relative;
}

.blog-details-text .bd-title .bt-bread a i {
	margin-right: 5px;
}

.blog-details-text .bd-title .bt-bread a:after {
	position: absolute;
	right: -18px;
	top: 1px;
	content: "5";
	font-family: "ElegantIcons";
}

.blog-details-text .bd-title .bt-bread span {
	font-size: 15px;
	color: #888888;
}

.blog-details-text .bd-title h2 {
	font-size: 42px;
	color: #111111;
	font-weight: 700;
	line-height: 55px;
	margin-bottom: 18px;
}

.blog-details-text .bd-title ul li {
	font-size: 13px;
	color: #888888;
	display: inline-block;
	list-style: none;
	margin-right: 24px;
	position: relative;
}

.blog-details-text .bd-title ul li:after {
	position: absolute;
	right: -17px;
	top: -1px;
	content: "|";
}

.blog-details-text .bd-title ul li:last-child {
	margin-right: 0;
}

.blog-details-text .bd-title ul li:last-child:after {
	display: none;
}

.blog-details-text .bd-title ul li span {
	color: #111111;
}

.blog-details-text .bd-top-text {
	margin-bottom: 50px;
}

.blog-details-text .bd-top-text p {
	font-size: 17px;
	color: #444444;
	line-height: 30px;
}

.blog-details-text .bd-quote {
	border-top: 10px solid #f2f2f2;
	position: relative;
	margin-bottom: 35px;
}

.blog-details-text .bd-quote:after {
	position: absolute;
	left: 0;
	top: -20px;
	background-image: url(../img/blog/details/quote.png);
	height: 22px;
	width: 45px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	content: "";
}

.blog-details-text .bd-quote p {
	font-size: 20px;
	color: #111111;
	line-height: 35px;
	font-weight: 600;
	font-style: italic;
	padding-top: 24px;
}

.blog-details-text .bd-desc {
	margin-bottom: 40px;
}

.blog-details-text .bd-desc p {
	font-size: 17px;
	color: #444444;
	line-height: 30px;
}

.blog-details-text .bd-pics {
	margin-right: -10px;
	overflow: hidden;
	margin-bottom: 34px;
}

.blog-details-text .bd-pics img {
	width: calc(33.33% - 10px);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.blog-details-text .bd-last-desc {
	margin-bottom: 40px;
}

.blog-details-text .bd-last-desc p {
	font-size: 17px;
	color: #444444;
	line-height: 30px;
}

.blog-details-text .bd-tag-share {
	overflow: hidden;
	padding-top: 35px;
	border-top: 1px solid #ebebeb;
	margin-bottom: 50px;
}

.blog-details-text .bd-tag-share .tags {
	float: left;
}

.blog-details-text .bd-tag-share .tags a {
	font-size: 13px;
	display: inline-block;
	color: #444444;
	text-transform: uppercase;
	padding: 8px 14px;
	background: #ebebeb;
	margin-right: 9px;
}

.blog-details-text .bd-tag-share .tags a:last-child {
	margin-right: 0;
}

.blog-details-text .bd-tag-share .share {
	float: right;
}

.blog-details-text .bd-tag-share .share span {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #111111;
	margin-right: 20px;
}

.blog-details-text .bd-tag-share .share a {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	margin-left: 6px;
}

.blog-details-text .bd-tag-share .share a.facebook {
	background: #3263AF;
}

.blog-details-text .bd-tag-share .share a.twitter {
	background: #40C4FF;
}

.blog-details-text .bd-tag-share .share a.youtube {
	background: #FF0000;
}

.blog-details-text .bd-tag-share .share a.instagram {
	background: -o-linear-gradient(45deg, #af00e1, #ff9e35);
	background: linear-gradient(45deg, #af00e1, #ff9e35);
}

.blog-details-text .bd-related-post {
	margin-bottom: 60px;
}

.blog-details-text .bd-related-post .post-item {
	display: block;
	overflow: hidden;
}

.blog-details-text .bd-related-post .post-item.prev-item .pi-pic {
	float: left;
	margin-right: 30px;
}

.blog-details-text .bd-related-post .post-item.prev-item .pi-text {
	overflow: hidden;
}

.blog-details-text .bd-related-post .post-item.next-item {
	text-align: right;
}

.blog-details-text .bd-related-post .post-item.next-item .pi-pic {
	float: right;
	margin-left: 30px;
}

.blog-details-text .bd-related-post .post-item.next-item .pi-text {
	overflow: hidden;
}

.blog-details-text .bd-related-post .post-item h6 {
	font-size: 15px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 25px;
}

.blog-details-text .bd-related-post .post-item h6 span {
	font-size: 22px;
	position: relative;
	top: 3px;
}

.blog-details-text .bd-related-post .post-item .pi-text .label {
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	display: inline-block;
	background: #009603;
	padding: 2px 12px;
	text-transform: uppercase;
}

.blog-details-text .bd-related-post .post-item .pi-text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0.5px;
	margin-top: 10px;
}

.blog-details-text .bd-author {
	background: #f5f5f5;
	padding: 50px;
	margin-bottom: 60px;
}

.blog-details-text .bd-author .avatar-pic {
	float: left;
	margin-right: 30px;
}

.blog-details-text .bd-author .avatar-pic img {
	height: 130px;
	width: 130px;
	border-radius: 50%;
}

.blog-details-text .bd-author .avatar-text {
	overflow: hidden;
}

.blog-details-text .bd-author .avatar-text h4 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.blog-details-text .bd-author .avatar-text p {
	color: #444444;
	font-size: 17px;
	line-height: 30px;
}

.blog-details-text .bd-author .avatar-text .at-social a {
	font-size: 14px;
	display: inline-block;
	color: #444444;
	margin-right: 15px;
}

.blog-details-text .bd-author .avatar-text .at-social a:last-child {
	margin-right: 0;
}

.blog-details-text .bd-comment-form h4 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog-details-text .bd-comment-form .comment-item {
	margin-bottom: 35px;
}

.blog-details-text .bd-comment-form .comment-item .ci-pic {
	float: left;
	margin-right: 20px;
}

.blog-details-text .bd-comment-form .comment-item .ci-pic img {
	height: 70px;
	width: 70px;
	border-radius: 50%;
}

.blog-details-text .bd-comment-form .comment-item .ci-text {
	overflow: hidden;
}

.blog-details-text .bd-comment-form .comment-item .ci-text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 8px;
}

.blog-details-text .bd-comment-form .comment-item .ci-text p {
	color: #444444;
	margin-bottom: 10px;
}

.blog-details-text .bd-comment-form .comment-item .ci-text ul li {
	list-style: none;
	display: inline-block;
	font-size: 12px;
	color: #444444;
	margin-right: 25px;
}

.blog-details-text .bd-comment-form .comment-item .ci-text ul li:last-child {
	margin-right: 0;
}

.blog-details-text .bd-comment-form .comment-item .ci-text ul li i {
	font-size: 14px;
	color: #009603;
	margin-right: 5px;
}

.blog-details-text .bd-comment-form .leave-form {
	padding: 35px 40px 40px 40px;
	border: 1px solid #e1e1e1;
}

.blog-details-text .bd-comment-form .leave-form form input {
	height: 50px;
	width: 100%;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	background: #f2f2f2;
	margin-bottom: 20px;
	border: none;
}

.blog-details-text .bd-comment-form .leave-form form input::-webkit-input-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form input::-moz-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form input:-ms-input-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form input::-ms-input-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form input::placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form textarea {
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	height: 100px;
	font-size: 14px;
	color: #444444;
	background: #f2f2f2;
	resize: none;
	border: none;
	margin-bottom: 14px;
}

.blog-details-text .bd-comment-form .leave-form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form textarea::-moz-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form textarea:-ms-input-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form textarea::-ms-input-placeholder {
	color: #444444;
}

.blog-details-text .bd-comment-form .leave-form form textarea::placeholder {
	color: #444444;
}

/*---------------------
  Gallery
-----------------------*/

.gallery-section {
	padding-top: 0;
}

.gallery-section .container-fluid {
	padding-left: 35px;
}

.gallery-filter .gf-item {
	width: calc(20% - 20px);
	height: 360px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}

.gallery-filter .gf-item.small-height {
	height: 240px;
}

.gallery-filter .gf-item.medium-small-height {
	height: 410px;
}

.gallery-filter .gf-item.large-small-height {
	height: 440px;
}

.gallery-filter .gf-item.large-height {
	height: 540px;
}

.gallery-filter .gf-item.medium-large-height {
	height: 510px;
}

.gallery-filter .gf-item:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	content: "";
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-filter .gf-item .gf-icon {
	font-size: 36px;
	color: #ffffff;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-filter .gf-item:hover:after {
	opacity: 1;
}

.gallery-filter .gf-item:hover .gf-icon {
	opacity: 1;
}

/*---------------------
  Contact
-----------------------*/

.map {
	height: 635px;
}

.map iframe {
	width: 100%;
}

.contact-text h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.contact-text p {
	color: #111111;
	margin-bottom: 32px;
}

.contact-text .ct-item {
	overflow: hidden;
	margin-bottom: 30px;
}

.contact-text .ct-item .ct-icon {
	height: 80px;
	width: 80px;
	background: #009603;
	border-radius: 50%;
	font-size: 40px;
	line-height: 80px;
	text-align: center;
	color: #ffffff;
	float: left;
	margin-right: 30px;
}



.contact-text .ct-item .ct-text {
	overflow: hidden;
	padding-top: 12px;
}

.contact-text .ct-item .ct-text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contact-text .ct-item .ct-text p {
	color: #444444;
	margin-bottom: 0;
}

.contact-text .ct-item .ct-text ul li {
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	font-size: 15px;
	color: #444444;
	position: relative;
}

.contact-text .ct-item .ct-text ul li:after {
	position: absolute;
	right: -20px;
	top: -2px;
	content: "|";
}

.contact-text .ct-item .ct-text ul li:last-child {
	margin-right: 0;
}

.contact-text .ct-item .ct-text ul li:last-child:after {
	display: none;
}

.contact-form h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.contact-form form input {
	height: 50px;
	width: 100%;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	background: transparent;
	margin-bottom: 30px;
	border: 1px solid #e1e1e1;
}

.contact-form form input::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form input::-moz-placeholder {
	color: #444444;
}

.contact-form form input:-ms-input-placeholder {
	color: #444444;
}

.contact-form form input::-ms-input-placeholder {
	color: #444444;
}

.contact-form form input::placeholder {
	color: #444444;
}

.contact-form form textarea {
	width: 100%;
	padding-left: 20px;
	padding-top: 12px;
	height: 100px;
	font-size: 14px;
	color: #444444;
	background: transparent;
	resize: none;
	border: 1px solid #e1e1e1;
	margin-bottom: 24px;
}

.contact-form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form textarea::-moz-placeholder {
	color: #444444;
}

.contact-form form textarea:-ms-input-placeholder {
	color: #444444;
}

.contact-form form textarea::-ms-input-placeholder {
	color: #444444;
}

.contact-form form textarea::placeholder {
	color: #444444;
}
.timeight {width: 220px; height: auto; background: linear-gradient(45deg, #6e0fb2, #2f0bb3); border-radius: 10px; float: right;margin-right:10px; margin-top: 0px; padding-left: 10px;  padding-top: 10px; padding-right: 10px; padding-bottom: 10px; color: #fff;z-index: 9; position: relative;}
.timeight {width: 220px; height: auto; background: linear-gradient(45deg, #6e0fb2, #2f0bb3); border-radius: 10px; float: right;margin-right:10px; margin-top: 0px; padding-left: 10px;  padding-top: 10px; padding-right: 10px; padding-bottom: 10px; color: #fff;z-index: 9; position: relative;}
.timeleft {font:18px "JosefinSans-Bold"; color: #fff; float: left;}
.timeight ul{float:right; margin:0;padding-left:0;}
.timeight ul li{list-style:none;float:left; background:#fff; position:relative;font-size:14px; color:#000;    padding: 3px;margin-left: 10px; line-height:normal; margin-top:0;}
.timeight ul li:after {position: absolute; content: ":";right: -8px; color:#fff;}
.timeight ul li:last-child:after{display:none;}
.sidesub {
    width: 100%;
    padding: 10px;
    float: left;
    border-bottom: 1px solid #333;
}
.sidesub ul {
    padding: 0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.sidesub ul li {
    display: inline;
}
.sidesub ul li span {
    background: #ffeaee;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 10px;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}
.sidesub button.btn.btn-primary {
    width: 100%; background:linear-gradient(45deg, #6e0fb2, #2f0bb3);
}

.questionpub1 .modal-dialog {
    max-width: 1000px;
}
.questionpub .modal-dialog {
    max-width: 1000px;
    padding: 10px;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem auto;
    pointer-events: none;
}
.questionpub1 h5{
    font: 20px "JosefinSans-Bold";
    color: #fff;
    padding: 10px 30px;
    border-bottom: 1px solid #333;
	background:#4c0cb2;
}
.questionpub1 h5 button{color:#fff; opacity:1;}
.questionpub1 ul {list-style: decimal; padding-left: 30px;padding-bottom: 10px;padding-top: 10px;}
.popbutton button{background:linear-gradient(to right,#fb5155 0%,#f92a75 50%,#fb5155 100%); color: #fff;  border: none;}
.popbutton button.bcktn{background:#d0cfcf!important; color: #000;  border: none;}
	
.popbutton {
    width: 100%;
    float: left;
    margin-bottom: 0;
    padding: 15px;
    border-top: 1px solid;
    margin-top: 10px;
}
.questionpub1 ul li { font-size:12px;
    padding-bottom:5px;
}
.questionpub .questionlist li {
    font-size: 10px;
}
.questionpub  h3.question_title {font-size:14px; font-weight:bold;    margin-bottom: .5rem;    margin-top: .5rem;}
.questionlist li {
    font-size: 14px;
    color: #000;
}
.questionpub .questionlist ul.list-item {
    padding-left: 30px;
}
.ans-row {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}
.ans-row .part {
    width: 200px;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: normal;
}






a.splite_sideEnquiry {
border-radius:3px;
  cursor: pointer;
  height: auto;
  padding: 5px;
   width:90px;
  margin-right:30px;
  position: fixed;
  text-align: center;
  text-decoration: none;
  z-index: 1001;
  background:#FF131A;
  color: #F1F1F1;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  top:49%;
  transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	right:-48px;
	cursor:pointer;
}


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


  .footer-fix-bar { margin:0; padding:0; width:100%; float:left; position:fixed; bottom:0; background:#FF131A; height:50px; z-index: 9; }
  a.splite_sideEnquiry { top:0; width:50%; float:left; line-height: 50px; position:relative; padding:0; right: 0; background:#000;
  transform: rotate(0deg);

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg); }
  a.splite_call { 
    display: block;
    top: 0;
    text-align: center;
    width: 30%;
    float: left;
    color: white;
    font-weight: 800;
    line-height: 50px;
    position: relative;
    font-size: 16px;
    padding: 0;
    right: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}


  a.splite_sideEnquiry:hover { background:#FF131A; color:#fff; }
 /* a.splite_call:hover { background:#000; color:#fff; }*/
}

/*--------------------------------- page 4 css -----------------------------*/

.userpicB {width: 100px; height: 100px; overflow: hidden; border-radius: 100%; margin: auto;}
.bordbox {background: linear-gradient(135deg, #6d0eb1 59%, #080ab4 100%)!important; box-shadow: 0px 8px 15px #FF000033; color: #fff;  padding: 10px;border-radius: 10px;height: 11	0px; margin: 5px 0;}
.bordbox p {margin-bottom: 0; margin-top: 5px; font-size: 0.9rem;color:#fff;}
.bordbox h5 {color: #000; margin-top: 5px; margin-bottom: 0;font-weight: bold;color:#fff;}
.bordbox i {
    font-size: 30px;
}
.dashboardtab .tab-pane{width:100%; float:left; background:#fff; border:1px solid rgba(0,0,0,.125); border-top:none;    padding: 0 15px;}
.dashboardtab .card {border: none;}
.dashbox{width:20%; float:left;text-align:center;margin-top: 30px;padding: 10px; height:130px;}
.dashbox h3{color:#fff;font-size:0.9rem;}
.dashbox span{color:#fff;font-size:0.7rem;}
.gran1{background:linear-gradient(45deg,#4099ff,#73b4ff);}
.gran2{background:linear-gradient(45deg,#2ed8b6,#59e0c5);}
.gran3{background:linear-gradient(45deg,#FFB64D,#ffcb80);}
.gran4{background:linear-gradient(45deg,#FF5370,#ff869a);}
.gran5{background:linear-gradient(135deg, #CE9FFC 0%,#7367F0 100%);}
.box-img img {width: 50px; margin-bottom: 10px;}
.chartbox h3{font-size:20px; font-weight:bold;}
.userdeatails button.btn.btn-down {background:linear-gradient(135deg, #fad961 0%,#f76b1c 100%); color: #fff; border-radius: 30px;margin-bottom: 20px;}
.dashboardli li.nav-item{width:33.33%;}
.dashboardli li.nav-item a {
    width:100%;    font-weight: bold; font-size:20px;
    text-align: center;
    background: #dad8d8;color:#fff;
}

.barfiller {
  width: 100%;
  height:40px;
  background: #EAEAEA;
  border: 1px solid #ccc;
  position: relative;
  margin-bottom: 0px;
  border-radius:0px;
  box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
}
.barfiller:after {
    position: absolute;
    content: "0";
    left: 0;
	bottom:-20px;
}
.barfiller:before {
    position: absolute;
    content: "100%";
    right:0;
	bottom:-20px;
}
.barfull {
    width: 90%;
    float: left;
    margin: 70px 10% 0 0;
}
h4.mysc {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}
.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background:transparent linear-gradient(270deg, #4c0db2 0%, #13affb 65%, #aafffb 100%) 0% 0% no-repeat!important;
  z-index: 1;
  border-radius:0px;
}

.barfiller .tipWrap { display: none; }

.barfiller .tip {
    margin-top: -78px;
    padding: 2px 4px;
    font-size: 11px;
    color: #000;
    left: 0px;
    position: absolute;
    z-index: 2;
    background: url(../img/student.png);
	background-size:auto 100%;
    width: 79px;
    height: 78px;
    text-align: center;
    line-height:115px;
    border-radius: 0;
	    text-indent: 55px;
}

.barfiller .tip:after {
    border: solid;
    border-color: rgb(51, 51, 51) transparent;
    border-width: 10px 10px 0 10px;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top:67px;
    z-index: 9;
}
.loginform .facebook-btn {background-color: #3C589C;}
.loginform	.social-btn {font-weight: 100; color: white; width:50%; float:left;color:#fff; font-size: 0.9rem;}
.loginform .google-btn {background-color: #DF4B3B;}
.loginform .form-control{margin-bottom:15px;}
.full{width:100%; float:left;}
.anan_opiton ul li {list-style: none; margin-bottom: 10px; padding: 5px 10px;  background: #f1efef;}
.anan_opiton ul li span:nth-child(1) {width: 25px; height: 25px; border: 1px solid #000; border-radius: 100%; float: left; text-align: center;font-size: 12px; line-height: 25px; margin-right: 5px;}
.anan_opiton ul li:hover {background: #2f0bb3; color: #fff;}
.no-pad {padding: 0!important;}
.pt-10{padding-top:10px!important;}
.anan_opiton ul li.right{background:#c5ffc5!important; color:#000!important;}
.anan_opiton ul li.wrong{background:#f9afaf!important; color:#000!important;}
.anan_opiton {padding: 0 15px;}
.attampbox {background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom: 30px; margin-top: 30px; border-radius: 10px;}
.attampbox h3 {font-size: 1rem;background: lightgray; font-weight:bold; border-radius: 10px 10px 0 0;padding: 7px 10px;float: left;width: 100%; line-height: 1.8;}
.attampbox h3 span {color: red;}
.attampbox h3 button.btn { padding: 5px 10px;  background: #6d0eb1; color: #fff; font-size: 12px;}
span.q-tm {float: right; color: red; font-size: 1rem;}
.attampbox p {padding: 10px; float: left; width: 100%;}
.solutinr h5 {font-size: 1rem;font-weight: bold; padding-bottom: 5px;border-bottom: 1px solid #bdbcbc; margin-bottom: 20px;}
.solutinr ul{padding-left:25px;}
.solutinr ul li{padding-bottom:10px; font-size: 0.8rem;}
.solutinr h6{font-weight:bold; padding:10px 0;}
.ana-right .sidetop1 {padding: 10px 10px; border-bottom: 0;}
.ana-right {
    background:#ebe1ff;
    float: left;
    width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1430px) {
	.container {
		max-width: 1400px !important;
	}
	.blog-details-section .container {
		max-width: 1170px !important;
	}
	.logo {
		margin-right: 150px;
	}
	.about-text {
		padding-left: 100px;
		padding-right: 110px;
	}
	.header-section {
		padding-left: 85px;
		padding-right: 85px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {max-width: 1170px;clear: both;}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hs-slider.owl-carousel .owl-nav button {
		left: 50px;
	}
	.hs-slider.owl-carousel .owl-nav button.owl-next {
		right: 50px;
	}
	.logo {
		margin-right: 20px;
	}
	.nav-menu ul li {
		margin-right: 5px;
	}
	.about-section .col-lg-6 {
		max-width: 100% !important;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}
	.about-pic .play-btn {
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform: translate(-50px, -50px);
		transform: translate(-50px, -50px);
	}
	.about-text {
		padding-left: 30px;
		padding-bottom: 70px;
		height: auto;
	}
	.blog-sidebar .bs-item h5:after {
		width: 45px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hs-slider.owl-carousel .owl-nav button {
		left: 10px;
	}
	.hs-slider.owl-carousel .owl-nav button.owl-next {
		right: 10px;
	}
	.about-pic .play-btn {
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform: translate(-50px, -50px);
		transform: translate(-50px, -50px);
	}
	.about-text {
		padding-left: 30px;
		padding-bottom: 70px;
		height: auto;
	}
	.blog-sidebar {
		padding-top: 40px;
	}
	.blog-details-text .bd-tag-share .tags {
		float: none;
		margin-bottom: 20px;
	}
	.blog-details-text .bd-tag-share .share {
		float: none;
	}
	.post-item.prev-item {
		margin-bottom: 30px;
	}
	.nav-menu {
		display: none;
	}
	.slicknav_menu {
		display: block;
		background: transparent;
	}
	.slicknav_menu .slicknav_menutxt {
		display: none;
	}
	.slicknav_btn {
		margin: 0;
		background-color: transparent;
		padding: 0;
		margin-top: 30px;
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #111;
		width: 20px;
		height: 3px;
	}
	.slicknav_nav {
		background: #111;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: #ff131a;
		color: #fff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: #ff131a;
		color: #fff;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 8px 30px;
		margin: 0;
	}
	.header-section .container-fluid {
		position: relative;
	}
	.top-search {
		float: none;
		position: absolute;
		right: 50px;
	}
	.logo {
		margin-right: 0;
	}
	.portfolio-filter .pf-item {
		width: calc(33.33% - 20px);
	}
	.portfolio-filter .pf-item.large-width {
		width: calc(33.33% - 20px);
	}
	.gallery-filter .gf-item {
		width: calc(33.33% - 20px);
	}
	.portfolio-details-pic .pdp-item {
		width: calc(33.33% - 20px);
	}
	.portfolio-details-pic .pdp-item.large-width {
		width: calc(33.33% - 20px);
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
.course_video {
  height: 245px;
}

.about-pic .play-btn {
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform: translate(-50px, -50px);
		transform: translate(-50px, -50px);
	}
	.about-text {
		padding-left: 30px;
		padding-bottom: 70px;
		height: auto;
	}
	.blog-sidebar {
		padding-top: 40px;
	}
	.blog-details-text .bd-tag-share .tags {
		float: none;
		margin-bottom: 20px;
	}
	.blog-details-text .bd-tag-share .share {
		float: none;
	}
	.post-item.prev-item {
		margin-bottom: 30px;
	}
	.hs-slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hs-slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.right-btn {
		text-align: left;
		padding-top: 0;
		margin-bottom: 45px;
	}
	.filter-controls ul li {
		margin-right: 10px;
	}
	.filter-controls ul li:after {right: -12px;}
	.blog-item .bi-pic {float: none;margin-right: 0;}
	.blog-item .bi-text {overflow: visible;padding-top: 30px;}
	.blog-details-text .bd-tag-share .tags a {margin-bottom: 15px;}
	.blog-details-text .bd-author .avatar-pic {float: none;	margin-right: 0;}
	.blog-details-text .bd-author .avatar-text {overflow: visible;padding-top: 30px;}
	.nav-menu {display: none;}
	.slicknav_menu {display: block;	background: transparent;}
	.slicknav_menu .slicknav_menutxt {display: none;}
	.slicknav_btn {margin: 0;background-color: transparent;padding: 0;	margin-top: 30px;}
	.slicknav_menu .slicknav_icon-bar {background-color: #111;	width: 20px;height: 3px;}
	.slicknav_nav {background: #111;}
	.slicknav_nav ul {margin: 0;}
	.slicknav_nav a:hover {border-radius: 0;background: #ff131a	;color: #fff;}
	.slicknav_nav .slicknav_row:hover {border-radius: 0;background: #ff131a;color: #fff;}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {padding: 8px 30px;margin: 0;}
	.header-section .container-fluid {position: relative;}
	.top-search {float: none;position: absolute;right: 50px;}
	.logo {margin-right: 0;}
	.hs-item {height: auto;padding: 150px 0 200px;}
	.portfolio-hero-section {height: auto;padding: 150px 0;}
	.portfolio-filter .pf-item {width: calc(50% - 20px);}	
	.portfolio-filter .pf-item.large-width {width: calc(50% - 20px);}
	.gallery-filter .gf-item {width: calc(50% - 20px);}
	.portfolio-details-pic .pdp-item {width: calc(50% - 20px);}
	.portfolio-details-pic .pdp-item.large-width {width: calc(50% - 20px);}
}

/* Small Device = 320px */

@media only screen and (max-width: 767px) {	
span.slicknav_arrow {
    position: absolute;
    width: 100%;
    left: 0;
    height: 30px;
    top: 0px;
    padding-top: 10px;
    padding-left:90%;
}
li.slicknav_parent {
    position: relative;
}
	.logo {max-width: 100px;}
	.singin,.singup{padding:3px 10px; font-size:12px;}
	.tabsrow ul.nav.nav-tabs li a{font-size:12px!important;}
	.services-section h3{font-size:1.2rem!important;}
	.top_head,.whtsnew{padding:5px 0!important;}
	#whtsnew h6,.tabtabel td{font-size:12px!important;}
	.currentaffai h3{font-size:20px!important;}
	.fs-widget {border:none;}
	
	.tabtabel td a{white-space: pre;}
}
@media only screen and (max-width: 479px) {
	.dashbox{width:100%; margin-bottom:0; margin-top:0;}
	.barfull{width:100%; margin:50px 0;}
	.dashboardli li.nav-item a {font-size: 12px;}
	.load-more-btn a {	padding: 15px 70px 13px;}
	.ph-text {background: rgba(0, 0, 0, 0.7);display: inline-block;padding: 60px 20px 65px;text-align: center;}
	.blog-pagination a {margin-right: 5px;}
	.blog-details-text {padding-left: 15px;	padding-right: 15px;}
	.blog-details-text .bd-tag-share .share a {margin-bottom: 10px;}
	.blog-details-text .bd-related-post .post-item.prev-item .pi-pic {float: none;margin-right: 0;}
	.blog-details-text .bd-related-post .post-item.prev-item .pi-text {overflow: visible;padding-top: 15px;}
	.blog-details-text .bd-related-post .post-item.next-item .pi-pic {float: none;margin-right: 0;}
	.blog-details-text .bd-related-post .post-item.next-item .pi-text {overflow: visible;padding-top: 15px;}
	.blog-details-text .bd-author {padding: 30px;}
	.blog-details-text .bd-comment-form .leave-form {padding: 35px 20px 40px 20px;}
	.slicknav_menu {display: block;	background: transparent;}
	.slicknav_menu .slicknav_menutxt {display: none;}
	.slicknav_btn {margin: 0;background-color: transparent;	padding: 0;	margin-top: 30px;}
	.slicknav_menu .slicknav_icon-bar {background-color: #fff;	width: 20px;height: 3px;}
	.slicknav_nav {background: #111;  position: absolute;  width: 100%; top: 30px; left: 0; z-index: 999;}
	.slicknav_nav ul {margin: 0;}
	.slicknav_nav a:hover {border-radius: 0;background: #ff131a;color: #fff;}
	.slicknav_nav .slicknav_row:hover {border-radius: 0;background:#ff131a;color: #fff;    text-decoration: none;}
	.slicknav_nav .slicknav_row,.slicknav_nav a {padding: 8px 30px;margin: 0;}
	.header-section .container-fluid {position: relative;}
	.top-search {float: none;position: absolute;right: 50px;}
	.logo {margin-right: 0;}
	.hs-item .hs-text h2 {font-size: 38px;}
	.portfolio-section .container-fluid,.gallery-section .container-fluid {padding: 0 30px;}
	.portfolio-filter .pf-item {width: 100%;margin-right: 0;}
	.portfolio-filter .pf-item.large-width {width: 100%;}
	.gallery-filter .gf-item {width: 100%;}
	.portfolio-details-pic .pdp-item {width: 100%;}
	.portfolio-details-pic .pdp-item.large-width {width: 100%;}
	.about-text .at-list .al-item .al-pic,.blog-details-text .bd-comment-form .comment-item .ci-pic {float: none;margin-right: 0;margin-bottom: 25px;}
	.blog-hero {height: 450px;}
	.blog-details-text .bd-pics img {width: 100%;float: left;margin-right: 0;margin-bottom: 15px;}
	.blog-details-text .bd-title h2 {font-size: 36px;line-height: normal;}
	.desk{display:none;}
}