@charset "utf-8";


@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
  url('../fonts/MyriadPro-Regular.woff') format('woff'), 
  url('../fonts/MyriadPro-Regular.ttf')  format('truetype'),
  url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{outline:none !important; font-family:Verdana, Geneva, sans-serif}


*{ margin:0; padding:0;outline:none !important;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box ;}

ul, ol { list-style-type:none}

img {width:100%; height:auto;}


.fl{ float:left !important}




.col-b{ color:#03477c !important; }

.bdrnone{ border:none;}
.color1{ color:#fff !important;}

.colg{color:#919191 !important}
.color2{ color:#fcff00 !important;}
.colLightBlue { color:#0296a2 !important;}
.m0p0{ margin:0; padding:0 !important;}
.textalign{ text-align:center;}
.textalignleft{ text-align:left;}
.m0{ margin:0;}
.m5{ margin:5px;}
.m10{ margin:10px;}
.DisNone{ display:none; }
.breakline{ border-bottom:2px solid #940541;}
.bdr{ border:2px solid #F5F5F5;}
.bdr-bottom{ border-bottom:2px solid #F5F5F5; padding:10px 0 5px 0;}
.col1{ color:#000;}
.fr{ float:right !important;}
.fl{ float:left;}
#bn{ border:none}
.bn{ background:none !important}
.fsize16{ font-size:16px;}
.fsize12{ font-size:12px;}

.blue{ text-align:center; color:#2957a4; font-size:15px; font-weight:bold;font-family: 'open_sansregular';}

.colheading { color: #0097a2; }

.br{ border-right:1px solid #c9c9c9}

hr{ border:1px solid #F2F2F2; width:100%; margin:2px 0px; padding:0px;}

.mtb{
	margin:10px 0;	
}

.top{ margin-top:-24px;}
.ws{ width:100%;}


/********** GLOBAL STYLES **********/

.all_cap { text-transform:capitalize; }

width size
.w5{ width:5px;}
.w10{ width:10px;}
.w50{ width:50px !important;}
.w80{ width:80px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w115{ width:115px;}
.w120{ width:120px;}
.w150{ width:150px !important;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w238{ width:238px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w270{ width:270px;}
.w280{ width:280px;}
.w290{ width:290px !important;}
.w300{ width:300px !important;}
.w310{ width:310px;}
.w320{ width:320px;}
.w330{ width:330px;}
.w340{ width:340px;}
.w350{ width:350px;}
.w610{ width:610px;}
.fullWidth{ width:100%;}

margin-top
.mT0{ margin-top:0px;}
.mT5{ margin-top:5px;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mT20{ margin-top:20px;}
.mT25{ margin-top:25px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT50{ margin-top:50px !important;}
.mT60{ margin-top:60px !important;}

margin-left
.mL0{ margin-left:0px;}
.mL5{ margin-left:5px;}
.mL10{ margin-left:10px;}
.mL15{ margin-left:15px;}
.mL20{ margin-left:20px;}
.mL25{ margin-left:25px;}
.mL30{ margin-left:30px;}
.mL40{ margin-left:40px;}
.mL50{ margin-left:50px;}
.mL55{ margin-left:55px;}


margin-right
.mR0{ margin-right:0;}
.mR2{ margin-right:2px;}
.mR5{ margin-right:5px;}
.mR10{ margin-right:10px;}
.mR12{ margin-right:12px;}
.mR14{ margin-right:14px;}
.mR15{ margin-right:15px;}
.mR18{ margin-right:18px;}
.mR20{ margin-right:20px;}
.mR21{ margin-right:21px;}
.mR22{ margin-right:22px;}
.mR23{ margin-right:23px;}
.mR24{ margin-right:24px;}
.mR25{ margin-right:25px;}
.mR30{ margin-right:30px !important;}
.mR40{ margin-right:40px !important;}
.mR45{ margin-right:45px !important;}
.mR50{ margin-right:50px !important;}
.mR55{ margin-right:55px !important;}
.mR60{ margin-right:60px !important;}
.mR65{ margin-right:65px !important;}
.mR70{ margin-right:70px !important;}

margin-bottom
.mB0{ margin-bottom:0px;}
.mB5{ margin-bottom:5px;}
.mB10{ margin-bottom:10px;}
.mB15{ margin-bottom:15px !important;}
.mB20{ margin-bottom:20px !important;}
.mB28{ margin-bottom:28px !important;}
.mB45{ margin-bottom:45px !important;}

padding
.p0{ padding:0;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}

padding-top
.pT0{ padding-top:0px;}
.pT8{ padding-top:8px;}
.pT5{ padding-top:5px;}
.pT10{ padding-top:10px;}
.pT15{ padding-top:15px;}
.pT80{ padding-top:80px;}


padding-bottom
.pB0{ padding-bottom:0px;}
.pB5{ padding-bottom:5px;}
.pB10{ padding-bottom:10px;}
.pB15{ padding-bottom:15px;}

padding-left
.pL0{ padding-left:0px;}
.pL5{ padding-left:5px;}
.pL10{ padding-left:10px;}
.pL15{ padding-left:15px;}
.pL20{ padding-left:20px;}

.pL40{ padding-left:40px;}
.pL50{ padding-left:50px;}
.pL60{ padding-left:60px;}



padding-right
.pr0{ padding-right:0;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}

.margine-auto{ margin:0 auto}


text-align
.txtCntAlign{ text-align:center !important;}
.txtLeftAlign{ text-align:left;}
.txtRightAlign{text-align:right;}
.txtJustAlign{ text-align:justify;}


.pos-r{ position:relative;}
.pos-a{ position:absolute;}
.pos-f{ position: fixed;}

.bcg{ background:#F5F5F5}

#br{ border:1px solid #e8e4e4; border-radius:6px;}

.bcw{ background:#fff}

strong,b{ font-weight:bold;}



::selection {
       background-color:#fcbb84;
       color:#000;
}

::-moz-selection {
       background-color: #fcbb84;
       color:#000}
	   
	   
	   

.clear{ clear:both}



/********** GLOBAL STYLES **********/



.wraptop { background:#f1484c; color:#fff; border-bottom:solid 1px #ebeaea;  font-family:'latoregular'; font-size:14px}

.topmenu { float:left; display:inline-block; margin:15px 0}

.topmenu li { float:left; padding:0 12px; line-height:14px;transition: all 0.5s ease 0s;}

.topmenu li a { color:#fff; text-decoration:none;}

.topmenu li a:hover { color:#0097a2; text-decoration:none;}		

.f-right { float:right !important}	






nav{ position:relative; margin:0px; padding:0px; width:100%;}

.mainmenu{ height:auto;background: #444243;}

.navbar{
    border-radius: 0px;
}



.logowrap { padding:5px;width:100%;float:left;transition: all 0.5s ease 0s;}
.logowrap img {width:100%; max-width:354px;transition: all 0.5s ease 0s;}


/*.nl_banner_wrap { width:100%;}
.nl_banner_wrap img {width:100%; max-width:1170px;}*/

.small_logowrap { padding:5px;width:100%;float:left;transition: all 0.5s ease 0s;}
.small_logowrap img {width:100%; max-width:210px;transition: all 0.5s ease 0s;}

.forum-bg{background-color:#E6E6E6; background-repeat: no-repeat;
background-position: center center;background-size: cover; min-height:334px; max-height:334px; overflow-y:scroll;} /*background:url(../images/forum.jpg);*/

.newsletter-bg{background-color:#E6E6E6; background-repeat: no-repeat;
background-position: center center;background-size: cover; min-height:334px; max-height:334px; overflow-y:scroll;}
/*background:url(../images/newsletter.jpg); */

.opportunities-bg{background-color:#E6E6E6; background-repeat: no-repeat;
background-position: center center;background-size: cover; min-height:334px; max-height:334px; overflow-y:scroll;}
/* background:url(../images/opportunities.jpg);  */

.yellow{ background:#f0af4b}

.gray{ background:#707070}

.payment-img{width:156px;float:left;}
	

.serachwrap { float:right; max-width:100%; position:relative; margin:40px 0}

 .serachwrap input { width:100%; font-size:14px; float:right; padding:10px 40px 10px  10px; border:1px solid #d9d9d9; background:#f5f5f5;  border:none; color:#444444; border-radius:10px; box-shadow: 0 0 3px rgba(0,0,0,0.3);-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }

.serachwrap input:focus { box-shadow:0 0 4px rgba(12,95,172,0.5); color:#0c5fac}

.serachwrap .submitbutt { display:block; cursor:pointer; padding:3px 5px; position:absolute; top:3px ; right:6px;   border:none; background:none; font-size:20px; font-family: 'FontAwesome'; color:#82828f}



 .wrapmenu { position:relative}

 .wrapmenu ul li{ display:block; float:left; padding:8px 0px; border-radius:5px 5px 0 0;-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;}

.wrapmenu ul li a { color:#2020a2; padding:0px 15px; line-height:22px; display:block; font-size:16px; text-decoration:none; text-align:center; font-family: 'ExoRegular';}



.wrapmenu ul li:hover{ background:#dedee2 }

.wrapmenu:after { width:100%; height:13px; background:url(images/menushadow.png) no-repeat center top; display:block; content:""; position:absolute; top:100%; left:0; z-index:1}

.wrapmenu ul li + li a { border-left:solid 1px #b4b4e0}




.mainbannerwrp {background:url(../images/slider-bg.jpg); background-repeat: no-repeat;
background-position: center center;background-size: cover; min-height:352px;}


p{font-size:14px; color:#333333; line-height:24px;font-family: Verdana, Geneva, sans-serif ; text-align:justify}

div{font-size:14px; color:#333333; line-height:24px;font-family: Verdana, Geneva, sans-serif ; }

	.mainbannerwrp  h1 { margin:138px 0 20px 0; line-height:55px}

	.mainbannerwrp  h1:after { position:absolute; width:80%; height:9px; background:url(images/bannerdiv.png) no-repeat center center; content:""; top:100%; left:0}

	.btn-shop { display:inline-block; background:#82828f; color:#fff;font-family: 'latoregular'; text-transform:uppercase; position:relative; padding:5px 35px 5px 10px; text-decoration:none}

.btn-shop:after { content:"\f144"; font-family: 'FontAwesome'; font-size:21px; position:absolute; top:3px; right:5px;}	

.mainbannerwrp	.btn-shop { margin-top:25px;}



.wrapcateg { margin:20px 0 10px 0; padding-bottom:40px; background:url(../images/shadowbottom.png) no-repeat bottom center; display:block}



.wrapcateg li a{ display:block; padding:10px; border:solid 1px #e6e6e6;  font-family:'latoregular'; text-transform:uppercase; text-align:center; color:#acaeb1; text-decoration:none; float:left; width:100%; margin-top:15px;transition:All 1s ease; font-size:16px;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;}

.wrapcateg li:hover a{ background:#82828f; color:#fff}

h1{ width:100%; float:left; display:block; font-size:32px; line-height:22px;color:#1f1b1c;font-family:'MyriadPro-Regular'; text-align:left; padding:10px 0px; text-transform:uppercase;transition: all 0.5s ease 0s;}


.h1-HP{ width:100%; float:left; display:block; font-size:30px; line-height:28px;color:#1f1b1c;font-family:'MyriadPro-Regular'; text-align:left; padding:15px 0px; transition: all 0.5s ease 0s;}

.NL-no{ width:100%; float:left; display:block; font-size:13px; line-height:18px;color:#FFF;font-family:'MyriadPro-Regular'; text-align:left; padding:8px 0px; transition: all 0.5s ease 0s;}

h1 span{color:#3b3b3b;}

h2 { width:100%; float:left; display:block; font-size:26px; line-height:22px;color:#0095a3;font-family:'MyriadPro-Regular'; text-align:center;padding:10px 0px;transition: all 0.5s ease 0s;}

h2 span{font-size:21px;}

h3 { width:100%; float:left; display:block; font-size:20px; line-height:22px;color:#3b3b3b;font-family:'MyriadPro-Regular'; text-align:left; padding:10px 0px;text-transform:uppercase;transition: all 0.5s ease 0s;}





.slidernav { position:absolute; top:50%; height:1px; margin-top:-30px; width:100%; z-index:2; font-size:60px; right:0;font-family: 'FontAwesome';}

.next { float:right; right:50px; }

.slidernav a { text-decoration:none; color:#cfcfcf}

.wrpmar li{ margin:0 1%}

.crsl-items { margin-bottom:5px;}

.ourbrand { background:#e8e9ea; padding:10px 0}

.wrpbrnd { padding:10px 40px 0;}

.wrpbrnd li { float:left; width:30%; margin:0 1.5%; text-align:center; padding:10px 5px; line-height:0; display:block; background:#f2f3f3; border:solid 3px #dedfe0; border-radius:25px;}

.aboutstimo { background:#f6f6f6; padding:0px 0; border-bottom:3px solid #fff; box-shadow:inset 0px -3px 3px rgba(0,0,0,0.1)}

.aboutstimo h2 { text-align:left; margin-bottom:15px;}

	.aboutstimo h2 p {font-family: 'latoregular';}



.aboutstimo a { margin:10px 0 20px;}

.testimonials li{ float:left; min-height:130px; width:100%; padding-left:135px; position:relative}

 .testimonials li span { display:block; width:115px; position:absolute; top:0; left:0;}

  .testimonials li span img { max-width:100%;}

  .testimonials li abbr { display:block; text-align:left;font-size:14px; color:#6b6d70;font-family: 'latoregular'; font-weight:bold}
  
.content-bg{ background:url(../images/top-content-bg.png) ; background-repeat: repeat-x;
background-position:top center;background-size: auto;min-height:110px;}  

.mainfooter { background:#e8e8e8;}

.mainfooter h3  { width:100%; float:left; display:block; font-size:20px; line-height:24px; color:#444;font-family:'MyriadPro-Regular'; text-align:left; font-weight:normal; margin:0px }

.grid_13 { float:left; width:18%; margin:0 1%}

.glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.panel ul li span{ color:#2957a4; font-family:'latoregular';}


.news-item
{
    padding:4px 0px;
    margin:0px;font-family:'latoregular';
    border-bottom:1px dotted #f1484c; 
}





.footlink p{color:#1c1c1c; font-size:13px;font-family:Verdana, Geneva, sans-serif; line-height:24px; text-align:justify}

.footlink li { display:block; margin:3px 0; float:left; width:100%; position:relative; padding:0px 20px;line-height:24px;}

.footlink li:after { position:absolute; top:5px; left:0; content:""; background:url(../images/bullet.png) no-repeat center center; display:block; width:10px; height:17px; color:#e7692b;}

.footlink li a{ color:#1c1c1c; font-size:13px; text-decoration:none;font-family:Verdana, Geneva, sans-serif; }
.footlink li a:hover{ color:#0296a2; font-size:13px; text-decoration:none;}

.footlink p{color:#1c1c1c; font-size:13px;font-family:Verdana, Geneva, sans-serif; line-height:24px; text-align:}

.footlink p a{color:#1c1c1c;}
.footlink p a:hover{ color:#0296a2;text-decoration:none;}


.footlink1 li p{color:#6B6D70; font-size:14px;font-family:Verdana, Geneva, sans-serif;}


.cl-b{}


.plans a {
    border:2px solid #ccc;
    display: inline-block;
    margin:5px 4px 10px 4px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}

 .plans a {
        width: 30%;
    }
    .plans a img {
        width: 100%;
    }
	
	
.gallery li a {
    
    display: inline-block;
    margin:5px 20px 10px 5px;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;
}

 .gallery li a {
        width: 20%; float:left;
    }
	
  .gallery li span{ text-align:center; margin:5px 0px; font-size:14px; color:#444;
 
    }	
	
	
 .gallery li a img {
        width: 100%;
    }
	

		

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0; border:4px solid #fff; box-shadow:0px 0px 5px #444;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 46.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}






.social {
	margin:0;
	float:left;
}

.social ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px 0px 0 10px;
}

.social ul li {
	float:left;
	margin:0px 5px 0 0;
	padding:0px;
}


.social ul li a:hover {
opacity:0.5;
}




.socialicon { float:left; width:100%}

.socialicon li { float:left; padding:2px; }

.socialicon li a { display:block; width:40px; height:40px; border-radius:0;font-family: 'FontAwesome'; color:#fff; line-height:39px; text-align:center; text-decoration:none; font-size:21px; }

.socialicon li a:hover{opacity:0.6} 

.fb{ background:#3b589a;}

.tweet{background:#00abf0}
.google{background:#d03428}
.linkin{background:#1881ba}

.copyright { background:#444243; padding:10px 0px; text-align:center; color:#fff;font-family:Verdana, Geneva, sans-serif; font-size:13px; margin-top:15px;}

.copyright a{ color:#fff; text-decoration:none}

.copyright a:hover{ color:#0296a2; text-decoration:none}

.copyright a:focus{ color:#0296a2;}

.img-thumbnail:hover { opacity:0.8}



.tab-content {
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative;
    top: -1px;
}



.nav-tabs > li a .icons {
    font-size: 28px;
    margin-bottom: 10px;
}
.ul-list {
    list-style-image: url('../images/list-style.png')!important;
    padding-left: 40px;
    padding-top: 12px;
	text-align:justify;
}
.ul-list-normal  {
    list-style-type:disc;
    padding-left: 40px;
   /* padding-top: 12px; */
	text-align:justify;
}
.ol-list {
	list-style-type: decimal; 
	/*color:#0296A2;*/
	padding-left: 40px;
    padding-top: 12px;text-align:justify;
}

.ol-list-alpha {
	list-style-type: lower-alpha; 
	/*color:#0296A2;*/
	padding-left: 40px;
    padding-top: 12px;text-align:justify;
}


.content-nav{margin:0px;padding:5px;}
.content-nav ul{margin:0px;padding:0px;}
.content-nav li{margin:0px;padding:5px 0px 5px 24px;font-family:Verdana, Geneva, sans-serif;font-size:14px;font-weight:normal; color:#333;text-decoration:none;list-style:none;line-height:22px; background: url(../images/bullet.png)5px 10px no-repeat; text-align:left}
.content-nav li a,.content-nav li a:link,.content-nav li a:visited{margin:0px;padding:0px; color:#333;text-decoration:none; list-style:none;}
.content-nav li a:hover,.content-nav li a.active{margin:0px; padding:0px;color:#999393;text-decoration:underline;list-style:none;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s;}






/* start registration */
.registration{
	padding: 1% 1%;
}
.registration h2{
	font-size:24px;
	color: #2020A2;
	text-transform:uppercase;
	margin-bottom: 4%;
}

.registration h3{
	font-size:18px;
	color: #2020A2;
	text-transform:uppercase;
	margin-bottom:2%;
}
.reg_fb {
	margin:3% 0;
	display: block;
	background: #3B5998;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.reg_fb img {
	background:#354F88;
	padding: 10px;
	float: left;
}
.reg_fb i {
	color: #ffffff;
	padding: 12px 16px;
	display: inline-block;
	font-size: 1.3em;
	text-transform: capitalize;
	font-style: normal;
}
.reg_fb:hover {
	background:#354F88;
}
.registration_left{
	float: left;
	width: 46.33333%;
	margin-left: 6%;
}

.registration_left1{
	float: left;
	width: 100%;
	margin-left: 0%;
}

.registration_left1:first-child{
	margin-left: 0;
}

.registration_left:first-child{
	margin-left: 0;
}
.registration span{
	color: #777777;
}
.registration_form{
	display: block;
}
.registration_form div{
	padding:10px 0;
}

.registration_form div span{
	padding:0px 0px 0px 20px;
}
.sky_form1{
	margin-bottom: -30px;
}
.sky_form1 ul{
	padding:0;
	list-style:none;
}
.sky_form1 ul li{
	float: left;
	margin-left: 20px;
}
.sky_form1 ul li:first-child{
	margin-left: 0;
}
label {
	display: block;
	margin-bottom: 0;
	font-weight: normal;
}
.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-family:Verdana, Geneva, sans-serif, sans-serif;
	font-size: 0.8925em;
	color: #333333;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}
.registration_form input[type="submit"]{
	-webkit-appearance: none;
	font-family:Verdana, Geneva, sans-serif, sans-serif;
	color: #808285;
	text-transform: capitalize;
	display: inline-block;
	background:#EEEFF1;
	padding: 10px 20px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;
}
.registration_form input[type="submit"]:hover{
	color: #ffffff;
	background:#808285;
}


.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color: #999;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 0.8925em;
}
.forget a:hover{
	text-decoration: none;
}


/********** Login *************/
#loginContainer {
    position:relative;
}
#loginContainer a span{
  display:block;
  padding:4px 10px;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Box */
#loginBox {
    position:absolute;
	top: 44px;
	right: 0px;
    display:none;
    z-index:29;
}
#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left:10px solid rgba(0, 0, 0, 0);
	border-right:10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #f0f0f0;
}
/* Login Form */
#loginForm {
   width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
}
#loginForm fieldset {
    margin:0 0 15px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#body {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    padding:15px 15px;
    margin:0;
}
#loginForm #checkbox {
    width:auto;
    margin:3px 6px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
    color:#000;
    margin:10px 0 0 0;
    display:block;
    float:left;
    font-size:0.8725em;
}
#loginForm #body fieldset label{
    display:block;
    float:none;
    margin:0 0 6px 0;
}
#body label i{
	color:#000;
	font-size:1em;
	font-style:normal;
}
/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #DADADA;
	color: #222;
	background:#FFF;
    padding:6px;
	font-size: 0.8125em;
    -webkit-apperance:none;
    font-family: 'Open Sans', sans-serif;
}
/* Sign In Button */
#loginForm #login {
	font-family: 'Open Sans', sans-serif;
	width: auto;
	float: left;
	background: #ffcc33;
	color: #333;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
#loginForm #login:hover {
	background: #EEBF05;
}
/* Forgot your password */
#loginForm span{
    display:block;
    padding:0px 0px 15px 0px;
}
#loginForm span a{
	color:#000;
	font-size:0.85em;
    font-weight:500;
    background: none;
	border: none;
	box-shadow: none;
}
#loginForm span a:hover{
	text-decoration:underline;
}
input:focus {
    outline:none;
}





             /** start go to top **/

#elevator_item {width: 50px;height:40px;position: fixed;right:1%;bottom:48px;-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index:99;display: none; background:#0296a2;}
#elevator_item.off {opacity: 0;visibility: hidden}
#elevator {display: block;width: 50px;height:40px;background: url(../img/icon_top1.png) center center no-repeat;
background-color:none;border-radius:0px;cursor: pointer;margin-bottom: 10px}
#elevator:hover {background: url(../img/icon_top1.png) #f0af4b center center no-repeat;}
#elevator:active {}

               /** end go to top **/

/** my **/


/********** Login *************/
#loginContainer {
    position:relative;
}
#loginContainer a span{
  display:block;
  padding:4px 10px;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Box */
#loginBox {
    position:absolute;
	top: 44px;
	right: 0px;
    display:none;
    z-index:29;
}
#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left:10px solid rgba(0, 0, 0, 0);
	border-right:10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #f0f0f0;
}
/* Login Form */
#loginForm {
   width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
}
#loginForm fieldset {
    margin:0 0 15px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#body {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    padding:15px 15px;
    margin:0;
}
#loginForm #checkbox {
    width:auto;
    margin:3px 6px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
    color:#000;
    margin:10px 0 0 0;
    display:block;
    float:left;
    font-size:0.8725em;
}
#loginForm #body fieldset label{
    display:block;
    float:none;
    margin:0 0 6px 0;
}
#body label i{
	color:#000;
	font-size:1em;
	font-style:normal;
}
/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #DADADA;
	color: #222;
	background:#FFF;
    padding:6px;
	font-size: 0.8125em;
    -webkit-apperance:none;
    font-family: 'Open Sans', sans-serif;
}
/* Sign In Button */
#loginForm #login {
	font-family: 'Open Sans', sans-serif;
	width: auto;
	float: left;
	background: #ffcc33;
	color: #333;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
#loginForm #login:hover {
	background: #EEBF05;
}
/* Forgot your password */
#loginForm span{
    display:block;
    padding:0px 0px 15px 0px;
}
#loginForm span a{
	color:#000;
	font-size:0.85em;
    font-weight:500;
    background: none;
	border: none;
	box-shadow: none;
}
#loginForm span a:hover{
	text-decoration:underline;
}
input:focus {
    outline:none;
}
/*-- header --*/
.header_bg{
	border-bottom: 1px solid rgb(236, 236, 236);
}
.header{
	padding:12px 0 0;
}
.logo{
	float:left;
	margin-top:10px;
}
.header_right{
	margin: 2% 0;
}
/*search*/
.search{
	float:right;
	position: relative;
	background: #f3f4f5;
	border: 1px solid #D8D8D8;
	margin-right: 3%;
	width: 24.33333%;
}
.search form{
	width:100%;
}
.search input[type="text"]{
	margin:0px 0;
	font-family: 'Open Sans', sans-serif;
	padding:8px 16px;
	outline: none;
	color: #5a5a5a;
	background: none;
	border: none;
	width:85.33333%;
	line-height: 1.5em;
	position: relative;
	font-size: 0.8725em;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.search input[type="text"]:hover{
	background: #ffffff;
}
.search input[type="submit"]{
	background: url('../images/search.png') no-repeat 0px 1px;
	border: none;
	cursor: pointer;
	width: 24px;
	outline: none;
	position: absolute;
	height: 24px;
	top: 6px;
	right: 5px;
}
/* create_btn */
.create_btn{
	float: right;
}
.create_btn a{
	text-transform: capitalize;
	display:inline-block;
	padding: 10px 20px;
	font-size: 0.8725em;
	color: #ffffff;
	background: #ffcc33;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.create_btn a:hover{
	background: #00405d;
	color:#ffffff; 
	text-decoration:none;
}
.create_btn a img{
	vertical-align: top;
	margin-top: 3px;
}
/* start icon styles */
.icon1:before,.icon1:after {
	content: "";
	display: table;
}
.icon1:after {
	clear: both;
}
.icon1 {
	float:right;
	zoom:1;
	margin-right: 2%;
}
ul.icon1 {
	padding:0;
	list-style:none;
}
.icon1 li {
	float: left;
	position: relative;
}
.icon1 li:last-child{
	border-right:none;
}
.icon1 li:hover > a {
	color: #fafafa;
}
*html .icon1 li a:hover { /* IE6 only */
	color: #fafafa;
}
.icon1 ul {
	width:300px;
	margin: 20px 0 0 0;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 42px;
	z-index: 1;
	right: -140px;
	background: #ffffff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-o-box-shadow: 0px 0px 5px #aaa;
}
.icon1 li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.icon1 ul ul {
	top: 6px;
	left: 158px;
	margin: 0 0 0 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.icon1 ul li {
	float: none;
	display: block;
	border: 0;
}
.icon1 ul li:first-child{
	border-top:none;
}
.icon1 ul li:first-child a{
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
}
.icon1 ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}
.icon1 ul a {    
	_height: 10px; /*IE6 only*/
	white-space: nowrap;
	float: none;
	text-transform: none;
}
.active-icon{
	display: block;
}
.icon1 ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 45%;
	top: -30px;
	border-left: 10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #f0f0f0;
}
.icon1 ul ul li:first-child a:after {
	left: -100px;
	top: 0%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom:20px solid transparent;
	border-top: 20px solid transparent;
	border-right:20px solid #323757;
}
/* Mobile */
.icon1-trigger {
	display: none;
}
.sub-icon1 img{
	border:none;
	display:inline-block;
	vertical-align:middle;
}
.c1{
	background: url(../images/art.png) no-repeat 0px 0px;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
}
.c2{
	background: url(../images/bag.png) no-repeat 0px 1px;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
.icon1 .profile_img {
	margin-top: 3px;
}
.sub-icon1 ul li h3{
	text-align:center;
	font-size: 1em;
	color: #00405d;
	text-transform:uppercase;
	margin-bottom: 4%;
}
.sub-icon1 ul li p{
	text-align:center;
	font-size: 0.8125em;
	color: #555555;
	line-height: 1.8em;
}
.sub-icon1.list{
	padding: 20px 0px;
}
.sub-icon1 ul li p a{
	color: #00405d;
}
.sub-icon1 ul li p a:hover{
	color: #555555;
	text-decoration:underline;
}
/* start menu */
.h_nav h4{
	border-bottom: 1px solid rgb(236, 236, 236);
	font-size: 1em;
	color: #000;
	line-height: 1.8em;
	text-transform: uppercase;
	margin-bottom: 4%;
}
.h_nav h4.top{
	margin-top: 12%;
}
.h_nav ul li{
	display: block;
}
.h_nav ul li a{
	display: block;
	font-size: 0.95em;
	color: #555;
	text-transform: capitalize;
	line-height: 1.8em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 2.5em;
}
.h_nav ul li a:hover{
	color:#00405d;
	text-decoration:underline;
}
/* start main */
.content_top {
	margin-top:2em;
}
.grid_list{
	border-bottom: 1px solid rgb(236, 236, 236);
	padding-bottom: 2em;
	cursor: pointer;
	margin-bottom: 2em;
}
.grid_list:hover a{
	text-decoration:none;
}
.grid_img{
	width:30%;
	float: left;
	margin-right: 1em;
}
.grid_text-middle{
	width: 62.333%;
	float: left;
	margin-right: 1em;
}
.last{
	margin-right:0;
}
.grid_text h3, .grid_text-middle h3{
	font-size:18px;
}
.grid_text h3 a, .grid_text-middle h3 a{
	color:#555;
	text-transform:uppercase;	
}
.grid_text p, .grid_text-middle p{
	color:#777777;
	font-size: 0.8125em;
	text-transform: uppercase;	
}
/* start content */
.content{
	text-align:center;
}
.content_text {
	margin-top: 4%;
}
.content_text h3{
	font-size:15px;
	color:#000000;
	text-transform:uppercase;
}
.content_text h4 a{
	margin:20px 0 10px;
	font-size:1.5em;
	color:#000000;
	text-transform:uppercase;
	text-decoration:underline;
	display: inline-block;
	font-style: italic;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.content_text h4 a:hover{
	color:#00405d;
	text-decoration:none;
}
.content_text p{
	font-style: italic;
	font-size:0.8725em;
	color:#000000;
	line-height: 1.8em;
	width:50%;
	margin: 0 auto;
}
.grids{
	padding:3em 0;
}
.grid1:hover .look{
	background:#ffcc33;
}
.grid1{
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.look {
	position: absolute;
	right:15px;
	bottom: 0;
	background:rgba(141, 141, 141, 0.51);
	padding: 10px;
}
.look h4{
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
}
.look p{
	-webkit-text-stroke: 0.5px;
	font-size: 0.8125em;
	color: #fff;
	text-transform: uppercase;
}
/*-- start footer -- */
/* scroll_top_btn */
.footer_top{
	border-top:1px solid rgb(236, 236, 236);
	padding:1em 0;
}
/*-- start span_of_4 -- */
.span_of_4{
	margin-top: 2%;
}
.span1_of_4 {
	float:left;
	margin-left: 4%;
	width: 21.33333%;
}
.span1_of_4:first-child{
	margin-left: 0%;
}
.span1_of_4 h4{
	border-bottom:1px solid rgb(236, 236, 236);
	font-size: 1.2em;
	color: #555555;
	line-height: 1.8em;
	text-transform:capitalize;
}
.span1_of_4 h5{
	margin-top:12%;
	font-size: 1.2em;
	color: #555555;
	line-height: 1.8em;
	text-transform:capitalize;
	display: block;
}
.span1_of_4 h5 a{
	color: #00405d;
}
.span1_of_4 h5 a:hover{
	color: #555555;
}
.span1_of_4 h5 a span{
	vertical-align: middle;
}
.span1_of_4 p{
	color: #777777;
	line-height: 1.8em;
	font-size: 0.8725em;
}
.span1_of_4 h4.top{
	margin-top: 4%;	
}
.f_nav{
	margin-top: 4%;
	padding:0;
	list-style:none;
}
.f_nav li a{
	display:block;
	font-size: 0.8125em;
	color:#777777;
	text-transform:capitalize;
	line-height: 1.8em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.f_nav li a:hover{
	color:#00405d;
	text-decoration:underline;
}
/* start span_of_2 */
.span_of_2{
	margin: 4% 0;
	display: block;	
}
.span1_of_2 {
	float:left;
	width: 23.33333%;
	margin-right: 4%;
}
.span1_of_2 h5{
	font-size: 1.2em;
	color: #555555;
	line-height: 1.8em;
	text-transform:capitalize;
	display: block;
}
.span1_of_2 h5 a{
	color: #00405d;
}
.span1_of_2 h5 a:hover{
	color: #555555;
}
.span1_of_2 h5 a span{
	vertical-align: middle;
}
.span1_of_2 p{
	color: #777777;
	line-height: 1.8em;
	font-size: 0.8725em;
}
/*--- social-icons ----*/
.social-icons {
	margin-top: 1%;
}
.social-icons ul{
	padding:0;
	list-style:none;
}
.social-icons li{
	display:inline-block;
}
.social-icons li a{
	height: 46px;
	width: 46px;
	display: block;
	background:url(../images/soc_icons.png);
}
.social-icons li:nth-child(1) a{
	background: url(../images/soc_icons.png) 0% 0%;
}
.social-icons li:nth-child(2) a{
	background: url(../images/soc_icons.png) 25% 0%;
}
.social-icons li:nth-child(3) a{
	background: url(../images/soc_icons.png) 50% 0%;
}
.social-icons li:nth-child(4) a{
	background: url(../images/soc_icons.png) 75% 0%;
}
.social-icons li:nth-child(5) a{
	background: url(../images/soc_icons.png) 100% 0%;
}
.social-icons li a:hover{
	opacity: 0.9;
}
/*-- start footer_style -- */
.footer{
	background: #00405d;
	padding: 10px 20px;
}
.copy{
	margin:10px 0;
	text-align:center;
}
.copy p.link {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.8em;
	color: #ffffff;
	font-size: 0.8125em;
}
.copy p.link a {
	color: #ffcc33;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.copy p.link a:hover {
	color: #ffffff;
}
/* start women */
.w_sidebar{
	border: 1px solid #EBEBEB;
}
.w_nav1 ul{
	padding:0;
	list-style:none;
}
.w_nav1{
	padding: 20px;
}
.w_nav1 h4{
	text-transform:uppercase;
	color: #589D3E;
	font-size: 1em;
	margin-bottom: 5px;
}
.w_nav1 ul li{
	line-height: 1.5em;
}
.w_nav1 ul li a{
	display: block;
	text-transform:uppercase;
	color: #555555;
	font-size: 0.8725em;
}
.w_nav1 ul li a:hover{
	color:#00405d;
}
.w_nav2{
	padding: 20px;
}
.w_nav2  li{
	line-height: 1.5em;
	display: inline-block;
}
.w_nav2 li a{
	display: block;
	padding: 14px;
}
.w_nav2 li a.color1{
	background:	#0AA5E2;
}
.w_nav2 li a.color2{
	background:	#40E0D0;
}
.w_nav2 li a.color3{
	background:	#B03060;
}
.w_nav2 li a.color4{
	background:	#000080;
}
.w_nav2 li a.color5{
	background:	#E60D41;
}
.w_nav2 li a.color6{
	background:	#45BF55;
}
.w_nav2 li a.color7{
	background:	#FF7F00;
}
.w_nav2 li a.color8{
	background:	#8B4513;
}
.w_nav2 li a.color9{
	background:	#FFD700;
}
.w_nav2 li a.color10{
	background:	#9FA8AB;
}
.w_nav2 li a.color11{
	background:	#C0C0C0;
}
.w_nav2 li a.color12{
	background:	#0AA5E2;
}
.w_nav2 li a.color13{
	background:	#FFCBDB;
}
.w_nav2 li a.color14{
	background:	#B87333;
}
.w_nav2 li a.color15{
	background:	#BFB540;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.w_sidebar h3{
	padding:0 20px 10px;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
}


.com-mem-img { width: 100%;max-width: 150px; height: auto; border:4px solid #D7A850;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.book-img { width: 100%;max-width: 180px; height: auto; border:4px solid #D7A850;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.poster-img { width: 100%;max-width: 150px; height: auto; border:4px solid #D7A850;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.nl-in-img { width: 100%;max-width: 500px; height: auto; border:1px solid #0095a3;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

/* radios and checkboxes */
.sky-form {
	margin-top:0px;
}
.row1{
	outline:none;
	padding: 20px;
	overflow: auto;
	height: 200px;
}
.sky-form.col.col-4 ul {
padding: 0;
list-style: none;
}

.sky-form.col.col-4 ul li { margin:10px 10px 10px 10px;}

.sky-form h4{
	margin-top: 10px;
	background: #ECECEC;
	padding: 10px 20px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size:16px;
}
.sky-form section {
	margin-bottom: 20px;
}
.sky-form .label {
	display: block;
	margin-bottom: 6px;
	line-height: 19px;
}
.sky-form .label.col {
	margin: 0;
	padding-top: 10px;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
	position: relative;
	display: block;
}
/* selects */
.sky-form .select i {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 1px;
	height: 11px;
	background: #fff;
	box-shadow: 0 0 0 12px #fff;
}
.sky-form .select i:after,
.sky-form .select i:before {
	content: '';
	position: absolute;
	right: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.sky-form .select i:after {
	bottom: 0;
	border-top: 4px solid #404040;
}
.sky-form .select i:before {
	top: 0;
	border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
	height: auto;
}
/* radios and checkboxes */
.sky-form .radio,.sky-form .checkbox {
	outline:none;
	border:none;
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 13px;
	line-height: 27px;
	color: #555555;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: normal;
	margin-top: 0;
}
.sky-form .radio{
	text-transform: none;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
	margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
	position: absolute;
	left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}
.sky-form .radio i {
	border-radius: 50%;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
	content: '';
	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.sky-form .checkbox input + i:after {
	content: '';
	top: 3px;
	left: 2px;
	width: 10px;
	height: 7px;
	background: url(../images/tick.png) no-repeat;
	text-align: center;
}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
	opacity: 1;
}
.sky-form .inline-group {
	margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}
/* icons */

.sky-form [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
	border-color: #e5e5e5;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
	background-color: #2da5da;	
}
/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
	border-color: #8dc9e5;
}
.sky-form .button:hover {
	opacity: 1;
}
/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border-color: #2da5da;
}
/* checked state */
.sky-form .radio input + i:after {
	background-color: #2da5da;	
}
.sky-form .checkbox input + i:after {
	color: #2da5da;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #2da5da;	
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
	background: #fff0f0;
}
/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
	background: #f0fff0;
}
/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
	cursor: default;
	opacity: 0.5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
	border-color: #e5e5e5;
}
/*-- start scrollpane --*/
.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
	outline: none;
	padding: 20px !important;
}
.jspVerticalBar{
	position: absolute;
	top: 0;
	right:0px;
	width:5px;
	height: 100%;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	background: #f0f0f0;
	position: relative;
}
.jspDrag{
	background: #777777;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}
.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow{
	height: 16px;
}
.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/*-- end scrollpane --*/



.button1 {
	font-family: 'Open Sans', sans-serif;
	border: none;
	background:#00405d;
	padding: 7px 15px;
	color: #FFF;
	font-size: 13px;
	cursor: pointer;
	outline: none;
	margin-top: 9%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.button1:hover{
	background:#ffcc33;
	color: #000000;
}
.desc1 h3{
	color:#444444;
	font-size:1.6em;
	text-transform:capitalize; padding:10px 0px; border-bottom:2px dotted #dddcdc; font-family:'latoregular';
}
.desc1 p{
	margin-top: 2%;
	font-size: 1em;
	color: #444444;
	line-height: 1.8em;
	-webkit-text-stroke: 1.5px;
	text-shadow: 0 1px 0 #ffffff;
	letter-spacing: 0px;
}

 .desc1 p span{
	margin-top: 2%;
	font-size: 1.5em;
	color: #2020A2;
	line-height: 1.8em;
	-webkit-text-stroke: 1.5px;
	text-shadow: 0 1px 0 #ffffff;
	letter-spacing: 1px; font-weight:bold;
}

.desc1 p a{
	margin-left:5px;
	color:#555555;
	
	font-size: 13px;
	-webkit-text-stroke: 0px;
	letter-spacing: 0px;
}
.desc1 p a:hover{
	color: #2020A2;
}
.det_nav {
	margin:  6% 0;
}
.det_nav ul{
	padding:0;
	list-style:none;
}
.det_nav h4{
	line-height:1.8em;
	font-size: 1em;
	color: #555555;
	text-transform:uppercase;
	margin-bottom: 4%;
}
.det_nav ul li{
	display:inline-block;
	width: 20.33333%;
	margin-left: 4%;
}
.det_nav ul li:first-child{
	margin-left: 0;
}
.det_nav ul li a{
	display:block;
}
.det_nav ul li a img{
	border: 1px solid #DADADA;
}
.btn_form{
	margin: 5% 0 4%;
}
.btn_form a{
	font-family:  'latoregular';
	cursor:pointer;
	border:none;
	outline:none;
	display: inline-block;
	font-size: 1.4em;
	padding: 15px 60px;
	background:#EEEFF1;
	color:#808285;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_form a:hover{
	background:#a2a7b0;
	text-decoration:none; color:#fff;
}

/* end details */




label {
	display: block;
	margin-bottom: 0;
	font-weight: normal;
}
.registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
	padding: 8px;
	display: block;
	width:100%;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8925em;
	color: #939292;
	-webkit-appearance: none;
	text-transform: capitalize;
	background: #FFFFFF;
	border: 1px solid rgb(231, 231, 231);
	font-weight: normal;
}
.registration_form input[type="submit"]{
	-webkit-appearance: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #1c1c1e;
	text-transform: capitalize;
	display: inline-block;
	background:#f0af4b;
	padding: 6px 20px; border-radius:0px;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	cursor:pointer;
	border:none;
	outline:none;
	font-size:1em;
	margin-bottom: 5px;
}
.registration_form input[type="submit"]:hover{
	color: #ffffff;
	background:#444243;
}
.terms{
	text-decoration:underline;
	text-transform:capitalize;
	color: #999;
}
.terms:hover{
	text-decoration:none;
}
.forget a{
	text-transform: capitalize;
	color: #999999;
	text-decoration: underline;
	font-size: 0.8925em;
}
.forget a:hover{
	text-decoration: none;
}



/* start contact */
.contact{
	margin:2% 0;
	display: block;
}
.contact h2{
	font-size: 1.5em;
	color: #00405d;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: capitalize;
}
.map{
	margin: 2% 2% 2% 0;
}
.col{
	display: block;
}
.contact-form{
	position:relative;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span label{
	margin-top: 10px;
	color: #777777;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
	text-transform: capitalize;
	font-weight: normal;
}
.contact-form input[type="text"], .contact-form textarea {
	font-family: 'Open Sans', sans-serif;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 96.3333%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	margin-top: 10px;
	-webkit-appearance: none;
	border: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	padding: 12px 25px;
	background: #00405d;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form input[type="submit"]:hover{
	background: #ffcc33;
	color: #ffffff;
}

			   
			   
.category-products .badge {
  background:none;
  border-radius: 10px;
  color: #696763;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.panel-body ul{
  padding-left: 20px;
}


.panel-body ul li a {
  color:#0296A2;
  font-family: Verdana, Geneva, sans-serif
  font-size: 14px; line-height:24px;
  text-transform: capitalize;
}


.boxer { border: none; }
.inline_content { width: 300px; overflow: hidden; padding: 0 20px; }
#boxer h3 { font-style: italic; font-size: 16px; margin: 0; padding: 15px 10px 10px; }
#boxer.mobile.inline .boxer-content { background: #fff; }
#boxer.mobile.inline .inline_content { height: 10000px; overflow: scroll; padding: 30px 50px; width: 100%; }

.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}

.popup-img{width:100%; height:auto; max-width:150px; float:left; margin:0px 10px 5px 0px; border:4px solid #ccc;}


/*--media queries--*/
@media (max-width:1024px){
.grid_list {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}
.grid_text h3, .grid_text-middle h3 {
	font-size: 15px;
}
.grid_text p, .grid_text-middle p {
	font-size: 12px;
}
.content_text h4 a {
	font-size: 1.2em;
}
.span1_of_2 {
	width: 26.33333%;
}
.span_3_of_2 {
	width: 52.3333%;
}
.button1 {
	padding: 7px 10px;
}
.view .mask, .view .content {
	top: 138px;
	left: 82px;
}
}





@media only screen and ( max-width:640px){
      .mR50{ margin-right:0px !important;}
	  
	 

	 .topmenu { width:100%; text-align:center}

	  .topmenu li { float:none; display:inline-block}

	  
	 

}





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

  
	.topmenu li { padding:0 5px;}

}