/* 01. BASE STYLES
---------------------------------- */

body, html {
	height: 100% !important;
}
body {
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 26px;
	color: #000;
	position: relative;
	background: #fff;
}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
	background: #000;
	color: #fff;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

:focus {
	outline: 0
}

a, a:hover, a:focus {
	color: #000;
	outline: 0;
	text-decoration: none;
}
a {
	text-decoration: underline;
}
.text-light a {
	color: #fff; text-decoration: none;
}
.text-dark a {
	color: #000;
}

img {
	text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: table-cell;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    display: block;
    border: none;
}

::-webkit-input-placeholder {color: inherit}
:-moz-placeholder           {color: inherit}
::-moz-placeholder          {color: inherit}
:-ms-input-placeholder      {color: inherit}



/* typography
---------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
h1 { font-size: 48px; line-height: 54px; }
h2 { font-size: 36px; line-height: 48px; }
h3 { font-size: 30px; line-height: 36px; }
h4 { font-size: 24px; line-height: 30px; }
h5 { font-size: 18px; line-height: 24px; }
h6 { font-size: 14px; line-height: 18px; }



/* Responsive typography
---------------------------*/

@media (max-width: 768px) {
	body { font-size: 14px; line-height: 23px}
	h1   { font-size: 34px; line-height: 40px}
	h2   { font-size: 26px !important; line-height: 35px}
	h3   { font-size: 26px; line-height: 29px}
	h4   { font-size: 22px; line-height: 24px}
	h5   { font-size: 17px; line-height: 19px}
	h6   { font-size: 13px; line-height: 15px}
	.link-view {text-align:center !important}

.subt
{	
	font-size: 20px !important;
	display: block;
    text-align: center !important;}
	}

	@media (max-width: 350px)
	{
.bloghead h5 {
    font-size: 15px !important;
    line-height: 19px;
    text-align: center !important;
}
}


/* background text */
[data-bgtext]{
	position: relative;
	z-index: 1;
}
[data-bgtext]:before{
	content: attr(data-bgtext);
	color: #EDEDED;
	font-size: 400%;
	line-height: .6;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(-10%, -50%);
	    -ms-transform: translate(-10%, -50%);
	        transform: translate(-10%, -50%);
	z-index: -1;
	white-space: nowrap;
}
.has-sidebar [data-bgtext]:before{
	font-size: 350%;
	-webkit-transform: translate(-3%, -50%);
	    -ms-transform: translate(-3%, -50%);
	        transform: translate(-3%, -50%);
}
.dark-bgtext[data-bgtext]:before{
	color: rgba(0, 0, 0, 0.1);
}
.section-grey [data-bgtext]:before{
	color: rgba(0, 0, 0, 0.15);
}
.text-light [data-bgtext]:before,
[data-bgtext].text-light:before{
	color: rgba(255, 255, 255, 0.2);
}
.text-center[data-bgtext]:before,
.text-center [data-bgtext]:before{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
@media( max-width: 1200px ){
	[data-bgtext]:before{ font-size: 330% !important; }
}
@media( max-width: 870px ){
	[data-bgtext]:before{ display: none; }
}


.bottom-line{
	position: relative;
	margin-bottom: 30px;
}
.bottom-line:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #111;
	bottom: -13px;
}
.text-light .bottom-line:after{
	background: #fff;
}

.text-light p{
	color: #fff;
}
.text-dark p{
	color: #000;
}

.serif{
	font-family: 'Georgia', serif;
	letter-spacing: 2px;
	padding: 0px 12px;
}

.title {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h1.title {
	text-align: center;
}

.top30 {margin-top: 40px;  padding-bottom: 10px;}

.pager-wrapper {padding: 80px 0px; position: relative;  clear: both;}
.pager-wrapper ul li {margin-left: 25px; list-style: inherit;}


.page_right ul li {margin-left: 3%; list-style: inherit;}

.about .col-sm-4 { padding-right: 0px; padding-left: 0px; }
.coffee .col-sm-4 { padding-right: 0px; padding-left: 0px; }
/* float */
.right { float: right !important; }
.left { float: left !important; }
.float_left	   { float:left;}
.float_right   { float:right;}

.page_right { padding-right: 20px;}
.page_left { padding-left: 20px;}

/* Flickr */

.flickr_wrap {padding:15px 0 10px 0px;}
.flickr_badge_image {float:left;padding:0 10px 7px 0;}
.flickr_badge_image img {float: left; border: 3px solid #e3e3e3; width: 76px; height: 76px;}
.flickr_badge_image img:hover {border: 3px solid #333;}
.flickr_badge_image img:nth-child(3n+1) {margin-right:0px;}

/*  Comment form  */

#comments .navigation {
	padding: 0 0 16px 0;
}

h4.comments_title i { margin-right: 12px; color: #ccc;}
h4.comments_title{
	font-weight: bold; color: #777; font-size: 16px; margin-top: 35px;
}
.commentlist {
	list-style: none;
	padding: 10px;
	margin-bottom:50px;
}
.commentlist a{text-decoration:none ;color:#333 !important;}

.commentlist li.comment {
	margin: 30px 0 10px 0px;
	padding: 0 0 10px 0px;
	position: relative !important;
	border-bottom:solid 1px #e0e0e0;
}
.commentlist li.comment ul.children{margin:0 0 0 0; margin-left:4%; border-top:solid 1px #e0e0e0; padding:30px 0 0 0;}
.commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0}
#comments .comment_text ul,

#comments .comment_text ol {
	margin-bottom: 0;
}
.commentlist ol {
	list-style: decimal; 
}
.commentlist .avatar {
	padding:4px;background-color:#e2e2e2;margin-right:10px;margin-top:-5px;
}
.comment_text cite {
	font-style: normal;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}
.comment_text cite  a, .comment_text cite  a:visited{color:#828282;}
.comment_text cite  a:hover{text-decoration:none}
.comment_author .says {
	font-style: normal;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
    font-style:italic;
	padding: 0 0 0px 0;
	float:right;
}
.reply a,
a.comment-edit-link {
	color:#828282;
	text-decoration:none;
	font-size: 12px;
}
.reply a:hover,
a.comment-edit-link:hover {
	text-decoration:none
}
.commentlist .children {
	list-style: none;
}
.commentlist .children li {
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
}
.con_comment{padding:0 0 0 0}
.commentlist .comment_author{ float:left; margin-top:7px; margin-right:10px;}
.commentlist .comment_text{width:auto; margin-bottom:20px !important; }
.commentlist .comment_text p{margin-bottom:20px !important; margin-top: 10px;}
.commentlist ul.children .comment_author{}
.commentlist ul.children .comment_text{}
.commentlist .comment_text{margin-top:-15px}
.comment_text .time{font-size:11px; margin-bottom:2px; display:block;}
.comment_text .time a, .comment_text .time a:visited{color:#828282;}
.comment_text .boldtext{font-weight:normal; font-size:22px}

/*  Forms  */

#respond { padding-top: 10px; }
#respond button{ display: block; margin-bottom: 35px; }
#respond h4 { margin-bottom:20px; }
#respond form textarea { width: 100% ; height: 150px; }	
#respond form textarea, #respond input[type="text"] {
	color: #65686d;
	border: none;
	padding: 10px;
	background: #fafafa;
	
	border: 1px solid #e2e2e2;
	border-top: 1px solid #d4d4d4;
	outline: none;
	
	color: #65686d;
	line-height: 1.6;
    border-radius: 2px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 25px;
	font-size: 12px;
}

#respond input[type="text"] {
	width: 100%;
	height: 40px;
}

.margin-input {
	margin: 0 0.5%;
}

.margin-20 {margin-bottom:70px;}

#respond input[type="submit"] {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 11px 10px 9px 10px;
	border: none;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
}

#respond input[type="submit"]:hover {
	color:#515a5f;
}

.cta-title{
	position: relative;
	margin-bottom: 40px;
}
.cta-title:before{
	content: "\e63a";
	display: block;
	position: absolute;
	font-family: 'Pe-icon-7-stroke';
	font-size: 114px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -57px;
	opacity: .4;
}
.home-sidebar-gallery .col-sm-12 {padding-right: 0px; padding-left: 0px;}
.home-sidebar-gallery .wpb_content_element {margin-bottom: 0px !important;}

.testimonial_wrapper .col-sm-12 { padding-right: 0px; padding-left: 0px; }
.testimonials-title{
	position: relative;
	margin-bottom: 40px;
}
.testimonials-title:before{
	content: "\f10d";
	display: block;
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 102px;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -51px;
	opacity: .4;
}


table, th, td {
   border: 1px solid #ccc; padding: 10px;
}
.page-links {clear: both;}
.pager-wrapper ol,.page-section ol,.page-section ul{
    padding: 0 0 0 40px;
	text-align: left;
}

.pager-wrapper ol li ,.page-section ol li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.widget-content ul {padding: 0px;}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child
{
	margin-top: 0
}

.bigtext {
	font-size: 160px;
	line-height: 1
}
@media (max-width: 992px) {
	.bigtext{font-size: 130px;}
	.page-section p{text-align:justify}
	
	.rpaneltext p{text-align: center !important;}
	.textcentermob{text-align: center !important;}
}
@media (max-width: 768px) {
	.bigtext{font-size: 70px;}
}	

.text-light { color: #fff }
.text-dark  { color: #000 }
.text-center { text-align: center }
.text-left   { text-align: left }
.text-right  { text-align: right }
.uppercase  { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.bold   { font-weight: bold }
.bolder { font-weight: bolder }
.italic { font-style: italic }
.underline{ text-decoration: underline }


.fullwidth  { width: 100% }
.fullheight { height: 100% }
.fullscreen-height{ height: 100vh }

.page-section, .section-small{
	display: block;
	position: relative;
	padding: 100px 0;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}
.section-small{
	padding: 70px 0;
}
@media( max-width: 768px ){
	.page-section{ padding: 30px 0px 0px;}
	.container{padding-left: 15px;}
	#pagingControls{text-align: center;}
	
	.mtop20{margin-top: 20px;}
	.blogdiv
{
    border: 1px solid #b3abab;
    box-shadow: none;
    padding: 10px;
	    border-radius: 4px;
	margin: 0px auto 0;
	margin: 0% 0% 6%;
}
.c-tabs-nav__link {
  flex: 1;
  margin-right: 4px;
padding: 5px 10px;
  color: #fff;
  background-color: #b3b3b3;
  text-align: center;
  transition: color 0.3s;
  width: 100%;
    padding: 5px 10px;
	display: inline-block;
	text-align: center;
	margin:4px 0px;
}
	
	.c-tabs-nav__link span {
vertical-align: middle;
    font-size: 13px;
    height: 100%;
    display: inline-block;
}

.c-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

}

.gallery-item {
    padding: 5px  !important;
}

.section-grey  {
	background-color: #F7F7F7;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.section-dark  { background-color: rgba(0, 0, 0, 0.9) }

.bg-grey{ background-color: #F7F7F7; }
.bg-dark{ background-color: rgba(0, 0, 0, 0.9); }

.vCenter {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.highlight {
	background-color: #000;
	color: #fff;
}
.overflow{
	overflow: hidden;
}
.relative{
	position: relative !important;
}
.absolute{
	position: absolute !important;
}
.video-container iframe {
	border: 0;
}
.intro .container-fluid {padding-right: 0px; padding-left: 0px;}
.intro2 .container-fluid {padding-right: 0px; padding-left: 0px;}
.p_slider_2 .container-fluid {padding-right: 0px; padding-left: 0px;}
.team_wrapper {margin-top: -30px;}
/* Paddings & Margins */
.p0   { padding: 0px !important  }
.p10  { padding: 10px !important }
.p20  { padding: 20px !important }
.p30  { padding: 30px !important }
.p40  { padding: 40px !important }
.p50  { padding: 50px !important }
.p60  { padding: 60px !important }
.p70  { padding: 70px !important }
.p80  { padding: 80px !important }
.p90  { padding: 90px !important }
.p100 { padding: 100px !important}
.p110 { padding: 110px !important}
.p120 { padding: 120px !important}
.p130 { padding: 130px !important}
.p140 { padding: 140px !important}

.m0   { margin: 0px !important  }
.m10  { margin: 10px !important }
.m20  { margin: 20px !important }
.m30  { margin: 30px !important }
.m40  { margin: 40px !important }
.m50  { margin: 50px !important }
.m60  { margin: 60px !important }
.m70  { margin: 70px !important }
.m80  { margin: 80px !important }
.m90  { margin: 90px !important }
.m100 { margin: 100px !important}
.m110 { margin: 110px !important}
.m120 { margin: 120px !important}
.m130 { margin: 130px !important}
.m140 { margin: 140px !important}

.pt0   { padding-top: 0px !important  }
.pt10  { padding-top: 10px !important }
.pt20  { padding-top: 20px !important }
.pt30  { padding-top: 30px !important }
.pt40  { padding-top: 40px !important }
.pt50  { padding-top: 50px !important }
.pt60  { padding-top: 60px !important }
.pt70  { padding-top: 70px !important }
.pt80  { padding-top: 80px !important }
.pt90  { padding-top: 90px !important }
.pt100 { padding-top: 100px !important}
.pt110 { padding-top: 110px !important}
.pt120 { padding-top: 120px !important}
.pt130 { padding-top: 130px !important}
.pt140 { padding-top: 140px !important}

.pb0   { padding-bottom: 0px !important  }
.pb10  { padding-bottom: 10px !important }
.pb20  { padding-bottom: 20px !important }
.pb30  { padding-bottom: 30px !important }
.pb40  { padding-bottom: 40px !important }
.pb50  { padding-bottom: 50px !important }
.pb60  { padding-bottom: 60px !important }
.pb70  { padding-bottom: 70px !important }
.pb80  { padding-bottom: 80px !important }
.pb90  { padding-bottom: 90px !important }
.pb100 { padding-bottom: 100px !important}
.pb110 { padding-bottom: 110px !important}
.pb120 { padding-bottom: 120px !important}
.pb130 { padding-bottom: 130px !important}
.pb140 { padding-bottom: 140px !important}

.mt0   { margin-top: 0px !important  }
.mt10  { margin-top: 10px !important }
.mt20  { margin-top: 20px !important }
.mt30  { margin-top: 30px !important }
.mt40  { margin-top: 40px !important }
.mt50  { margin-top: 50px !important }
.mt60  { margin-top: 60px !important }
.mt70  { margin-top: 70px !important }
.mt80  { margin-top: 80px !important }
.mt90  { margin-top: 90px !important }
.mt100 { margin-top: 100px !important}

.mt120 { margin-top: 120px !important}
.mt130 { margin-top: 130px !important}
.mt140 { margin-top: 140px !important}

.mb0   { margin-bottom: 0px !important  }
.mb10  { margin-bottom: 10px !important }
.mb20  { margin-bottom: 20px !important }
.mb30  { margin-bottom: 30px !important }
.mb40  { margin-bottom: 40px !important }
.mb50  { margin-bottom: 50px !important }
.mb60  { margin-bottom: 60px !important }
.mb70  { margin-bottom: 70px !important }
.mb80  { margin-bottom: 80px !important }
.mb90  { margin-bottom: 90px !important }
.mb100 { margin-bottom: 100px !important}
.mb110 { margin-bottom: 110px !important}
.mb120 { margin-bottom: 120px !important}
.mb130 { margin-bottom: 130px !important}
.mb140 { margin-bottom: 140px !important}
.row-pad { padding: 0px 300px !important}

@media only screen and (min-width:980px) and (max-width:1280px){
        /* styles for browsers larger than 960px; */
		.skill .row-pad { padding: 0px 100px !important}
		.skill .col-sm-6 {  width: 50% !important; padding: 5px 35px !important;}
		.funfact {padding: 120px 50px !important;}
    }
    @media only screen and (min-width:1280px) {
        /* styles for browsers larger than 1440px; */
		.skill .row-pad { padding: 0px 200px !important}
		.skill .col-sm-6 {  width: 50% !important; padding: 5px 35px !important;}
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */
	   .skill .row-pad { padding: 0px 50px !important}
		.skill .col-sm-6 {  width: 50% !important; padding: 5px 35px !important;}
    }
    @media only screen and (min-width:820px) and (max-width:970px){
       /* default iPad screens */
	   .skill .row-pad { padding: 0px 50px !important}
		.skill .col-sm-6 {  width: 50% !important; padding: 5px 35px !important;}
		.funfact {padding: 120px 50px !important;}
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }
	
	
@media (max-width: 768px){
	.mt140 { margin-top: 100px !important}
	.mb140 { margin-bottom: 100px !important}
	.pt140 { padding-top: 100px !important}
	.pb140 { padding-bottom: 100px !important}
	.mt130 { margin-top: 95px !important}
	.mb130 { margin-bottom: 95px !important }
	.pt130 { padding-top: 95px !important}
	.pb130 { padding-bottom: 95px !important }
	.mt120 { margin-top: 90px !important}
	.mb120 { margin-bottom: 90px !important}
	.pt120 { padding-top: 90px !important}
	.pb120 { padding-bottom: 90px !important}
	.pb-sm-0{ padding-bottom: 0 !important}
	.row-pad { padding: 0px !important}
}



/* Separators
---------------------------*/
.separator, .separator-left, .separator-right {
	width: 100%;
	display: inline-block;
	position: relative;
}
.separator:after, 
.separator-left:after, 
.separator-right:after {
	content: '';
	width: 40px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.separator:after {
	left: 50%;
	margin-left: -20px;
}
.separator-left:after {
	left: 0;
	margin-left: 0;
}
.separator-right:after {
	right: 0;
	margin-left: 0;
	left: auto;
}
.text-light [class*="separator"]:after {
	background-color: #fff
}
.darkbg [class*="separator"]:after {
	background-color: #fff
}



/* buttons
---------------------------*/
.button {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	padding: 7px 26px;
	display: inline-block;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	-webkit-transition: background .2s, color .2s, border-color .2s;
	        transition: background .2s, color .2s, border-color .2s;
}
.button:hover {
	text-decoration: none;
	background: #333;
	color: #fff;
}
.button.light {
	background: #fff;
	color: #000;
}
.button.light:hover {
	background: #DCDCDC;
}
.button.outline {
	background: none;
	color: #000;
	border: 2px solid;
	padding: 5px 24px;
}
.button.outline.light {
	color: #fff;
}
.button.outline:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}
.button.outline.light:hover {
	background: #fff !important;
	border-color: #fff;
	color: #000;
}


/* overlays
---------------------------*/
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* dark & light overlays */
[class*="overlay-light"],
[class*="overlay-dark"]{
	position: relative;
}
[class*="overlay-light"]:before,
[class*="overlay-dark"]:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
[class*="overlay-light"] > *,
[class*="overlay-dark"] > *{
	position: relative;
}

.overlay-light:before    { background-color: rgba(255, 255, 255, 0.25) }
.overlay-light-2x:before { background-color: rgba(255, 255, 255, 0.5) }
.overlay-light-3x:before { background-color: rgba(255, 255, 255, 0.75) }
.overlay-light-4x:before { background-color: rgba(255, 255, 255, 0.9) }

.overlay-dark:before    { background-color: rgba(0, 0, 0, 0.25) }
.overlay-dark-2x:before { background-color: rgba(0, 0, 0, 0.5) ; opacity: 0.5;}
.overlay-dark-3x:before { background-color: rgba(0, 0, 0, 0.75); opacity: 0.5; }
.overlay-dark-4x:before { background-color: rgba(0, 0, 0, 0.9) ; opacity: 0.5;}


.bordered-frame{
	background-color: rgba(255, 255, 255, .15);
	padding: 38px 0;
	border: 7px double;
}


/*backgrounds*/
[data-background]{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center center;
}

/*mouse parallax*/
.mouse-parallax-wrapper{
	height: calc(100vh - 220px);
	min-height: 550px;
	display: table;
	width: 100%;
}
.mouse-parallax-inner{
	display: table-cell;
	vertical-align: middle;
}
.mouse-parallax{
	position: relative;
	-webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	        transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media( max-width: 992px ){
	.mouse-parallax{
		top: 0 !important;
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		    -ms-transform: translate3d(0, 0, 0) !important;
		        transform: translate3d(0, 0, 0) !important;
	}
}

/* parallax images
---------------------------*/
[data-stellar-background-ratio] {
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center 0;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	position: relative;
}
.bg-cover{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}
.bg-fixed{
	background-attachment: fixed !important;
}
@media (max-width: 1024px) {

.textcentermob
{
text-align: center; 
}
	[data-stellar-background-ratio] {
		background-attachment: scroll;
		background-position-y: center !important;
	}
	.bg-fixed{
		background-attachment: scroll;
	}
}


/* bootstrap columns
---------------------------*/
.container, .section, section{
	position: relative;
}
.container.fullwidth{
	padding: 0;
}
.container.no-padding [class*="col-"]{
	padding: 0;
}
.col-center {
	float: none;
	margin: 0 auto;
}
.col-right {
	float: right;
}

@media (max-width: 991px) {
	[class*="col-md"] {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	[class*="col-sm"] {
		margin-bottom: 20px;
	}
}
.equal-height-cols [class*="col-"]{
	margin-bottom: 0;
}
.p0{
	margin-bottom: 0;
}

.main-wrapper{
	overflow: hidden;
}
.main-wrapper.borders{
	border: 10px solid #111;
	min-height: 100%;
}



/* 02. PRELOADER
------------------------------*/
.animsition-loading{
	background: none !important;
	text-indent: -9999px !important;
}
.animsition-loading:after{
	content: "";
	display: block;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 50%; 
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-left: 2px solid #000;
	-webkit-animation: load 1.1s infinite linear;
	        animation: load 1.1s infinite linear;	
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}



/* 03. HEADER 
-------------------------*/
#header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 87px;
	z-index: 1001;
	background-color: rgba(17, 17, 17, 1);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#header.transparent{
	background-color: transparent !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#header.headroom--unpinned{
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
}
#header.headroom--pinned{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

#header .logo{
	display: block;
	float: left;
	margin-top: 34px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#header .logo img{
	position: absolute;
	max-height: 20px;
}
#header-minimal .logo img{
	max-height: 20px;
}

/*small header*/
#header.header-small{
	height: 60px;
}
#header.header-small .quick-menu > li > a{
	padding: 17px 10px; 
}
#header.header-small .logo{
	margin-top: 20px;
}
#header.header-small .menu-btn{
	margin-top: 23px;
}

#header.transparent:not(.text-dark) .logo-dark,
#header:not(.transparent) .logo-dark{
	display: none;
}
#header.transparent.text-dark .logo-light{
	display: none;
}
#header.transparent.text-dark .quick-menu > li > a{
	color: #000;
}
#header.transparent.text-dark .menu-btn span{
	background-color: #000;
}




/* 04. MENUS
---------------------------*/

/*quick menu*/
.quick-menu{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}
.quick-menu > li{
	display: block;
	float: left;
	position: relative;
}
.quick-menu > li > a{
	display: block;
	float: left;
	padding: 30px 10px;
	font-family: 'montserrat';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 2px;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
	color: rgba(255, 255, 255, .8);
	font-weight: bold;
}
.quick-menu > li:hover > a,
.quick-menu > li.active > a,
.quick-menu > li > a.active{
	color: rgba(255, 255, 255, 1);
}
/*submenu*/
.quick-menu ul{
	position: absolute;
    top: 97%;
    left: -10px;
    min-width: 195px;
    background-color: #111;
    list-style: none;
    padding: 20px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.quick-menu ul li{
	line-height: 1.4;
}
.quick-menu ul li a{
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 1px 25px;
	font-family: 'montserrat';
	color: #777;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-transform: inherit;
	letter-spacing: normal;	
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.quick-menu ul li a:hover,
.quick-menu ul li a.active,
.quick-menu ul li.active a{
	color: #fff;
}
.quick-menu > li:hover ul{
	visibility: visible;
	opacity: 1;
}
.quick-menu li:last-child ul{
	left: auto;
	right: -10px;
}
.quick-menu li:last-child ul li a{
	padding: 1px 25px 1px 15px;
	text-align: right;
}
@media( max-width: 992px ){
	.quick-menu{ display: none; }
}



/* menu button */
.menu-btn{
/* 	float: right; */
	position: relative;
	width: 22px;
	height: 14px;
	z-index: 2;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#header .menu-btn{
	margin-top: 35px;
	margin-left: 16px;
}
#header-minimal .menu-btn{
	margin-top: 6px;
}
.menu-btn span{
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.menu-btn.dark span{
	background-color: #000;
}
.menu-btn.active span{
	background-color: #fff !important;
}
.menu-btn span:nth-child(1){ top: 0 }
.menu-btn span:nth-child(2){
	top: 50%; 
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.menu-btn span:nth-child(3){ bottom: 0 }
.menu-btn.active span{ background-color: #fff }
.menu-btn.active span:nth-child(2){ opacity: 0 }
.menu-btn.active span:nth-child(1){
	top: 50%; 
	-webkit-transform: rotate(45deg) translateY(-50%);
	    -ms-transform: rotate(45deg) translateY(-50%);
	        transform: rotate(45deg) translateY(-50%);
}
.menu-btn.active span:nth-child(3){
	bottom: 50%;
	-webkit-transform: rotate(-45deg) translateY(50%);
	    -ms-transform: rotate(-45deg) translateY(50%);
	        transform: rotate(-45deg) translateY(50%);
}


/* OVERLAY MENU */
.overlay-menu{
	background-color: rgba(0, 0, 0, .9);
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%; 
	height: 100%;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
	z-index: 1002;
}
.overlay-menu.active{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.overlay-navigation{
	position: absolute;
    width: 100%;
    top: 70px;
    bottom: 70px;
    left: 0;
    overflow-y: auto;
}
.overlay-menu nav{
	position: absolute;
	width: 100%;
	max-height: 100%;
	text-align: center;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.overlay-menu nav ul{
	list-style: none;
}
.overlay-menu nav ul li{
	opacity: 0;
	-webkit-transform: translateY(15px);
	    -ms-transform: translateY(15px);
	        transform: translateY(15px);
	-webkit-transition: all .6s ease .2s;
	        transition: all .6s ease .2s;
}
.overlay-menu nav ul li.visible{
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.overlay-menu nav ul li a{
	font-family: 'montserrat';
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 16px;
	color: #DEDEDE;
	text-decoration: none;
	text-transform: uppercase;
}
.overlay-menu nav ul li:hover > a,
.overlay-menu nav ul li.active > a,
.overlay-menu nav ul li a.active{
	color: #fff;
}

/*submenu*/
.overlay-menu nav ul ul{
	display: none;
	padding: 2px 0 10px;
}
.overlay-menu nav ul ul li{
	line-height: 1.4;
}
.overlay-menu nav ul ul li a{
	color: #B7B7B7;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	text-transform: inherit;
	letter-spacing: normal;
}
.overlay-menu nav ul ul li a:hover,
.overlay-menu nav ul ul li a.active,
.overlay-menu nav ul ul li.active > a{
	color: #fff;
}
.overlay-menu nav ul li.has-submenu > a{
	position: relative;
}
.overlay-menu nav ul li.has-submenu > a:after{
	content: "+";
	position: absolute;
	right: -13px;
    top: -4px;
    font-size: 12px;
}
.overlay-menu nav ul li.has-submenu.opened > a:after{
	content: "-";
}

/* overlay menu logo */
.overlay-logo{
	margin-top: 32px;
	-webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	        transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 1s ease .2s;
	        transition: all 1s ease .2s;
}
.overlay-menu.active .overlay-logo{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

/* overlay menu social links */
.overlay-menu .social-links{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	        transform: translateY(-30px);
	opacity: 0;
	-webkit-transition: all .8s ease .2s;
	        transition: all .8s ease .2s;
}
.overlay-menu .social-links a{
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	border: 2px solid;
	border-radius: 50%;
	width: 34px;
	line-height: 30px;
	font-size: 12px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.overlay-menu .social-links a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #333;
}
.overlay-menu.active .social-links{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

/*overlay menu close button*/
.menu-close{
	position: absolute;
	top: 32px;
	right: 14px;
	width: 22px;
	height: 22px;
	opacity: 0;
	-webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	-webkit-transition: all .7s ease .5s;
	        transition: all .7s ease .5s;
}
.overlay-menu.active .menu-close{
	opacity: 1;
	-webkit-transform: rotate(0);
	    -ms-transform: rotate(0);
	        transform: rotate(0);
}
.menu-close:before,
.menu-close:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	background-color: #fff;
}
.menu-close:before{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.menu-close:after{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}


/* overlay menu footer */
.overlay-footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	padding: 15px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.overlay-footer .copyright{
	letter-spacing: .1em;
	font-size: 12px;
	float: left;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.overlay-footer .social-links a{
	display: block;
	float: left;
	margin-right: 15px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.overlay-footer .social-links a:last-child{
	margin-right: 0;
}
.overlay-footer .social-links:hover a{
	opacity: .3;
}
.overlay-footer .social-links a:hover{
	opacity: 1;
}



/* 05. SIDEBAR
-------------------------*/
.sidebar{
	position: fixed;
    width: 270px;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0px 75px;
    text-align: center;
    z-index: 999;
    background-repeat: no-repeat;
}

/*sidebar logo*/
.sidebar .logo{
	display: block;
/* 	padding: 60px 30px; */
padding: 10px 30px;

}
.sidebar .logo-dark  { display: none }
.sidebar-light .logo-light { display: none }
.sidebar-light .logo-dark  { display: inline-block }

/*sidebar menu*/
.sidebar-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-menu > li {
	position: relative;
}
.sidebar-menu > li > a{
	color: #fff;
	display: block;
	padding: 18px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	font-family: 'montserrat';
	text-decoration: none;
	line-height: 1;
}
.sidebar-menu > li:first-child > a{
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.opened > a{
	text-decoration: none;
	background-color: rgba(255, 255, 255, .2);
}
/*menu for light sidebar*/
@media( min-width: 1181px ){
	.sidebar-light .sidebar-menu > li > a{
		color: #000;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	.sidebar-light .sidebar-menu > li:first-child > a{
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}
	.sidebar-light .sidebar-menu > li:hover > a{
		background-color: rgba(0, 0, 0, 0.05);
	}
}

/*submenu*/
.sidebar-menu ul{
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #660000;
	list-style: none;
	width: 205px;

	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.sidebar-menu > li:hover ul{
	visibility: visible;
	opacity: 1;
}
.sidebar-menu ul li 
{

}
.sidebar-menu ul li a{
    display: block;
    width: 100%;
    padding: 8px 23px;
    font-size: 14px;
    font-family: montserrat;
    text-transform: capitalize;
    line-height: 1;
    text-decoration: none;
    color:white;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	
}
.sidebar-menu ul li a:hover{
	    padding-left: 20px;
	color: #fff;
	background-color: rgba(255, 255, 255, .05);
}

/*sidebar footer*/
.sidebar-footer{
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.sidebar-footer .copyright{
	font-size: 12px !important;
	float: none !important;
	opacity: .6;
}
.sidebar-light .sidebar-footer .copyright{
	color: #000;
	opacity: 1;
}

/*sidebar social links*/
.sidebar .social-links a{
	display: inline-block;
	margin-right: 3px;
	text-align: center;
	color: #fff;
	border: 2px solid;
	border-radius: 50%;
	width: 32px;
	line-height: 28px;
	font-size: 12px;
	opacity: .8;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.sidebar .social-links a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #333;
	opacity: 1;
}
/*sidebar social links for light sidebar*/
.sidebar-light .social-links a{
	color: #000
}
.sidebar-light .social-links a:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/*menu button (for small screens)*/
@media (min-width: 360px) and (max-width:1200px){
.sidebar .menu-btn{
	display: none;
	position: absolute;
	right: 35px;
	top: 26px;
	margin: 0;
}	
.sidebar .menu-btn span{
	background-color: #fff;
}
}






@media (min-width: 320px) and (max-width:359px){
.sidebar .menu-btn{
	display: none;
	position: absolute;
	right: 20px;
	top: 26px;
	margin: 0;
}
.sidebar .menu-btn span{
	background-color: #fff;
}

.sidebar .logo
{	width: 80%;
	padding-top: 4px !important;
    padding-right: 50px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.logo-light {
width: 100% !important;
}
.about .col-sm-4{	 margin-right: 40px !important;   margin-left: 40px !important;}
 
}

@media (min-width: 768px) and (max-width:1179px){


	.tp-bgimg{background-size: contain  !important;
    background-position: center center  !important;
	
	}
 .sidebar {
    position: relative !important;
    top: 0;
    width: 100%;
    height: 90px !important;
    background-image: none !important;
    background-color: #000 !important;
} 

.sidebar .logo {
    width: 35%;
    padding-top: 0px !important;
    padding-right: 80px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.logo-light
{
width: 100%;
}

.icon-hover-box .details p
{text-align: center !important;}
	
	.about .col-sm-4{padding-right: 10px;
    padding-left: 20px;
	}
}


@media (min-width: 461px) and (max-width:767px){
.sidebar {
    position: relative !important;
    top: 0;
    width: 100%;
    height: 90px !important;
    background-image: none !important;
    background-color: #000 !important;
}

.sidebar .logo {
    width: 50%;
    padding-top: 0px !important;
    padding-right: 80px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.logo-light
{
width: 100%;
}
.about .col-sm-4{padding-right: 10px;
    padding-left: 20px;
	}
}

@media (min-width: 360px) and (max-width:460px)
{
.sidebar .logo
{
	    width: 75%;
       padding-top: 0px !important;
    padding-right: 50px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;

}

.logo-light
{
width: 100%;
}
.about .col-sm-4{	 margin-right: 40px !important;   margin-left: 40px !important;}
}


@media (min-width: 1441px) and (max-width:1990px)
{
.about  .content-inner{

}

.about  .content-innerright{    margin-top: 0%;}

}
	
	/* @media( max-width: 360px ){	.sidebar-menu{	margin-top: 65px;}}
	
		@media only screen and (min-width: 361px) and ( max-width: 760px ){	.sidebar-menu{	margin-top: 70px;}} */
	
/*sidebar on small screens*/
@media( max-width: 1180px ){
	.sidebar{
		position: relative !important;
		top: 0;
		width: 100%;
		height: 70px;
		background-image: none !important;
		background-color: #000 !important;
	}
	.sidebar-menu > li > a{padding: 16px 30px !important;}
	.sidebar .logo{
		float: left;
		padding: 20px 0 0 24px;
	}
	.sidebar-light .logo-light { display: inline-block }
	.sidebar-light .logo-dark  { display: none }	
	.sidebar-menu{
		position: absolute;
		top: 100%;
		background-color: #000;
		width: 100%;
		display: none;
	
	}
	.sidebar-menu > li > a{
		text-align: left;
	}
	.sidebar .has-submenu > a:after{
		content: '+';
		margin-left: 5px;
	}
	.sidebar .has-submenu.opened > a:after{
		content: '-';
	}
	.sidebar-menu ul{
		display: none;
		visibility: visible;
		opacity: 1;
		width: 100%;
		position: relative;
		left: 0;
	}
	.sidebar .menu-btn{
		display: block;
	}
	.sidebar-footer{
		display: none;
	}
	.page-content{
		margin-left: 0 !important;
	}
	body.has-sidebar .hero-fullscreen{
		height: calc(100vh - 70px);
	}
}
/* @media( min-width: 1181px ){
	.sidebar-menu, 
	.sidebar-menu ul{
		display: block !important;
	}
}
 */

/*content for sidebar-layout pages*/
.page-content{
	margin-left: 270px;
}
.has-sidebar .container { width: 100% }
@media (min-width: 1068px){
	.has-sidebar .container { width: 100% }
}
@media (min-width: 1322px){
	.has-sidebar .container { width: 970px }
}
@media (min-width: 1530px){
	.has-sidebar .container { width: 1170px }
}


@media only screen (min-width:1200px) and (max-width:1230px)
{
.fullwidthbanner-container .fullwidthabanner
{
height: 614px !important;
}

.fullwidthbanner-container
{
height: 614px !important;
}

}


/* 06. HERO
------------------------*/
.hero{
	position: relative;
	width: 100%;
}
.hero-fullscreen{
	height: 100vh;
}
.hero-big{
	height: 75vh;
}



/* 07. HERO SLIDER
--------------------------*/
.swiper-container-horizontal{
	overflow: hidden;
	position: relative;
}
.swiper-container{
	width: 100%;
	height: 100%;
}
.bg{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}
.swiper-slide{ overflow: hidden; }
.swiper-slide, .bg{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}
.caption-wrapper{
	display: table;
	height: 100%;
}
.caption{
	display: table-cell;
	vertical-align: middle;
}

/*slider navigation*/
.swiper-next, .swiper-prev{
	position: absolute;
	top: 50%;
	width: 30px;
	height: 70px;
	margin-top: -35px;
	background-color: rgba(0, 0, 0, .25);
	color: rgba(255, 255, 255, 0.8);
	z-index: 10;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.swiper-next:hover, .swiper-prev:hover{
	background-color: rgba(0, 0, 0, .5);
	color: rgba(255, 255, 255, 1);
}
.swiper-prev{
	left: 0;
	border-left: none;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.swiper-next{
	right: 0;
	border-right: none;
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
}
[class*="swiper-container"]:hover .swiper-prev,
[class*="swiper-container"]:hover .swiper-next{
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}

.swiper-prev:after,
.swiper-next:after{
	font-size: 40px;
	font-family: "Pe-icon-7-stroke";
	position: absolute;
	top: 20px;
}
.swiper-prev:after{
	content: "\e686";
	left: -6px;
}
.swiper-next:after{
	content: "\e684";
	right: -6px;
}

/*slider pagination*/
.swiper-container-horizontal > .swiper-pagination{
	bottom: -70px;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: .3;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}


/*scroll down link*/
.scroll-down{
	width: 30px;
	height: 30px;
	color: #222;
	font-size: 24px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 41px;
	z-index: 1000;
	text-align: center;
}
.scroll-down:before{
	content: "";
	display: block;
	z-index: 1000;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-box-shadow: 1px 1px 3px -1px #000;
	        box-shadow: 1px 1px 3px -1px #000;
}
.scroll-down i{
	position: absolute;
	top: 3px;
	left: 8px;
	color: #333;
	z-index: 9999;
}



/* 08. PORTFOLIO
-----------------------------*/

@media (max-width: 767px) {
.grid-item {
width: 100% !important;
}

#twitter-widget-0
{
height: 500px !important;
}


.tweetdiv
{	
height: 480.4px !important;}

.fbdiv
{

top: 944px !important;}
}



@media only screen and (min-width: 768px) and (max-width: 992px) {
	.foll-btn {
    top: 22%;
    float: left;
    width: 8%;
    position: absolute;
    z-index: 9;
    left: 40%;
}

.grid-item {
    background: white;
    height: 650px !important;
    top: 300px !important;
}
}



@media only screen and (min-width: 993px) and (max-width: 1079px) {
	.foll-btn {
    top: 22%;
    float: left;
    width: 8%;
    position: absolute;
    z-index: 9;
    left: 40%;
}

.grid-item {
    background: white;
    height: 800px !important;
    top: 370px !important;
}
}

@media only screen and (min-width: 1600px) and (max-width: 1990px)

{
.grid-item {
    background: white;
    top: 380px !important;
}
}




.item-link{
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0;	
}
.item-img{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0;
	margin: 0;
}

.item-overlay{
	position: absolute;
	top: 10px; left: 10px; right: 10px; bottom: 10px;
	background: rgba(255, 255, 255, .8);
	opacity: 0;
	-webkit-transform: scale(.9);
	    -ms-transform: scale(.9);
	        transform: scale(.9);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.item-link:hover .item-overlay{
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.item-overlay > h5{
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	text-align: left;
	font-size: 16px;
	font-family: 'montserrat';
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #333;
}
.item-overlay > h5:after{
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 1px;
	background-color: #333;
	bottom: -16px;
}

/* item appear animation */
.portfolio.item-animation .item-link{
	-webkit-transform: translateY(150px) scale(.8);
	    -ms-transform: translateY(150px) scale(.8);
	        transform: translateY(150px) scale(.8);
	opacity: 0;
	-webkit-transition: all .7s ease .8s;
	        transition: all .7s ease .8s;
}
.portfolio.item-animation .grid-item.visible .item-link{
	-webkit-transform: translateY(0) scale(1);
	    -ms-transform: translateY(0) scale(1);
	        transform: translateY(0) scale(1);
	opacity: 1;
}



/* 09. PORTFOLIO FILTER
-------------------------*/
.filter{
	text-align: center;
}
.filter ul li{
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	display: inline-block;
	margin: 8px;
	cursor: pointer;
	opacity: .7;
	letter-spacing: 1px;
}
.filter ul li.active{
	opacity: 1;
}
.filter ul li:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #000;
	opacity: 0;
	bottom: -4px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.filter ul li.active:after{
	opacity: 1;
	bottom: 2px;
}



/* 10. FOLIO SLIDER
----------------------------*/
.folio-item{}
.folio-item a{
	text-decoration: none;
}
.folio-item-media{
	position: relative;
}
.folio-item-media:before{
	content: "";
	display: block;
	padding-top: 70%;
}
.folio-item-img{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.folio-item-overlay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.folio-item:hover .folio-item-overlay{
	opacity: 1;
}
.folio-item-details{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
}
.folio-item-details h6{
	margin-top: 15px;
	margin-bottom: 5px;
}
.folio-item-details p{
	margin-top: 0px;
	margin-bottom: 15px;
}



/* 11. GALLERY
---------------------------*/
.gallery-item{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.owl-slider .gallery-item{
	height: 100vh;
}
.gallery-item-img,
.gallery-item-overlay{
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
}
.gallery-item-img{
	-webkit-transition: all 3s ease;
	        transition: all 3s ease;
}
.gallery-item-overlay{
	background-color: rgba(0, 0, 0, .3);
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all .5s ease;
	        transition: all .5s ease;
}
.gallery-item:hover .gallery-item-img{
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15);
}
.gallery-item:hover .gallery-item-overlay{
	opacity: 0;
	color: #fff;
}



/* 12. CONTENT SLIDERS
----------------------------*/
.owl-slider .owl-stage {
	position: relative;
	-webkit-transition-timing-function: cubic-bezier(0.1,0.57,0.1,1) !important;
	        transition-timing-function: cubic-bezier(0.1,0.57,0.1,1) !important;
}
.owl-carousel{
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -ms-grab;
	cursor: -o-grab;
	cursor: grab;
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grabbing; 
	cursor: -moz-grabbing;
	cursor: -ms-grabbing;
	cursor: -o-grabbing;
	cursor: grabbing;
}
.owl-carousel .owl-item{
	overflow: hidden;
}
/*rendering fix*/
.owl-slider,
.owl-slider .owl-stage,
.owl-slider .owl-stage-outer,
.owl-item{
	position: relative;
	z-index: 1;
}

/*arrow navigation*/
.owl-nav{}
.owl-prev, .owl-next{
	position: absolute;
	top: 50%;
	width: 30px;
	height: 70px;
	margin-top: -35px;
	text-indent: -9999px;
	z-index: 2;
	border: 2px solid #000;
	color: #000;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.owl-prev:hover, .owl-next:hover{
	background-color: rgba(0, 0, 0, .2);
}

/*light navigation*/
.nav-light .owl-prev, .nav-light .owl-next{
	border: 2px solid rgba(255, 255, 255, 1);
	color: #fff;
}
.nav-light .owl-prev:hover, .nav-light .owl-next:hover{
	background-color: rgba(255, 255, 255, .2);
}

.owl-prev{
	left: 0;
	margin-left: -2px;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	opacity: 0;
}
.container .owl-prev {
	margin-left: 10px !important;
}
.owl-next{
	right: 0;
	margin-right: -2px;
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
	opacity: 0;
}
.container .owl-next {
	margin-right: 10px !important;
}
.owl-slider:hover .owl-prev,
.owl-slider:hover .owl-next{ 
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
}
.owl-prev:after,
.owl-next:after{
	font-size: 40px;
	text-indent: 0;
	font-family: "Pe-icon-7-stroke";
	position: absolute;
	top: 20px;
}
.owl-prev:after{
	content: "\e686";
	left: -6px;
}
.owl-next:after{
	content: "\e684";
	right: -6px;
}

/*dots navigation*/
.owl-dots{
	text-align: center;
	position: absolute;
    width: 100%;
    bottom: -55px;
    z-index: 1;
}
.img-slider .owl-dots{
	bottom: 10px;
}
.owl-dot {
	width: 10px;
	height: 10px;
	border: 2px solid #000;
	background-color: transparent;
	display: inline-block;
	margin: 0 4px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.owl-dot.active{
	background-color: #000;
}
/*light pagination*/
.nav-light .owl-dot{
	background-color: #fff;
	border: 2px solid #fff;
}



/* 13. BLOCKQUOTE
------------------*/
blockquote{
	border: none;
	border-left: 4px solid #555;
	font-size: 15px;
	padding: 10px 0;
	padding-left: 20px;
	letter-spacing: .1em;
	text-align: left;
	font-family: georgia;
}
blockquote footer{
	font-size: 85%;
}



/* 14. SKILLS
------------------------*/
.skill{
	margin-bottom: 20px;
	border-bottom: 1px solid #000
}
.skill .skill-bar{
	position: relative;
	width: 0;
	height: 6px;
	background-color: #000;
	-webkit-transition: all 1.5s ease;
	        transition: all 1.5s ease;
}
.skill-bar span{
	display: none;
	position: absolute;
	right: 0;
	top: -30px;
	font-family: 'montserrat';
}
.section-dark .skill, 
.text-light .skill{
	border-bottom: 1px solid #fff;
}
.section-dark .skill .skill-bar,
.text-light .skill .skill-bar{
	background-color: #fff;
}



/* 15. COUNTERS
------------------------*/
.funfact {padding: 120px 200px;}
@media( max-width: 767px ){
	.funfact {padding: 20px 30px;}
}
.counter-num{
    display: inline-block;
	font-family: 'montserrat';
	font-weight: bold;
	letter-spacing: .1em;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 10px;
}
.counter h5{
	text-transform: capitalize;
}



/* 16. TEAM
------------------------*/
.team-member .avatar{
	position: relative;
	overflow: hidden;
}
.team-member .avatar .overlay{
	background-color: rgba(255, 255, 255, .9);
	color: #333;
	padding: 15px;
	text-align: center;
	border: 2px solid #000;
	opacity: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.team-member:hover .avatar .overlay{
	opacity: 1;
}
.team-member .avatar .overlay .separator{
	margin-top: 15px;
	margin-bottom: 5px;
}
.team-member .social-links a{
	margin: 7px;
	font-size: 14px;
}
.team-member .info{
	padding-top: 20px;
	padding-left: 20px;
	position: relative;
	top: -50px;
	left: 27px;
	background-color: #fff;
	border-right: 2px solid;
}
.team-member .info:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	bottom: -10px;
	background-color: #000;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.team-member:hover .info:after{
	width: 60px;
}



/* 17. TABS
------------------------*/
.tabs{
	padding: 10px;
}
.tab-nav{
	list-style: none;
	margin-bottom: 0;
}
.tab-nav li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: 'montserrat';
	margin-right: 10px;
	padding: 5px 20px;
	padding-left: 0px;
	float: left;
}
.tab-nav li:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	background-color: #000;
	bottom: -3px;
	-webkit-transition: all .5s ease;
	        transition: all .5s ease;
}
.tab-nav li.active:after{
	width: 100%;
}
.tab-panels{
	margin-top: 5px;
	padding: 10px 20px;
	padding-left: 0px;
	clear: both;
}
.tab-panels > div{
	display: none;
}
.tab-panels > .active{
	display: block;
}



/* 18. TOGGLES
------------------------*/
.toggle{
	padding: 10px 20px;
	padding-bottom: 0;
}
.toggle-title{
	position: relative;
	display: inline-block;
	font-family: 'montserrat';
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 15px;
	padding: 5px 0;
}
.toggle-title:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	background-color: #000;
	bottom: -3px;
	-webkit-transition: all .5s ease;
	        transition: all .5s ease;
}
.toggle.active .toggle-title:after{
	width: 100%;
}
.toggle-content{
	padding-top: 10px;
	display: none;
}
.toggle.active .toggle-content{
	display: block;
}
		


/* 19. ICON BOXES
------------------------*/

/*icon left*/
.icon-box{
	margin-bottom: 70px;
}
.icon-box.icon-left i{
	font-size: 70px;
	color: #454545;
	opacity: .2;
	position: absolute;
	top: 0px;
	left: 5px;
}
.text-light .icon-box.icon-left i{
	color: #fff;
}
.icon-box.icon-left .icon-box-details{
	margin-left: 85px;
	padding-top: 2px;
	text-align: left;
}
.icon-box-details a {text-decoration: none;}
.icon-box.icon-left .icon-box-details p{
	line-height: 1.4;
	color: #666;
}
.text-light .icon-box.icon-left .icon-box-details p{
	color: rgba(255, 255, 255, .8);
}
.icon-box.icon-left h5{
	position: relative;
	margin-bottom: 15px;
}
.icon-box.icon-left h5:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #000;
	bottom: -8px;
	left: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.icon-box.icon-left:hover h5:after{
	width: 60px;
}
.icon-box.icon-left i{
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.icon-box.icon-left:hover i{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

/*icon top*/
.icon-box.icon-top{
	text-align: center;
}
.icon-box.icon-top i{
	font-size: 74px;
	margin-bottom: 15px;
}
.icon-box-details .title{
	font-size: 15px;
}

/*icon hover boxes*/
.icon-hover-box{
	padding: 20px;
	height: 230px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.icon-hover-box i{
	font-size: 70px;
}
.icon-hover-box .separator{
	margin-top: 15px;
	margin-bottom: 5px;
}
.icon-hover-box .details{
	position: absolute;
	width: 100%; height: 100%;
	top:0; left: 0; right: 0; bottom: 0;
	background-color: #660000;
	color: #fff;
	padding: 30px;
	top: calc(100% - 15px);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.icon-hover-box .details .centered{
	width: 100%;
	padding: 15px;
}
.icon-hover-box .details h6{
	opacity: 0;
	-webkit-transform: translateY(50px);
	    -ms-transform: translateY(50px);
	        transform: translateY(50px);
	-webkit-transition: all .8s ease .1s;
	        transition: all .8s ease .1s;
}
.icon-hover-box .details .separator{
	margin-top: 8px;
	margin-bottom: 12px;
}
.icon-hover-box .details p{
	color: #fff;
	font-size: 13px;
	line-height: 2;
	opacity: 0;
	-webkit-transform: translateY(70px);
	    -ms-transform: translateY(70px);
	        transform: translateY(70px);
	-webkit-transition: all .8s ease .2s;
	        transition: all .8s ease .2s;
		text-align:center !important	
}
.icon-hover-box:hover .details{
	top: 0;
}
.icon-hover-box:hover .details h6{
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.icon-hover-box:hover .details p{
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}



/* 20. BLOG
------------------------*/
.post{
	margin-bottom: 30px;
	padding-top: 0 !important;
}
@media( max-width: 767px ){
.services-each-container
{padding: 30px 0px;}


	.post{
		width: 100%;
	}
}
.post a{
	text-decoration: none;
}
.post .post-img{
	position: relative;
	overflow: hidden;
}
.post .post-img img{
	-webkit-transition: all 1s ease;
	        transition: all 1s ease;
	width: 100%;
}
.post:hover .post-img img{
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15);
}
.post iframe{
	border: none;
	display: block;
}
.post .post-content{
	background-color: #fff;
    position: relative;
    top: -27px;
    /*left: 20px;*/
    padding-left: 20px;
    border: 2px dashed;
    border-style: dashed;
}
.post .post-content h5{
	position: relative;
	margin-bottom: 15px;
}
.post:hover .post-content h5:after{
	width: 80px;
}

/*blog sidebar*/
.widget{
	margin-bottom: 50px;
}
.widget-title{
	font-weight: bold;
    text-transform: uppercase;
    font-family: 'montserrat';
    letter-spacing: .15em;
}
.blog-sidebar ul{
	list-style: none;
}
.blog-sidebar ul li{}
.blog-sidebar ul li a{
	text-decoration: none;
	color: #555;
	font-weight: 500;
	font-size: 12px;
}
.blog-sidebar ul li a:hover{
	opacity: .7;
}
.blog-sidebar form input {margin-bottom: 0px;}
.tagcloud a{
	font-size: 10px !important;
	padding: 5px 7px;
	margin-bottom: 3px;
	background: none;
    color: #000;
    border: 2px solid;
	text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
}

.tagcloud a:hover{
	font-size: 10px !important;
	padding: 5px 7px;
	margin-bottom: 3px;
	background: #000;
    color: #fff;
    border: 2px solid;
	text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
}

.blog-pager{

Background:none !important;

}

/* 21. CLIENTS
-----------------*/
.clients{
	list-style: none;
	display: inline-block;
	text-align: center;
}
.clients li{
	display: inline-block;
	float: left;
	border: 1px dashed;
	width: 33.333%;
	padding: 40px 0px;
	margin: -1px 0 0 -1px;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
@media( max-width: 730px ){
	.clients li{ width: 50% }
}
@media( max-width: 500px ){
	.clients li{ width: 100% }
}
.clients li:hover{
	border: 1px solid #333;
	z-index: 2;
}
.clients img{
	width: 50%;
	height: auto;
	display: inline-block;
	opacity: .7;
	-webkit-transition:all .3s ease;
	        transition:all .3s ease;
}
.clients li:hover img{
	opacity: 1;
}

/*clients slider*/
.clients-slider img{
	max-width: 50%;
	margin: auto;
}



/* 22. SCROLL TO TOP
------------------------*/
.to-top{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	right: 40px;
	bottom: 70px;
	background-color: #333;
	color: #fff;
	-webkit-transition: all .4s ease;
	        transition: all .4s ease;
	z-index: 999;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
	font-size: 40px;
	overflow: hidden;
}
.to-top.visible{
	opacity: 1;
	visibility: visible;
}
.to-top:hover,
.to-top:focus{
	color: #fff;
	background-color: #555;
}



/* 23. GOOGLE MAP
----------------------*/
.map-section{
	width: 100%;
	height: 400px;
	padding: 0;
}
#google-map{
	width: 100%;
	height: 100%;
}
#google-map img{
	max-width: none;
}



/* 24. CONTACT FORM
----------------------*/
#contact{
	font-family: 'montserrat';
}
form{}
form input,
form textarea{
	font-family: 'montserrat';
	background: none;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	margin-bottom: 40px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
form textarea{
	height: 100px;
	resize: none;
	border: 0;
}
form input:focus{
	border-bottom: 1px solid #000;
}
#contact #submit{
	margin-top: 20px;
	margin-bottom: 0px;
}
#contact #submit:hover{
	background-color: #000;
}
.contact-message{
	display: none;
	text-transform: capitalize;
	text-align: center;
	margin: 50px 0;
}

input[type=submit] {
	margin-top: 20px;
    margin-bottom: 0px;
	background: none;
    color: #000;
    border: 2px solid;
    padding: 5px 24px;
	-webkit-appearance: button;
    cursor: pointer;
	}
input[type=submit]:hover {
	text-decoration: none;
	background: #333;
	color: #fff;
	border: 2px solid #333;
}

/* 25. PAGINATION
------------------------*/
.pagination{
	width: 100%;
	text-align: center;
	margin: 0;
	margin-top: 20px;
	padding: 20px 0;
}
.pagination i{
	vertical-align: middle;
	margin-top: -3px;
	font-size: 33px;
}
.pagination a{
	display: inline-block;
	text-decoration: none;
	font-family: 'montserrat';
	margin: 0 10px;
	opacity: .7;
}
.pagination a:hover{
	opacity: 1;
}
.pagination span{
	text-transform: uppercase;
	font-size: 15px;
}

.pagi{ width:100%; float:left;}
.pagi>li{ float:left;}
.pagi ul li a{ float:left; border:1px solid rgba(0,0,0,0.05); font-weight:700; font-size:12px; text-decoration: none; padding:20px; font-weight:400; color:#2f2e33; border-radius:0 !important;}
.pagi ul li a:hover,.blog_wrapper .pagi ul li a.selected{ background:#333; color:#fff;}
.pagi ul li { list-style: none; }

/* 26. FOOTER
------------------------*/
#footer{
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #E5E5E5;
}
#footer .copyright, 
.sidebar .copyright{
	font-size: 13px;
	line-height: 34px;
	float: left;
}
#footer .social-links{
	float: right;
}
#footer .social-links a{
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	color: #666;
	border: 2px solid;
	border-radius: 50%;
	width: 34px;
	line-height: 30px;
	font-size: 12px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#footer .social-links a:last-child{
	margin-right: 0;
}
#footer .social-links a:hover{
	background-color: #222;
	border-color: #222;
	color: #fff;
}
@media (max-width: 650px){


.c-tab__content {
    padding: 0.6rem !important;
}

#utubeframe
{
width:250px !important;
height:300px !important;
}


	#footer{ text-align: center }
	#footer .social-links{ display: none }
	#footer .copyright{ float: none; display: inline-block; }
	.overlay-footer{ display: none !important }
}





.c-tabs-nav__link:last-child {
  margin-right: 0;
}

.c-tabs-nav__link:hover {
  color: #6d6d6d;
}

.c-tabs-nav__link.is-active {
 color: #000;

}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.c-tabs-nav__link i {
  font-size: 18px;
}



@media all and (min-width: 720px) {


  .c-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .c-tabs-nav__link span {
    display: block;
  }
}


.c-tab {
  display: none;
 
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 1.5rem;
}

/*Blog page*/

.share-icon {
    color: #000;
    display: inline-block;
    padding: 0 2px;
    cursor: pointer;
    background: #fff;
}
.sell_do_ctc_btn {
    background: #FFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: 'opensans-regular' !important;
    height: 25px !important;
    padding: 5px 0px !important;
}

.blogdiv img:hover{

    transform: scale(1.1);
transition: 0.8s;
}

.blogdesc{padding: 1.5% 1%;}
.blogdiv img{	height: 200px;
    width: 300px;}
	
@media only screen and (min-width: 1024px)	and (max-width:1440px){
	.lftimg{margin-top: 1%;}
	}
	
@media only screen and (min-width: 1024px)	and (max-width:1300px){
	.familytitles
	
	{font-size: 14px;}
	
}	
	
@media only screen and (min-width: 1024px)
{

.mt110 { margin-top: 110px !important}

.c-tabs-nav__link {
  flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: #fff;
  background-color: #b3b3b3;
  text-align: center;
  transition: color 0.3s;
}

.rpaneltext{font-size: 28px;}
.rpaneltext p{text-align: left;
    MARGIN-LEFT: 2%}
.mgtoppercent{margin-top:6%}
.blogdiv
{
    border: 1px solid #b3abab;
    box-shadow: none;
    padding: 10px;
	    border-radius: 4px;
	margin:  0px auto 45px;
}
.page-section p{text-align:justify}
.articlespresent img{height: 100%;    width: 100%;padding:15px}


.articlespast img{height: 312px;padding:15px}
.blogdiv .heading {

position: relative;
margin: 0 0 10px;
text-align: left !important;
}

.blogdiv .heading  h5 {
overflow: hidden;
margin: 0;
 display: inline-block;
width: 60%;
}
	
.blogdiv .blogday
{    display: inline-block;
vertical-align: middle;
padding-left: 15px;
font-size: 0.87em;
text-align: left !important;
position: relative;
border-left: 1px solid #e2e2e2;
max-width: 20%;
}
.blogdiv .heading:after {
    display: block;
    height: 5px;
    border-radius: 0px;
    width: 50px;
    content: "";
    margin-left: -25px;
    left: 50%;
    position: relative;
    bottom: 32px;
}

.c-tabs-nav__link span {
 /*  display: none; */
  font-size: 18px;
}

.c-tabs-nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
}

.content-innerright p{text-align:justify !important}
.icon-box-details p{text-align:justify !important}

.content-innerright ul{text-align:justify !important}

.rpaneltext p{line-height: 30px;}