﻿/*=======================================================================================================================================
																	Generic CSS
=======================================================================================================================================*/
*
{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em;
}

/* Basic Common Column structure */
.width100{width:100%}
.margin_auto{margin:0px auto}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1.1em}
.semiMedium{font-size:1.3em;}
.medium{font-size:1.5em}
.large{font-size:2.2em}
.semi-large{font-size:1.8em}
.extra-large{font-size:2.6em;line-height:1.5}
.xxlarge{font-size:3em;}

.light{font-family: 'Open Sans', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'Open Sans', sans-serif; font-weight:400;}
.semiBold{font-family: 'Open Sans', sans-serif; font-weight:600;}
.bold{font-family: 'Open Sans', sans-serif; font-weight:700;}
.upperCase{text-transform:uppercase}
.strike{ text-decoration:line-through}

/*float classes*/
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both;}

/*text alignment*/
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}

/* padding */
.pad_3{padding:3px;}
.pad_5{padding:0.3em}
.pad_10{padding:0.6em}
.pad_14{padding:0.8em}
.pad_15{padding:0.9em}
.pad_20{padding:1.2em}
.pad_25{padding:1.5em}
.pad_30{padding:1.8em;}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.home_pad_offset{padding:1.8em;}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}
.pad_LR_15{padding:0em 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0em 1.5em;}
.pad_LR_30{padding:0em 1.8em;}
.pad_L_30{padding-left:1.8em}
.pad_R_30{padding-right:1.8em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}
.pad_TB_20{padding-bottom:1.2em;padding-top:1.2em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_5{padding:5px 0;}
.pad_TB_6{padding:6px 0;}
.pad_TB_8{padding:8px 0;}

/* margin */
.mrg_B_3{margin-bottom:0.18em;}
.mrg_B_5{margin-bottom:0.3em;}
.mrg_B_10{margin-bottom:0.6em;}
.mrg_B_15{margin-bottom:0.9em;}
.mrg_B_20{margin-bottom:1.2em;}
.mrg_B_25{margin-bottom:1.5em;}
.mrg_B_30{margin-bottom:1.8em;}

.mrg_R_15{margin-right:0.9em;}
.mrg_R_20{margin-right:20px;}
.mrg_L_15{margin-left:0.9em;}

/*spacer*/
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space15{height:0.9em; display:block;}
.space20{height:1.2em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}
.space60{height:60px; display:block;}
.space70{height:70px; display:block;}
.space80{height:80px; display:block;}

/* coloumn structure*/
.col_1140{width:1140px;margin:0px auto}
.col_1_2{width:570px; float:left;}
.col_1_3{width:380px; float:left;}
.col_1_4{width:285px; float:left;}
.col_1_5{width:228px; float:left;}
.col_1_6{width:190px; float:left;}
.col_2_3{width:760px; float:left;}
.col_980{width:980px;}
.col_800_center{width:800px;margin:0px auto}
.col_800{width:800px; float:left}
.col_340{width:340px; float:left}

.col_800_right{width:800px; float:right;}
.col_340_right{width:340px; float:right;}

/*position*/
.posRelative{position:relative !important }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*liner*/
.liner{height:1px; background-color:#000; display:block;}

/*text transform*/
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/* Notification */
.info, .success, .warning, .error {
margin: 10px 0px;
padding:12px;
padding-left:36px !important;display:block
}
.info {
	color: #00529B;
	background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;
}
.success {
	color: #4F8A10;
	background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;
}
.warning {
	color: #9F6000;
	background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;
}
.error {
	color: #D8000C;
	background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;
}

/*========================================================================================================================================
																	Phaco Training CSS
========================================================================================================================================*/

/* Theme Colors */
.themeBgPrime{background:#09425A;} /* Dark Blue */
.themeBgSec{background:#007C92;} /* Link Blue */
.themeBgThr{background:#009ABB} /* Accent Blue */
.themeBgQtr{background:#4472c4;} /* Light Blue*/

.themeClrPrime{color:#09425A;}
.themeClrSec{color:#007C92;}
.themeClrThr{color:#009ABB;}
.themeClrQtr{color:#4472c4;}

.bgGrey{background:#D0D8DA;}
.bgLightGrey{background:#F0F4F5;}
.bgWhite{ background:#ffffff }

.clrWhite{color:#fff;}
.clrBlack{color:#000;}
.clrGrey{color:#a1a0a0;}
.clrDarkGrey{color:#AABEC6;}
.bgBlack{background:#000;}


/* Text Style */
.paraTxt{color:#3e3e3e; line-height:1.5;}
.subPara{line-height:1.5; font-size:1.3em;}
.line-ht-3{line-height:1.3;}
.line-ht-5{line-height:1.5;}
.line-ht-8{line-height:1.8;}
.letter-sp-2{letter-spacing:2px;}
.letter-sp-3{letter-spacing:3px;}

.greyLine{background:#ccc; height:1px; width:100%; display:block; margin-top:25px; margin-bottom:25px;}

.dis-tbl{display:table;}
.tbl-cell{display:table-cell; vertical-align:middle;}

.dispBlk{display:block !important;}

.shortLine{display:block; width:100%; height:3px; width:80px; margin-top:20px; margin-bottom:20px;}

/* Header */
/*#header{background:url("../images/phaco-training-header.png") no-repeat center center; background-size:cover; width:100%; height:178px;}*/
#header{background:url("../images/phaco-header.jpg") no-repeat center center; background-size:contain; width:100%; height:0; padding-top:10%}
/*#header{}*/
/*.logo{float:left; margin-top:13px}*/
.logo{position: absolute; left: 50%; transform: translateX(-50%); top: 15px; z-index: 1000; height:17%;}
.space3{height:3px; display:block;}
.disp-none{display:none;}
.mobNavLogo{display:none; padding:40px 0px 0px 20px;}

.searchPanel{position:absolute; top:15px; right:15px; width:400px;}

.socIco{width:32px; height:32px; display:inline-block; margin-right:10px; opacity:0.6; transition:0.5s;}
.zoho{background:url("../images/icons/topZoho.png") no-repeat center center;}
.zoho:hover{background:url("../images/icons/topZoho-invert.png") no-repeat center center;}
.fb{background:url("../images/icons/topFb.png") no-repeat center center;}

.insta{background:url("../images/icons/topInsta.png") no-repeat center center;}
.youTube{background:url("../images/icons/topYoutube.png") no-repeat center center;}

.fb:hover, .insta:hover, .youTube:hover{transform:translateY(-5px);}

.topMail{background:url("../images/icons/topMail.png") no-repeat top left; color:#fff; padding-left:32px; text-decoration:none; line-height:1.5; font-weight:400;}
.topCall{background:url("../images/icons/topCall.png") no-repeat top left; color:#fff; padding-left:32px; text-decoration:none; line-height:1.5; font-weight:400;}


/*Navigation*/
#topNavPanel{background:#4472c4; width:100%; transition:0.5s;}
#topNav{list-style:none;float:right}
#topNav li{display:inline; position:relative}
#topNav li a{font-family: 'Open Sans', sans-serif; font-weight:600; display:inline-block; text-decoration:none;color:#fff;font-size:1em;line-height:1.5;padding:15px}
#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important; cursor:pointer;}
#topNav li a:hover{background-color:#0E3E95;}

#navBtn{width:34px;height:34px;background:url(../images/icons/nav-btn.png) no-repeat left center;display:none; cursor:pointer; position:absolute; top:75px; right:35px; }

#topNav ul{position:absolute; display:none; top:38px; left:0px; padding:5px 0; background-color:#fff !important; border-bottom:3px solid #4472c4; box-shadow:2px 3px 10px rgba(0,0,0,0.4);}
#topNav ul li{display:block; }
#topNav ul li a{font-family: 'Open Sans', sans-serif; font-weight:400; display:inline-block;text-decoration:none;color:#272727;padding:5px 10px; width:180px; font-size:0.9em;}
#topNav ul li a:hover{color:#4472c4 !important; background:transparent !important;}
#topNav li:hover > ul{display:block; z-index:3}

#mobNav{display:none;}
.closeBtn{position:absolute; top:5px; right:25px; font-size:36px; color:#fff; text-decoration:none; display:none;}
#mobNav span{display:block !important;}

/* Banner */
/*.banner{background:url("../images/banner/banner-1.jpg") no-repeat center center; background-size:cover; width:100%; height:670px;}*/
.bannerBg{background:#f4f8fc; width:100%;}
.banner{background:#ccc url("../images/banner-1.jpg") no-repeat left center; background-size:contain; width:100%; height:445px;}  
.bannerSpacer{height:130px; display:block;}
.absAnch{position:absolute; right:15px; bottom:15px; text-decoration:none; background:#4472c4; padding:10px 15px; border:2px solid #4472c4; color:#fff;}
.absCat{position:absolute; top:15px; left:15px; background:rgba(255,255,255,0.9); padding:10px 15px; color:#000;}

/* About - Home Page */
.width40{width:30%; float:left;}
.width60{width:70%; float:left;}
.abtPad1{padding:50px 70px;}
.abtPad2{padding:50px 70px 50px 0;}        /*bottom:-200px;*/
.absBox{position:absolute; left:0; right:0; bottom:-200px; width:1140px; background:linear-gradient(120deg, #00333D, #09425A, #007C92); background-size:400%; display:block; margin:0 auto; animation: bganimation 15s infinite}
.box-shadow{box-shadow:8px 15px 25px rgba(0,0,0,0.5);}
@keyframes bganimation{
	0%
	{
		background-position: 0% 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0% 50%;
	}
}
.readMore{text-decoration:none; font-size:1em; color:#fff; font-weight:400; display:inline-block; line-height:1.5; border-bottom:1px solid transparent;}
.readMore:hover{border-bottom:1px solid #fff;}

.readAnch{text-decoration:none; background:#00333D; border:2px solid #00333D; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnch:hover{background-color:transparent; color:#00333D;}

.readAnchWhite{text-decoration:none; background:transparent; border:2px solid #fff; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnchWhite:hover{background-color:#fff; color:#00333D;}

.absSpacer{height:270px; display:block;}

.gradBg{background:linear-gradient(120deg, #00333D, #09425A, #007C92); background-size:400%; animation: bganimation 15s infinite}
.absBox .bx-wrapper{margin-bottom:0px;}
.absBox .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: 10px;width: 100%;}
.absBox .bx-wrapper {box-shadow:none;}
.absBox .bx-wrapper .bx-prev {left: 10px;background: url("../images/controls-white.png") no-repeat center center;transform: rotate(180deg);}
.absBox .bx-wrapper .bx-next {right: 10px;background: url("../images/controls-white.png") no-repeat center center;}
.absBox .bx-wrapper{background:linear-gradient(120deg, #00333D, #09425A, #007C92); background-size:400%; animation: bganimation 15s infinite}
.activityTitle{text-decoration:none; color:#fff; font-size:1.6em; line-height:1.5; display:inline-block; border-bottom:1px solid transparent;}
.activityTitle:hover{border-bottom:1px solid #fff;}

/* Blogs */
.blogTitle{text-decoration:none; color:#000; line-height:1.5; display:inline-block;}
.blogTitle:hover{color:#da2127;}
.blogSize{font-size:1.6em;}

/*.blogThumb{height:230px; overflow:hidden; border:1px solid #efefef; position:relative;}*/
.smallblogThumb{position:relative; height:140px; overflow:hidden;}
.blogThumb{position:relative; overflow:hidden !important; background:#000;}
.blogThumb img, .smallblogThumb img{ transition:0.5s;}
#blogs .col_1_2:hover .blogThumb img{transform:scale(1.1);}
#blogs .col_1_3:hover .blogThumb img{transform:scale(1.1);}
#blogs .width50:hover .blogThumb img{transform:scale(1.1);}
#blogs .col_1_2 .width50:hover .smallblogThumb img{transform:scale(1.1);}
.blogOverlay{background:rgba(0,0,0,0.6); display:block; width:100%; position:absolute; bottom:0px; left:0; transition:0.5s;}
.blogOverlay:hover{background:rgba(0,154,187,0.9);}
#blogs .col_1_3:hover .blogOverlay, #blogs .col_1_2:hover .blogOverlay, #blogs .width50:hover .blogOverlay{background:rgba(0,154,187,0.9);}

.catLink{text-decoration:none;font-size:0.9em; font-weight:400; color:#4472c4;}
.catLink:hover{border-bottom:1px solid #4472c4; }

.play{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("../images/icons/play.png") no-repeat center center; width:48px; height:48px; display:block;}

.width50{width:50%; float:left;}
.bTitle{text-decoration:none !important; color:#000; line-height:1.5;}
#blogs .col_1_2 .width50:hover .bTitle{color:#009ABB;}

.popblogThumb{position:relative; height:250px; overflow:hidden;}
.popblogThumb img{transition:0.5s;}
#popBlog .col_1_3:hover .popblogThumb img{transform:scale(1.1);}
#popBlog .col_1_3:hover .bTitle{color:#009ABB;}

/* Subscribe */
.bgSubscribe{background:url("../images/bgSubscribe.jpg") no-repeat fixed center; background-size:400%; width:100%; animation: bgmove 120s infinite}
.bgSubscribeOverlay{background:rgba(0,0,0,0.5);}
.subscibeTxtBox{padding:0.5em; color:#fff; background:transparent; display:block; border-bottom:2px solid #fff; resize:none; width:97%;}
.subscibeTxtBox:focus{outline:none; border-bottom:2px solid #008592;}
.subscribeBtn{background-color:#008592; color:#fff; font-size:1em; padding:10px 18px; width:200px; text-align:center; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.subscribeBtn:hover{background:#00333D;}
.width70{width:70%; float:left;}
.width30{width:30%; float:left;}
.subscibeTxtBox::placeholder{color:#fff; transition:0.5s;}
@keyframes bgmove{
	0%
	{
		background-position: 0% 30%;
	}
	30%
	{
		background-position: 30% 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	70%
	{
		background-position: 50% 30%;
	}
	100%
	{
		background-position: 0% 50%;
	}
}

/*.searchTxtBox{padding:0.6em; color:#008592; background:transparent; display:block; border:1px solid #d1d1d1; resize:none; width:92%;}*/
.searchTxtBox{padding:0.6em; color:#008592; background:#fff; display:inline-block; border:1px solid #d1d1d1; resize:none; width:250px;}
.searchTxtBox:focus{outline:none; border:1px solid #008592;}
/*.searchBtn{background-color:#008592; color:#fff; font-size:1em; border:1px solid #008592; padding:10px 18px; width:200px; text-align:center; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}*/
.searchBtn{background-color:#008592; color:#fff; font-size:1em; border:1px solid #008592; display:inline-block; padding:10px; width:100px; text-align:center; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.searchBtn:hover{background:#00333D; border:1px solid #00333D;}

#search .searchTxtBox{padding:0.6em; color:#008592; background:transparent; display:block; border:1px solid #d1d1d1; resize:none; width:92%;}
#search .searchTxtBox:focus{outline:none; border:1px solid #008592;}
#search .searchBtn{background-color:#008592; color:#fff; font-size:1em; border:1px solid #008592; padding:10px 18px; width:200px; text-align:center; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
#search .searchBtn:hover{background:#00333D; border:1px solid #00333D;}


/* Footer */
.clr555{color:#555;}
.copyright{background:#000;}
.footer{background:#0e0e0e;}
.footer span{display:block; color:#a1a0a0;}
.footerCaption{font-size:1.4em; line-height:1.5;}
.footerNav{list-style:none}
.footerNav li{}
.footerNav li a{text-decoration:none;display:inline-block;padding:0.2em 0em;color:#a1a0a0;font-size:0.9em; line-height:1.3; font-weight:400;}
.footerNav li a:hover{color:#008592;}
.intellect{text-decoration:none; color:#a1a0a0; font-weight:600;}
.intellect:hover{color:#008592;}

.navLine{width:90%; background:#abacad; height:1px; display:block; position:relative; margin-bottom:20px; margin-top:20px;}
.navGreenLine{position:absolute; top:-0.5px; left:0; background:#008592; width:70px; height:2px; display:block;}

.footerLine{background:#c3c4c6; width:100%; height:1px; display:block;}

.socialIco{width:48px; height:48px; display:inline-block; margin-right:5px;}
.foo_fb{background:url("../images/icons/fb.png") no-repeat center center; transition:0.5s;}
.foo_insta{background:url("../images/icons/instagram.png") no-repeat center center; transition:0.5s;}
.foo_youTube{background:url("../images/icons/youtube.png") no-repeat center center; transition:0.5s;}
.foo_fb:hover, .foo_insta:hover, .foo_youTube:hover, .foo_zoho:hover{transform:translateY(-10px);}

/* Contact Info - Home */
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:34px; }
.email{background:url("../images/icons/mail.png") no-repeat top left; display:block; padding-left:34px; }
.call{background:url("../images/icons/call.png") no-repeat top left; display:block; padding-left:34px;}
.breakWord{word-wrap:break-word;}

/* Page Headers */
.pg_TB_pad{padding:2em 0em;}
.pgHeader{border-bottom:3px solid #ececec; width:100%;}

/* Page Header Styles */
.pageH1{font-size:3.2em; line-height:1.3;}
.pageH2{font-size:2.1em; line-height:1.5;}
.pageH3{font-size:1.7em; line-height:1.5;}
.pageH4{font-size:1.4em; line-height:1.5;}

/* Bread Crumbs */
.bCrumb{list-style:none;display:inline;font-size:1em; margin-top:8px; float:left;}
.bCrumb li{display:inline;margin-right:0.6em;color:#555; float:left; font-weight:300;} 
.bCrumb li a{text-decoration:none;font-size:1em; font-weight:600; color:#4472c4;}
.bCrumb li a:hover{border-bottom:2px solid #4472c4; }

/*Form Controls*/
.w100{width:100%;}
.labelCap{ font-weight:600; padding:5px 15px 5px 0px; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:15px; display:block}
.textBox{padding:0.5em; display:block; border:1px solid #ccc; resize:none; width:97%;  }
.textBox:focus{outline:none; border:1px solid #008592;}
.cmbBox{padding:0.5em; border:1px solid #cccccc; display:block; resize:none; width:98%}
.cmbBox:focus{outline:none; border:1px solid #008592;}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w90{width:90%}
.w95{width:95%}
.w98{width:98%}
.w70{width:70%; margin:0 auto;}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input{padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#008592; color:#fff; font-size:1em; padding:10px 18px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.buttonForm:hover{background:#000;}
input[type="text"]:disabled {background: #fff;}

/* Contact Us */
#map-canvas {width:100%; height:400px; margin:0; padding:0;}
.conIco{padding-left:40px; line-height:1.5; font-size:1.1em; color:#404041}
.home{background:url("../images/icons/home.png") no-repeat top left; display:block;}
.conMail{background:url("../images/icons/conEmail.png") no-repeat top left; display:block; line-height:2;}
.conCall{background:url("../images/icons/conCall.png") no-repeat top left; display:block;}

/* Video Blogs */
/*.subCatList{}
.subCatList li{list-style:none; margin-right:10px; margin-bottom:15px; padding:12px 20px; display:inline-block; border:2px solid #003a73; border-radius:3px; transition:0.5s;}
.subCatList li a{text-decoration:none; color:#272727; font-weight:400;  }
.subCatList li.active{background:#003a73; color:#fff !important;}
.subCatList li a.active{background:#003a73; color:#fff !important;}
.subCatList li:hover{background:#003a73;}
.subCatList li:hover a{color:#fff;}*/

.subCatList{}
.subCatList li{list-style:none; margin-right:10px; margin-bottom:15px; padding:15px 20px; display:inline-block; background:#008592; border-left:4px solid #00333D; transition:0.5s; box-shadow:0 3px 8px rgba(0,0,0,0.3);}
.subCatList li a{text-decoration:none; color:#fff; font-weight:400;  }
.subCatList li.active{background:#00333D; color:#fff !important;}
.subCatList li a.active{background:#00333D; color:#fff !important;}
.subCatList li:hover{background:#00333D;}
.subCatList li:hover a{color:#fff;}

.overviewList{}
.overviewList li{list-style:none; display:inline-block; margin-right:20px; margin-bottom:10px; color:#848583; font-size:0.9em;}
.overviewList li a{text-decoration:none; color:#848583;}
.overviewList li:last-child{margin-right:0;}
.blogBy{background:url("../images/icons/doctor.png") no-repeat left 1px; display:block; padding-left:24px; font-weight:600;}
.blogDate{background:url("../images/icons/calenderIcon.png") no-repeat left 1px; display:block; padding-left:24px; font-weight:600;}
.blogViews{background:url("../images/icons/viewsIcon.png") no-repeat left 1px; display:block; padding-left:24px;  font-weight:600;}
.blogLikes{background:url("../images/icons/bLike.png") no-repeat left 1px; display:block; padding-left:24px;  font-weight:600;}
.blogLiked{background:url("../images/icons/bLiked.png") no-repeat left 1px; display:block; padding-left:24px;  font-weight:600; color:#da2127;}

.vidBlock{width:150px; height:84px; overflow:hidden; border:1px solid #ececec; float:left;}
.vidInfo{margin-left:160px;}
.vidAnch{text-decoration:none; color:#000; font-weight:600; line-height:1.4; display:block;}
.vidAnch:hover{color:#008592;}

/* comments */
.comment{margin-bottom:20px;}
.comment:nth-child(odd){background:#f5f5f5; padding:20px;}
.comment:nth-child(even){padding:0 20px; }
.cPerson{width:40px; height:40px; float:left;}
.cPerson img{width:100%; border-radius:50%;}
.cData{margin-left:60px;}
.commentBox{width:95%; resize:none; border-bottom:1px solid #008592; outline:none; padding:0.5em; display:block;}
.btnCancel{background:transparent; padding:9px 15px; color:#000; cursor:pointer; font-size:1.1em; transition:0.5s;}
.btnComment{background-color:#cccccc; color:#fff; font-size:1em; padding:10px 25px; cursor:pointer !important; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}

.pendingComment{background:#f5f5f5; padding:20px; opacity:0.2; margin-bottom:20px;}

/* Pagination */
ul.bootPag{list-style:none; width:100%;}
ul.bootPag li{}
ul.bootPag li a{padding:0.5em 0.8em;text-decoration:none;color:#003a73;font-size:1em;border:solid 1px #d0d0d0;float:left;display:inline-block; margin-right:1px; margin-bottom:2px; font-weight:400;}
ul.bootPag li a:hover{background:#f5f5f5}
ul.bootPag li a.act{background:#4472c4;color:#fff; border:1px solid #4472c4;}
ul.bootPag li a.disabled{cursor:not-allowed}
ul.bootPag li .rBorder{border-right:solid 1px #d0d0d0}

.pageNote{display:block;color:#989898;font-size:0.8em;margin-bottom:0.6em}

/* Unordered Lists */
.basicList{list-style:none}
.basicList li{display:block;background:url(../images/icons/blue-dot.png) no-repeat left 7px;font-size:1em;line-height:1.5;color:#484848;padding-left:20px;padding-bottom:5px}

.basicOrderList{padding-left:20px;}
.basicOrderList li{padding-bottom:8px; line-height:1.5;}


.absTopArrow{position:fixed; bottom:15px; right:20px; z-index:55;}
.fixedArrow{background:url("../images/icons/topIco.png") no-repeat center center; display:block; height:48px; width:48px;}
.topArrowIco{}

/* sidebar navigation */
.sideNavHead{background-color:#4472c4;}
.sideNavHead h2{ font-size:1.5em; color:#fff; padding:0px 14px; }
.sideNav{list-style:none }
.sideNav li{ font-size:1em; display:block;border-bottom:1px solid #dedede }
.sideNav li a{ padding:10px 14px; color:#555; text-decoration:none; display:block; font-weight:400;}
.sideNav li a:hover{color:#4472c4; background:url('../images/icons/act-sb.png') no-repeat right center; }
.sideNav li a.activNav{color:#4472c4 !important; background:url('../images/icons/act-sb.png') no-repeat right center;}
.sideNav li:last-child{border-bottom:none !important;}

.sideContiner{background-color:#f7f7f7;}

.profImg{width:160px; height:160px; float:left;}
.profImg img{ border-radius:50%; border:1px solid #ccc;}
.profInfo{margin-left:190px;}

.profEmail{background:url("../images/icons/email.png") no-repeat top left; display:block; padding-left:34px; color:#008592; line-height:1.5;}
.profChannel{background:url("../images/icons/youtubeChannel.png") no-repeat top left; display:block; padding-left:34px;  color:#008592; line-height:1.5;}
.profWebsite{background:url("../images/icons/website.png") no-repeat top left; display:block; padding-left:34px; color:#008592; line-height:1.5; }

/*Latest Activities and Events*/
.news-img{float:left;width:280px;}
.news-info{margin-left:300px;}

.news-Tag{font-size:1.5em;color:#4472c4;text-decoration:none;display:block; text-transform:capitalize;}
.news-Tag:hover{color:#00333D}
.newspost{font-size:0.9em;color:#555555;display:block;margin-bottom:1em; font-style:italic; font-weight:400;}

.Readmore{font-size:0.9em;color:#008592;text-decoration:none;}
.Readmore:hover{border-bottom:1px solid #008592;}
.actMoreLink{text-decoration:none; color:#fff; font-size:0.9em; display:inline-block; background:#00333D url("../images/icons/link.png") no-repeat 10px 10px; padding:8px 15px 8px 30px; border-radius:24px; transition:0.5s;}
.actMoreLink:hover{background:#008592 url("../images/icons/link.png") no-repeat 10px 10px;;}

/* page sidebar */
.sideBlueBase{background-color:#e9eced;text-align:center}
.sideTitle{color:#191c1f;line-height:1.5;}
.sideIntro{color:#4d4e53;line-height:1.3;font-size:1em}
.sideAnch{background-color:#4472c4;color:#fff;text-align:center; display:inline-block; padding:0.8em 1.7em;text-decoration:none;line-height:1.3;margin:0px auto}
.sideAnch:hover{background-color:#00203c;}

/* Contact Us */
.conBox{position:relative;  background:#fff; height:400px; border:1px solid #f9f9f9;}
.conBox:before{content:''; position:absolute; top:-3px; left:-4px; right:-4px; bottom:-3px; background:#fff; z-index:-1; transform:skew(2deg,2deg);}
.col_1_2:nth-child(1) .conBox:before{background:linear-gradient(315deg, #00333D, #008592);}
.col_1_2:nth-child(2) .conBox:before{background:linear-gradient(315deg, #008592, #00333D);}
.content{position:relative; padding:25px 20px; }
.founder_shadow{ box-shadow:1px 15px 20px rgba(0,0,0,0.1);}

#article{font-family: 'Open Sans', sans-serif;}
#article em{font-style:italic;}
#article strong, #article em strong, #article strong em, #article b{font-family: 'Open Sans', sans-serif; font-weight:600;}

#article p{color:#3e3e3e; line-height:1.5; font-size:1em !important; font-weight:300;}
#article p span{font-family: 'Open Sans', sans-serif !important; font-weight:300; font-size:1em !important;}
#article p strong, #article p em strong{font-family: 'Open Sans', sans-serif; font-weight:600;}


#article h1, #article h1 strong, #article h1 strong span,
#article h2, #article h2 strong, #article h2 strong span,
#article h3, #article h3 strong, #article h3 strong span,
#article h4, #article h4 strong, #article h4 strong span{font-family: 'Open Sans', sans-serif !important; font-weight:400;}

#article h1{font-size:2.6em !important; line-height:1.5; margin-bottom:10px;}
#article h2{font-size:2.1em !important; line-height:1.5; margin-bottom:10px;}
#article h3{font-size:1.7em !important; line-height:1.5; margin-bottom:10px;}
#article h4{font-size:1.4em !important; line-height:1.5; margin-bottom:10px;}

#article ul{padding-left:20px;}
#article a{text-decoration:none; color:#008592; border-bottom:1px solid #008592; font-weight:400;}
#article a:hover{color:#009ABB; border-bottom:1px solid #009ABB;}
#article blockquote{border-left:5px solid #eee; color:#3e3e3e; padding:10px 0 10px 20px; line-height:1.5; font-size:1em !important; font-weight:300;}
.gradBg p, .gradBg h1, .gradBg h2, .gradBg h3, .gradBg h4{color:#fff; line-height:1.5;}
#article sup, #article sub{font-weight:600; font-size:0.9em;}

/* ======== START Jqery Pop up box / slide style =========*/
 #slide_background{-webkit-transition: all 0.3s 0.3s;-moz-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s ease-out;}
 #slide,#slide_wrapper{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s ease-out; }
 .slideShutter {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s ease-out; }
 #slide {-webkit-transform: translateX(0) translateY(-40%);-moz-transform: translateX(0) translateY(-40%);-ms-transform: translateX(0) translateY(-40%); transform: translateX(0) translateY(-40%);}
 .slideShutter {-webkit-transform: translateX(0) translateY(-40%);-moz-transform: translateX(0) translateY(-40%);-ms-transform: translateX(0) translateY(-40%); transform: translateX(0) translateY(-40%);}
 .popup_visible #slide {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);-ms-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0);}
 .popup_visible .slideShutter{-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);-ms-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0);}
 .dspInlineBlk{display:inline-block;}

/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
	.logo{top:0px;}
}
@media screen and (max-width: 1440px)
{
	/*.logo{height:16%;}*/
	.logo{height:14%;}
}
@media screen and (max-width: 1200px)
{
	.email{word-wrap:break-word;}
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70%}
	.col_340{ width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

	/*.logo{height:14%; top:0;}*/
	.logo{height:14%; top:0;}
}
@media screen and (max-width: 1140px)
{
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{width:70%}
	.col_340{width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

	#navBtn, #mobNav{display:block;}
	.mobNavLogo{display:block;}

	#topNavPanel{position:fixed; top:0; right:0; width:0; height:100%; z-index:1111; background:rgba(0,0,0,0.9); overflow-x:hidden;  overflow-y:scroll;}
	#topNav{list-style:none; float:left !important;}
	#topNav li{display:block; position:relative; text-align:left !important;}
	#topNav li a{text-decoration:none; background:transparent; display:block; border:none !important; font-weight:400; color:#fff; font-size:1em; line-height:1.5; padding:5px 30px;}
	#topNav li a:hover{color:#4472c4; background:transparent !important;}
	#topNav li a.subNav{background:none;}
	#topNav ul{position:relative; top:0px; left:18px;display:block; padding:5px 0px !important; background:transparent !important; border:none !important; box-shadow:none !important;}
	#topNav ul li{border:none !important; background:transparent !important;}
	#topNav ul li a{display:block;padding:3px 0px 3px 30px; font-size:0.9em; line-height:1.3; color:#fff !important;background:transparent;text-align:left; }
	#topNav ul li a:hover{background:transparent !important; color:#4472c4 !important;}
	
	/*#nav .space10, #nav .space30{height:0px;}*/
	.closeBtn{display:block;}

	.banner{height:445px;}
	/*.logo{margin-top:0px; padding:20px 0;}*/
	.absBox{width:80%;}
	.absBox{bottom:-250px;}

	
	.searchPanel{position:static; width:40%; margin:50px auto 10px;}
	.searchTxtBox{width:280px;}
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}
	.abtPad1{padding:50px;}
	.abtPad2{padding:50px 30px 50px 0;}
	.banner{height:400px;}
	#navBtn{top:15px;}
	.logo{height:10%;}

	.searchPanel{position:static; width:40%; margin:50px auto 10px;}
	.searchTxtBox{width:280px;}
}
@media screen and (max-width: 920px)
{   
	.col_800{width:100%; float:none }
	.col_340{width:50%; float:none;}
	.col_800_center{width:100%;}
	
	.col_800_right{width:100%; float:none; margin-top:15px;}
	.col_340_right{width:100%; float:none; }
	.col_340_right .space15{height:0 !important;}
	
	.col_340_right .pad_L_30{padding:0 15px 15px 15px !important;}
	.pad_L_30{padding-left:0; margin-top:30px;}
	

	.banner{height:359px;}

	.footer .col_1_4{width:100%;}
	#contact .col_1_3{width:49%; float:none; display:inline-block;}
	.absBox{position:static; width:100%; margin-top:15px;}
	.absBox .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: 15px;width: 100%;}
	.absSpacer{height:40px;}
	.bannerSpacer{height:20px;}

	#blogs .col_1_2{width:100%; float:none;}
	#blogs .smallblogThumb{height:200px;}
	#blogs .col_1_2 .pad_R_15{padding-right:0;}

	#popBlog .col_1_3{width:100%; float:none;}
	#vidBlog iframe{height:500px;}
}
@media screen and (max-width: 860px)
{
	.banner{height:336px;}
}
@media screen and (max-width: 800px)
{
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3{width:100%; float:none;}
	.logo{height:12%;}
	.banner{height:312px;}
	.width25{width:50%;}

	.bgSubscribe .width70, .bgSubscribe .width30{width:90%; float:none; display:block; margin:0 auto;}
	.bgSubscribe .width70{margin-bottom:30px;}

	.footer .width50{width:100%; float:none;}
	.footer .pad_L_15{padding:0;}

	.searchPanel{width:80%; margin:50px auto 10px;}
	.searchTxtBox{width:95%; display:block; margin-bottom:10px;}
	.searchBtn{width:98%; display:block;}
	#top .width70, #top .width30{width:100%; float:none;}

	.bannerBg .space50{height:20px;}
	.bannerSpacer{height:5px;}

	.absBox .width40, .absBox .width60{float:none; width:100%;}
	.absBox .txtRight{text-align:left !important;}
	.abtPad1{padding:50px 50px 0;}
	.abtPad2{padding:30px 50px 50px;}
	.conBox{height:auto;}

	#article img{width:100%;}
}
@media screen and (max-width: 768px)
{
	
	 .banner{height:300px;}
	

	.footer .width70, .footer .width30{width:100%; float:none;}
	#search .width70, #search .width30{width:100%; float:none;}
	.searchTxtBox{margin-bottom:15px;}
	.searchBtn{width:98%;}
	#search .searchTxtBox{margin-bottom:15px; width:96%;}
	#search .searchBtn{width:100%;}
}
@media screen and (max-width: 640px)
{   
	
	.col_1_3{width:100%}
	.col_2_3{width:100% }

	.w50{width:100%;}
	.app_r_padding{padding:0em !important}
	.textBox{width:93.7%;}
	.cmbBox{width:93.7%;}

	.logo{height:11%;}
	.banner{height:250px;}
	.col_340{width:100%;}

	.news-img{float:none; display:block;}
	.news-info{margin:15px 0 0 0;}
	.newsPhoto{width:100%;}


	#blogs .pad_TB_15{padding:15px !important;}
	#blogs .width50{width:100%; float:none;}

	.absCat{padding:10px 15px; font-size:0.9em;}
	#vidBlog iframe{height:400px;}

	.searchBtn{width:100%;}

	.profImg{display:block; float:none; margin:0 auto;}
	.profInfo{margin-left:0; margin-top:15px; text-align:center;}
}
@media screen and (max-width: 540px)
{
	.logo{height:10%;}
	.absAnch{font-size:0.9em; padding:10px;}
	#vidBlog iframe{height:280px;}
	.pageH1{font-size:2em;}
	#blogs .xxlarge{font-size:2em;}
}

@media screen and (max-width: 480px)
{	
	.home_pad_offset{padding:0.6em;}

	.logo{height:11%;}
	.banner{height:180px;}
	
	.width25{width:100%;}
	.news-img{width:100%;}
	.absBox{text-align:center;}
	.absBox .txtRight{text-align:center !important;}


	.absCat{padding:8px; font-size:0.8em;}
	.absAnch{font-size:0.8em; padding:8px;}

	.sideNavHead h2{font-size:1.3em;}

	 #search .searchTxtBox{width:95%;}
}
@media screen and (max-width: 414px)
{
   .banner{height:162px;}
   /*.logo{float:none; display:block; margin:0 auto;}*/
   
   .extra-large{font-size:1.8em;}
   .absBox p{font-size:0.9em;}
   .xxlarge{font-size:2.5em;}
   #blogs .xxlarge{font-size:1.6em;}
   .bgSubscribe .large{font-size:1.6em;}

   #blogs, #popBlog{text-align:center;}
   #blogs .shortLine, #popBlog .shortLine{margin:20px auto; }

   #navBtn{right:10px; padding:0; top:16px;}
   
	.logo{height:9%;}

	.absCat{padding:8px; font-size:0.6em; width:150px; text-align:center; top:5px; left:5px;}
	.absAnch{font-size:0.7em; padding:8px; right:5px; bottom:5px;}
	.pageH1{font-size:1.7em;}

	.sideNavHead h2{font-size:1.1em;}
	#actDetail .space50{height:65px;}
}

@media screen and (max-width: 375px)
{
	.large{font-size:1.6em;}
	.xxlarge{font-size:2.1em;}
	.banner{height:146px;}
	#search .searchTxtBox{width:93%;}
}
@media screen and (max-width: 360px)
{
	.pageH1{font-size:2.2em;}
	.xxlarge{font-size:2em;}

	.banner{height:141px;}
	.pageH1{font-size:1.5em;}
	.sideNavHead h2{font-size:1em;}
	
}
@media screen and (max-width: 320px)
{
	.banner{height:125px;}
	.bgSubscribe .large{font-size:1.5em;}
	.popblogThumb{height:200px;}
	#navBtn{ }
	.pageH1{font-size:1.3em;}

	#slide .dspInlineBlk{display:block; margin-bottom:10px;}
	#slide .mrg_R_15{margin-right:0;}
}
