@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff;
  
}
.text-indent{text-indent: -999999px;}
.selectnav {display:none;}

.fix {overflow:hidden}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}
.aligncenter {display:block;margin:0 auto}
a, a:active, a:focus, a:active {text-decoration:none !important}
img {max-width:100%}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:0 0 15px;}
.column {width:980px; margin:45px auto;display:block;transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;padding:20px;background:#fff;}
ul {margin:0;padding:0;list-style:none}
li{list-style: none;}
.full-width{width: 100%;margin: 0 auto;}

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

.header-area {
padding-bottom: 80px;
padding-top: 200px;
}
.header-logo-center-top{

}
.welcome-row{
	padding-top: 60px;
}
.welcome-text{

	font-size: 16px;
	color: #fff;
}
.span-strong{
	
	font-size: 16px;
	color: #fff;
}
.welcome-left-section{
	padding-top: 54px;
}
.welcome-description {

font-size: 38px;
color: #fff;
line-height: 1.1em;
letter-spacing: 2px;
margin-top: 20px;
}
.love-sign{
	color: #fdbe00;
	font-size: 50px;
}
.stop-sign{
	color: #fdbe00;
	font-size: 15px;
}
.go{
	width: 30px;
	display: block;
	margin: auto;
	color: #fff;
}
.go-text{

	text-align: center;
	font-size: 16px;
}
.go:hover,.go:active,.go:visited,.go:focus{
	color: #fff;
}
.down-arrow {
color: #fff;
text-align: center;
font-size: 38px;
display: block;
margin: auto;
margin-top: -17px;
width: 30px;
}
.welcome-right-section{
	
}

/* ------------- Quality Style ---------- */

.quality-area{
	padding-top: 65px;
	padding-bottom:  90px;
}
.quality-heading {

font-size: 20px;
color: #555555;
text-align: center;
display: block;
margin: auto;
max-width: 910px;
letter-spacing: 1px;
padding-bottom: 80px;
}
.quality{
	text-align: center;
}
.quality-heading-text {
	padding-top: 25px;
	
	font-size: 16px;
}
.quality-text-promo{

letter-spacing: 0;
line-height: 1.5em;
padding-bottom: 75px;
}
.quality-text{
	
	font-size: 14px;
	color: #888a8a;
}

/* ------------- We-do Style ---------- */
.we-do-area {
padding-top: 100px;
padding-bottom: 75px;
}
.we-do-heading{
	 
	font-size: 50px;
	text-align: center;
	color: #ff6347;
	padding-bottom: 10px;
    font-weight:400 !important;
}
.we-do-heading span
{
    font-weight:800;
}
.we-do-text {
max-width: 956px;
display: block;
font-family:  'Raleway', sans-serif;
font-size: 20px;
color: #879cb0;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 50px;
}
.roket{
	width: 103px;
	height: 148px;
	margin: auto;
	background: url(../images/roket.png) no-repeat;
}
.we-do-content {
min-height: 1841px;
background: url(../images/shape.png) no-repeat 113px 0px;
max-width: 1140px;
margin: auto;
margin-top: 20px;
}
.we-do-first-left{
	min-height: 310px;
	margin-top: 138px;
}
.we-do-second-right {
min-height: 310px;
margin-top: 180px;
padding-left: 50px;
}
.we-do-third-left{
	min-height: 310px;
	margin-top: 200px;
}
.we-do-link {
padding: 5px 10px 5px 10px;
border-radius: 2px;
display: block;
width: 205px;

font-size: 15px;
text-align: center;
}
.we-do-link:hover,.we-do-link:visited,.we-do-link:focus,.we-do-link:active {
color: #fff;
}
.we-do-content-heading{
	display: block;
	max-width: 425px;
	font-family:  'Raleway', sans-serif;
	font-size: 21px;
	padding-top: 30px;
}
.we-do-content-paragraph {
display: block;
max-width: 530px;
font-family:  'Raleway', sans-serif;
font-size: 16px;
color: #879cb0;
padding-top: 15px;
padding-bottom: 15px;
}
.read-more {
font-family:  'Raleway', sans-serif;
font-size: 14px;
padding: 5px 15px 5px 15px;
background: #fff;
color: #000;
border-radius: 2px;
}
.read-more:hover,.read-more:active,.read-more:visited,.read-more:focus{
	color: #000;
}
.we-do-first-right{
	margin-top: 115px;
}
.we-do-second-left{
	margin-top: 88px;	
}
.we-do-third-right{
	margin-top: 159px;
}
.title-image-odd{
	position: absolute;
	top: 94px;
	left: 70px;
}
.title-image-even{
	position: absolute;
	top: 94px;
	right: 70px;
}
.we-do-panels {
margin-top: 378px;
width: 100%;
position: relative;
overflow: hidden;
}
.we-do-last-panel-one{
	position: relative;
	max-width: 680px;
	margin: auto;
	z-index: 1;
}
.we-do-last-panel-two {
max-width: 680px;
min-height: 345px;
position: absolute;
margin-top: -227px;
}
.we-do-last-panel-three {
max-width: 680px;
min-height: 345px;
position: absolute;
right: 0px;
margin-top: -227px;
}
.we-do-last-panel-one:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.we-do-last-panel-two:hover{
	z-index: 2;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.we-do-last-panel-three:hover{
	z-index: 3;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/* ------------- How-we-do Style ---------- */
.how-we-do-area{
	padding-top: 100px;
	padding-bottom: 120px;
}
.how-we-do-heading{
	
	font-size: 50px;
	text-align: center;
	color: #005987;
}
.how-we-do-heading span
{
    font-weight:800;
}
.image-margin-left img {
margin-left: 16px;
}
.image-margin-right img {
margin-left: -5px;
}
.step1-text-left-title {
max-width: 240px;
font-family:  'Raleway', sans-serif;
display: block;
font-size: 18px;
display: block;
margin: auto;
margin-top: 30px;
margin-bottom: 11px;
}
.step1-text-right-title {
position: absolute;
max-width: 240px;
font-family:  'Raleway', sans-serif;
display: block;
font-size: 24px;
display: block;
float: left;
margin-top: 50px;
left: 30px;
}
.step-text-left{
	font-family:  'Raleway', sans-serif;
	max-width: 295px;
	display: block;
	position: absolute;
	right: 30px;
	text-align: justify;
	color: #777777;
	line-height: 1.5;
	top: 8px;

}
.step-text-right {
font-family:  'Raleway', sans-serif;
max-width: 295px;
display: block;
text-align: center;
color: #777777;
line-height: 1.5;
font-size: 13px;
}
.number1 {
font-family:  'Raleway', sans-serif;
font-size: 16px;
letter-spacing: -2px;
color: #000;
}



/* ------------- Works portfolio ---------- */
.portfolio-area{
	padding-top: 100px;
	padding-bottom: 120px;
}
.port-image {
width: 18%;
margin-right: 14px;
margin-bottom: 10px;
float: left;
}
.portfolio{
	width: 100%;
	min-height: 519px;
	margin-top: 50px;
	margin: auto;
	margin-top: 50px;
}
#options{
	text-align: center;
}
.loadmore {
display: block;
width: 200px;
padding: 15px 50px 15px 50px;

font-size: 14px;
text-align: center;
margin: auto;
color: #fff;
border-radius: 3px;
margin-top: 60px;
}
.loadmore:hover,.loadmore:visited,.loadmore:active,.loadmore:focus{
color: #fff;
}
.button-iso{

font-size: 12px;
padding: 15px 25px 15px 25px;
background: #eff3f3;
border: none;
border-radius: 3px;
color: #2c3e50;
margin-right: 10px;
margin-left: 10px;
}
.button-iso:hover,.button-iso:visited,.button-iso:active,.button-iso:focus{
	background: #f7c640;
	color: #fff;
}
.is-checked {
	background: #f7c640;
	color: #fff;
}

/* ------------- Color Style ---------- */
.count-area {
padding-top: 90px;
padding-bottom: 110px;
}
.count-text {
max-width: 800px;
display: block;
font-family:  'Raleway', sans-serif;
font-size: 16px;
color: #777777;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 50px;
}
.work-done-counter {
/*font-family: nexa_boldregular;*/
font-size: 60px;
color: #fff;
}
.work-done {
text-align: center;
min-width: 220px;
float: left;
margin-top: 20px;
}
.work-done-title {
font-family:  'Raleway', sans-serif;
font-size: 12px;
margin-top: -5px;
padding-bottom: 28px;
color: #fff;
}
.works-count{
	width: 97%;
	margin: auto;
}

.talent-heading-text {
max-width: 800px;
display: block;
font-family:  'Raleway', sans-serif;
font-size: 16px;
color: #879cb0;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 50px;
}
.shirt-icon{
	text-align: center;
}
.line-vertical{
	text-align: center;
	height: 55px;
	background: #ff5c26;
	width: 3px;
	display: block;
	margin: auto;
	margin-top: -3px;
}
.right-team {
background: url(../images/team-bg.png) no-repeat 40px 0px;
width: 554px;
height: 238px;
border-left: 3px solid #ff5c26;
margin-left: -1px;
float: right;
margin-bottom: 40px;
}
.left-team {
background: url(../images/team-bg-left.png) no-repeat 38px 0px;
width: 554px;
height: 238px;
margin-right: -2px;
margin-top: 40px;
border-right: 3px solid#ff5c26;
margin-left: 0px;
float: left;
}
.point-left {
background: url(../images/point.png) no-repeat;
width: 23px;
height: 24px;
position: absolute;
left: -13px;
top: 19px;
}
.point-right {
background: url(../images/point.png) no-repeat;
width: 23px;
height: 24px;
position: absolute;
right: -13px;
top: 19px;
z-index: 1;
}
.name{
	
	font-size: 16px;
	color: #2c3e50;
}
.social{width: 100%;}
.social li {
	float: left;
	display: block;
	margin-right: 5px;
}
.social-image{
	width: 25px;
	height: 25px;
	display: block;
}
.team-people-left {
width: 300px;
float: left;
padding-left: 78px;
padding-top: 23px;
}
.team-people-right{
	width: 180px;
	float: left;
	}
.team-people-left-float-right {
width: 318px;
float: right;
padding-left: 0px;
padding-top: 23px;
}
.team-people-left-float-left{
	width: 180px;
	float: left;
	}
.team-people-right img{
	position: absolute;
	right: 0px;
	top: 2px;
}
.team-people-left-float-left img{
	position: absolute;
	left: 0px;
	top: 2px;
}
.position {

font-size: 14px;
color: #ff5c26;
margin-top: -5px;
margin-bottom: 15px;
}
.short-desc{
	font-family:  'Raleway', sans-serif;
	font-size: 13px;
	width: 210px;
}

.facebook{
	background: url(../images/facebook.png) no-repeat;
}
.twitter{
	background: url(../images/twitter.png) no-repeat;
}
.google{
	background: url(../images/google.png) no-repeat;
}
.pinterest{
	background: url(../images/pinterest.png) no-repeat;
}
.drribble{
	background: url(../images/dribble.png) no-repeat;
}
.linkedin{
	background: url(../images/linkedin.png) no-repeat;
}
.beh{
	background: url(../images/beh.png) no-repeat;
}
.last-box{
	height: 305px;
}
.morepeople {

background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 26px;
color: #fff;
text-align: center;
width: 158px;
margin: auto;
display: block;
font-size: 12px;
}
.morepeople:hover,.morepeople:visited,.morepeople:active,.morepeople:focus{
	color: #fff;
}
.talent-area {
padding-top: 140px;
padding-bottom: 100px;
}
.price-upper-left {
text-align: center;
background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;
min-height: 325px;
color: #fff;
padding: 50px 45px 30px 45px;
width: 300px;
float: right;
margin-top: 60px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.price-lower-left {
text-align: center;
background: #5399c7;
color: #000;
padding: 15px 45px 35px 45px;
width: 300px;
background: #fff;
float: right;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.price-upper-middle {
text-align: center;
background: #fff url(../images/pr-bg.png) no-repeat -19px 0px;
min-height: 375px;
color: #fff;
padding: 50px 45px 30px 45px;
max-width: 375px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.price-lower-middle {
text-align: center;
background: #5399c7;
color: #000;
padding: 15px 45px 35px 45px;
max-width: 375px;
background: #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.price-upper-right {
text-align: center;
background: #fff url(../images/pr-bg2.png) no-repeat 0px -7px;
min-height: 325px;
color: #fff;
padding: 50px 45px 30px 45px;
max-width: 300px;
margin-top: 60px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.price-lower-right {
text-align: center;
background: #5399c7;
color: #000;
padding: 15px 45px 35px 45px;
max-width: 300px;
background: #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.pricing-heading{

font-size: 18px;
margin-bottom: 45px;
}
.start-from{
	
	font-size: 14px;
}
.price {

font-size: 68px;
margin-top: -20px;
margin-left: -14px;
margin-bottom: 20px;
}
.price-middle {

font-size: 100px;
margin-top: -20px;
margin-left: -14px;
margin-bottom: 20px;
}
.dolar {
font-size: 30px;
font-family: arvoitalic;
margin-right: -11px;
}
.dolar-middle {
font-size: 50px;
font-family: arvoitalic;
margin-right: -22px;
}
.price-description{
	color: #c5d9e9;
}
.price-description-middle{
	color: #bdebcd;
}
.price-description-right{
	color: #f5c4c0;
}
.price-heading-text {
max-width: 800px;
display: block;
font-family:  'Raleway', sans-serif;
font-size: 16px;
color: #879cb0;
text-align: center;
margin: auto;
line-height: 1.6em;
padding-bottom: 80px;
}
.features{
	font-family:  'Raleway', sans-serif;
	font-size: 16px;
	margin-bottom: 30px;
	color: #333333;
}
.feature-list{
	
	font-size: 14px;
	margin-bottom: 15px;
	color: #777777;
}
.price-more-left {
font-family:  'Raleway', sans-serif;
background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 25px;
color: #fff;
text-align: center;
width: 130px;
margin: auto;
display: block;
font-size: 12px;
background: #5399c7;
margin-top: 30px;
}
.price-more-left:hover,.price-more-left:visited,.price-more-left:active,.price-more-left:focus{
	color: #fff;
}
.price-more-middle {
font-family:  'Raleway', sans-serif;
background: #ff5c26;
padding: 13px 20px 11px 20px;
border-radius: 25px;
color: #fff;
text-align: center;
width: 130px;
margin: auto;
display: block;
font-size: 12px;
background: #2ecc71;
margin-top: 30px;
}
.price-more-left:hover,.price-more-left:visited,.price-more-left:active,.price-more-left:focus{
	color: #fff;
}
.price-more-right {
font-family:  'Raleway', sans-serif;

padding: 13px 20px 11px 20px;

color: #fff;
text-align: center;

margin: auto;
display:table;
margin-bottom:30px;
font-size: 20.83px;
background: #005987;

font-weight:bold;
}
.price-more-left:hover,.price-more-left:visited,.price-more-left:active,.price-more-left:focus{
	color: #fff;
}
.accr {
width: 100%;
max-height: 100px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.accr:hover{
max-height: 500px;
}
.open{
	max-height: 500px;
}
.close-icon {
position: absolute;
top: 105px;
right: 15px;
cursor: pointer;
width: 58px;
height: 58px;
}
.accr-left {
max-width: 552.5px;	
float: left;
}
.accr-right {
max-width: 552.5px;
min-height: 100px;
padding: 25px 40px 20px 40px;
float: left;
}
.bottom-social {
width: 25%;
float: left;
display: block;
text-align: center;
color: #fff;
margin-top: 7px;
margin-bottom: 6px;
}
.bottom-social:hover,.bottom-social:visited,.bottom-social:active,.bottom-social:focus{
	color: #fff;
}
.date{
	
	font-size: 12px;
	color: #000;
}
.accr-title {
font-family:  'Raleway', sans-serif;
font-size: 20px;
color: #fff;
margin-top: -8px;
margin-bottom: 22px;
}
.accr-desc {
font-family:  'Raleway', sans-serif;
font-size: 13px;
color: #fff;
line-height: 1.7em;
}
.sl1 {
font-family:  'Raleway', sans-serif;
font-size: 10px;
padding: 3px 6px 3px 6px;
background: #fff;
width: 82px;
border-radius: 4px;
margin-right: 30px;
}
.sl1:hover,.sl1:active,.sl1:visited,.sl1:focus{
	color: #2ecc71;

}
.sl2{
	font-family:  'Raleway', sans-serif;
	font-size: 12px;
}
.sl3{
		font-family:  'Raleway', sans-serif;
	font-size: 12px;
}
.sl4{
		font-family:  'Raleway', sans-serif;
	font-size: 12px;
}
.subscribe {
text-align: center;
max-width: 600px;
margin: auto;
margin-top: 100px;
}
.subs-form {
width: 50%;
float: left;
text-align: center;
height: 60px;

font-size: 14px;
border: 8px solid #eff3f3;
background: #eff3f3 url(../images/search-bg.png) no-repeat;
background-position: 35px center;
background-repeat: no-repeat;
color: #a9cf6a;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.load-btn {
width: 50%;
float: left;
text-align: left;
height: 60px;

border: none;
font-size: 14px;
color: #fff;
padding-top: 20px;
background: #a9cf6a;
padding-left: 43px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.refresh {
display: block;
margin-top: -21px;
margin-left: 151px;
}
.load-btn:hover,.load-btn:active,.load-btn:visited,.load-btn:focus{
	color: #fff;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #879cb0;
  
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #879cb0;
   opacity:  1;
 
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #879cb0;
   opacity:  1;
   font-size: 14px;
 
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #879cb0;
 
   font-size: 14px;
}
.blog-area {
padding-top: 120px;
padding-bottom: 80px;
}
/* ------------- logos Style ---------- */

.logos-area {
padding-top: 72px;
padding-bottom: 22px;
}
.up{
	margin-top: -20px;
}

.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 70px;
}
.owl-carousel .owl-item img{
	vartical-align: middle;
}
.comma{
width: 93px;
height: 85px;
display: block;
margin: auto;
background: url(../images/comma.png) no-repeat;
}
.testimonial-image{
	margin: auto;
	max-width: 700px;
	margin-top: 34px;
	display: block;

}
.testi-single-image{
		width: 100px;
	height: 100px;
	float: left;
}
.testi-single-image img{
	width: 80px;
	height: 80px;
}
.testi-single-image img:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	margin: auto;
}
#content2 , #content3 , #content4 , #content5 , #content6 , #content7 {
 display: none;
}

#image4:hover #content1{
display: block;
}


.testi-content {
margin: auto;
text-align: center;
margin-top: 25px;
max-width: 915px;
}
.review{
	
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
	color: #bcc3ca;
	max-width: 970px;
}
.self-position {
font-family:  'Raleway', sans-serif;
font-size: 16px;
max-width: 223px;
color: #fff;
text-align: center;
margin: auto;
margin-top: 13px;
}
.testi-area {
padding-top: 90px;
padding-bottom: 70px;
}
.self-span{
	font-family:  'Raleway', sans-serif;
}

/* ------------- Contact Style ---------- */
.contact-area{
padding-top: 130px;
}
.how-we-do-heading2 {

font-size: 30px;
text-align: center;
color: #555555;
padding-bottom: 14px;
}
.inputfield {
width: 100%;
background: #007397;

border: 1px solid #f0f0f0;


font-size: 14px;
color: #879cb0;
height: 50px;
margin-bottom: 20px;

text-align: center;
}
.inputfieldmessage {
width: 98%;
background: transparent;
float: left;
border: 3px solid #f0f0f0;
margin-right: 1%;

font-size: 14px;
color: #879cb0;
height: 200px;
margin-bottom: 20px;
text-align: center;
border-radius: 25px;
}
.inputbtn {
border: none;

font-size: 12px;
padding-top: 15px;
padding-bottom: 15px;

color: #fff;

}
.info-panel1{
	width: 25%;
	text-align: center;
	float: left;
	color: #fff;
    height: 290px;
    padding-top: 41px;
    position: relative;
}
.info-panel2{
    width: 25%;
    text-align: center;
    float: left;
    color: #fff;
    height: 290px;
    padding-top: 41px;
    position: relative;
}
.info-panel4{
    width: 25%;
    text-align: center;
    float: left;
    color: #fff;
    height: 290px;
    padding-top: 41px;
    position: relative;
}
.info-panel5{
    width: 20%;
    text-align: center;
    float: left;
    color: #fff;
    height: 290px;
    padding-top: 41px;
    position: relative;
    cursor: pointer;
}
.info-panel-middle{
    width: 25%;
    text-align: center;
    float: left;
    color: #fff;
    height: 290px;
    padding-top: 32px;
    position: relative;
    cursor: pointer;
}
.info-panel4:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel-middle:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel5:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel2:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel1:hover {
box-shadow: 4px -2px 46px -2px #000;
-webkit-box-shadow: 4px -2px 46px -2px #000;
-moz-box-shadow: 4px -2px 46px -2px #000;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
z-index: 9;
}
.info-panel-middle:hover .triangle-down-3{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel1:hover .triangle-down-1{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel2:hover .triangle-down-2{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel4:hover .triangle-down-4{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-panel5:hover .triangle-down-5{
    display: block;
    transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.info-title {
color: #fff !important;
margin-top: 20px;
margin-bottom: 7px;

font-size:68.25px;
font-weight:800;
}
.work-done-title
{
    color:#fff !important;
    font-size:25px;
    font-weight:300;
}
.email{
	color: #fff;
}
.contact-info {

height: 290px;
}
.email:hover,.email:focus,.email:active,.email:visited{
	color: #fff;
}
/* ------------- footer Style ---------- */
.footer-social{
	text-align:center;
	margin: auto;
}
.social-link{
	margin-left: 25px;
	margin-right:25px;
	width: 40px;
	height: 40px;
	
}
.social-area {
padding-top: 60px;
padding-bottom: 50px;
}
.footer-area{
	padding-top: 30px;
padding-bottom: 20px;
}
.footer-text{
	max-width: 462px;
	text-align: center;
	margin: auto;
}
.footer-text{

font-size: 12px;
color: #fff;
font-weight:300;
}
.hilight-text{
	
	font-size: 12px;
	color: #000;
}

.divider{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.divider-yellow{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider-yellow.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.divider-green{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider-green.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.divider-blue{
    width: 160px;
    height: 20px;
    text-align: center;
    background: url(../images/divider-blue.png) no-repeat;
    margin: auto;
    margin-bottom: 30px;
}
.part{
    width: 20%;
    float: left;
}
.quality-text {

font-size: 14px;
color: #888a8a;
width: 180px;
text-align: center;
margin: auto;
}

.left-part {
max-width: 380px;
float: left;
margin-top: -40px;
}
.center-part{
    max-width: 305px;
    margin: auto;
    
}
.right-part{
    max-width: 380px;
    float: right;
margin-top: -40px;
}
.mobile-center {
margin-top: -98px;
position: absolute;
}
.team-work-bg {
background: url(../images/team-work-bg.png) no-repeat;
max-width: 1140px;
margin: auto;
min-height: 392px;
position: relative;
}
.full-work-container{
    margin-top: 139px;
}
.list-icon1{
    background: url(../images/list-icon1.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    z-index: 999;
}
.list-icon2{
    background: url(../images/list-icon2.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    z-index: 999;
}
.list-icon3{
    background: url(../images/list-icon3.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    z-index: 999;
}
.list-icon-right1{
    background: url(../images/list-icon4.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0px;
    z-index: 999;
}
.list-icon-right2{
    background: url(../images/list-icon5.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0px;
    z-index: 999;
}
.list-icon-right3{
    background: url(../images/list-icon6.png) no-repeat;
    position: absolute;
    width: 90px;
    height: 90px;
    left: 0px;
    z-index: 999;
}
.work-list{
    width: 300px;
    position: relative;
    min-height: 171px;
    padding-left: 15px;
}
.work-list-right {
width: 300px;
position: relative;
min-height: 171px;
padding-left: 107px;
}
.work-list-last{
    width: 300px;
    position: relative;
    min-height: 171px;
    margin-top: 30px;
}
.work-list-last-right{
    width: 300px;
    position: relative;
    min-height: 171px;
    margin-top: 30px;
    padding-left: 107px;
}
.list-title{

font-size: 27px;
font-weight:800;
}
.list-title-span{
    font-family: ralewaythin;
    font-size: 18px;
}
.list-desc{
    color: #7a7777;
 
   min-height:160px;
}
@media (max-width:991px)
{
.list-desc{
  
   min-height:200px !important;
}
}
.how-do-content {
max-width: 1140px;
background: url(../images/work-bg.png) no-repeat;
padding-left: 34px;
}
.how-do-panel {
text-align: center;
max-width: 250px;
margin: auto;
}
.how-upper {
margin-top: -43px;
}
.idea {
margin-left: -83px;
}
.how-lower {
margin-top: 85px;
}
.done{
    margin-top: -39px;
}

/* ------------- Color Style ---------- */

.bright-red{
background: #e74c3c; 
}
.talent-image-bg-red{
    background: #fd5f42;
}
.bright-red-color{
	color: #e74c3c;
}
.red-text{
	color: #fd5f42;
}
.red-text-facts{
	color: #e74c3c;
}
.yellow-color{
	color: #fcb84b; 
}
.yellow-text{
	color: #fbb941;
}
.yellow-text2{
	color: #f7c640;
}
.light-green-text {
	color: #26cbbe;
}
.blue-text{
	color: #2b82c9;
}
.light-ovile-text{
	color: #2cca90;
}

.white{
	background: #eff3f3;
}
.white-text-color{
	color: #fff;
}
.yellow-background-color{
	background: #fcb84b;
}
.yellow-load-more{
	background: #f7c640;
}
.desaturated-blue{
	background: #2c3e50;
}
.green-background{
	background: #22c48a;
}
.green-text{
	color: #26cbbe;
}
.green-text-price {
	color: #2ecc71;
}
.dark-moderate-cyan{
	background: #49a0ae;
}
.black-text{
	color: #000;
}
.dark-color{
	color: #555555;
}
.soft-blue{
background: #5cace2;
}
.desaturated-violet{
	background: #a469bd;
}
.blog-bg-color-light-green{
	background: #2ecc71;
}
.blog-bg-color-light-violet{
	background: #a469bd;
}
.blog-bg-color-light-olive{
	background: #16a085;
}
.blog-bg-color-light-blue{
	background: #5399c7;
}
.blog-bg-color-light-orange{
	background: #f39c12;
}
.blog-bg-color-light-red{
	background: #e74c3c;
}
.blog-bg-color-light-green-text{
	color: #2ecc71;
}
.blog-bg-color-light-violet-text{
	color: #a469bd;
}
.blog-bg-color-light-olive-text{
	color: #16a085;
}
.blog-bg-color-light-blue-text{
	color: #5399c7;
}
.blog-bg-color-light-orange-text{
	color: #f39c12;
}
.blog-bg-color-light-red-text{
	color: #e74c3c;
}
.dark-blue{
	background: #182430;
}
.desaturated-violet-text{
    color: #a469bd;
}
.dark-red{
	background: #c0392b;
}
.light-yellow{
    color: #efc043;
}
.dark-green-text{
    color: #2ecc71;
}
.Strong-cyan{
    background: #26cbbd;
}
.Strong-cyan-text{
    color: #26cbbd;
}
.strong-green-text{
    color: #2eb56b;
}
.position-bg-red{
    background: #e1553a;
}
.talent-bg-yellow{
    background: #f6c640;
}
.position-bg-yellow{
    background: #e1a72c;
}
.talent-bg-green{
    background: #26cbbd;
}
.position-bg-green{
    background: #21ac99;
}
.talent-bg-blue{
    background: #3b99d7;
}
.position-bg-blue{
    background: #2f80b7;
}
.talent-light-green{
    background: #a9cf6a;
}
.light-green-text{
    color: #a7cc69;
}
.position-light-green{
    background: #98be58;
}
.address-last-green{
    background: #a9cf6a;
}
/* Back to top
--------------------------------------------------------------------------------------------------------*/
#backtotop {
  height: auto;
  position: fixed;
  right: 30px;
  bottom: 81px;
  display: none;
  z-index: 30;
}
#backtotop ul {
padding: 15px 0px;
}
#backtotop ul li a {
background: url(../images/bg-up.png) center 48% no-repeat #fff;
background-size: 22px 15px;
display: block;
width: 50px;
height: 50px;
float: right;
right: 10px;
text-indent: -9000px;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.header-only{
	
	position: fixed;
	z-index: 999999;
        background: none !important;
}
.header-body{
	margin-bottom: -20px;
}
#owl-demo .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#owl-demo2 .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 5px;
padding: 0;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
opacity: 1;
}

.slider-line{
    max-width: 1180px;
    margin: auto;
    margin-top: -38px;
}
.talent-content-image {
position: relative;
width: 220px;
height: 450px;
border-radius: 15px;
cursor: pointer;
margin: 20px;
 text-align: center;
}
.talent-content-image:hover{
  box-shadow: 1px 2px 19px 8px #b1b4b4;
-webkit-box-shadow: 1px 2px 19px 8px #b1b4b4;
-moz-box-shadow: 1px 2px 19px 8px #b1b4b4;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
 
}
.talent-content-image:hover .talent-social {
background: url(../images/social.png) no-repeat 0px -29px;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.tanent-prople-identity{
    text-align: center;
    min-height: 75px;
    color: #fff; 
}
.talent-people-name {

font-size: 14px;
padding-top: 18px;
}
.talent-people-position {

font-size: 12px;
margin-top: -5px;
}
.talent-people-content {
text-align: center;
max-width: 184px;
margin: auto;
font-size: 13px;
margin-top: 22px;
line-height: 1.7em;
}
.talent-social {
background: url(../images/social.png) no-repeat;
width: 150px;
height: 29px;
margin: auto;
margin-top: 18px;
}
.talent-social-link {
width: 26px;
height: 27px;
margin-right: 2px;
float: left;
display: block;
margin-left: 2px;
}
.talent-people-image img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.blog-panel {
max-width: 382px;
min-height: 424px;
float: left;
margin-left: 10px;
margin-right: 10px;
border-radius: 24px;
float: left;
}
.blog-panel-cotainer{
    max-width: 1205px;
    margin: auto;
    margin-top: 35px;
}
.blog-panel-image img{
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.blog-panel-title{
  
    font-size: 14px;
    max-width: 300px;
    color: #000;
    margin: 30px;
    display: block;
}
.blog-panel-title:hover,.blog-panel-title:visited,.blog-panel-title:active,.blog-panel-title:focus {
    color: #000;
}
.blog-desc{
    font-family:  'Raleway', sans-serif;
    max-width: 322px;
    margin-left: 30px;
    margin-top: -10px;
}
.blog-attributes {
    font-family: latobold;
height: 45px;
margin-top: 25px;
position: absolute;
}
.blog-date {
float: left;
width: 140px;
height: 44px;
background: url(../images/date-bg.png) no-repeat;
text-align: center;
padding-top: 10px;
}
.blog-comment {
float: left;
height: 44px;
width: 100px;
background: url(../images/comment-bg.png) no-repeat;
text-align: center;
padding-top: 10px;
padding-left: 25px;
}
.blog-love{
    float: left;
    height: 44px;
    width: 100px;
    background: url(../images/love-bg.png) no-repeat;
    text-align: center;
    padding-top: 10px;
    padding-left: 25px;
}
.blog-read-more{
    float: left;
    width: 40px;
    height: 44px;
    background: url(../images/read-more.png) no-repeat;
}
.read-more-blog-link{
    display: block;
    width: 40px;
    height: 44px;
}
.testimonial-panel1 {
width: 380px;
min-height: 182px;
float: left;

float: left;
background: url(../images/testi-bg1.png) no-repeat;

}
.testimonial-panel2 {
width: 380px;
min-height: 182px;
float: left;

float: left;
background: url(../images/testi-bg2.png) no-repeat;
}
.testimonial-panel3 {
width: 380px;
min-height: 182px;
float: left;

float: left;
background: url(../images/testi-bg3.png) no-repeat;
}
.testimonial-content {

font-size: 14px;
color: #fff;
max-width: 313px;
line-height: 1.7em;
margin-top: 30px;
margin-left: 34px;
position: relative;
}
.people-part {
width: 155px;
position: absolute;
margin-top: 49px;
margin-left: 163px;
color: #000;
}
.people-part2 {
width: 155px;
position: absolute;
margin-top: 49px;
margin-left: 63px;
color: #000;
}
.people-part3 {
width: 155px;
position: absolute;
margin-top: 49px;
margin-left: 63px;
color: #000;
}
.people-part-left{
    width: 100px;
    float: left;
  
}
.people-part-right {
width: 55px;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.web1{
    margin-top: -10px;
}
.web1 a:hover{
    color: #26cbbe;
}
.web2{
    margin-top: -10px;
}
.web2 a:hover{
    color: #fd5f42;
}
.web3{
    margin-top: -10px;
}
.web3 a:hover{
    color: #2cca90;
}
.test-area {
padding-top: 100px;
padding-bottom: 120px;
}
.info-desc{
    max-width: 182px;
    margin: auto;
}
.triangle-down-3 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #22C48A;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 10px;
}
.triangle-down-4 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #5CACE2;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 28px;
display: none;
}
.triangle-down-5 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #A9CF6A;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 32px;
display: none;
}
.triangle-down-1 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #E74C3C;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 32px;
display: none;
}
.triangle-down-2 {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 48px solid #FCB84B;
position: absolute;
text-align: center;
margin-left: 44%;
margin-right: 44%;
margin-top: 32px;
display: none;
}
.mobile-design{
  
}
.slider-read-more{
    display: block;
  
    width: 150px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    float: left;
    padding-top: 12px;
    margin-right: 10px;
    border-radius: 25px;
}

.slider-read-more:hover,.slider-read-more:focus,.slider-read-more:active,.slider-read-more:visited{
    color: #e74c3c;
}
.slider-contactus{
    display: block;
  
    width: 150px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    float: left;
    padding-top: 12px;
    border-radius: 25px;
}
.slider-contactus:hover,.slider-contactus:hover,.slider-contactus:hover,.slider-contactus:hover{
color: #e74c3c;
}
.owl-pagination {
position: relative;
    margin-top: 0px;
    text-align: center;
    padding-left: 0px;
    height: 22px;
    display: initial;
   
    
}
.buttons{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
filter: Alpha(Opacity=100);
opacity: .5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #B43023;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,.owl-theme .owl-controls.clickable .owl-page:active span, .owl-theme .owl-controls.clickable .owl-page:focus span {
filter: Alpha(Opacity=100);
opacity: 1;
background: #FCB84B;
}
input:focus {outline: none; }
.logo-green{
	display: none;
}
.logo-blue{
	display: none;
}
.logo-white{
	display: none;
}
.logo-yellow{
	display: none;
}
#map {
height: 800px;
width: auto;
}
.price-more-middle:hover,.price-more-middle:visited,.price-more-middle:active,.price-more-middle:focus {
color: #fff;
}
.price-more-right:hover,.price-more-right:visited,.price-more-right:active,.price-more-right:focus {
color: #fff;
}
.bright-red-bg2{
	background: #E74C3C;
}
.navbar-brand {

    padding: 7.5px 15px;
}
@media (max-width:308px) {
    .logoy {
        width:75px !important;
        margin-top:-75px;
    }
}


.br1w
{
    border-right:1px solid #fff;
}
.imgar
{
    vertical-align:top;
    margin-top:-2.5px;
}
.dismns
{
    display:none !important;
}
@media (max-width:768px)
{
    .mdisn
    {
        display:none;
    }
    .dismns
    {
        display:initial !important;
    }
}

@media (min-width:1200px)
{
    
    .chyou
{
    font-size:49px;
    color:#fff;
}
.free
{
    font-size:266px;
    color:#f7941d;
    font-weight:bold;
      line-height:200px;
         width:650px;
}

.credit
{
    text-align:right;
        font-size:69.52px;
    color:#fff;
    font-weight:800;
    line-height:69px;
    display:block;
    margin-top:20px;
}
}

@media (max-width:1199px)
{
    
    .chyou
{
    font-size:36px;
    color:#fff;
}
.free
{
    font-size:72px;
    color:#f16521;
    font-weight:bold;
     
        line-height:50px;
}

.credit
{
    text-align:left;
        font-size:48px;
    color:#fff;
    font-weight:800;

    display:block;
    margin-top:20px;
}
}


.clear
{
    clear:both;
}
@media only screen and (max-width: 768px)
{
    .top-bg
    {
        padding-bottom: 90px !important;
    }
    .navbar-header
    {
        height:90px;
    }
}
.list-title
{

}
.mobile-center img
{
    margin-left:-17.5px;
    margin-top:250px;
}
@media (max-width:991px)
{
    .mobile-center {

  margin-top: -98px;

  position: absolute;

  display: none;

}
}
.mart80
{
    margin-top:80px;
}
.list
{
   padding:0 0 0 10px;
}
.padmis
{
      padding:0 0 0 20px;
}
.list li
{
color:#296a8e;

font-size:24px;
}
.list li p
{
    font-size:22.92px;
    color:#7a7777;
}
.mission
{
    font-size:22.92px;
    font-weight:800;
    color:#2599cc;
    margin-top:40px;
}
.misdesc
{
    font-size:22.92px;
    color:#7a7777;
    font-weight:300;
    margin-top:40px;
}
.marb80
{
    margin-bottom:80px;
}

.bakw
{
    background-color:#fff;
  
}
@media (min-width:991px)

{
.bakw
{
      min-height:552px;
}
.bakrab
{
    background-color:#fff;
}
}
.bakw:after {

}
.bakw:before {
    content: "";
    position: absolute;
    background-color: #FFF;
        width: 1000px;
    right: 100%;
    top: 0;
   height:100%;
    z-index:1;
}
.year1
{
      color: #fff;
    min-height: 50px;
    width: 100%;
    background-color: #90ced7;
    text-align: center;
}
.imgyo
{
    vertical-align:top;
}
.year2
{
  color:#fff;
    min-height:50px;
    width:100%;
    background-color:#2cb1c9;
     text-align: center;
}
.pyear
{
        font-size: 81px;
    color: #fff;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: 60px;
}
.pyb
{
    font-size:21px;
    color:#7a7777;
    font-weight:300;
    margin-left:15px;
}



.year3
{
  color:#fff;
    min-height:50px;
    width:100%;
    background-color:#018ea8;
     text-align: center;
}
.year4
{
  color:#fff;
    min-height:50px;
    width:100%;
    background-color:#005987;
     text-align: center;
}






/*=============================
			blog page 
	=============================*/
section.blog-header{
	background-color: #e74c3c;
	padding-top: 50px;
	padding-bottom: 50px;
	}
.blog-header{
	
	font-size: 36px;
	line-height: 70px;
	text-align: center;
	color: #ffffff;
	margin: 0;
	}
section.blog-categories{
	background-color: #292828;
	padding-top: 30px;
	padding-bottom: 20px;
	}
.blog-categories-button{
	text-align: center;
	}
.blog-categories-button button{
	
	font-size: 12px;
	line-height: 22px;
	color: #2c3e50;
	text-align: center;
	background-color: #eff3f3;
	padding: 10px 25px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: none;
	-moz-transition: all .17s ease-in-out;
	-webkit-transition: all .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
	}
.blog-categories-button button:last-child{
	margin-right: 0px;
	}
.blog-categories-button button.is-active{
	background-color: #e74c3c;
	color: #ffffff;
	}
.blog-categories-button button:hover{
	background-color: #e74c3c;
	color: #ffffff;
	}
.click-blog-search{
	padding: 10px 16px!important;
	}
button.click-blog-search i{
	font-size: 16px;
	}
section.blog-content-wrapper{
	background-color: #018ea8;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	/*-- blog carousal --*/
#blog-carousel .carousel-control.left{
	background-image: none;
	width: 30px;
	}
#blog-carousel .carousel-control.right{
	background-image: none;
	width: 50px;
	}
.carousel-control .chevron-left,
.carousel-control .chevron-right{
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
	}
.carousel-control i{
	background-color: #000000;
	color: #00c1ea;
	padding: 6px 10px;
	font-size: 30px;
	line-height: 20px;
	}
.carousel-control i.chevron-left{
	left: 0;
	}
.carousel-control i.chevron-right{
	right: 0;
	}
.embed-responsive-16by9{
	padding-bottom: 59%;
	}
	/*-- blog widget area --*/
section.blog-widget-area{
	width: 100%;
	margin: 0 auto;
	background-color: #292828;
	}
.quality{
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
	}
.part{
	width: 20%;
	float: left;
	}
.categories{
	
	font-size: 16px;
	color: #fff;
	}
.categories i{
	color: #e74c3c;
	}
ul.cat-panel, ul.cat-panel-tags{
	margin: 0;
	list-style: none;
	}
.cat-panel{
	width: 95%;
	background: #eff3f3;
	min-height: 280px;
	padding: 5px 20px 15px 20px;
	}
.cat-panel li{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
	margin-top: 15px;
	}
.cat-panel li a{
	font-size: 15px;
	color: #787878;
	}
.badge{
	border-radius: 3px;
	font-size: 14px;
	background: #e74c3c;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	}
.cat-panel-tags{
	width: 95%;
	background: #eff3f3;
	min-height: 250px;
	padding: 10px 20px 15px 20px;
	}
.cat-panel-tags li{
	margin-top: 5px;
	float: left;
	border: 1px solid #e8e8e8;
	display: block;
	margin-left: 2.5px;
	margin-right: 2.5px;
	}
.cat-panel-tags li a{
	padding: 5px;
	font-size: 14px;
	color: #787878;
	display: block;
	}
.cat-panel-tags li a:hover, .cat-panel-tags li a:focus, .cat-panel-tags li a:active{
	color: #fff;
	background: #e74c3c;
	}
.cmt-panel{
	width: 95%;
	background: #eff3f3;
	min-height: 280px;
	padding: 5px 20px 15px 20px;
	}
.comment{
	min-height: 110px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 20px;
	}
.coment-pic{
	float: left;
	}
.cmt{
	color: #868686;
	width: 75%;
	float: right;
	}
.cmt-title{
	font-family:  'Raleway', sans-serif;
	color: #CECFCF;
	font-size: 12px;
	}
.cmt-name{
	margin-top: -10px;
	color: #CECFCF;
	}
.cmt-name span{
	font-family:  'Raleway', sans-serif;
	color: #e74c3c;
	}
.cmt-desc{
	margin-top: -5px;
	font-size: 13px;
	}
ul.cat-panel-fl{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.cat-panel-fl{
	width: 94.25%;
	background: #eff3f3;
	}
.cat-panel-fl li{
	float: left;
	width: 25%;
	}
.cat-panel-tw{
	width: 94.25%;
	background: #eff3f3;
	min-height: 220px;
	}
	/*-- blog single --*/
.single-container{
	max-width: 1024px;
	margin: auto;
	margin-top: 50px;
	}
.blog-single-post{
	width: 100%;
	}
.single_desc{
	padding: 30px;
	background: #fff;
	}
.accr-desc-single{
	font-family: Raleway, sans-serif;;
	font-size: 13px;
	line-height: 24px;
	color: #999999;
	margin-bottom: 30px;
	}
.single-quote{
	background: #f5f5f5;
	min-height: 100px;
	padding: 25px;
	position: relative;
	margin-bottom: 30px;
	}
.quote-back{
	position: absolute;
	top: 0;
	left: 0;
	}
.single-para{
	font-family:  'Raleway', sans-serif;
	font-size: 14px;
	margin-left: 60px;
	color: #595858;
	}
.quote-title{
	font-family:  'Raleway', sans-serif;
	font-size: 18px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 20px;
	}
.single-para .quote-text{
	font-family: 'open_sansitalic';
	font-size: 15px;
	line-height: 20px;
	color: #484747;
	}
.author-name{
	font-family:  'Raleway', sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #e74c3c;
	}
ul.single_ul{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999999;
	margin-left: -15px;
	}
ul.single_ul li{
	font-family:  'Raleway', sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #999999;
	}
ul.single_ul li span{
	margin-right: 10px;
	}
.glyphicon-ok{
	color: #35C195;
	font-size: 11px;
	}
.fa-stop{
	color: #00C1EA;
    font-size: 8px;
    margin-top: 7px;
    display: block;
    margin-right: 10px;
    float: left;
	}
.header3{
	font-family:  'Raleway', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #555555;
	margin-top: 50px;
	}
.back-btn{
	
	font-size: 13px;
	line-height: 30px;
	background: #E74C3C none repeat scroll 0% 0%;
	color: #FFF;
	border: medium none;
	padding: 5px 39px 5px 25px;
	position: relative;
	}
.back-btn:hover, .back-btn:active, .back-btn:focus, .back-btn:active{
	color: #fff;
	background: #e74c3c;
	outline: 0;
	}
.share{
	
	width: 30%;
	float: left;
	color: #999999;
	}
.social-right{
	float: right;
	width: 70%;
	text-align: right;
	}
.comment_simple{
	height: 78px;
	background: #e74c3c;
	margin-top: 20px;
	position: relative;
	}
.cmt-left{
	width: 50%;
	float: left;
	}
.cmt_date{
	position: absolute;
	margin-left: 106px;
	
	font-size: 13px;
	margin-top: 43px;
	color: #e1e1e2;
	left: 0;
	}
.rep_btn{
	background: #b4b4b4;
	border: none;
	color: #fff;
	font-family:  'Raleway', sans-serif;
	padding: 5px 25px 5px 25px;
	border-radius: 3px;
	position: absolute;
	right: 25px;
	top: 24px;
	}
.rep_btn:hover, .rep_btn:active, .rep_btn:focus, .rep_btn:visited{
	background: #b4b4b4;
	color: #fff;
	}
.author_thumb{
	position: absolute;
	left: 0;
	top: 0;
	}
.author_name_nested{
	
	float: left;
	color: #e74c3c;
	margin-left: 106px;
	font-size: 16px;
	margin-top: 23px;
	text-transform: uppercase;
	}
.author_name{
	float: left;
	color: #FFF;
	margin-left: 106px;
	font-family:  'Raleway', sans-serif;
	font-size: 18px;
	margin-top: 24px;
	}
.comment_right{
	width: 50%;
	float: right;
	padding-top: 30px;
	text-align: right;
	padding-right: 30px;
	}
.comment_right ul{
	margin:0;
	padding: 0;
	list-style: none;
	width: 184px;
	float: right;
	}
.comment_right ul li{
	display: inline-block;
	margin-right: 10px;
	}
.comment_right ul li:last-child{
	margin-right: 0;
	}
.comment_right ul li a{
	display: block;
	font-size: 18px;
	color: #ffffff;
	}
.cmt_left_div{
	padding: 20px 20px 1px 20px;
	background: #ffffff;
	text-align: justify;
	}
ul.comment_part_ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.comment_section{
	width: 100%;
	height: 78px;
	background: #e74c3c;
	margin-top: 20px;
	position: relative;
	}
.corner_bg{
	display: block;
	position: absolute;
	width: 78px;
	height: 78px;
	top: 0;
	left: 0;
	background: #333333;
	}
.glyphicon-comment{
	color: #fff;
	font-size: 2.5rem;
	position: absolute;
	top: 26px;
	left: 24px;
	}
.author_name{
	float: left;
	color: #FFF;
	margin-left: 106px;
	font-family:  'Raleway', sans-serif;
	font-size: 18px;
	margin-top: 24px;
	}
.num_cmt_nested{
	margin-top: 0;
	background: #ffffff;
	}
.nested_main_comment{
	margin-top: 0;
	background: #e9e9e9;
	padding: 20px;
	color: #999999;
	margin-left: 78px;
	max-width: 946px;
	}
.num_cmt_nested_2{
	margin-top: 0;
	background: #ffffff;
	margin-left: 78px;
	max-width: 946px;
	}
.nested_main_comment2{
	margin-top: 0;
	background: #e9e9e9;
	padding: 20px;
	color: #999999;
	margin-left: 156px;
	max-width: 868px;
	}
.num_cmt_nested{
	margin-top: 0;
	background: #ffffff;
	}
.nested_main_comment{
	font-family:'Raleway', sans-serif;
	margin-top: 0;
	background: #e9e9e9;
	padding: 20px;
	color: #999999;
	margin-left: 78px;
	max-width: 946px;
	}
#form{
	margin-top: 50px;
	}
.avater{
	background: #fff url(../images/avater.png) no-repeat!important;
	}
.email-input{
	background: #e9e9e9 url(../images/email.png) no-repeat!important;
	}
.network{
	background: #fff url(../images/network.png) no-repeat!important;
	}
.sub_btn{
	background: #e74c3c url(../images/comment_send.png) no-repeat!important;
	}
.inputfield-comment{
	display: block;
	width: 33.33%;
	background: #fff;
	float: none;
	border: none;
	margin-right: 1%;
	
	font-size: 13px;
	color: #879cb0;
	margin-bottom: 0;
	padding-left: 106px;
	height: 70px;
	overflow: hidden;
	}
.inputfieldmessage{
	display: block;
	
	
	float: right;
	border: none;
	margin-right: 0;
	
	font-size: 14px;
	color: #879cb0;
	height: 140px;
	margin-bottom: 20px;
	padding-left: 27px;
	overflow: hidden;
	
	padding-top: 25px;
	}
.inputbtn{
	display: block;
	
	
	font-size: 16.67px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	color: #fff;
	font-weight:800;
	
	
	}
input:focus,textarea:focus{
	outline: 0;
	}

	/*=============================
			end blog page 
	=============================*/
    /*-- blog --*/
section.blog{
	background-color: #2c3e50;
	padding-top: 130px;
	padding-bottom: 100px;
	}
.blog-post-box{
	width: 100%;
	max-height: 115px;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	}
.blog-post-box:hover{
	max-height: 487px;
	}
.post-bg-light-green{
	background-color: #2599cc;
	}
.post-bg-purple{
	background-color: #a469bd;
	}
.post-bg-light-oliva{
	background-color: #26cbbe;
	}
.post-bg-light-blue{
	background-color: #5399c7;
	}
.post-bg-orange{
	background-color: #f39c12;
	}
.post-bg-red{
	background-color: #f16521;
	}
.post-bg-lemon{
	background-color: #2599cc;
	}
.post-bg-yellow{
	background-color: #f16521;
	}
.post-info ul li:first-child a.admin-light-green{
	color: #2ecc71;
	}
.post-info ul li:first-child a.admin-purple{
	color: #a469bd;
	}
.post-info ul li:first-child a.admin-light-oliva{
	color: #16a085;
	}
.post-info ul li:first-child a.admin-light-blue{
	color: #5399c7;
	}
.post-info ul li:first-child a.admin-orange{
	color: #f39c12;
	}
.post-info ul li:first-child a.admin-red{
	color: #e74c3c;
	}
.post-info ul li:first-child a.admin-lemon{
	color: #a9d06a;
	}
.post-info ul li:first-child a.admin-yellow{
	color: #f9c741;
	}
.blog-post-image{
	float: left;
	width: 50%;

	}
.blog-post-image img
{
    min-height:290px;
}
.blog-post-content{
	float: left;
	width: 50%;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 30px;
	padding-bottom: 25px;
    min-height:290px;
	}
.blog-post-content .post-date{
	
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin: 0;
    font-weight:300;
	}
.blog-post-content .post-title{
	font-family:  'Raleway', sans-serif;
	font-size: 25px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 20px;
	}
.blog-post-content .post-text{
	font-family:  'Raleway', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
	}
.post-info{
	margin-top: 17px;
	}
.post-info ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.post-info ul li{
	display: inline-block;
	margin-right: 20px;
	}
.post-info ul li:first-child a{
	
	
	padding: 0px 10px;
	border-radius: 3px;
	}
.post-info ul li a{
	font-family:  'Raleway', sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	display: block;
	}
.post-info ul li a i{
	color: #d6ddd9;
	margin-right: 5px;
	}
.blog-open{
	max-height: 487px;
	}
.subscribe{
	margin-top: 100px;
	}
.subscribe form .form-group{
	width: 100%;
	}
.subscribe form .form-group input, .subscribe form .form-group button{
	width: 100%;
	}
.subs-form{
	text-align: center;
	height: 100px;
	
	font-size: 14px;
	border: 8px solid #16a085;
	border-radius: 0;
	background: transparent;
	color: #16a085;
	}
.subs-form:focus{
	border-color: #16a085;
	box-shadow: none;
	outline: 0;
	}
.red-subs-form{
	border: 8px solid #e74c3c;
	color: #e74c3c;
	}
.red-subs-form:focus{
	border: 8px solid #e74c3c;
	color: #e74c3c;
	}
.load-btn{
	
	text-align: center;
	height: 100px;
	border: none;
	font-size: 14px;
	color: #ffffff;
	background-color: #16a085;
	}
.button-red{
	background-color: #e74c3c;
	}
.load-btn i{
	margin-left: 15px;
	font-size: 20px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	}
.post-info ul
{
    text-align:right;
}
.marbt70
{
    margin-bottom:120px;
    margin-top:70px;
}
.cw
{
    color:#fff;
}
.btnload
{
    margin-top:70px;
    background:#ff6347;
    color:#fff;
}
@media (max-width: 1199px) {
	
	.blog-open{
		max-height: 100%!important;
		}
	.blog-post-box{
		max-height: 150px;
		}
	.blog-post-box:hover{
		max-height: 100%;
		}
	
}
@media (max-width: 991px) {

	.blog-post-image, .blog-post-content{
		float: none;
		width: 100%;
		}
	.blog-post-box{
		max-height: 120px;
		}
	
}
@media (max-width:1199px) {
    .info-title {
        font-size: 36px !important;
    }
}
@media  (max-width: 480px) and (min-width: 300px)
{
.info-title {
    font-size: 36px !important;
}
}
.vidbak
{
    background-color:#005987 !important;
}
.orsp
{
    color:#ff6347;
}
.bkor
{
    background:#ff6347;
}
.divimg
{
        background-image: url(images/vid1.jpg);
   max-width:100%;
    height: 229px;
    text-align:center;
    background-repeat:no-repeat;
         border: 6px solid #fff;
    background-position: center; 
}
.divimg a
{
    position:relative;
  
    top: calc(50% - 60px);
   
}
@media (max-width:768px)
{
    .divimg
    {
        margin-bottom:40px;
    }
}
.img-circle {
    border-radius: 50%;
}
.tcenter
{
    text-align:center;
    top: 0px;
    right: 0px;
}
.pboss
{
    display:inline-table;
    font-weight:300;
    font-size:16.67px;
    color:#fff;
}
.mart70b40
{
    margin-top:70px;
    margin-bottom:40px;
}
.chmsg
{
    color:#fff;
    font-size:16.67px;
    font-weight:800;
    margin-top:45px;
}
    .chmsg span {
        font-weight:800;
        color:#f16521;
      
    }
    .footer-social a i
    {
        font-size: 50px;
    color: #fff;
    }
    .underline
    {
        text-decoration:underline;
    }
    .contact-area
    {
        background:#296a8e !important;
    }
    .ques
    {
        background:#005987;
    }
    .padtb75
    {
        padding-top:75px;
        padding-bottom:75px;
    }
    .pques
    {
        color:#fff;
        font-size:50px;
    }
    .pques span
    {
        font-weight:800;
    }
    .consim
    {
        color:#fff;
        font-size:50px;
    }
     .consim span
     {
         font-weight:800;
     }
     .contact
     {
         background-color:#018ea8 !important;
         padding-bottom:35px;
     }
     .mart40
     {
         margin-top:40px;
     }
     .condesc
     {
         margin-top:65px;
         font-size:21px;
         color:#fff;
         font-weight:300;

     }
     textarea
     {
         text-align:left !important;
         padding:0px 0px;
     }
     .tleft
     {
         text-align:left;
     }
     .marb40
     {
         margin-bottom:40px;
     }
     .consite p
     {
        
         font-size:20.83px;
         line-height:26px;
     }
      .consite p a
      {
          color:#fff;
      }
      .psertit p
      {
          color:#fff;
          font-size:14.5px;
      }
      .exbold
      {
          font-weight:800;
      }
      .emcon
      {
              float: left;
    color: #fff;
    margin-right: 15px;
    line-height: 63px;
  
      }
       .emcon i
       {
           font-size:26px;
       }
       .psertit p i
       {
           margin-right:15px;
       }
       .accr {
width: 100%;
max-height: 100px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
}
.accr:hover{
max-height: 500px;
}
.open{
	max-height: 500px;
	margin-bottom: 0px;
}
.close-icon {
position: absolute;
top: 105px;
right: 15px;
cursor: pointer;
width: 58px;
height: 58px;
}
.accr-left {
max-width: 552.5px;	
float: left;
}
.accr-right {
max-width: 552.5px;
min-height: 100px;
padding: 25px 40px 20px 40px;
float: left;
}
.bottom-social {
width: 25%;
float: left;
display: block;
text-align: center;
color: #fff;
margin-top: 7px;
margin-bottom: 6px;
}
.bottom-social:hover,.bottom-social:visited,.bottom-social:active,.bottom-social:focus{
	color: #fff;
}
.date{
	
	font-size: 12px;
	color: #000;
}
.accr-title {

font-size: 20px;
color: #fff;
margin-top: -8px;
margin-bottom: 22px;
}
.accr-desc {

font-size: 13px;
color: #fff;
line-height: 1.7em;
}
.sl1 {

font-size: 10px;
padding: 3px 6px 3px 6px;
background: #fff;
width: 82px;
border-radius: 4px;
margin-right: 30px;
}
.sl1:hover,.sl1:active,.sl1:visited,.sl1:focus{
	color: #2ecc71;

}
.sl2{
	
	font-size: 12px;
}
.sl3{
		
	font-size: 12px;
}
.sl4{
		
	font-size: 12px;
}
.subscribe{
	text-align: center;
	max-width: 1100px;
	margin: auto;
	margin-top: 100px;
}
.subs-form {
  width: 50%;
  float: left;
  text-align: center;
  height: 100px;

  font-size: 14px;
  border: 8px solid #f8de97;
  background: transparent;
  color: #16a085;
}
.load-btn {
width: 50%;
float: left;
text-align: center;
height: 100px;

border: none;
font-size: 14px;
color: #fff;
padding-top: 39px;
}
.refresh {
  width: 35px;
  display: block;
  margin-top: -23px;
  margin-left: 369px;
}
.load-btn:hover,.load-btn:active,.load-btn:visited,.load-btn:focus{
	color: #fff;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
  
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
 
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
   font-size: 14px;
 
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
 
   font-size: 14px;
}
.blog-area {
padding-top: 140px;
padding-bottom: 80px;
}
.accr-right
{
    min-height:300px;
}
.post-date
{
    color:#fff !important;
}
.accr-desc
{
    font-size:16.67px;
    font-weight:400;
}
.accr-left a img
{
    min-height:300px;
}
.accr-right a img
{
    min-height:300px;
}
.whose
{
    color:#2599cc;
    font-size:30px;
    margin-bottom:35px;
}
 .whose span
 {
     font-weight:800;
 }
 .padb30
 {
     padding-bottom:30px;
 }
 .button{
   
  
  
    border:0;
    color:#333;
    cursor:pointer;
    font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;
    margin:0;padding:6px 4px;
    text-decoration:none;
    position:relative
}
.example1 p, .example2 p{
    border:1px solid #eee;background:#eee;
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    width:400px;
    padding:10px;
    margin:10px 0
}
.enarcss
{
    color: #ff6347 !important;
    font-weight: bold;
}


.overlay {
 position:absolute;
  height:100%;
   width:100%;
    
    display:none;
}
.mainbak
{
   min-height:378px;
    background-repeat:no-repeat;
    padding:20px;
}
.tright
{
    text-align:right;
}
.maintit
{
    color:#fff;
    font-size:27px;
    font-weight:800;

}
.titm
{
  color:#fff;
    font-size:27px;
    font-weight:800;
        display: initial;
       
}
.mindesc
{
 color:#fff;
    font-size:14.5px;
    font-weight:300;
}
.padb130
{
    padding-bottom:130px;
}
.maina
{
      color:#fff;
    font-size:21px;
    font-weight:800;
    text-align:right;
    margin-top:10px;
}
    .maina span {
        margin-left:5px;
    }
    .img
    {
        padding:20px;
    }
    .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}





.img
{
    text-align:center;
}



/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 0px;
}
.effects .img {
  position: relative;

  margin-bottom: 0px;
  width: 100%;
  overflow: hidden;
}
.effects .img img {

    float:none;
    vertical-align: middle;
   

}
.disover > img
{
     margin-top:95px;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 89, 135, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;

}
.overin
{
    padding:20px;
}
a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
.effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
.effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}
.effect-1 .img.hover .overlay {
  height: 100%;
}


/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media only screen and (max-width: 1100px) {
 

  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: -5px;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  .effects .img {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 0;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: 0;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
 
}
.disnone
{
    display:none !important;
}
.maindesc
{
    font-size:14.5px;
    font-weight:300;
    color:#fff;
    text-align:left;
}
.overlay img
{
    margin-top:100px;
}
.padb0
{
    padding-bottom:0px;
}
.list-title span
{
    font-weight:300;
}
.list-title
{
    color:#005987;
}
.padt80
{
    padding-top:80px;
}
@media (max-width:480px)
{
    .mpadt80
    {
        margin-top:80px;
    }
}
.mart30
{
    margin-top:30px;
}
.fullscreen, .content-a {
    width: 100%;
    min-height: 100%;
}
.background {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: 50% 50%\9 !important;
}
.fullscreen.not-overflow .content-a {
    height: 100%;
    overflow: hidden;
}
.content-a {
    display: table;
}
.content-b {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
}
.twitter-feed {
    text-align: center;
    padding-bottom: 15px;
}
.mart50
{
    margin-top:50px;
}
.marb50
{
    margin-bottom:50px;
}
.chpms

{
    font-size:16.67px;
    color:#fff;
    margin:50px 0;
}
.chpms span

{
    color:#ff6347;
    font-weight:bold;
}
.marb70
{
    margin-bottom:70px;
}
.change
{
    background-color:#018EA8 !important;
    border-bottom:1px solid #000;
}
.change1
{
    background-color:#018EA8 !important;
    border-bottom:1px solid #000;
}
#owl-demo p
{
    font-size:16.67px;
    font-weight:300;
}
.report
{
    background-image:url(../images/report.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
 
    display: inline-block;
    margin-bottom:0px;
}
.reptit
{
    text-align:center;
    font-size:50px;
    font-weight:400;
    color:#fff;
}
.reptit span
{
    font-weight:800;
}

.repdesc
{
    font-size:16.67px;
    color:#fff;
    font-weight:300;
    text-align:center;
}
.prep
{
    color:#fff;
    font-size:25px;
    font-weight:800;
    text-align:center;
}
.prep span

{
    font-size:18px;
}
.prepdesc
{
    font-size:16.67px;
    color:#fff;
    font-weight:300;
    text-align:center;
}
.fees
{
    font-size:21px;
    color:#fff;
    background-color:#cd472f;
    padding:30px 70px;
}
.padb50
{
    padding-bottom:50px;
}
.fees:hover
{
    color:#000;
}

.tapq
{
    background:#fff;
    padding:40px 40px 0 40px;
}


.nav-tabs {
    border-bottom: 0px solid #ddd;
}


   
     .nav-tabs > li.active > a:focus {
        border: 1px solid #018EA8;
        border-bottom-color: #018EA8;
        background: #018EA8;
        color: #fff;
    }

     .quesp
     {
         margin-top:30px;
         font-size:20px;
         color:#000 !important;
         border-bottom:1px solid #000;
         text-align:left;
     }
     .showhide
     {
         display:none;
     }
     .showfaq
     {
         cursor:pointer;
     }
     .imghid
     {
         margin-top:30px;
     }
     .hidefaq
     {
          cursor:pointer;
     }
     .padb80
     {
         padding-bottom:80px;
     }
     .bakb
     {
         background:#005987;
     }
     hidef
     {
         cursor:pointer;
     }

     .navbar-toggle:focus
     {
             background-color: #018EA8 !important;
   border:1px solid #fff !important;
     }
      .navbar-toggle:hover
     {
             background-color: #018EA8 !important;
    border:1px solid #fff !important;
     }
@media only screen and (max-width: 767px)
{
    .navbar-default .navbar-nav > li:nth-child(odd) {
        background: #fff !important;
        color:#000 !important;
    }
     .navbar-default .navbar-nav > li:nth-child(odd) a {
        background: #fff !important;
        color:#000 !important;
    }

     .navbar-default .navbar-nav>li>a
     {
         color:#000 !important;
     }
}
@media only screen and (max-width: 767px)  {
    .navbar-default .navbar-nav > li:nth-child(even) {
        background: #fff !important;
    }
}
.navbar-toggle {
  
   
    padding: 9px 10px;
    margin-top: 30px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px !important;
}
.navbar {
    border-radius: 0px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
@media (min-width:768px)
{
    .navbar-nav
    {
        margin-top:35px !important;
      
    }

}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size:14px;
    font-weight:bold;
 
}
.arlan
{
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size:16px;
    margin-top:-2.5px;
}
@media (max-width:768px) {
  .navbar-default {
        background-color: #018EA8 !important;
    }
  .navbar
  {
      margin-bottom:0px !important;
  }
}
.navbar-nav {
    margin: 0px -0px;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
    color:#fff !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.change
{
 transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.change .logohide
{
    display:none;
}
.change .logoshow
{
    display:inline-table !important;
}
.change .navbar
{
    margin-bottom:0px !important;
}
.change 
{
    height:90px !important;
    z-index:999999;
}
@media (min-width:768px)
{
     .change .navbar-nav {
        margin-top: 21px !important;
    }
}
   




.change1
{
 transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.change1 .logohide
{
    display:none;
}
.change1 .logoshow
{
    display:inline-table !important;
}
.change1 .navbar
{
    margin-bottom:0px !important;
}
.change1 
{
    height:90px !important;
    z-index:999999;
        position: fixed;
}
@media (min-width:768px)
{
     .change1 .navbar-nav {
        margin-top: 21px !important;
    }
}
    @media(max-width:991px)
    {
        .consite p
        {
            text-align:center;
        }
        .consim 
        {
            text-align:center;
        }
    }
@media (max-width:1199px) and (min-width:991px) {
    .mm381 {
        min-height: 425px !important;
    }
}
@media (max-width:480px)
{
    .mm30
    {
        margin-top:30px;
    }
}
@media (max-width:767px)
{
    .logohide
    {
        display:none !important;
    }
    .logoshow
    {
        display:initial !important;
    }
}

.padt90
{
    padding-top:90px;
}
.product
{
    padding:70px 0 50px 0;
}
.product h2

{
    color:#018EA8;
    margin-bottom:50px;
        border-left: 75px solid #ff6510;
    padding: 25px 0 25px 25px;
    font-size:25px;
}
.prospan
{
    margin-left:10px;
    margin-right:30px;
}
.panel-title
{
    font-size:21px;
    color:#7a7777;
}
.panel-title>a {
    color: inherit;
    padding:16px;
    float:right;
}
.panel-heading.active
{
    border-left:8px solid #ff6510 !important;
}
.panel-default {
    border-color: #fff;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #fff;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #fff;
}
.panel
{
    border: 0px solid transparent;
    box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}

.fa-caret-down
{
     color:#ff6510;
}
.fa-caret-left
{
     color:#269acd;
}
@media (min-width:991px)
{
    .tabsup
{
    padding-left:100px;
}
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
  
    border-bottom: 0px solid #ddd;
    border-bottom-color: transparent;
}

.nav.nav-tabs i
{
    font-size:36px;
}
.nav.nav-tabs li a p
{
    color:#777777 ;
}
.panel-body
{
    background:#fbfbfb;
}


.tab-pane h3
{
margin-top:30px;
}
@media (min-width:991px)
{
.tab-pane
{
    padding-left:100px;
}
}
.none
{
    display:none;
}
.panel-body {
    padding: 5px;
}
.nav.nav-tabs li
{
    background:#f3f3f3;
}
.panel-title a i
{
    font-size:36px;
}

 .panel-default>.panel-heading
 {
    border-left:8px solid #249acc ;
      
 }
 .tabbor
 {
      border-left:8px solid  #ff6510 !important;
 }
 .tabdown
 {
     padding-left:0px !important;
     margin-top:40px;
 }
  .tabdown li
  {
      background-color:#cccccc !important;
      color:#fff;
      min-width:196px;
     text-align:center;
     
  }
 .tabdown  li.active
    {
          background-color:#ff6510 !important;
          
    }
  .tabdown  li.active a
    {
          background-color:#ff6510 !important;
          color:#fff !important;
    }
    .tabdown  li.active a p
    { 
       
          color:#fff !important;
         
    }
    .tabsup li.active a
    {
        background:#f3f3f3;
    }
     .tabsup li.active a p
    {
        color:#ff6510;
    }
     .tabsup li.active a:hover{
          background:#f3f3f3 !important;
     }
        .tabsup li.active a:focus{
          background:#f3f3f3 !important;
     }
        .tabdown li a
        {
            border:0px;
        }
         .tabdown li a p
         {
             margin-top:10px;
             color:#fff !important;
         }
.nav-tabs > li > a {
    margin-right: 0px;
}
.form-c
{
    background:#fff;
    width:100%;
    height:45px;
}
.padl0
{
    padding-left:0px !important;
}
.formp
{
    color:#000;
    line-height:45px;
}
.padt40
{
    padding-top:40px;
}
.distab
{
    padding-top:40px;
    padding-bottom:60px;
    border-bottom:8px solid #ff6510;
    display:block;
    background:#f3f3f3;
}
.formspan
{
    margin-right:30px;
    margin-left:20px;
}
.padl10
{
    padding-left:10px;
}
.lh45
{
    line-height:45px;
}
.btn-submit
{
    font-size:22px;
    background-color:#ff6510;
    color:#fff;
    padding :20px 40px;
    cursor:pointer;
}
    .btn-submit:hover {
         color:#000;
    }
    .tabdown li a:hover
    {
background:#000 !important;

    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
    {
        border-bottom: 2px solid #F3F3F3 !important;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
    {
        border:0px;
    }
    .imglog
    {
        border-top:8px solid #2599cc;
    }
    .plogtit
    {
        color:#2599cc;
        font-size:22px;
        font-weight:300;
        margin-bottom:0px;
        line-height:22px;
        margin-top:50px;
    }
.plogtit span {
    font-weight: bold;
}
.plogdate
{
 font-size:18px;
}
.mart10
{
    margin-top:10px;
}
.logmartab li
{
    margin-right:3px;
    border-top:8px solid #2599cc;
}
.prot
{
    font-size:48px;
   
    color:#f3f3f3;
}
.prot a
{
  color:#f3f3f3 !important;
}
.prot.active i
{
    background-color:#ff6510;

}
.prot i
{
   width:72px;
   height:72px;
   line-height:72px;
     background:#7b7778;
}
.pla
{
      color: #333;
}
.prot a
{
    cursor:pointer;
}
.mart0
{
    margin-top:0px;
}
.reg
{
    color:#018EA8;
    font-size:22px;
    font-weight:600;
}
.regak
{
    background:#f3f3f3;
    padding:30px 0px 60px 15px;
    border-left:8px solid #ff6247;
    margin-bottom:30px;
}
.regak p
{
    font-size:16px;
}
.regak a
{
  color:#018EA8;
    font-size:16px;
    text-decoration:underline !important;
    
}
.fs20
{
    font-size:20px;
}
.mwinh
{
    min-width:inherit !important;
    margin-right:3px;
}

.inht30
{
    margin-top:30px;
    display:inherit;
}
.logtab {
    padding-top: 100px;
    padding-bottom: 50px;
   
    display: block;
    background: #f3f3f3;
}
.mart60
{
    margin-top:60px;
}
#recaptcha_area
{
    margin:auto;
}
.btn-send
{
    background:#ff6448;
    color:#fff;
    padding:10px 20px;
}
.logform
{
    padding:70px 0;
    background:#f9f9f9;
        border-bottom: 8px solid #fe6347;
}
.form-log
{
    width:75%;
    height:40px;
    margin-right:10px;
}
.lh40
{
    line-height:40px;
}
.mart20
{
    margin-top:20px;
}
.tablesorter-default tr.odd>td {
    background-color: #e0e0e0 !important;

}
.tablesorter-default tr.even>td {
    background-color: #ffffff !important;
}
.tablesorter-default th, .tablesorter-default thead td {
   
    color: #333333 !important;
    font-weight:400 !important;
  
}
.underl
{
    text-decoration:underline !important;
    color:#018EA8 !important;
    font-weight:600;
    line-height:40px;
}
@media (min-width:992px) {
    .mtright {
        text-align: right;
    }
}
.mml3
{
    margin-left:-3px !important;
}
.f-white
{
    border-left:8px solid #ff6448;
    background:#fff;
    padding:20px;
}
.light
{
    font-weight:100 !important;
    font-size:14px !important;
    padding-left:10px;
}


.mcolor
{
        background-color: #FF6448;
}
.summary
{
    margin-bottom:50px;
    font-weight:bold;
    font-size:22px;
    color:red;

}



.searchbutton { 
    display:inline-block;
  
   
   
    position:relative;
    z-index:30;
    cursor:pointer;
}

.searchbutton span {
   
  
}




.searchbox {
    position:absolute;
    top:34px;
    right:-35px;
    display:none;
    z-index:29;
}
  
.searchbutton.active {
    border-radius:3px 3px 0 0;
}



.searchform {
    width:248px; 
   
   
   
   
}
#login
{
    background: #fff;
    height:35px;
}
.searchform fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
    float:left;
}

fieldset.fsearch {
    background:transparent;
    
   
    padding:10px 0px;
    margin:0;
}





.searchform input {
    
    border:1px solid #018EA8;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
    height:35px;
}


.searchbutton i
{
    font-size:20px;
}

@media (max-width:767px)
{
    .searchbox
    {
        display:none !important;
    }
    .resnone
    {
        display:none !important;
    }

}

@media (min-width:768px)
{
    .search-bar
    {
        display:none;
    }
}


.sb-search {
	position: relative;
	margin-top: 3px;
	width: 0%;
	min-width: 60px;
	height: 30px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 30px;
    line-height:30px;
	margin: 0;
	z-index: 10;
	padding: 8px 65px 8px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #000;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #F16521;
	z-index: 90;
	font-size: 22px;
    line-height:26px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	background-image:url(../images/search.png);
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #F16521;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.codrops-top {
	background: #566472;
	background: rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #fff;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.8);
	color: #2c3e50;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	background-image:url(../images/search.png);
}

.codrops-icon-prev:before {
	background-image:url(../images/search.png);
}

@media screen and (max-width: 46.0625em) {
	.column {
		width: 100%;
		min-width: auto;
		min-height: auto;
		padding: 1em; 
	}

	.column p {
		text-align: left;
		font-size: 1.5em;
	}

	.column:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}
.maruto
{
    margin:auto;
}
.search-bar
{
    min-height:36px;
    background:#F16521;
}
 .error {
            float: left !important;
            line-height: 16px !important;
            color: red !important;
            font-weight: bold;
        }
 .sim-slide
 {
     background-image: url(../images/slide.jpg) !important;
 }
 .sim-simati
 {
     background-image: url(../images/simati.jpg);min-height:381px;background-repeat:no-repeat;background-position:center;background-size:cover;
 }
 .sim-simatna
 {
     background-image: url(../images/simatna.jpg); min-height: 381px; background-repeat: no-repeat; background-position: center; background-size: cover;
 }
 .sim-tameni
 {
     background-image: url(../images/tameni.jpg); min-height: 381px; background-repeat: no-repeat; background-position: center; background-size: cover;
 }
 .sim-taqeem
 {
     background-image: url(../images/taqeem.jpg); min-height: 381px; background-repeat: no-repeat; background-position: center; background-size: cover;
 }
 .sim-moarif
 {
     background-image: url(../images/moarif.jpg); min-height: 381px; background-repeat: no-repeat; background-position: center; background-size: cover;
 }
 .sim-shaiki
 {
     background-image: url(../images/shaiki.jpg); min-height: 381px; background-repeat: no-repeat; background-position: center; background-size: cover;
 }
 .divimg1
 {
     background-image: url(../images/vid1.jpg);
 }
 .sim-parallax
 {
     background-image: url('../images/chmsg.jpg');
 }
 #recaptcha_widget
 {
     display:none;
 }
 .cred
 {
     color:red
 }
 #imgdate
 {
     cursor:pointer;
 }
 .pos
 {
     left: -100000px !important;
      top: 1283.56px !important;
 }

.con
{
    margin-top:30px;
}
 .cmxform fieldset p.error label {
            color: red;
        }

       

            div.container.con ol li {
             clear:both;
                margin-left: 20px;
            }

        div.container.con {
            display: none;
        }

        .container.con label.error {
            display: inline;
        }

       

            form.cmxform label.error {
                display: block;
                margin-left: 1em;
                width: auto;
            }
            @media (max-width:767px)
            {
                .navbar-collapse
                {
background:#fff;
                }
            }
            .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: transparent;
}
            .navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
            @media(max-width:767px)
            {
                 .navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
            }
            @media (max-width:768px) and (min-width:468px)
            {
                .tabdown li
                {
                    clear:both;
                }
            }
            @media (max-width:991px)and (min-width:768px)
            {
                .navbar-default .navbar-nav>li>a
                {
                    font-size:13px;
                }
            }
            .marl4
            {
                margin-left:4px;
            }
            #slider-awar .owl-controls
            {
                position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -30px;
        text-align: center;
        -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
#slider-awar .owl-prev {
    position: relative;
    float: left;
    background: transparent !important;
    font-size: 0 !important;
    left: -15px;
    display: block;
    width: 53px;
    height: 65px;
    top:-5px;
        color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 1px;
    padding: 0px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.8;
        z-index: 99999;
        cursor: pointer;
}
#slider-awar .owl-prev:before {
    position: absolute;
    content: "";
    background-image: url(../images/sh-prev.png);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 26px;
    opacity: 1 !important;
}
#slider-awar  p
{
     margin: 0 20px ;
    text-align:center;
}
@media (min-width:768px)
{
    #slider-awar p {
        margin: 0 0px 0 -10px;
    }
}
#slider-awar .owl-next {
        filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
        z-index: 99999;
        color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 1px;
    padding: 0px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.8;
    cursor: pointer;
        float: right;
    position: relative;
    background: transparent !important;
    font-size: 0 !important;
    right: -15px;
    display: block;
    width: 53px;
    height: 65px;
    top:-5px;
}
#slider-awar .owl-next:before {
       position: absolute;
    background-image: url(../images/sh-next.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    top: 0;
    right: 0;
    background-position: 0 0;
    width: 23px;
    height: 26px;
    opacity: 1 !important;
}


/*-----New------*/
		
.image-cropper {
    max-width: 200px;
    height: auto;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
	
	
	/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
  
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family:Tahoma;
	font-size:13px;
	color:#4D5934;
    
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}