/*
Theme name: Diversity

Author: Gensofts Info Solutions

*/
/* CSS Document */

*{ margin:0px; padding:0px; outline:0px;}

html{ margin:0px; padding:0px;}

body{ background:#ffffff; color:#000000; font-size:15px; font-family: 'robotoregular'; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6, span, label, p, input, select, textarea, img, ul, em, center, u, pre, header, section, footer, aside, nav, main, article, figure, figcaption {margin:0px; padding:0px; font-weight:normal; list-style:none; line-height:inherit;}
ol {
    padding-left: 30px;
}
a img{ border:0px; outline:0px;}

a{text-decoration:none; color:#1a8ec4; outline:none; transition: all 0.5s ease 0s;}

ul li{ list-style:none;}

a:hover{ color:#000; text-decoration:none;}

img{border:none; outline:none; max-width:100%; height:auto;}

.clear{ clear:both;}

.wrapper{ margin:0 auto; width:1100px;}

/********* FIX CSS *********/ 


/* Header css start here */

#header{ width:100%; float:left; height:142px; border-bottom:1px solid #f2f2f2;}

.HeadTop{ min-height:42px; float:left; width:100%; background:#1a8ec4;}

.TopSocial{ float:left;}

.TopSocial a{ margin:10px 16px 0 0; display:inline-block}

.TopSocial a img{ vertical-align:middle;}

.TopSocial a:hover{ opacity:0.7;}

.TopRight{ float:right;}


.logIn{ float:left; margin:9px 0 0 }

.logIn ul{ padding:0px; margin:0px;}

.logIn ul li{ float:left; font-size:14px; color:#FFF; margin:0 25px 0 0;transition: all 0.0s ease 0s;}

.logIn ul li a{color:#FFF;transition: all 0.0s ease 0s;}

.logIn ul li img { vertical-align:middle; margin:0 7px 0 0}

.logIn ul li:hover a img{ opacity:0.7;} 

.logIn ul li a:hover{ color:#000}


.TopSearch{ float:right; margin-top:5px;}

.TopSearch input[type=text]{ float:left; padding:0px 10px; width:137px; height:28px; line-height:28px; border:1px solid #4fa8d2; background:#1a8ec4; font-size:13px; color:#6ab5d9;font-family: 'robotoregular';}

.TopSearch input[type=submit]{ float:left; padding:0px; height:30px; width:24px; border:1px solid #4fa8d2; border-left:0; cursor:pointer; font-size:0px; text-indent:-9999px; background:url(images/search-btn.png) no-repeat left top; transition: all 0.5s ease 0s;}

.TopSearch input[type=submit]:hover{opacity:0.7;}


.logo{ float:left; margin-top:24px;}

.navigation{ float:right; margin-top:40px;}

.navigation ul{ padding:0px; margin:0px;}

.navigation ul li{ float:left; position:relative;}


/* DropDwon css start here */

.navigation ul li ul{ display:none;}

.navigation ul li:hover ul{ display:block; position:absolute; top:99.8%; left:0; width:218px; border:1px solid #eff2f4; border-top:0px; background:#FFF; z-index:999;}

.navigation ul li:hover ul ul{left:100%;}

.navigation ul li:hover ul li{ padding:0px; margin:0px; width:100%; border-top:1px solid #eaeaea; border-bottom:0}

.navigation ul li:hover ul li a{ padding:17px 0 16px 20px; margin:0px; border:0px; color:#717171;}

.navigation ul li:hover ul li:hover a{ color:#1a8ec4;}

/* DropDwon css end here */

.navigation ul li a{ font-size:14px; color:#717171; text-transform:uppercase; margin:0 0 0 22px; border-bottom:2px solid #FFF; float:left; padding:0 9px 39px;}

.navigation ul li:hover a{ border-bottom:2px solid #1a8ec4; color:#1a8ec4;} 

.navigation ul li.active a{ border-bottom:2px solid #1a8ec4; color:#1a8ec4;} 


.BrandPartner{ width:100%; float:left; text-align:center; padding-top:13px;}

.BrandPartner ul{ padding:0px; margin:0px;}

.BrandPartner ul li{ display:inline-block; padding:0px 40px;}

.BrandPartner ul li img{ vertical-align:middle;}


/* Header css end here */


/* Banner css start here */

.banner{ width:100%; float:left; text-align:center; position:relative;}

.BanText{ width:100%; position:absolute; top:0; left:0;}

.BannerForm{ width:260px; float:right; margin-top:50px; padding:0px 20px; border:1px solid #f7941e; position:relative; padding-bottom:46px;}

.BannerForm:before{ content:""; width:100%; height:12px; position:absolute; bottom:-13px; left:0; background:url(images/shadow.png) no-repeat left bottom;}

.BannerForm h1{ font-size:30px; color:#1a8ec4; font-weight:normal;font-family: 'robotolight'; letter-spacing:-0.3px; line-height:30px; margin:20px 0 0}

.BannerForm p{ font-size:15px; color:#666666;font-family: 'robotolight'; padding:6px 0 0;}

.BannerForm ul{ padding:0px; margin:30px 0 0;}

.BannerForm ul li{ width:100%; float:left; margin-bottom:10px;}

.BannerForm ul li.FullName{ background:url(images/name.jpg) no-repeat left top; height:46px; border:1px solid #d4d4d4; width:99%;}

.BannerForm ul li.FullEmail{ background:url(images/email.jpg) no-repeat left top; height:46px; border:1px solid #d4d4d4; width:99%;}

.BannerForm ul li input[type=text]{ float:left; width:203px; padding:0px; margin:0px 10px 0 0; float:right; border:0px; height:46px; line-height:46px; font-size:16px; color:#aeb2b4;font-family: 'robotoregular';}

.BannerForm ul li button[type=submit]{ width:100%; float:left; height:46px; line-height:46px; font-size:18px; font-family: 'robotomedium'; background:url(images/click-here.jpg) repeat-x left top; border:0px; cursor:pointer; color:#fff; border-radius:4px;}

.BannerForm ul li button[type=submit]:hover{ background:url(images/click-here-hover.jpg) repeat-x left top;}

/* Banner css end here */


/* Middle css start here */

#middle{ width:100%; float:left;}

.Workplace{ width:100%; float:left; background:#FFF url(images/mid-bg.jpg) no-repeat center top; margin-top:33px;}

.Workplace h2{ text-align:center; font-size:36px; color:#1a8ec4; line-height:36px; padding:54px 0px 0px;}

.Workplace p{ text-align:center; font-size:22px; color:#929393;font-family: 'robotolight'; padding-top:10px;}


.TrainingBox{ width:1035px; margin:0 auto; overflow:hidden; padding-bottom:70px;}

.TrainingBox ol{ padding:0px; margin:0px;counter-reset: li;}

.TrainingBox ol li{ width:305px;height:290px; float:left; text-align:left; padding:43px 40px 0px 0px; list-style-type:none!important; position:relative}

.TrainingBox ol li::before {content: counter(li, decimal);counter-increment: li;background:#1a8ec4;width:93px;height:93px;display:inline-block;border-radius:100%;text-align:center;  line-height:93px;font-size:36px; color:#FFF; font-family: 'robotobold';}

.TrainingBox ol li h3{ color:#1a8ec4; font-size:20px;font-family: 'robotolight'; padding:19px 0px 0px;}

.TrainingBox ol li p{ text-align:left; padding:0px; font-size:15px; color:#666666; line-height:24px; padding:10px 0px 0px;}

.TrainingBox ol li p a{ color:#f7941e;}

.TrainingBox ol li p a:hover{ text-decoration:underline;}


.InnerPages{ width:100%; float:left; background:#f4f7f9; padding:55px 0px 60px;}

.DiverCityVideos{ width:100%; float:left; border-bottom:1px solid #e7e7e7; text-align:center; padding-bottom:55px;}

.DiverCityVideos h1{ font-size:36px; color:#1a8ec4; line-height:36px;}

.DiverCityVideos p{ padding:18px 120px 0; font-size:18px; color:#929393; line-height:30px; }


.cultural_divercity{ width:100%; float:left; margin-top:38px;}

.LeftPanel{ width:235px; float:left;}

.LeftPanel ul{ padding:0px; margin:0px;}

.LeftPanel ul li{ padding:0px; margin:0px 0 2px; float:left; background:url(images/blue.png) no-repeat left top; height:46px; line-height:46px; width:100%;}

.LeftPanel ul li a{ color:#FFF;font-family: 'robotomedium'; font-size:15px; width:96%; float:left; padding-left:4%;}

.LeftPanel ul li a:hover{ background:url(images/active.png) no-repeat left top;}

.LeftPanel ul li a.active{ background:url(images/active.png) no-repeat left top;}


.RightPanel{ width:842px; float:right; padding:5px 0 0;}

.RightPanel h2{color:#1A8EC4; font-size:24px; padding-bottom:23px;}

.RightPanel h3{color:#333; font-size:20px; padding-bottom:27px;}

.RightPanel p{color:#666; font-size:15px; line-height:24px; padding-bottom:24px;}

.RightPanel a.seevideo{display:inline-block; background:url(images/click-here.jpg) repeat-x top #E0871C; color:#fff; font-size:18px; font-family: 'robotomedium'; padding:11px 26px; border-radius:4px;}

.RightPanel a.seevideo:hover{background:url(images/click-here-hover.jpg) repeat-x top #1882B4;}


.advantages{float:left; width:100%; margin:13px 0 58px; text-align:center;}

.advantages h2{background:#1A8EC4; color:#fff; font-size:30px; font-family: 'robotomedium'; padding:17px 0px 17px; text-transform:uppercase;}

.advantages h2 small{font-size:20px;}


.whtblock{float:left; width:99.8%; background:#fff; border-left:1px solid #E8EAEC; border-right:1px solid #E8EAEC; border-bottom:2px solid #E8EAEC; padding:34px 0 0;}

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

.vimsdiv span.num{background:#ECB834; width:85px; height:85px; border-radius:50%;}


.vimsdiv ol {counter-reset: li; margin: 0; padding: 0;}

.vimsdiv ol li{position:relative; width:237px; display:inline-block; margin:0 20px 25px; vertical-align:top;}

.vimsdiv ol li::before {

  background: #ECB834;

  border-radius: 100%;

  color: #fff;

  content: counter(li, decimal);

  counter-increment: li;

  display: inline-block;

  font-family: "robotobold";

  font-size: 36px;

  height: 93px;

  line-height: 93px;

  text-align: center;

  width: 93px;

}

.vimsdiv h3{color:#1A8EC4; font-size:24px; font-family: 'robotomedium'; padding:13px 0px;}

.vimsdiv p{color:#666; font-size:15px; line-height:24px;}


.topvlim{float:left; width:100%; text-align:center;}

.topvlim h2{color:#1A8EC4; font-size:36px; padding-bottom:34px;}

.topvlim p{color:#838383; font-size:16px; line-height:32px; padding:0 52px 32px;}


.inner_banner{float:left; width:100%; height:471px; background:url(images/banner.jpg) no-repeat top left fixed; background-size:cover; margin-bottom: -60px;}

.inner_banner img{display:none;}


.vcsdiv{float:left; width:100%; background:#fff;}

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

.whsleft{float:left; width:411px;}

.whsright{float:left; width:688px; padding:72px 0 0;}

.whsright h2{color:#1A8EC4; font-size:36px; padding-bottom:24px;}

.whsright ul{padding-left:10px;}

.whsright li{display:block; background:url(images/round-bullet.gif) no-repeat 0 5px; padding:0 0 25px 35px; color:#838383; font-size:15px; line-height:24px;}


.tkkr{background:#fff;}

.vsdiv{float:left; width:100%; padding:45px 0px;}

.vsdiv img.alineleft{float:left; margin:0 38px;}

.vsdiv img.alineright{float:right; margin:0 38px;}

.vsdiv h3{color:#1A8EC4; font-size:24px; padding-bottom:13px;}

.vsdiv p{color:#666; font-size:15px; line-height:24px; padding-bottom:14px;}

.vsdiv a{color:#F7941E;}

.vsdiv a:hover{color:#1A8EC4;}


.bluebg{background:#1A8EC4; text-align:center;}

.bluebg h2{color:#fff; font-size:36px; padding-bottom:56px; text-transform:uppercase; font-family: 'robotolight';}

.bluebg h2 strong{font-family: 'robotobold';}


.addressdiv{float:left; width:383px; text-align:left;}

.addressdiv h3{color:#fff; font-size:20px; font-family: 'robotobold'; padding-bottom:28px; text-transform:uppercase;}

.addressdiv img{vertical-align:sub; margin-right:12px;}

.addressdiv p{font-size:14px; padding:0 0 0 40px; color:#fff; line-height:22px; padding-bottom:35px;}

.addressdiv big{font-size:24px;}


.heres{width:364px;}

.heresvssn{width:353px; text-align:center;}

.heresvssn h3{font-size:30px; text-transform:inherit;}

.heresvssn p{padding:0px 0 28px;}

.heresvssn img:hover{opacity:0.8;}


.mapdiv{float:left; width:100%; text-align:center;}

.mapdiv img{width:100%;}


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

.TopicsBox{ width:338px; float:left; margin:40px 43px 0 0 }

.TopicsBox:nth-child(3n+3){ margin-right:0}

.culbox{ background:#ff8a00; width:328px; float:left; padding:5px 0; border:5px solid #FFF; border-radius:4px; box-shadow:0px 0px 6px #e1e4e5; text-align:center; min-height:240px;}

.culbox h3{ font-size:36px; color:#FFF; line-height:36px; font-family: 'robotobold'; margin-top:88px;text-align:center;}

.culbox span{ display:block; font-size:13px; color:#272727; padding:13px 0 0}


.TopicsBox p{ font-size:15px; color:#666666; line-height:24px; padding:18px 0px 0px 5px; display:block; float:left; width:99%;}


.bl{ background:#00a9e9}

.gr{ background:#39b54a}


.Productlisting{ width:100%; float:left;  padding:16px 0px 50px; position:relative }

.Productlisting h1{ font-size:36px; color:#1a8ec4; line-height:36px;}

.tax-product_cat .wrapper h1{ font-size:36px; color:#1a8ec4; line-height:36px;  padding-top: 15px;}


.Productlisting table{ padding:0px; margin:40px 0 0;}

.Productlisting tr{ position:relative; height:89px; width:100%; float:left; padding:10px 0px}

.Productlisting td { padding:0px; margin:0px; vertical-align:top}

.Productlisting td img{ border:5px solid #FFF; box-shadow:0px 0px 6px #e1e4e5;/*width:84px;*/}

.Productlisting td h2{ font-size:18px; color:#1a8ec4; padding:13px 0px 0px;}

.Productlisting td p{ font-size:14px; color:#505050; font-family: 'robotolight'; padding-top:10px}

.Productlisting td span{ display:block; font-size:14px; color:#868585; padding-top:33px;}

.Productlisting td a.MoreDetails{ width:144px; height:37px; line-height:37px; text-align:center; background:url(images/green-btn.jpg) repeat-x left top; float:left; margin-top:24px; font-size:15px; color:#FFF;font-family: 'robotomedium'; border-radius:4px;}

.Productlisting td a.MoreDetails:hover{ background:url(images/green-btn-hover.jpg) repeat-x left top;}

.Productlisting tr:nth-child(2n+1){ background:#eff2f5} 

.Productlisting tr:hover:before{ content:""; position:absolute; top:0; left:0; border-left:8px solid #1a8ec4;  height:109px;}

.detail_left{ width:388px; float:left; background:#FFF; padding:5px;box-shadow:0px 0px 6px #e1e4e5; border-radius:4px;}

.detail_right{ width:680px; float:right;}

.detail_right h1{ font-size:22px; color:#1a8ec4; padding-top:12px;}

.detail_right p{ font-size:15px; color:#929393; line-height:27px; padding:15px 40px 0px 0;font-family: 'robotolight';}

.detail_right span{ display:block}

.detail_right span.Price{ font-size:19px; color:#000; padding-top:30px;}

.detail_right span.streaming{ font-size:15px; color:#929393; padding-top:20px; font-size:15px; color:#1a8ec4;}

.detail_right span.discounts{ font-size:15px; color:#929393; padding-top:4px; font-size:15px; color:#1a8ec4;}

.detail_right h3{ font-size:30px; color:#242424; padding:1px 0 0}

.detail_right h4{  font-size:15px; color:#929393; padding-top:14px;}

.detail_right p a{ float:left; margin-top:15px;}

.detail_right p a:hover img{ opacity:0.7;}

.single_add_to_cart_button{ width:174px; height:46px; text-align:center; line-height:46px; background:url(images/cl.jpg) repeat-x left top !important; font-size:15px; color:#FFF;font-family: 'robotomedium'; border-radius:4px; margin-left:25px;}

.detail_right p a.buynow:hover{ background:url(images/click-here.jpg) repeat-x left top;}


.Customerreviews{ width:100%; float:left; /*margin-top:56px;*/ margin-top:10px;}


.shadetabs{width:100%;padding:0px 0 0px 0px;margin:0px 0 0 0px;float:left;list-style-type: none;text-decoration:none;text-align: left;}

.shadetabs li{display: inline;padding:0px;}

.shadetabs li a{ float:left; height:44px; line-height:44px; background:#1a8ec4; color:#FFF; padding:0px 33px; font-size:14px; text-transform:uppercase; font-family: 'robotobold';}

.shadetabs li a.selected{ background:#FFF; color:#454545}

.tabcontent{display:none;margin:0px 0px 0px 0px; background:#FFF; float:left; padding-bottom:35px;}

.tabcontent p{ font-size:14px; color:#7b7b7b; line-height:30px;font-family: 'robotolight'; padding:28px 30px 0px;}


.learning{ width:100%; float:left; margin-top:38px; padding-top:10px; background: url(images/sep.png) repeat-y  center top;}

.learning_left{ width:520px; float:left;}

.learning_left h5{ font-size:24px; color:#1a8ec4; line-height:24px;font-family: 'robotolight'; padding-bottom:22px;}

.learning_left ul{ padding:0px; margin:0px;}

.learning_left ul li{ font-size:14px; color:#7b7b7b;font-family: 'robotolight'; background:url(images/bullet2.png) no-repeat left 10px; padding:0px 0px 10px 26px; line-height:25px}

.learning_right{ width:525px; float:right;}


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

.ultimate_services{ width:100%; float:left; padding-top:40px;} 

.ultimate_services h1{ color:#1a8ec4; line-height:36px; text-align:center;}

.ultimate_services p{ float:left; width:44%; margin-top:25px; font-size:16px; color:#838383; line-height:30px;font-family: 'robotolight'; margin-left:65px}


.ultimate_services p.clientimg{ margin-top:25px; font-size:16px; color:#838383; line-height:30px;font-family: 'robotolight'; text-align:center;width:100%;margin-left:0}


.ultimate_services p strong{ font-size:18px; color:#242424; font-family: 'robotoregular'; font-weight:normal;}

.ultimate_services p:nth-child(2n+1){ float:right; margin-left:0} 

.Lap{ margin-top:30px} 


.leftlist{ width:826px; margin:0 auto;}


.accordion{ width:100%; float:left; margin:44px 0 36px}

.accordion label{float:left; width:100%; background:url(images/top.png) no-repeat left top; height:66px; font-size:20px; color:#ffffff; margin-bottom:10px;}

.accordion label a{color:#FFF;text-decoration:none; padding:18px 0px 0px 84px; display:block}

.accordion label.active{cursor:pointer; background:url(images/bot.png) no-repeat left top;}

.accordion div.drop{width:100% ;float:left;display: none; padding:0px 0px 34px; background:#f0f0f0; margin-top:-10px; margin-bottom:10px;}

.accordion div.drop p{ padding:38px 22px 0px 58px; font-size:15px; color:#767676; line-height:22px;}


.clientpa { border-bottom:1px solid #d5d5d5;}

.clientpa ul{ margin:70px 0 0;}

.clientpa ul li{ margin-bottom:50px;}


#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display:none;}

.nbs-flexisel-container { position:relative; max-width:100%;}

.nbs-flexisel-ul {position:relative;width:9999px;}

.nbs-flexisel-inner { overflow:hidden; float:left; width:100%;}


.nbs-flexisel-item {float:left; margin:0px; padding:0px; }

.nbs-flexisel-item p{ font-size:18px; color:#4a4a4a;line-height:30px;font-family: 'robotolight_italic'; padding:0px 40px 30px;}

.nbs-flexisel-item p img{ vertical-align:middle; margin:0 20px 0 0}

.nbs-flexisel-item p a{ font-size:18px; color:#4a4a4a;font-family: 'robotomedium';}

/*** Navigation ***/


.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {width: 11px;height:17px;position: absolute; cursor: pointer; z-index: 100;opacity: 0.5;}

.nbs-flexisel-nav-left {left:-50px; background: url(images/button-previous.png) no-repeat;}


.nbs-flexisel-nav-right {right:-50px;background: url(images/button-next.png) no-repeat;}

.Testimonials{ width:100%; float:left; position:relative; margin-top:70px; margin-bottom:85px;}


.OpenPositions{ width:100%; float:left; text-align:center;  padding:55px 0px 0px;}

.OpenPositions h1{ font-size:36px; color:#1a8ec4; line-height:36px;}

.OpenPositions span{ display:block; font-size:22px; color:#929393; padding:15px 0 0;font-family: 'robotolight';}

.OpenPositions p{ padding:30px 90px 0px; color:#838383; line-height:32px;}


.JobListing{ width:730px; margin:0 auto; text-align:left; margin-top:55px; margin-bottom:80px; overflow:hidden;}

.JobListing ul{ padding:0px; margin:0px; border-top:1px solid #d3d3d3;}

.JobListing ul li{ padding:24px 0; margin:0px; float:left; width:100%; font-size:22px; color:#838383;font-family: 'robotolight'; border-bottom:1px solid #d3d3d3;}

.JobListing ul li span{ float:right; padding:0px; margin:0px; font-size:14px; color:#838383; text-align:right;font-family: 'robotolight';}

.JobListing ul li span strong{ font-size:14px; color:#454545; font-family: 'robotobold';}

.Privacy{ padding-bottom:50px;}

.Privacy p{ padding-left:0; padding-right:0; text-align:left }


.Privacy ol{ padding:0px; margin:0px;counter-reset: li;}

.Privacy ol li{ text-align:left; padding:40px 0px 0px 0px!important; list-style-type:none!important; position:relative; font-size:16px; color:#818181; line-height:28px;}

.Privacy ol li strong{ display:block; padding-left:20px; font-size:16px; color:#2b2b2b;font-family: 'robotomedium'; padding-bottom:24px;}

.Privacy ol li::before {content: counter(li, decimal);counter-increment: li;display:inline-block; font-size:16px; color:#2b2b2b;font-family: 'robotomedium'; position:absolute;  left:0}

.white-popup h1{ text-align:center; font-size:36px; color:#1a8ec4; line-height:36px;font-family: 'robotolight';}

.white-popup p{ padding:10px 0 0; margin:0px; text-align:center; font-size:15px; color:#666666;font-family: 'robotolight';}

.white-popup ul{ padding:0px; margin:25px 0 0;}

.white-popup ul li{ padding:0px; margin:0px 0 10px; overflow:hidden;}

.white-popup ul li input[type=text]{ float:left; width:88%; padding:0 0 0 11%; background:url(images/em.png) no-repeat left top; height:46px; line-height:46px; border:1px solid #d4d4d4; font-size:16px; color:#aeb2b4;font-family: 'robotoregular';}


.white-popup ul li input[type=text]:focus{ background:url(images/em-active.png) no-repeat left top;}

.white-popup ul li input[type=password]:focus{ background:url(images/pas-active.png) no-repeat left top;}


.white-popup ul li input[type=password]{ float:left; width:88%; padding:0 0 0 11%; background:url(images/pas.png) no-repeat left top; height:46px; line-height:46px; border:1px solid #d4d4d4; font-size:16px; color:#aeb2b4;font-family: 'robotoregular';}


.white-popup ul li a{ float:left; font-size:14px; color:#1a8ec4;font-family: 'robotolight'; margin-top:10px;}

.white-popup ul li input[type=submit]{ float:right; border:0px; cursor:pointer; background:url(images/click-here.jpg) repeat-x left top; width:139px; height:46px; text-align:center; line-height:46px; font-size:15px; color:#FFF;font-family: 'robotomedium'; border-radius:4px; text-transform:uppercase}


/* Middle css end here */


/* Footer section start here */

#footer{ width:100%; float:left; background:#1a8ec4; margin-top:0px; padding-bottom:14px;}

.Diversity_Newsletter{ width:100%; float:left; height:301px; background:url(images/subscriber-bg.jpg) repeat-x left top; text-align:center; border-top:1px solid #E8EAEC;}

.Diversity_Newsletter h4{ font-size:36px; color:#1a8ec4; line-height:36px; padding-top:65px;}.Diversity_Newsletter h2{ font-size:36px; color:#1a8ec4; line-height:36px; padding-top:65px;}

.Diversity_Newsletter input[type=text]{ height:56px; line-height:56px; border:1px solid #d4d4d4; width:326px; border-radius:3px; font-size:18px; color:#b0b0b0;font-family: 'robotoregular'; padding:0px 10px; margin:55px 10px 0; vertical-align:bottom; float:none;}

.Diversity_Newsletter button[type=submit]{ width:204px; height:56px; line-height:53px; border:0px; padding:0px; background:url(images/cl.jpg) repeat-x left top; border-radius:2px; float:none; font-size:18px; color:#FFF;font-family: 'robotomedium'; cursor:pointer;margin:55px 10px 0;}

.Diversity_Newsletter button[type=submit]:hover{ background:url(images/cl-hover.jpg) repeat-x left top;}


.account{ width:304px; float:left;}

.account.LegalInformation{ margin-left:94px}

.account.Resources{ float:right;}


.account h5{ font-size:20px; color:#FFF; border-bottom:1px solid #319aca; padding-bottom:14px;}


.footer_menu{ width:100%; float:left;padding-top:30px;}

.footer_menu ul.secondmenu{ width:111px;}

.footer_menu ul{ padding:0px; margin:0px; width:188px; float:left;}

.footer_menu ul li{ padding:0px 0 0; margin:13px 0  0; background:url(images/bullet.png) no-repeat left 7px;}

.footer_menu ul li a{ font-size:14px; color:#bbdded; padding-left:16px;}

.footer_menu ul li a:hover{ color:#000}


.account.Resources p{ padding:0px; margin:0px; position:relative; font-size:14px; color:#bbdded; padding-left:31px; margin-top:17px;}

.account.Resources p img{ position:absolute; top:4px; left:0;}

.account.Resources p a{ color:#bbdded; padding:0px;}

.account.Resources p a:hover{ color:#000}


.copyright{ width:100%; float:left; border-top:1px solid #319aca; margin:38px 0 0 0; padding-top:15px}

.copyright p{ float:left; color:#bbdded; font-size:14px; padding-top:10px;}

.copyright span{ float:right;}

.copyright span img{ margin:0 0 0 6px}

.copyright a:hover{ opacity:0.7;}


/* Footer section end here */


.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:100%;}

.woocommerce div.product form.cart div.quantity{display:none;}

.woocommerce div.product .woocommerce-tabs ul.tabs li{height: 44px;  line-height: 44px;  background: #1a8ec4;  padding: 0px 44px;  font-size: 14px;  text-transform: uppercase;  font-family: 'robotobold';position: initial;border:0px;border-radius:0px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{background: #FFF;color: #454545;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff;padding:0px;}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{background:#ffffff; }

.woocommerce div.product .woocommerce-tabs ul.tabs{  background: #f4f7f9;padding:0px;}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0px;}

.woocommerce div.product .woocommerce-tabs .panel{padding-left: 20px;  padding-bottom: 20px; padding-right:20px}

.tax-product_cat  .wrapper .term-description{display:none;}


.wrapper #main  p{.  color: #838383;  font-size: 16px;  line-height: 32px;}

#pricetable {  float: left;  width: 100%;   margin-right: 40px;    margin-top: 0px;

  clear: right;  margin-bottom: 20px;}

#pricetable table { color: #0151CA;  margin-top: 6px;  margin-bottom: 6px;  border: 1px solid 0151CA;}

#pricetable h3 {  background-color: #0151CA;  margin-top: -8px;  margin-bottom: -8px;  color: #FFF;  padding-top: 3px;  padding-bottom: 3px;  margin-right: -5px;  margin-left: -8px;  padding-left: 5px;}

#pricetable table tr td  {	font-size: 0.9em;	padding-left: 8px;	padding-right: 5px;	padding-top: 8px;	padding-bottom: 8px;}


#videolist {

	width: 800px;

	float: left;

	margin-left: 80px;

}

#videoimage {

	width: 300px;

	float: left;

	text-align: right;

}

#videolist a:link {

	color: #0151CA;

	text-decoration: underline;

	text-align: left;

}

#videolist a:visited {

	color: #0151CA;

	text-decoration: underline;

}

#videolist a:hover {

	color: #FFF;

	text-decoration: underline;

	background-color: #0151CA;

}

#videolist2 a:link {

	color: #0151CA;

	text-decoration: underline;

	text-align: left;

}

#videolist2 a:visited {

	color: #0151CA;

	text-decoration: underline;

}

#videolist2 a:hover {

	color: #FFF;

	text-decoration: underline;

	background-color: #0151CA;

}

#videoimage2 {

	float: left;

	width: 280px;

	margin-left: 80px;

	clear: left;

	margin-top: 12px;

}


#videolist2 {

	float: right;

	width: 500px;

	margin-top: 12px;

}

#videolist p a {

	color: #9D6F00;

	text-decoration: underline;

	margin-top: 12px;

	margin-bottom: 2px;

	font-family: verdana, Geneva, Tahoma, sans-serif;

	font-size: 0.9em;

}

#videolist2 p a {

	color: #0151CA;

	text-decoration: underline;

	margin-top: 24px;

	margin-bottom: 2px;

	font-family: verdana, Geneva, Tahoma, sans-serif;

	font-size: 0.9em;

}

#videolist3 p a {

	color: #0151CA;

	text-decoration: underline;

	margin-top: 24px;

	margin-bottom: 2px;

	font-family: verdana, Geneva, Tahoma, sans-serif;

	font-size: 0.9em;

}

#videolist4 p a {

	color: #0151CA;

	text-decoration: underline;

	margin-top: 24px;

	margin-bottom: 2px;

	font-family: verdana, Geneva, Tahoma, sans-serif;

	font-size: 0.9em;

}

.space6 {

	margin-top: 6px;

	margin-bottom: 6px;

}

.sidelinkvideo {

	font-family: Arial, Helvetica, sans-serif;

	font-size: .8em;

}

#videolist3 {

	width: 450px;

	float: left;

	margin-left: 80px;

}

#leftlist {

	float: left;

	width: 420px;

	margin-left: 36px;

}

#rightlist {

	float: right;

	width: 420px;

	margin-right: 36px;

}


#videoimage3 {

	width: 280px;

	float: left;

	text-align: right;

}

#videoimage4 {

	float: left;

	width: 280px;

	margin-left: 80px;

	clear: both;

	margin-top: 12px;

}

#videolist4 {

	float: right;

	width: 480px;

	margin-top: 12px;

}


#video_description {

	width: 665px;

	padding-right: 12px;

	padding-left: 20px;

}

.bodytext {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: 12px;

	text-align: left;

}


.indentbig {

	text-indent: 25px;

}

#videolist300 a:link {

	color: #0151CA;

	text-decoration: underline;

	text-align: left;

}

#videolist300 a:visited {

	color: #0151CA;

	text-decoration: underline;

}

#videolist300 a:hover {

	color: #FFF;

	text-decoration: underline;

	background-color: #0151CA;

}

#videolist300 p a {

	color: #0151CA;

	text-decoration: underline;

	margin-top: 24px;

	margin-bottom: 2px;

	font-family: verdana, Geneva, Tahoma, sans-serif;

	font-size: 0.9em;

}

#videolist300 {

	width: 300px;

	float: left;

	margin-left: 80px;

}

#order {

	clear: both;

	padding-top: 12px;

}

.indent125 {

	text-indent: 125px;

	margin-top: 12px;

	margin-bottom: 12px;

}

.indent90 {

	text-indent: 90px;

}


.negleft30 {

	margin-left: -30px;

}

.negleft50 {

	margin-left: -50px;

}


#main #sidebar {

  float: left;

  width: 310px;

  margin-top: 24px;

  margin-left: 14px;

  background-color: #FFF;

  border-right-width: 1px;

  border-bottom-width: 1px;

  border-left-width: 1px;

  border-top-style: none;

  border-right-style: solid;

  border-bottom-style: solid;

  border-left-style: solid;

  border-right-color: #005CB9;

  border-bottom-color: #005CB9;

  border-left-color: #005CB9;

}


/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */


/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* This is the selector for the main Accordion container. For our default style,

 * we draw borders on the left, right, and bottom. The top border of the Accordion

 * will be rendered by the first AccordionPanelTab which never moves.

 *

 * If you want to constrain the width of the Accordion widget, set a width on

 * the Accordion container. By default, our accordion expands horizontally to fill

 * up available space.

 *

 * The name of the class ("Accordion") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style the

 * Accordion container.

 */

.Accordion {

	border-left: solid 1px gray;

	border-right: solid 1px black;

	border-bottom: solid 1px gray;

	/* [disabled]overflow: hidden; */

}


/* This is the selector for the AccordionPanel container which houses the

 * panel tab and a panel content area. It doesn't render visually, but we

 * make sure that it has zero margin and padding.

 *

 * The name of the class ("AccordionPanel") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * accordion panel container.

*/

.AccordionPanel {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding: 0px;

}


/* This is the selector for the AccordionPanelTab. This container houses

 * the title for the panel. This is also the container that the user clicks

 * on to open a specific panel.

 *

 * The name of the class ("AccordionPanelTab") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * accordion panel tab container.

 *

 * NOTE:

 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the

 * user from selecting the text in the AccordionPanelTab. These are proprietary browser

 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based

 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to

 * validate, and don't care if the user can select the text within an AccordionPanelTab,

 * you can safely remove those properties without affecting the functionality of the widget.

 */

.AccordionPanelTab {

	background-color: #933;

	border-top: solid 1px black;

	border-bottom: solid 1px gray;

	margin: 0px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 6px;

}


/* This is the selector for a Panel's Content area. It's important to note that

 * you should never put any padding on the panel's content area if you plan to

 * use the Accordions panel animations. Placing a non-zero padding on the content

 * area can cause the accordion to abruptly grow in height while the panels animate.

 *

 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel

 * Content container.

 *

 * The name of the class ("AccordionPanelContent") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * accordion panel content container.

 */

.AccordionPanelContent {

	overflow: auto;

	margin: 0px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;

	line-height: 110%;

	width: 312px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}


/* This is an example of how to change the appearance of the panel tab that is

 * currently open. The class "AccordionPanelOpen" is programatically added and removed

 * from panels as the user clicks on the tabs within the Accordion.

 */

.AccordionPanelOpen .AccordionPanelTab {

	background-color: #933;

}


/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.AccordionPanelTabHover {

	color: #EDC03F;

}

.AccordionPanelOpen .AccordionPanelTabHover {

	color: #EDC03F;

}


/* This is an example of how to change the appearance of all the panel tabs when the

 * Accordion has focus. The "AccordionFocused" class is programatically added and removed

 * whenever the Accordion gains or loses keyboard focus.

 */

.AccordionFocused .AccordionPanelTab {

	background-color: #3399FF;

}


/* This is an example of how to change the appearance of the panel tab that is

 * currently open when the Accordion has focus.

 */

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

	background-color: #33CCFF;

}

/* Rules for Printing */


#box1 h2, #box2 h2   {

	
	color: #000;

	margin-top: 3px;

	margin-bottom: 8px;

	font-weight: bold;

	
}

#box1 ul li, #box2 ul li    {

	list-style-type: disc;

	
	margin-left: 30px;

	margin-top: 4px;

	margin-bottom: 4px;

}

#box1 a:link, #box2 a:link   {

	color: #005CB9;

}

#box1 a:link, #box2 a:visited {

	color: #005CB9;

}

#box1 a:hover, #box2 a:hover, #sidebar a:hover   {

	color: #FFF;

	text-decoration: none;

	background-color: #005CB9;

	/* [disabled]font-size: 1.3em; */

}

#sidebar h2 {

	color: #FFF;

	background-color: #933;

	border-top-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #005CB9;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 8px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-color: #005CB9;

	font-size: 1.1em;

	margin-left: -1px;

	margin-top: -2px;

}

#box1 {

	width: 300px;

	margin-top: 24px;

	margin-left: 20px;

	float: left;

}

#box2 {

	float: left;

	width: 300px;

	margin-top: 24px;

	margin-left: 12px;

}

.textinsidebartable {

	font-size: 11px;

	padding: 0px;

	color: #000;

	margin: 0px;

}

.textinsidebartable_black {

	
	margin: 0px;

	padding: 0px;

	color: #000;

	text-align: center;

}

#sidebar table td {

	border: 1px solid #2E59A8;

	background-color: #F9F4E1;

}

#sidebar table td p  {

	list-style-type: none;

	/* [disabled]font-family: Georgia, "Times New Roman", Times, serif; */

	
	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -8px;

}

#sidebar .source {

	
	padding-bottom: 6px;

}


.textinsidebartable1 {	font-size: 11px;

	
	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.textinsidebartable2 {font-size: 11px;

	
	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}


.smallertext {

}


.bulletindent {

	list-style-type: circle;

	margin-left: 30px;

	margin-top: 0px;

	margin-bottom: 0px;

}

#box1 ul li, #box2 ul li, #box3 ul li {

	list-style-type: none;

	padding-left: 36px;

	padding-top: 3px;

	padding-bottom: 3px;

	
}

.page-id-291 #box1 a:link, #box2 a:link, #box3 a:link {

	color: #005CB9;

}

.page-id-291 #box1 a:hover, #box2 a:hover, #box3 a:hover, #sidebar a:hover {

	color: #FFF;

	text-decoration: none;

	background-color: #005CB9;

}

.page-id-291 #box1 {

	width: 460px;

	margin-top: 12px;

	margin-left: 12px;

	float: left;

}

.page-id-291 #box2 {

	float: left;

	width: 460px;

	margin-top: 12px;

	margin-left: 12px;

}

.search-results .entry-summary{padding-bottom:20px;} 

.woocommerce div.product div.images{  margin-bottom: 0px;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width:100%;}


#pricetable{ width:100%; float:left; }

#pricetable table{ padding:0px; margin:25px 0 0; width:100%;border:1px solid #ccc;}

#pricetable table tr td {border-bottom: 1px solid #ccc; font-size: 0.9em; padding: 8px 5px 8px 8px; color:#000}


.Customerreviews h2{ font-size:20px; padding:10px 0px;}

.Customerreviews h4{ font-size:20px; padding:10px 0px;  padding-bottom: 10px;  margin: 0px;  font-weight: 600;  color: #1a8ec4;}

.Customerreviews p {padding: 11px 0;}


.Customerreviews ul{ padding:0px; margin:0px;}

.Customerreviews ul li{ padding:5px 0; margin:0px;background: url(images/button-next.png) no-repeat left 16px; font-size:16px; padding:13px 0 0 21px;}

.Customerreviews input[type="text"], [type="email"] {

  border: 1px solid #ccc;

  margin: 0 0 0 15px;

  padding: 10px;

  width: 300px;

}

.Customerreviews textarea {

  border: 1px solid #ccc;

  padding: 10px;

}


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

.tkkr h1{ font-size:27px;}

.tkkr ul.meta{ width:100%; float:left; border-bottom:1px solid #CCC; padding:15px 0px 15px; margin:0;}

.tkkr p {

  color: #7b7b7b;

  font-family: "robotolight";

  font-size: 16px;

  line-height: 30px;

  padding: 20px 0px 0;

}


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

.job_application.application {float: left; width: 100%; margin-top:20px}

.job_application.application input[type=button]{ width:204px; height:56px; line-height:53px; border:0px; padding:0px; background:url(images/cl.jpg) repeat-x left top; border-radius:2px; float:none; font-size:18px; color:#FFF;font-family: 'robotomedium'; cursor:pointer;}

.job_application.application input[type=button]:hover{ background:url(images/cl-hover.jpg) repeat-x left top;}

.single_job_listing .meta .temporary {background-color: #1a8ec4!important;}

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

.SiteMap ul{ padding:0px; margin:0px;}

.SiteMap ul li{ padding:5px 0; margin:0px;background: url(images/button-next.png) no-repeat left 16px; font-size:16px; padding:13px 0 0 21px!important;list-style:none!important;}


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

.JobLi ul{ border:0!important}

.JobLi .search_jobs input[type="text"] {

  border: 1px solid #d4d4d4;

  border-radius: 3px;

  color: #b0b0b0;

  float: none;

  font-family: "robotoregular";

  font-size: 18px;

  height:40px;

  line-height: 56px;

  padding: 0 10px;

}

.job_filters .job_types li {

  border-right: 1px solid #eee;

  float: left;

  margin: 0;

  padding: 16px!important;

  font-size:16px!important;

  list-style:none!important;

   font-family: "robotoregular";

}

.JobLi .job_listings li{list-style:none!important;}


.Diversity_Newsletter  dt{display:none;}.widgetGuts dd, .widgetGuts dt{  margin-bottom: 15px;  width: 33%;  float: left;}

.woocommerce .woocommerce-ordering select{vertical-align: top;  padding: 6px;  font-size: 14px;  color: #505050;  font-family: 'robotolight';}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count{  padding-top: 5px;}


/********/

#ordernow {

  float: left;

  padding: 0 0 20px;

  text-align: right;

  width: 100%;

}

.tkkr .button{background:url(images/cl.jpg) repeat-x left top; border:none; border-radius:2px; color:#fff; cursor:pointer; float:none; font-family:"robotomedium"; font-size:14px; padding:10px 25px;}

.tkkr .button:hover{background:url(images/cl-hover.jpg) repeat-x left top;}


.tkkr #main h2{padding-top: 20px; padding-bottom:10px;}

.tkkr #main h3 {line-height: 26px; padding-bottom: 15px;} 

.tkkr #main h4 {padding-bottom: 10px; margin:0px; font-weight:600; color: #1a8ec4;} 

.tkkr #main p{padding:0 0 20px;}

.tkkr #main p.bigfy{font-size:28px; font-weight:600; color:#000; background:#FFFF00; padding:10px; margin:20px 0;}

.tkkr #main ul{list-style:disc; padding:0 0 18px 25px;}

.tkkr #main ul li{list-style:disc; padding:0 0 8px; color:#7b7b7b; font-size:16px; line-height:28px;}


.tkkr #main ol{list-style:decimal; padding:0 0 18px 25px;}

.tkkr #main ol li{list-style:decimal; padding:0 0 8px; color:#7b7b7b; font-size:16px; line-height:28px;}


.tkkr #main ul ul{padding-left:20px; padding-bottom:0px; list-style:square;} 

.tkkr #main ul ul li{list-style:square;}


.tkkr #main table{margin-bottom:28px;}

.tkkr #main td{font-size:14px; padding:10px 0px; text-align:center;}


.trialform {margin: 12px auto; width: 568px;}

.trialform ul {border: 1px solid #ccc; border-radius: 3px; float: left; list-style: outside none none !important; padding: 28px 22px !important;}

.trialform li {float: left; list-style:none !important; margin: 0 0 21px !important; padding: 0 !important; width: 100%;}

.trialform label{float:left; width:100%; padding-bottom:12px;}

.trialform span.req{color:#FF0000; font-size:14px;}

.trialform input[type="text"], .trialform input[type="email"], .trialform input[type="tel"]{border: 1px solid #ccc; border-radius: 3px; padding: 10px; width: 500px; margin:0px;}

.trialform textarea{border: 1px solid #ccc; border-radius: 3px; padding: 10px; width: 500px; height:80px; resize:none; margin:0px;}


.trialform img{vertical-align:middle; margin-right:10px;}

.trialform a{margin-right:12px;}


.trialform input.button{ margin-right:10px;}


.tkkr .button2{background:url(images/cl-hover.jpg) repeat-x left top; border:none; border-radius:2px; color:#fff; cursor:pointer; float:none; font-family:"robotomedium"; font-size:14px; padding:10px 25px;}

.tkkr .button2:hover{background:url(images/cl.jpg) repeat-x left top;}


.leftaccord{float:left; width:35%;}

.accordion2 {width:100%; margin-bottom:0px;}

.accordion2 dt {width:100%; padding:10px 8px; font-size:16px; cursor:pointer; color:#fff; font-weight:600; background:#993333; margin-top:3px;}

.accordion2 .open {background:#AA4C4C;}

.accordion2 dd {overflow:hidden; background:#fff;}

.accordion2 h3 {font-size: 20px; padding: 34px 0 0 !important;}

.accordion2 table{width:100%; text-align:center; border:1px solid #ccc; border-bottom:0px; margin-top:15px;}

.accordion2 table th{color:#000; border-bottom:1px solid #ccc; padding:12px 0px;}

.accordion2 table td{border-bottom:1px solid #ccc; padding:8px 0px;}

.accordion2 p {font-size: 14px !important; line-height: 13px !important; padding: 30px 0 5px !important;}

.accordion2 span.red{color:#FF0000;}


.rightcontent{float:right; width:60%;}

.ybox{float:left; width:100%; padding:0;}


.ybox h3{padding-bottom:8px !important;}

.ybox h3 a{ font-size:16px;}


.leftcol{float:left; width:30%; border:1px solid #ccc; padding:12px;}

.leftcol ul{list-style:none !important; padding:0 0 10px !important; float:left;}

.leftcol li{float:left; width:100%; padding:0 0 6px !important; list-style:none !important; position:relative;}

.leftcol li a{font-size:14px;}

.leftcol label{float:left; width:100%; padding:0 0 6px; font-size:14px;}


.leftcol li ul{display:none;}

.leftcol li:hover ul {background:#f2f2f2; border:1px solid #ccc; display:block; left:44%; padding:8px 12px !important; position:absolute; top:0; width:218px; z-index:999;}

.leftcol li ul li a{font-size:13px;}


.leftcol select{width:96%; border:1px solid #ccc; padding:3px;}

.leftcol input[type="text"]{width:93%; border:1px solid #ccc; padding:5px 3px;}

.leftcol span.red{font-size:13px; color:#FF0000;}


.leftcol .button{background:url(images/cl.jpg) repeat-x left top; border:none; border-radius:2px; color:#fff; cursor:pointer; float:none; font-family:"robotomedium"; font-size:14px; padding:10px 25px; margin-top:8px;}

.leftcol .button:hover{background:url(images/cl-hover.jpg) repeat-x left top;}


.rightcol{float:right; width:65%;}

.rightcol h2{padding:0 0 12px;}

.rightcol h3{padding:0 0 7px; font-size:18px;}

.rightcol h4{padding:0 0 8px; font-size:17px;}

.rightcol span.red{color:#FF0000; font-size:14px;}


.vtable td{text-align:left !important;}


.vdivbox{float:left; width:96%; border:1px solid #ccc; padding:12px; margin-bottom:15px;}

.vdivbox p.title{font-weight:600; font-size:15px !important;}

.vdivbox p{font-size:14px !important; line-height:20px !important; padding:0 0 5px !important;}


.hasDatepicker{margin-bottom:18px !important;}

.ui-datepicker td{padding:1px !important;}


.datetitle {

  border-bottom: 1px solid #a9af95;

  color: #a9af95 !important;

  font-size: 14px !important;

  font-weight: bold;

  margin-bottom: 6px;

  margin-top: 8px;

  padding: 0 0 5px !important;

}


.vstable table{margin-bottom:25px;}

.vstable td{text-align:left !important; padding-left:12px !important;}


.rtable p{padding:0px !important;}

.rtable a{font-size:14px;}


.vsmtable{border:1px solid #ccc;}

.vsmtable td{padding:10px 8px !important;}


.graydiv{float:left; width:60%; background:#F0F0F0; border:1px solid #959595; padding:10px; text-align:center; margin-bottom:18px;}

.graydiv p{padding-bottom:0px !important;}


.offerdiv{float:left; width:45%; background:#F0F0F0; border:1px solid #FF6600; padding:10px; margin-bottom:38px;}

.offerdiv h2{padding-bottom:10px !important;}

.offerdiv p{font-size:14px !important; padding-bottom:5px !important;}

.offerdiv .button{background:url(images/cl.jpg) repeat-x left top; border:none; border-radius:2px; color:#fff; cursor:pointer; float:left; font-family:"robotomedium"; font-size:14px; padding:5px 25px; margin:8px 0;}

.offerdiv .button:hover{background:url(images/cl-hover.jpg) repeat-x left top;}


.bigimg{float:left; width:67%; text-align:center; margin-bottom:32px;}

.bigimg img{margin-bottom:0px;}


.smlimg{float:right; width:25%; text-align:center;}

.smlimg p{padding:0 !important; line-height:18px !important;}

.smlimg a{font-size:12px;}

.vmbox{margin-bottom:12px;}


.startrial{float:left; width:40%; border:1px solid #ccc; background:f2f2f2; margin:25px 0px; position:relative;}

.startrial img.leftcore{position:absolute; top:0px; right:-600px;}

.startrial h3 {background: #ff9900; border-bottom: 1px solid #ff6600; color: #fff; font-size: 22px; padding: 6px 0 !important; text-align: center;}

.startrial h3 span{font-size:14px;}

.trailform{padding:22px; float:left; width:90%;}

.trailform ul{list-style:none !important; padding:0px !important; float:left; width:100%;}

.trailform li{list-style:none !important; padding:0 0 8px !important; float:left; width:100%}

.trailform label{float:left; width:100%; padding:0 0 6px; font-size:15px;}

.trailform input[type="text"], .trailform input[type="email"], .trailform input[type="tel"]{width:94%; padding:10px; border:1px solid #ccc; margin:0px !important;}


.tkkr #main img.alignright{float:right; margin-left:20px;}

.tkkr #main img.alignleft{float:left; margin-right:20px;}


span.blue{color: #1a8ec4;}

span.red{color:#FF0000;}

p.gaplow{padding-bottom:0px !important;}

p.gaplow span {display: inline-block; width: 5%;}

.tkkr #main p strong{color:#000;}


.vrsimg{float:left; width:59%;}

.vrsimg img {float: left; width: 47%;}


.smsdiv{float:left; width:100%; padding:12px 0px; border-top:1px solid #ccc;}


.style1 {color: #000000}

.woocommerce-cart table.cart td.actions .coupon .input-text{ width: 123px;padding: 6px 6px 7px;  margin: 0 4px 0 4px;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding:6px;font-family: "robotolight" !important;color: #444!important;}

.woocommerce-checkout #payment ul.payment_methods{padding: 0 18px 18px 25px;}

#ffl-container-modal{float:none!important;margin:0px;}

.woocommerce table.shop_table{text-align:center;}

.wpcf7 .wpcf7-submit{background:url(images/cl.jpg) repeat-x left top; border:none; border-radius:2px; color:#fff; cursor:pointer; float:none; font-family:"robotomedium"; font-size:14px; padding:10px 25px;}

.wpcf7 .wpcf7-submit:hover{background:url(images/cl-hover.jpg) repeat-x left top;}

div.wpcf7-validation-errors{  float: left;}

div.wpcf7-mail-sent-ok{  float: left;}


.page-id-26 .TrainingBox li{list-style:none !important;  min-height: 355px;}


.contentSearch {text-align:center;}

.contentSearch input[type="text"]{padding: 6px;}

.contentSearch input[type="submit"]{padding: 6px;margin-left: 5px;}

.diversity-online-training tr td:first-child{width:40%}.rp_wcdpd_pricing_table table tr:last-child{display:none;}


.page-id-94 .woocommerce-checkout #payment ul.payment_methods li {list-style:none!important;}


.ctct-form-errorMessage{ width:100%; float:left; color:#F00}

.BannerForm ul li input[type=text]:focus{ background: none}

.BannerForm .ctct-form-errorMessage {  background: #fff none repeat scroll 0 0;  border: 1px solid #ccc;  padding: 8px;  position: absolute;  right: 21px;  top: 120px;  width: auto;}

.BannerForm .ctct-form-errorMessage::after {  background: rgba(0, 0, 0, 0) url("images/da.png") no-repeat scroll left top;  bottom: -8px;  content: "";  height: 8px;

  left: 11px;  position: absolute;  width: 14px;}

  
.BannerForm  #success_message {color: green;    padding-top: 11px;    width: 100%;    float: left;    padding-bottom: 16px;}

.Diversity_Newsletter #success_message {color: green;    padding-top: 11px;    width: 100%;    float: left;}


.thediv{float:left; width:88%; padding: 0 52px 32px; text-align:center;}

.vboxdv{display:inline-block; width:33%;}

.vboxdv img{margin-bottom:10px;}

.vboxdv p{font-size:17px; color:#1A8EC4; text-transform:uppercase; padding:0;}


.bloglft {float: left; width: 65%;}

.blogright{float:right; width:25%;}

.blog_listing {border: 1px solid #f4f4f4; float: left; margin-top: 26px; width: 100%;}

.blog_listing h1 {

  background: #f4f4f4;

  color: #4d4d4f;

  font-size: 16px;

  height: 44px;

  line-height: 44px;

  padding: 0 0 0 16px;

  text-transform: uppercase;

font-weight:600;

}

.blog_listing ul li {

  border-bottom: 1px solid #f4f4f4;

  color: #595959;

  display: block;

  font-size: 13px;

  line-height: 20px;

  list-style-type: none;

  padding: 11px 16px;

}

.blog_listing ul li a {

  color: #595959;

  text-decoration: none;

}


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

.blog_search input[type="text"] {  

  border: 1px solid #ebebeb;

  color: #898989;

  float: left;

  font-family: "open_sanssemibold";

  font-size: 14px;

  height: 37px;

  line-height: 37px;

  padding: 0 10px;

  width: 197px;

}

.blog_search input[type="submit"] {

  background:url("http://www.diversityresources.com/wp-content/uploads/2015/08/search2.jpg") no-repeat scroll left top;

  border: 0 none;

  cursor: pointer;

  font-size: 0;

  height: 39px;

  text-indent: -9999px;

  width: 48px;

}

.blogbox {

  float: left;

  margin: 0 0 35px;

  width: 100%;

border-bottom: 1px solid #ccc;

}

label.date {

  background: orange;

  border-radius: 4px;

  float: left;

  padding: 5px 8px;

  text-align: center;

}

.blogdetail {

  display: table-cell;

  margin-top: 14px;

  padding: 0 0 18px 25px;

}

.blogtop {float: left; width: 50px;}

.blogdetail a.title {font-size: 18px;}

.blogdetail a {font-size: 14px;}


.postid-543 .detail_right{position:relative;}

.postid-543 .cart {position: absolute; right: 0; top: 288px;}


.page-id-94 .stripe_new_card > fieldset{ border:none !important;}
.page-id-94 .payment_box.payment_method_stripe > fieldset{ border:none !important;}
.page-id-94 .payment_box.payment_method_stripe .stripe-cc-form input.input-text{ border:none !important;}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{ font-size:14px !important; border:none !important;}
.woocommerce-checkout ul.order_details{ display:none;}

/***** Pricing Page *****/

.page-id-3332 #page_header {
	background-image: url(images/pricing_page_header_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 3em;
	color: #fff;
	text-align: center;
	padding: 4% 45px;
}

.pricing-box {
	float: left;
	width: 24%;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	margin-right: 1%;
	border-radius: 5px 5px 0 0;
}

.pricing-box-header {
	color: #fff;
	font-size: 1.8em;
	text-align: center;
	padding: 5px 15px 15px 15px;
	border-radius: 5px 5px 0 0;
}

.pricing-box-header img {
	margin-right: 2px;
	margin-left: 2px;
}

.pricing-box.blue .pricing-box-header {
	background-image: linear-gradient(to right, #0089d0, #00a2e3);
}

.pricing-box.green .pricing-box-header {
	background-image: linear-gradient(to right, #39b54a, #cddc29);
}

.pricing-box.purple .pricing-box-header {
	background-image: linear-gradient(to right, #662d91, #852467);
}

.pricing-box.orange .pricing-box-header {
	background-image: linear-gradient(to right, #f7931d, #f9cd3c);
}

.pricing-box-content {
	text-align: center;
	padding: 10px 15px 25px 15px;
}

.pricing-box-content .price {
	font-size: 5.5em;
}

.pricing-box-content .dollar-sign {
	font-size: 2.5em;
	top: -30px;
	position: relative;
}

.pricing-box-content .per-month {
	font-size: 1.5em;
}

.sign-up {
	margin: 35px 0px 30px 0px;
}

.pricing-box-content .sign-up a {
	background-color: #f7931e;
	color: #fff;
	border-radius: 8px;
	padding: 8px 15px;
	text-transform: uppercase;
	font-size: 1.2em;
}

.pricing-box-content .sign-up a:hover {
	background-color: #00a2e3;
}

.pricing-box.blue .pricing-box-content .price, .pricing-box.blue .pricing-box-content .dollar-sign, .pricing-box.blue .pricing-box-content .per-month {
	color: #00a2e3;
}

.pricing-box.green .pricing-box-content .price, .pricing-box.green .pricing-box-content .dollar-sign, .pricing-box.green .pricing-box-content .per-month {
	color: #39b54a;
}

.pricing-box.purple .pricing-box-content .price, .pricing-box.purple .pricing-box-content .dollar-sign, .pricing-box.purple .pricing-box-content .per-month {
	color: #92278f;
}

.pricing-box.orange .pricing-box-content .price, .pricing-box.orange .pricing-box-content .dollar-sign, .pricing-box.orange .pricing-box-content .per-month {
	color: #f7941e;
}

#bullets {
	margin-top: 30px;
	text-align: center;
}

#bullets ul {
	margin-top: 20px;
	display: inline-block;
	text-align: left;
}

#bullets li {
	padding-left: 20px;
	background-image: url(images/bullet_check.png);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	font-size: 1.2em;
}

#left_list {
	margin-right:30px;
}


@media (max-width:1150px) {
	.pricing-box {
		width: 49%;
		margin-bottom: 30px;
	}
	
	#bullets ul {
		width: 90%;
	}
	
	#left_list {
		margin-right: 0;
	}
}

@media (min-width:581px) {
	.pricing-box.orange {
		margin-right: 0;
	}
}

@media (max-width:580px) {
	.pricing-box {
		width: 90%;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
}


/********************************** Responsive css start from here ******************************/

	.mobtab, .mobilediv{ float:left; width:100%; display:none;}
	.page-id-1826 .InnerPages #main p:empty{ display:none;}
	.addressdiv p:empty{ display:none;}
	#main .contentSearch .searchform input[type="text"]{border: 1px solid #ccc; padding: 12px;  width: 400px; float:left;}	
	#main .contentSearch .searchform input[type="submit"] { background: #ce9129;  border: 0 none;  color: #fff;  cursor: pointer;  float: left;  font-family: "robotoregular";
  font-size: 15px; margin: 0;  padding: 10px 25px;  text-transform: uppercase;}
    #main .contentSearch .searchform input[type="submit"]:hover{ background:#1A8EC4;}
	.registration-form{ float:left; width:80%; margin:0 10%;}
	.registration-form h2{ padding:0 0 15px!important;}
	.registration-form .register{ float:left; width:100%; box-sizing:border-box; margin:0px!important;}
	.registration-form .register input{ box-shadow:none;}
	.registration-form .register input[type="text"], .registration-form .register input[type="password"], .registration-form .register input[type="email"]{border: 1px solid #888!important;   color: #000 !important;    font-family: "robotoregular"!important;   font-size: 16px!important;  padding: 13px 15px!important;}
	.registration-form .register input[type="submit"]{ background:#E0A524; color:#fff;}
	.registration-form .register input[type="submit"]:hover{ background:#1A8EC4;}
	.detail_right p.login_video{ float:left; width:100%; font-family: "robotoregular"!important; color:#000; padding:10px 20px; box-sizing: border-box; background:#eee; margin:0 0 15px; border:1px solid #999;}
	.detail_right p.login_video a{ float:none;}
	
	@media screen and (max-width:1120px){
		.wrapper{ width:90%;}
		.logIn ul li{ margin:2px 15px 0 0;}
		.banner > img {  display: block;   height: auto;   width: 100%;}
		.BannerForm{ margin-top:20px; background:#fff;}
		.BrandPartner ul{ float:left; width:100%;}
		.BrandPartner ul li{ float:left; padding:0 23px;}
		.banner{ min-height:370px;}
		.TrainingBox{ float:left; width:100%;}
		.TrainingBox ol{ float:left; width:100%;}
		.TrainingBox ol li{ width:33.33%; padding:43px 5% 0 0; box-sizing: border-box; height:auto; min-height:330px;}
		.account.LegalInformation, .account.Resources{ margin-left:0px;}
		.account{ width:33.33%; padding:0 2% 0 0; box-sizing: border-box;}
		#header{ height:auto;}
		.navigation{ display:none;}
		.logo{ width:100%; text-align:center; margin-bottom:17px;}
		#wprmenu_bar .menu_title{ float:right!important;}
		.TopSearch{ display:none;}
		.TopicsBox { box-sizing: border-box; float: left;  padding: 40px 2% 0 0; width: 33.33%; margin:0px;}
		div{box-sizing: border-box;}
		.culbox{ width:100%; padding:2%;}
		.culbox h3{ font-size:25px; margin-top:50px;}
		.culbox span{ color:#fff;}
		.Diversity_Newsletter input[type="text"]{ width:275px;}
		.Diversity_Newsletter h4{ padding-top:25px;}
		.DiverCityVideos h1{ font-size:32px;}
		.DiverCityVideos p{ font-size:17px;}
		.LeftPanel{ width:28%;}
		.RightPanel{ width:71%;}
		.RightPanel h1{ font-size:26px; padding:0 0 12px;}
		.RightPanel h2{ font-size:19px;}
		.Product_detal{ float:left; width:100%;}
		.detail_left{ width:35%;}
		.detail_right{ width:63%;}
		.detail_right h3{ font-size:26px;}
		#main > h1{ font-size:21px;}
		.learning{ background:none;}
		.learning_left {float: left; width: 50%;  padding: 0 1%;}
		.learning_right {float: right;  padding: 0 1%; width: 50%;}
		iframe{ max-width:100%;}
		.single-product .Product_detal .rp_wcdpd_pricing_table table{ border:0px;}
		.Productlisting tr{ height:auto;}
		.Productlisting tr{ height:auto;}
		.tax-product_cat .wrapper h1{ font-size:28px;}
		.Productlisting td h2{ font-size:16px;}
		#videolist{ margin-left:0px;}
		.vimsdiv ol li{ width:49%; margin:0px; padding:0 20px 25px; box-sizing:border-box;}
		.vimsdiv h3{ font-size:19px;}
		.RightPanel h2 br{ display:none;}
		.accordion2 dt{ box-sizing:border-box;}
		.accordion2 h3 { font-size: 15px; padding: 12px 0 0 !important; line-height:24px;}
		.accordion2 table th{ font-size:13px;}
		.accordion2 dt{ font-size:14px; font-weight:400;}
		.accordion2 p { color: #555; font-size: 14px !important; line-height: 25px !important;  padding: 11px 0 5px !important; font-family: "robotoregular";}
		.leftcol ul{ float:left; width:100%;}
		.ui-datepicker{max-width:100%;}
		.leftcol li ul, .leftcol li:hover ul { background: #f2f2f2; border:0px;  display: block;  left:inherit;  padding: 8px 12px !important;  position: inherit;  top: inherit;  width: 100%; box-sizing:border-box;}
		table{ width:100%;}
		embed, object{ width:100%; max-width:100%;}
		.thediv { float: left;  padding: 0 0 30px;  text-align: center;  width: 100%;}
		.vboxdv {  display: inline-block;  float: left;  padding: 0 2%;  width: 33.33%;}
		.inner_banner{ display:none;}
		.whsleft { float: left;  width: auto;}
		.whsright { display: table-cell;  float: none;  padding: 72px 0 0;  width: auto;}
		.startrial img.leftcore { display: block;  margin: 0;  position: inherit;  right: inherit;  top: inherit;}
		.startrial h3{ font-size:16px; line-height:23px;}
		.page-id-1460 .tkkr #main img.alignleft { float: none;  margin: 0 auto 20px;  display: block;}
		.trailform { float: left;  padding: 22px!important;  width: 80% !important; margin:0 10%;}
		.page-id-12 .trailform input[type="text"], .page-id-12 .trailform input[type="email"], .page-id-12 .trailform input[type="tel"], .page-id-12 .trailform textarea { border: 1px solid #ccc;  box-sizing: border-box;  margin: 0 !important;  padding: 10px;   width: 100%;}
		.mapdiv{ display:none;}
		.addressdiv{ width:33.33%!important; float:left!important;}
		.nbs-flexisel-nav-left{ left:0px;}
		.nbs-flexisel-nav-right{ right:0px;}
		.Privacy ol li br{ display:none;}
		.Privacy ol li strong{ padding-bottom:5px;}
		.blogright{ width:31%;}
		.page-id-1975 #main1 img{ float:none!important; display:block; margin:0 auto 20px;}
		#pricing table{ margin-left:0px!important;}
		p.gaplow span{ width:auto; padding:0 5px 0 0;}
		.page-id-291 #box1, .page-id-291 #box2{ margin-left:0px; width:100%;}
		.page-id-291 .tkkr #main ul{ padding:0 0 11px;}
		.page-id-291 .tkkr #main h2{ padding-bottom:0px;}
	}

	@media screen and (max-width:979px){
		.BrandPartner ul li{ width:20%; padding:0px;}
		.TrainingBox ol li{ padding:43px 3% 0 0; min-height:350px;}
		.TrainingBox ol li::before{ font-size:28px;}
		.Workplace h2{ font-size:32px;}
		.copyright p{ width:100%; text-align:center; padding:0 0 20px;}
		.copyright span {float: left; text-align: center; width: 100%;  margin: 0 0 10px;}
		.account h5{ font-size:18px;}
		.culbox h3{ font-size:21px; margin-top:0px;}
		.culbox{ min-height:inherit; padding:30px 3%;}
		.Diversity_Newsletter input[type="text"]{ width:190px;}
		.Diversity_Newsletter h4{ font-size:31px;}
		.DiverCityVideos h1{ font-size:28px;}
		.LeftPanel ul li a{ font-size:14px;}
		.LeftPanel{ width:35%;}
		.RightPanel{ width:63%;}
		.RightPanel h3{ font-size:17px;}
		.RightPanel h2{ font-size:18px;}
		.RightPanel h1 {font-size: 23px; padding: 0 0 10px;}
		.detail_right h3{ font-size:22px;}
		#main > h3{ font-size:20px;}
		.Customerreviews h4{ font-size:16px;}
		.learning_left h5{ font-size:19px; padding:0 0 15px;}
		.woocommerce #reviews h3{ font-size:21px;}
		.learning_left ul li{ font-size:15px; font-family: "robotoregular";}
		.woocommerce-cart .woocommerce-message .button{ margin-right:10px;}
		.woocommerce-cart .coupon input[type="submit"].button{ float:left!important; width:auto!important;}
		.woocommerce-cart .coupon{ float:left!important; width:auto!important;}
		.woocommerce-cart .shop_table.cart input[type="submit"]{ float:right; width:auto!important; margin:0 10px 0 0;}
		.woocommerce-cart .coupon .input-text { margin: 0 4px!important;  padding: 9px!important;  width: 230px!important;}
		.woocommerce-cart .quantity .qty{ height:24px;}
		.woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-cart form .form-row input.input-text, .woocommerce-cart form .form-row textarea { width: 100%;  padding: 8px;  border: 1px solid #999;}
		.Productlisting td a.MoreDetails{ width:110px; margin-right:5px; font-size:14px;}
		.Productlisting td h2{ font-size:16px;}
		.tax-product_cat .wrapper h1{ font-size:29px;}
		#videolist{ width:100%;}
		#videoimage {float: left;  text-align: center;  width: 100%;}
		#videolist2 { float: left;  margin-top: 12px;  width: 100%;}
		#videoimage2 { clear: left;  float: left;  margin-bottom: 15px;  margin-left: 0;  margin-top: 12px;  text-align: center;  width: 100%;}
		#videolist3 { float: left;  margin-left: 0;  width: 100%;}
		#videoimage3 { float: left;  text-align: center;  width: 50%; margin-bottom:15px;}
		#videoimage4 { clear: none;  float: left;  margin-left: 0; margin-bottom:15px;  margin-top:0;  text-align: center;  width: 50%;}
		#videolist4 { float: left;  margin-top: 12px;  width: 100%;}
		.vimsdiv ol li{ padding:0 10px 25px;}
		.RightPanel h2{ font-size:15px;}
		.advantages h2 small{ font-size:inherit;}
		.tkkr h1{ font-size:22px;}
		.tkkr #main h3{ font-size:19px;}
		.tkkr #main h2{ font-size:19px;}
		.accordion2 h3{ font-size:14px!important; line-height:24px!important;}
		.ui-datepicker td span, .ui-datepicker td a{ padding:0px!important; text-align:center!important;}
		.ui-datepicker{ font-size:13px!important;}
		.page-id-711 .rightcol table.vtable td{ float:left; width:50%;}
		.page-id-928 .tkkr #main table{ max-width:100%;}
		.tkkr #main img.alignright{ max-width:50%;}
		.page-id-900 .tkkr #main h3{ font-size:14px; line-height:26px;}
		.whsright h2 { font-size: 32px;  padding-bottom: 0;}
		.startrial h3{ font-size:16px!important; line-height:23px;}
		.addressdiv { float: left !important;  min-height: 290px;  width: 50% !important; text-align:left!important;}
		.heresvssn{ min-height:inherit;}
		.leftlist{ width:100%;}
		.bloglft{ width:58%;}
		.blogright{ width:39%;}
		.blogdetail p{ padding-top:10px;}
		.blog_listing h1{ font-size:15px;}
	}

	@media screen and (max-width:767px){
		.TopSocial{ display:none;}
		.TopRight{ float:left; width:100%; text-align:center;}
		.logIn{ float:none; display:inline-block;}
		.banner > img{ display:none;}
		.BanText {float: left; left: inherit; position: inherit;  top: inherit;  width: 100%;}
		.BannerForm{ float:left; width:100%; box-sizing:border-box; padding:2%;}
		.BannerForm::before{ background-size:100% 100%;}
		.BannerForm ul li input[type="text"]{ width:90%;}
		.Workplace h2{ font-size:26px;}
		.Workplace p{ font-size:19px;}
		.TrainingBox ol li{ width:50%;}
		.account{ width:50%;}
		.account.Resources {float: left; width: 100%; margin: 20px 0 0;}
		.DiverCityVideos p{ padding:18px 0 0;}
		.DiverCityVideos h1 {font-size: 26px;}
		.TopicsBox{ width:50%;}
		.Diversity_Newsletter h4{ padding-bottom:0;}
		.Diversity_Newsletter input[type="text"]{ margin:0 10px 0 0;}
		.Diversity_Newsletter button[type="submit"]{ line-height:inherit; width:135px; height:50px;}
		.Diversity_Newsletter input[type="text"]{ width:160px; font-size:16px; height:50px;}
		.Diversity_Newsletter{ height:inherit; padding-bottom:30px;}
		.RightPanel h1{ font-size:18px;}
		.detail_right h1{ font-size:18px;}
		.woocommerce #reviews h3{ font-size:17px;}
		#main > h1{ font-size:17px;}
		.Customerreviews p{font-size: 15px; line-height: 30px;}
		#main2 h3{ font-size:20px;}
		.page-id-204 .cultural_divercity .LeftPanel ul li a{ font-size:13px;}
		.RightPanel h2{ font-size:14px;}
		.vimsdiv ol li{ width:100%; padding: 0 10%;}
		.advantages{ margin-top:0px;}
		.page-id-204 .Productlisting{ overflow-x:scroll;}
		.page-id-204 .Productlisting table{ width:550px;}
		.tkkr h1{ font-size:18px;}
		.tkkr #main h3{ font-size:17px;}
		.tkkr #main h2{ font-size:17px;}
		#main3 table{ width:100%;}
		#main3 table td p, #main3 table td{ font-size:14px!important;}
		.trialform{ width:98%;}
		.trialform ul{ box-sizing:border-box; width:100%;}
		.trialform input[type="text"], .trialform input[type="email"], .trialform input[type="tel"], .trialform textarea { box-sizing: border-box; width: 100%;}
		.tkkr #main ul li{ font-size:15px;}
		.leftcol{ width:90%; margin:0 5% 25px;}
		.rightcol {float: left;  width: 100%;}
		.page-id-711 .rightcol table.vtable td{ width:33.33%;}
		.vdivbox{ width:100%;}
		.startrial{ width:80%;}
		embed, object{ max-height:400px;}
		.whsleft{ display:none;}
		.whsright { float: left;  padding: 30px 0;  width: 100%;}
		.whsright h4{ margin:10px 0 0;}
		.diversity-online-training table td{ float:left; width:100%!important; text-align:center!important;}
		.trailform input[type="text"], .trailform input[type="email"], .trailform input[type="tel"]{box-sizing: border-box;}
		.trailform{ width:100%;}
		.me-cannotplay, .wp-video, .mejs-container{ width:100%!important; max-height:340px!important;}
		.accordion label{ font-size:17px;}
		.accordion div.drop p{ padding:20px 20px 0; font-size:14px; line-height:25px;}
		#main .contentSearch .searchform input[type="text"]{ width:380px;}
		.bloglft{ width:100%;}
		.blogright{ float:left; width:100%;}
		.blog_search input[type="text"]{ width:91%; box-sizing:border-box; height:39px;}
		.registration-form {float: left;  margin: 0;  width: 100%;}
		.graydiv, .offerdiv{ width:100%;}
	}

	@media screen and (max-width:599px){
		.logIn ul li{ margin-bottom:10px;}
		.BannerForm ul li input[type="text"]{ width:87%;}
		.BrandPartner ul li {min-height: 100px; padding: 0; width: 33.33%;}
		.DiverCityVideos h1{ font-size:23px;}
		.InnerPages{ padding:30px 0;}
		.TopicsBox{ width:100%;}
		.TopicsBox p:empty{ display:none;}
		.Diversity_Newsletter h4{ padding-top:0px;}
		.Diversity_Newsletter ul{ float:left; width:100%; margin:17px 0 0;}
		.Diversity_Newsletter input[type="text"] { box-sizing: border-box; font-size: 16px;  height: 50px;  margin: 0 0 10px;  width: 100%;}
		.Diversity_Newsletter h4{ font-size:26px;}
		.Diversity_Newsletter button[type="submit"]{ width:100%; margin:0px;}
		.page-id-64 .cultural_divercity{ display:none;}
		.mobtab{ display:block; float:left; width:100%; margin:20px 0;}
		.mobtab ul#taxonomy-shop2{ float:left; width:100%; padding:0px; margin:0px;}
		.mobtab ul#taxonomy-shop2 > li{ float:left; width:100%; padding:0px; margin:0px 0 4px;}
		.mobtab ul#taxonomy-shop2 > li > a{ display:block; padding:12px 12px; border:1px solid #eee; float:none; margin:0px; background:#1760bf; color:#fff; font-size:14px;}
		.mobtabcon{ float:left; width:100%; margin:10px 0 25px;}
		.mobtab ul#taxonomy-shop2 > li > a.active{ background:#ECB834;}
		.DiverCityVideos{ padding-bottom:35px;}
		.detail_left{ width:100%; margin-bottom:20px;}
		.detail_right{ float:left; width:100%;}
		#main > h3{ font-size:16px;}
		#main iframe{ max-height:300px;}
		.learning_left{ width:100%; margin:0 0 20px;}
		.learning_right{ float:left; width:100%;}
		.woocommerce-cart .coupon .input-text{ width:140px!important;}
		.Productlisting{ overflow-x:scroll;}
		.Productlisting table{ width:550px;}
		.Productlisting td h2{ font-size:15px;}
		.tax-product_cat .wrapper h1{ font-size:24px;}
		.tax-product_cat .woocommerce-ordering{ float:left; width:100%;}
		.LeftPanel{ width:100%;}
		.LeftPanel ul#taxonomy-shop{ float:left; width:100%;}
		.LeftPanel ul#taxonomy-shop > li{float:left; width:100%; padding:0px; margin:0px 0 4px; line-height:inherit; background:none; height:auto;}
		.LeftPanel ul#taxonomy-shop > li > a{display:block; padding:12px 12px; border:1px solid #eee; float:none; margin:0px; background:#1760bf; color:#fff; font-size:14px;}
		.LeftPanel ul#taxonomy-shop > li > a.active{ background:#ECB834;}
		.RightPanel{ float:; width:100%;}
		.vimsdiv ol{ float:left; width:100%;}
		.vimsdiv ol li{ float:left; width:100%; padding:0px}
		.LeftPanel ul li{ background:none; height:auto;}
		.RightPanel{ display:none;}
		.tkkr h1{ font-size:16px;}
		.tkkr #main h3{ font-size:16px;}
		.tkkr #main h3 br{ display:none;}
		.tkkr #main ul li{ font-size:14px; line-height:24px;}
		#main3 table td p, #main3 table td { font-size: 14px !important; line-height: 24px!important;}
		.leftaccord{ width:100%;}
		.rightcontent { float: left;  width: 100%;}
		.tkkr #main td{ font-size:13px;}
		.page-id-711 .rightcol table.vtable td{ width:50%;}
		.page-id-928 #main{ overflow-x:scroll;}
		.page-id-928 #main table{ width:650px; max-width:650px!important;}
		.page-id-204 .cultural_divercity{ display:none;}
		.mobilediv{ display:block; margin:25px 0 0;}
		.mobiledfata{ display:none;}
		.mobilediv ul#taxonomy-shop{ float:left; width:100%; margin:0 0 25px;}
		.mobilediv ul#taxonomy-shop > li{ float:left; width:100%; margin:0 0 5px;}
		.mobilediv ul#taxonomy-shop > li > a{ display:block; border:1px solid #eee; padding:10px 12px; margin:0px; background:#1760bf; color:#fff;}
		.mobilediv ul#taxonomy-shop > li > a.active{ background:#ECB834; color:#fff;}
		.vimsdiv{ text-align:center;}
		.vimsdiv ol li{ margin:0 0 20px; padding:0 2%; width:100%; float:left; box-sizing:border-box;}
		.whtblock{ margin:15px 0 0;}
		.mobilediv h2{ font-size:20px;}
		.startrial{ width:100%;}
		.vrsimg{ width:100%; text-align:center;}
		.page-id-1125 .vrsimg img{ float:none!important; width:auto;}
		embed, object{ max-height:300px;}
		.topvlim p{ padding:0 0 20px;}
		.whsright h2{ font-size:25px;}
		.diversity-online-training{ overflow-x:scroll;}
		.diversity-online-training table{ width:300px;}
		.trailform input[type="text"], .trailform input[type="email"], .trailform input[type="tel"]{box-sizing: border-box;}
		.addressdiv { float: left !important;  min-height: inherit;  text-align: left !important;  width: 100% !important;}
		.addressdiv p:empty{ display:none;}
		#main .contentSearch .searchform input[type="text"]{ width:68%; box-sizing:border-box;}
		.blog_search input[type="text"]{ width:88%;}
	}

	@media screen and (max-width:479px){
		.logIn ul li{ font-size:13px;}
		.BannerForm h1{ font-size:24px;}
		.BannerForm ul li input[type="text"]{ width:81%;}
		.BrandPartner{ display:none;}
		.banner{ min-height:inherit;}
		.Workplace h2{ font-size:20px;}
		.Workplace p{ font-size:18px;}
		.TrainingBox ol li {min-height: inherit; width: 100%;}
		.TrainingBox ol li::before { font-size: 21px; height: 53px;  line-height: 53px;  width: 53px;}
		.TrainingBox ol li{ padding-top:25px;}
		.account { margin-bottom: 20px;  width: 100%;}
		.account.Resources { margin-top:0px;}
		.copyright p{ line-height:26px;}
		.DiverCityVideos h1 {font-size: 17px; padding: 0 0 10px;  margin: 0px;  line-height: inherit;}
		.DiverCityVideos p { padding: 0; font-size: 15px;   line-height: 24px;}
		.Diversity_Newsletter h4{ font-size:23px;}
		.RightPanel h2,.RightPanel h3{ font-size:15px;}
		.RightPanel p{ font-size:14px;}
		.detail_right h3{ font-size:18px;}
		.Product_detal .woocommerce-tabs ul.tabs li{ font-size:13px!important; padding:0 19px!important; text-transform:inherit!important;}
		#main iframe{ max-height:230px;}
		.Customerreviews h4{ font-size:14px;}
		.Customerreviews ul li{ font-size:15px;}
		.Customerreviews p{ font-size:15px; line-height:26px;}
		.woocommerce #reviews h3{ font-size:16px;}
		.Product_detal .Customerreviews input[type="text"], [type="email"] { border: 1px solid #ccc; box-sizing: border-box;  margin: 0;  padding: 10px; width: 100%;}
		.Product_detal .Customerreviews p.stars span a{ margin-bottom:13px;} 
		.woocommerce-cart #main form{ float:left; width:100%; overflow-x:scroll; margin-bottom:30px;}
		.woocommerce-cart #main form table{ width:480px;}
		.woocommerce-checkout .woocommerce-billing-fields h3{ font-size:19px;}
		.woocommerce-checkout .woocommerce-shipping-fields h3#ship-to-different-address { font-size:19px;}
		.woocommerce-checkout #customer_details label{ font-size:14px;}
		.woocommerce-checkout h3#order_review_heading { font-size:17px;}
		.woocommerce-checkout #order_review p{font-size: 15px; line-height: 28px;}
		.woocommerce-checkout .checkout_coupon p{ float:left; width:100%;}
		.woocommerce-checkout .woocommerce-error li{ font-size:14px!important; line-height:24px!important;}
		.Productlisting td h2{ font-size:14px;}
		.Customerreviews p {font-size: 15px!important;  line-height: 26px!important;}
		#videoimage3,#videoimage4{ width:100%;}
		#main2 h3{ font-size:15px;}
		.page-id-283 #main3 table{ float:left; width:400px;}
		.page-id-283 #main3{ overflow-x:scroll; padding-bottom:30px;}
		.leftcol{ width:100%; margin:0 0 25px;}
		.wrapper #main p { font-size: 15px;  line-height: 27px;}
		.page-id-773 .rightcol{ overflow-x:scroll;}
		.page-id-773 .rightcol table{ width:450px;}
		.page-id-711 .rightcol table.vtable td{ width:100%; font-size:14px!important;}
		.tkkr #main h3{ font-size:15px;}
		.tkkr #main img.alignright { max-width: 80%;  display: block;  margin: 0 auto;  float: none;}
		.page-id-973 #main{ overflow-x:scroll;}
		.page-id-973 #main table{ width:350px;}
		.mobilediv h2{ font-size:16px;}
		.bigimg{ width:100%;}
		.smlimg{ float:left; width:100%;}
		.graydiv{ width:100%;}
		.page-id-900 .tkkr #main h3 {font-size: 12px;  font-weight: 400 !important;  line-height: 18px;}
		embed, object{ max-height:200px;}
		.page-id-1677 #main table th{ font-size:11px;}
		.page-id-1677 #main table th br{ display:none;}
		.page-id-1677 #main{ overflow-x:scroll;}
		.page-id-1677 #main table{ width:400px;}
		.topvlim h2{ font-size:28px;}
		.vboxdv { display: inline-block;  float: none;  padding: 0 2%;  width: 49%;}
		.topvlim p{ font-size:15px; line-height:29px;}
		.me-cannotplay, .wp-video, .mejs-container{ max-height:240px!important;}
		.tkkr #main ol li{ font-size:15px;}
		.trailform{ margin:0px; width:100%!important;}
		.addressdiv h3{ padding-bottom:10px;}
		.heresvssn h3{ font-size:24px;}
		.bluebg h2{ font-size:26px; padding:0 0 16px;}
		.addressdiv h3{ font-size:15px;}
		.addressdiv big{ font-size:21px;}
		.ultimate_services h1{ font-size:25px;}
		.nbs-flexisel-nav-right, .nbs-flexisel-nav-left{ top:140px!important;}
		.accordion label a{ padding:15px 10px 15px 59px;}
		.accordion label, .accordion label.active{ font-size:14px; height:auto; background-size:cover;}
		#main .contentSearch .searchform input[type="text"]{ width:100%; margin-bottom:10px;}
		.blog_search input[type="text"]{ width:83%;}
		.page-id-1980 #main > h1{ font-size:14px;}
		.page-id-1980 #main h1 br{ display:none;}
		.page-id-1980  img{display: block; float: none!important;  margin: 20px auto 0;}
		.page-id-1583 .tkkr .button, .page-id-1578 .tkkr .button, .page-id-1554  .tkkr .button, .page-id-1442 .tkkr .button, .page-id-1088 .tkkr .button, .page-id-1071 .tkkr .button, .page-id-1060 .tkkr .button, .page-id-651 .tkkr .button{ display:block; text-align:center;  clear:both; margin:0 0 10px!important;}
	}

	@media screen and (max-width:319px){
		.logIn ul{ float:left; width:100%; text-align:left;}
		.BannerForm h1{ font-size:19px;}
		.BannerForm ul li input[type="text"]{ width:77%;}
		.Workplace h2 { font-size: 16px;  padding: 20px 0 0; line-height:inherit;}
		.account.Resources p{ font-size:12px;}
		.copyright span a{ display:inline-block; margin-bottom:10px;}
		.detail_right h1{ font-size:16px;}
		.Product_detal .woocommerce-tabs ul.tabs li{ padding:0 12px!important;}
		.blogdetail{ padding-left:8px;}
		.blogdetail p{ font-size:15px; line-height:24px;}
		.blog_search input[type="text"]{ width:76%;}
	}

/********************************** Responsive css closed from here ******************************/
.single-product .InnerPages {
    padding-top: 20px;
}
#tab-reviews {
    display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	margin-bottom:10px !important;
}
.TopSearch input[type=submit] {
    float: left;
    padding: 0px;
    height: 30px !important;
    width: 30px !important;
    border: 1px solid #4fa8d2;
    border-left: 0;
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px;
    background: url(images/search-btn.png) no-repeat center top !important;
    transition: all 0.5s ease 0s;
}
.searchform #searchsubmit {
     display: block !important; 
}
.page-id-7796 .middleline {
    font-size: 30px !important;
}