﻿.secbg {background-color: #f2f2f2;}

.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.ser-box-a {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 10px 2px #ccc;
    float: left;
	margin: 0;
	overflow: hidden;
	padding: 0 0 10px;
	position: relative;
    text-align: left;
}

.ser-box-a a {display: block;}

.ser-box-a.ser-1, .ser-box-a.ser-2, .ser-box-a.ser-3 {margin-bottom: 20px;} 

.ser-box-a .b4 {
    background-color: #2e8cf0;
    color: #fff;
    font-family: "Roboto", calibri,arial;
    font-size: 22px;
	padding: 8px 0;
    text-align: center;
}
.ser-box-a .b4 img {padding-right: 5px;}

.ser-box-a .b2 {
    background-color: #613dbb;
    color: #fff;
    font-family: "Roboto", calibri,arial;
    font-size: 22px;
	padding: 1px 0;
    text-align: center;
}

.ser-box-a .b3 {
    background-color: #a201a9;
    color: #fff;
    font-family: "Roboto", calibri,arial;
    font-size: 22px;
	padding: 8px 0;
    text-align: center;
}
.ser-box-a .b3 img {padding-right: 8px;}

.ser-box-a .b1 {
    background-color: #00a41c;
    color: #fff;
    font-family: "Roboto", calibri,arial;
    font-size: 22px;
    text-align: center;
}
.ser-box-a .b1 img {margin-right: -5px;}

.ser-box-a .b5 {
    background-color: #c01e4d;
    color: #fff;
    font-family: "Roboto", calibri,arial;
    font-size: 22px;
	padding: 3px 0;
    text-align: center;
}

.ser-box-a .bigtext {
    color: #212a34;
    font-size: 17px;
	font-weight: 400;
    line-height: 24px;
    margin: 10px 0;
	padding: 0 10px;
    text-align: center;
}

.ser-box-a .smalltext {
    color: #333;
    font-size: 14px;
    line-height: 24px;
	margin-bottom: 0;
	padding: 0 10px;
    text-align: justify;
}

.ser-box-a .knowmoreH {
    color: #1a7ae0;
    float: left;
    font-size: 14px;
    margin: 5px 7px 0 0;
	padding: 0 10px;
}

.ser-box-a .knowmoreH a {
    color: #1a7ae0;
	display: block;
    text-decoration: none;
}

.ser-box-a .mask {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

/* FIFTH EFFECTS */
.ser-box-a img {
	opacity:0.9;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	vertical-align: middle;
}
.ser-box-a .mask {
   	cursor:pointer;
    opacity: 0.5;
    visibility: visible;
    border: 520px solid rgba(51,51,51,0.5);
   	-moz-box-sizing:border-box;
   	-webkit-box-sizing:border-box;
   	box-sizing:border-box;
   	-moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   	-webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   	-o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   	-ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   	transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.ser-box-a:hover .mask {
	border:0px double rgba(0,0,0,0.7);
	opacity:0;
	visibility:hidden;
}
.ser-box-a:hover img {
	opacity:1;
}

.sp-consult p {color: #fff; font-size: 16px; line-height: 30px; text-align: justify;}

.reviews {background-color: #f2f2f2; float: left; padding: 60px 0; width: 100%;}
.reviews p {font-size: 16px; font-weight: 400; line-height: 40px; margin: 20px 0; text-align: center;}
.test-monials h5{
    font-size: 24px;
    text-align: center;
    color: #1b5168;
    font-family: 'Abril Fatface', cursive;
    text-transform: none;
    margin-top: 1em;
}
.test-review img{
	 border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	    box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -o-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
    -ms-box-shadow:0 10px 20px rgba(0, 0, 0, 0.41);
}
.test-review p img {
    margin: 0 10px!important;
	box-shadow:none;
}
.test-review img {
    margin: 0 auto;
}
 
.front-consulting ul {list-style: none; margin: 20px 0 0;}

.front-consulting li {
    color: #fff;
    line-height: 32px;
}

.front-consulting li::before {
    border-color: #333;
    border-radius: 11px;
    border-style: solid;
    border-width: 1px;
    content: "  ";
    display: inline-block;
    font-family: FontAwesome;
    height: 19px;
    line-height: 16px;
    list-style-image: none;
    margin: 0 10px 0 0;
	padding: 1px 6px;
    width: 19px;
}

.sub-section {
    background: #f5f5f5 none repeat scroll 0 0;
    box-shadow: 0 3px 6px -4px #a9a9a9;
    display: block;
    margin: 10px 0 0;
    padding-top: 1px;
    width: 100%;
}

.consulting-deploy, .consulting-search, .consulting-bi, .consulting-workflows, .consulting-apps, .consulting-upgrade {
    background: rgba(0, 0, 0, 0) url("../images/images/sharepoint-consulting-description-header.png") no-repeat scroll 0 0;
    display: block;
    height: 134px;
    margin: 20px auto;
    width: 134px;
}

.consulting-row {
    border-bottom: 1px solid #e7e7e7;
	margin: 0;
    padding: 30px 0;
}

.consulting-row h2 {
    color: black;
	font-family: "Open Sans",sans-serif;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 10px;
}

.consulting-row ul {
    color: #444;
    font-size: 13px;
    margin: 0 30px 0 20px;
	padding-left: 40px;
}

.consulting-row li {
    line-height: 30px;
}

.button {
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    color: #444;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 30px;
    margin: 8px 0 0 30px;
    padding: 3px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    width: 150px;
}

.fa-bar-chart-o::before, .fa-bar-chart::before {
    content: "";
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

.consulting-search {
    background-position: 0 -134px;
}

.consulting-bi {
    background-position: 0 -268px;
}

.consulting-workflows {
    background-position: 0 -401px;
}

.consulting-apps {
    background-position: 0 -536px;
}

.consulting-upgrade {
    background-position: 0 -669px;
}

#SharePoint_Training_Main, #SharePoint_2013_Training_Main, #Contest_Main {
    background: rgba(0, 0, 0, 0) url("../images/images/sharepoint-2013-training.png") no-repeat scroll center center / cover ;
    display: block;
    height: 406px;
    position: relative;
}

#SharePoint_2013_Training_Main {
    box-shadow: 0 3px 6px -4px #a9a9a9;
}

#SharePoint_Training_Main .title, #SharePoint_2013_Training_Main .title {
    background-color: rgba(193, 227, 79, 0.8);
    float: left;
    margin-top: 50px;
    max-width: 555px;
    min-height: 90px;
}

#SharePoint_2013_Training_Main .title {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(36, 152, 250, 0.8) 0%, rgba(36, 152, 250, 0.55) 100%) repeat scroll 0 0;
}

#SharePoint_Training_Main H1, #SharePoint_2013_Training_Main H1 {
	color: #000;
	font-family: "Open Sans",sans-serif;
    font-size: 36px;
    font-weight: 400;
	margin-bottom: 0;
    margin-top: 0;
    padding: 12px 35px 3px;
	text-align: center;
}

#SharePoint_Training_Main H2, #SharePoint_2013_Training_Main H2 {
    color: #4e5b1d;
    font-size: 24px;
    font-weight: 100;
    line-height: 18px;
	margin-bottom: 0;
    margin-top: 0;
    padding: 0 0 0 35px;
}

#SharePoint_2013_Training_Main H2 {
    color: #fff;
}

#SharePoint_2013_Training_Main .title2 {
    border-bottom: 2px solid #e3a000;
	color: #333;
    clear: both;
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 42px 0 0 170px;
    padding: 5px 12px;
}

#SharePoint_Training_Main .description, #SharePoint_2013_Training_Main .description {
    color: #1b1b1b;
    font-size: 16px;
    line-height: 32px;
}

#SharePoint_Training_Main .description, #SharePoint_2013_Training_Main .description {
    clear: both;
    color: #1b1b1b;
    float: left;
    font-size: 16px;
    line-height: 32px;
    margin: 45px 0 50px 35px;
    max-width: 528px;
}

#SharePoint_2013_Training_Main .description {
    margin: 22px 0 27px 62px;
}

#SharePoint_2013_Training_Main .description ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#SharePoint_2013_Training_Main .description li {
    display: inline;
    float: left;
    padding-bottom: 15px;
}

.class-icon1, .class-icon2, .class-icon3, .class-icon4, .class-icon5, .class-icon6, .class-icon7, .class-icon8, .class-icon9 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 0;
    display: block;
    float: left;
    height: 23px;
    margin-top: 5px;
    opacity: 0.8;
    width: 23px;
}

#SharePoint_2013_Training_Main .description li a {
    color: #333;
    display: block;
    font-size: 17px;
    font-weight: 4100;
    padding-left: 38px;
    width: 201px;
}

.class-icon2 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 -24px;
}

.class-icon3 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 -47px;
}

.class-icon4 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 -70px;
}

.no-padding {padding: 0;}

.parallax_section_holder {padding: 40px 0;}
.parallax_section_holder h2 {font-size: 36px; text-align: center;}
.parallax_section_holder p {color: #333; font-size: 18px;}
.parallax_section_holder p.testimonial_author {font-weight: 300;}
.parallax_content.left, .parallax_content_full_width.left {
    text-align: left;
}
.parallax_content {
    margin: 0 auto;
    width: 1100px;
}
.parallax_content, .parallax_content_full_width {
    position: relative;
    z-index: 100;
}

.domain-expert {background-color: #fff; padding: 40px 0; width: 10000}
.domain-expert ul {float: left; padding: 0; width: 100%;}
.domain-expert ul li {background-color: #e1e1e1; box-shadow: -3px 5px 0 0 #999; float: none; margin-bottom: 10px; /*padding: 10px 0; transition: all 0.3s ease-in-out;*/}
/*.domain-expert ul li:hover {box-shadow: none; margin-bottom: 5px; transition: all 0.3s ease-in-out;}*/
.domain-expert ul li a {color: #333; display: block; font-size: 18px; padding: 10px 10px 10px 50px;}
/*.domain-expert ul li .index-icon {float: left;}*/

#industry ul li a {color: #333; display: block; font-size: 18px; padding: 10px 10px 10px 50px;}

.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.clear::after, .clearfix::after, .drop_down .wide .second ul li:nth-child(4n+1), .latest_post_holder.boxes > ul, .latest_post_holder.dividers > ul, .latest_post_two_holder.four_columns > ul > li:nth-child(4n+1), .latest_post_two_holder.three_columns > ul > li:nth-child(3n+1), .latest_post_two_holder.two_columns > ul > li:nth-child(2n+1), .latest_post_two_holder > ul, .tstm_block_2 .testimonials_item {
    clear: both;
}

.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after, .vc_clearfix::after, .vc_column-inner::after, .vc_el-clearfix, .vc_row::after {
    clear: both;
}
.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 35px;
}
.last_toggle_el_margin, .wpb_button, .wpb_content_element, .wpb_row, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0 !important;
}
/*.testimonials_holder {
    text-align: center;
}
.testimonials {
    position: relative;
}
.flex-viewport, .portfolio_slider .flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
}
.caroufredsel-direction-nav, .flex-control-nav, .flex-direction-nav, .portfolio_slides, .slides {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.testimonial_text_holder {
    display: block;
    position: relative;
}
.testimonial_text_inner .testimonial_name, .testimonials .testimonial_text_inner {
    display: block;
}
.testimonials .testimonial_text_inner p {
    font-size: 18px;
    line-height: 30px;
	text-align: center;
}
.testimonials .testimonial_text_inner p.testimonial_author {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    margin-top: 22px;
	text-align: center;
}
.testimonials_holder .flex-direction-nav {
    display: block;
    position: static;
}
.caroufredsel-direction-nav, .flex-control-nav, .flex-direction-nav, .portfolio_slides, .slides {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.testimonials_holder .flex-direction-nav li:first-child {
    margin-right: 5px;
}
.testimonials_holder .flex-direction-nav li {
    display: inline-block;
    height: 30px;
    margin-top: 37px;
}
.testimonials_holder .flex-direction-nav a.flex-prev::before {
    content: "";
}
.highlight, .testimonials_holder.light .flex-direction-nav a::before {
    color: #333;
}
.testimonials_holder .flex-direction-nav a::before {
    color: #000;
    font-family: FontAwesome,sans-serif;
    font-size: 16px;
    height: 26px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: 26px;
}
.testimonials_holder.light .flex-direction-nav a {
    border-color: #fff;
}
.testimonials_holder .flex-direction-nav a {
    border-radius: 50px;
}
.testimonials_holder .flex-direction-nav a {
    background-color: transparent;
    border: 2px solid #303030;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
    opacity: 1;
    position: relative;
    text-indent: -9999px;
    width: 30px;
}
.testimonials_holder .flex-direction-nav a {
    box-sizing: initial;
}
.testimonials_holder .caroufredsel-direction-nav a, .testimonials_holder .flex-direction-nav a {
    background-color: transparent;
    border: 2px solid #fff;
    color: #8a8a8a;
    cursor: pointer;
    display: block;
    height: 42px;
    line-height: 42px;
    margin: -23px 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 42px;
    z-index: 200;
}
.testimonials_holder .flex-direction-nav li:last-child {
    margin-left: 4px;
}
.testimonials_holder .flex-direction-nav li {
    display: inline-block;
    height: 30px;
    margin-top: 0;
}
.testimonials_holder .flex-direction-nav a.flex-next::before {
    content: "";
}
.highlight, .testimonials_holder.light .flex-direction-nav a::before {
    color: #333;
}
.testimonials_holder .flex-direction-nav a::before {
    color: #000;
    font-family: FontAwesome,sans-serif;
    font-size: 16px;
    height: 26px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: 26px;
}
.testimonials_holder.light .flex-direction-nav a {
    border-color: #333;
}
.testimonials_holder .flex-direction-nav a {
    border-radius: 50px;
}
.testimonials_holder .flex-direction-nav a {
    background-color: transparent;
    border: 2px solid #303030;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
    opacity: 1;
    position: relative;
    text-indent: -9999px;
    width: 30px;
}*/
.bg-lg h2 {
    border-bottom: 1px inset #000;
	color: #212a34;
    font-size: 30px;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 50%;
}
.bg-lg h2::before {
    background-color: #212a34;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    width: 150px;
}
h2.lg {
    color: #333;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    margin: 20px 0 30px;
    padding: 5px 10px 5px 12px;
    text-align: center;
}
#top-blue, #top-gray {clear: both;}
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
#Topic-Compare table {box-sizing: border-box; overflow: hidden; width: 100%;}
#fundamentals-tab {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(249, 252, 255, 1) 23%, rgba(226, 239, 255, 1) 100%) repeat scroll 0 0;
    border: 1px solid #c5ddf6;
    border-top-left-radius: 5px;
    box-sizing: content-box;
    height: 42px;
    padding: 10px 25px 0 15px;
}
.class-icon5, .class-icon6, .class-icon7, .class-icon8, .class-icon9 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 -93px;
    height: 27px;
    opacity: 0.9;
    width: 27px;
}
#fundamentals-tab .title, #administration-tab .title, #development-tab .title {
    color: #497bc0;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 2px;
}
#fundamentals-tab .title, #administration-tab .title, #development-tab .title {
    color: #497bc0;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 2px;
}
#fundamentals-tab .title2, #administration-tab .title2, #development-tab .title2 {
    color: #1f4b9a;
    font-size: 16px;
    font-weight: bold;
}
#administration-tab .title2 {
    color: #426e2e;
}
#development-tab .title2 {
    color: #c08300;
}
#administration-tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(248, 255, 244, 1) 23%, rgba(224, 255, 206, 1) 100%) repeat scroll 0 0;
    border-color: #c8e6b3 #c8e6b3 #c8e6b3 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    box-sizing: content-box;
    height: 42px;
    padding: 10px 25px 0 15px;
}
.class-icon6 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 -121px;
}
#development-tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(254, 253, 249, 1) 23%, rgba(248, 242, 210, 1) 100%) repeat scroll 0 0;
    border-color: #f6ddab #f6ddab #f6ddab -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-top-right-radius: 5px;
    border-width: 1px 1px 1px medium;
    box-sizing: content-box;
    height: 42px;
    padding: 10px 25px 0 15px;
}
.class-icon7 {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") repeat scroll 0 -149px;
}
#Topic-Compare table tr.odd td.c2, #Topic-Compare table tr.even td.c2 {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    font-size: 12px;
    padding: 6px 7px 6px 15px;
    text-align: left;
}
#Topic-Compare table tr.odd td.c1, #Topic-Compare table tr.even td.c1, #Topic-Compare table tr.even td.c5, #Topic-Compare table tr.odd td.c5, #Topic-Compare table tr.odd td.c6, #Topic-Compare table tr.even td.c6 {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    font-size: 12px;
    padding: 15px 0;
    text-align: center;
    vertical-align: top;
}
#Topic-Compare table tr.even td.c2 {
    background-color: #f6f6f6;
}
#Topic-Compare table tr.even td.c1, #Topic-Compare table tr.even td.c5, #Topic-Compare table tr.even td.c6 {
    background-color: #ededed;
}
#Topic-Compare table tr.odd td.c6, #Topic-Compare table tr.even td.c6 {
    border-right: 2px solid #e1e1e1;
}
#Topic-Compare table td.buy {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    position: relative;
    right: -1px;
}
#Topic-Compare .buyCenter {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 auto;
    padding: 12px 0 0;
    text-align: center;
    width: 80px;
}
.buy-button, .buy-button:hover, .buy-button2, .purchase-button, .register-button {
    background: rgba(0, 0, 0, 0) url("../images/images/buttons.png") no-repeat scroll 0 -62px;
    cursor: pointer;
    height: 30px;
    margin-left: 200px;
    width: 79px;
}
.buy-button2, .purchase-button, .register-button {
    margin-left: 0;
    padding: 0;
    position: relative;
}
.register-button {
    background: rgba(0, 0, 0, 0) url("../images/images/buttons.png") no-repeat scroll 0 -123px;
    width: 116px;
}
#Topic-Compare a {
	color: #2966cb;
    font-size: 12px;
}
#Topic-Compare p {
	border: 1px solid #ddd;
	padding: 5px 10px;
	text-align: justify;
}
.qmparentA {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}
td.compare5 {
    /*background-color: #fff;*/
    border-bottom: 5px solid #36c;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 12px 12px;
    position: relative;
    right: -1px;
}
#Topic-Compare h3 {
	margin: 40px 0 20px;
}
#Topic-Compare table tr.odd td.c3, #Topic-Compare table tr.even td.c3, #Topic-Compare table tr.odd td.c4, #Topic-Compare table tr.even td.c4 {
    background: #f6f6f6 url("../images/images/check-sm.gif") no-repeat scroll center center;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 7px;
}
#Topic-Compare table tr.odd td.c4, #Topic-Compare table tr.even td.c4, #Topic-Compare table tr.even td.c5, #Topic-Compare table tr.odd td.c5, #Topic-Compare table tr.odd td.c6, #Topic-Compare table tr.even td.c6 {
    border-right: medium none;
}
#Topic-Compare table tr.even td.c2 {
    background-color: #f6f6f6;
}
#Topic-Compare table tr.even td.c3 {
    background-color: #ededed;
}
#Topic-Compare table tr.even td.c4 {
    background-color: #ededed;
}
.fundamental-section {padding: 40px 0;}
.topH, .topH2, topH-no-p {
	color: #333;
    font-size: 26px;
	font-weight: 500;
	margin: 0;
    padding: 0 0 40px 0;
	text-align: center;
}
.text-page {
    margin: 0 auto;
    max-width: 800px;
}
.li26 li {
    line-height: 26px;
}
.pad20-t {
    padding: 20px 0;
}
.center {
    text-align: center;
}
.button-a, .button-b, .button-a:hover, .button-b:hover, .button-a:visited, .button-b:visited {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 40px;
    padding: 8px 20px 9px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
a.button-a, a.button-b {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 18px;
    box-shadow: 0 7px 6px -6px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 16px;
}
a.button-a.green {
    background: rgba(91, 160, 29, 0.9) none repeat scroll 0 0;
}
.button-a.green {
    border: medium none;
}
a.button-a.green::after {
    border-color: #fff;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    height: 18px;
    line-height: 16px;
    list-style-image: none;
    margin: 0 -5px 0 7px;
    padding-left: 2px;
    width: 18px;
}
.button-color a:hover, #SharePoint_2013_6in1 .learnmore a:hover, a.button-a.green:hover{
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset, 0 8px 7px -6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset, 0 8px 7px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset, 0 8px 7px -6px rgba(0, 0, 0, 0.5);
	text-decoration: none;
	color: #FFF;
}
.cart-outline {
	background-color: #fff;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}
.tab-pane {
    padding: 30px;
}
.outline-buttons {
    float: left;
}
.button-download a{
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	border: 2px solid #636363;
	float: right;
	font-size: 12px;
	color: #636363;
	text-decoration: none;
	padding: 5px 10px;
	clear: right;
}
a.unbind, a.rebind {
    border: 1px solid #dddddd;
    border-radius: 15px;
    color: #636363;
    font-size: 12px;
    padding: 5px 10px;
    text-decoration: none;
}
a.unbind:hover, a.rebind:hover, a.unbind:active, a.rebind:active {
	text-decoration: none;
	color: #000000;
	background: #f5f5f5;
	border: 1px solid #c6c6c6;
}
.button-download a:hover {
	color: #000;
	background: #f5f5f5;
	border: 2px solid #000;
}
.text-page h2, .sub-section .text-page H2 {
    color: gray;
    font-size: 28px;
    font-weight: 100;
    margin: 0 0 20px;
}
.outlineH2-fundamentals, .outlineH2-admin, .outlineH2-dev, .outlineH2-bi, .outlineH2-enduser {
    background: rgba(0, 0, 0, 0) url("../images/images/class-icons.png") no-repeat scroll 0 -93px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    height: 27px;
    line-height: 19px;
    margin-bottom: -6px;
    opacity: 0.9;
    padding: 3px 0 0 35px;
    vertical-align: bottom;
}
.outlineH3, .outlineH3-admin, .outlineH3-dev, .outlineH3-bi {
    border-bottom: 3px solid #09f;
    color: #666;
    display: block;
    margin-bottom: 30px;
    padding: 0 0 10px 36px;
}
.cart-outline li{
	font-size: 12px;
	line-height: 26px;
}
.magic-accordion .head{
	cursor: pointer;
	padding-left: 35px;
	margin-bottom: 0px;
	line-height: 30px;
}
.magic-accordion .head i {
	margin-right:15px; 
	font-size: smaller;
}
.magic-accordion .head:hover {
	background: #f3f3f3;
}
.magic-accordion {
	padding-bottom: 20px;
}
.magic-accordion > .body > ul, .magic-accordion > ul{
	padding: 10px 0 10px 75px;
	border-top: 1px dotted #43b1f0;
}
.magic-accordion .Osection {
	margin-top: 30px;
	padding-left: 0px !important; 
}
.magic-accordion .Osection:hover {
	background: none;
	cursor: default;
}
.magic-accordion .head.active i:before {
	content: "\f068";
	font-size: 10px;
	transition: all .2s linear;
}
.fa-chevron-circle-down:before {
	content: "\f067";
	font-size: 10px;
	transition: all .2s linear;
}

.magic-accordion .head.active i:before {
	transform: rotate(90deg);
}
.outlineH2-admin {background-position: 0 -121px;}
.outlineH2-dev {background-position: 0 -149px;}
.outlineH2-bi {background-position: 0 -177px;}
.outlineH3-admin {border-bottom: 3px solid #690;}
.outlineH3-dev {border-bottom: 3px solid #C60;}
.outlineH3-bi {border-bottom: 3px solid #504e92;}

/* MOVIE POSTERS */
#movieposters { list-style:none; margin: 70px 0; height: 550px; width: 100%; }

#movieposters .cols {
	display:inline; 
	float:left;
	
	/*-ms-perspective: 500; 
	-ms-transform-style: preserve-3d;
	-ms-transition-property: perspective; 
	-ms-transition-duration: 0.5s;*/
	
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transition-property: perspective; 
	-moz-transition-property: perspective;
	transition-property: perspective;

	-webkit-transition-duration: 0.5s; 
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#movieposters .cols:hover {
	/*-ms-perspective: 5000;*/
	-webkit-perspective: 5000px; 
	-moz-perspective: 5000px;
	perspective: 5000px;
}

#movieposters .cols img {
	border:10px solid #1b5168;
	 
	/*-ms-box-shadow:0 3px 10px #888;*/
	-moz-box-shadow:0 3px 10px #888; 
	-webkit-box-shadow:0 3px 10px #888;
	box-shadow:0 3px 10px #888;
	
	/*-ms-transform: rotateY(30deg);*/
	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	transform: rotateY(30deg);
	
	/*-ms-transition-property: transform;*/
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	transition-property: transform;
	
	/*-ms-transition-duration: 0.5s;*/
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	
	/*-ms-transform-style: preserve-3d;*/
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	max-width: 100%;
}
	
#movieposters .cols:hover img { 
	/*-ms-transform: rotateY(0deg);*/
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg); 
}

.movieinfo { 
	border: 10px solid #bbb; 
	padding: 20px; 
	width: 260px; 
	height: 200px; 
	background-color: rgba(51, 51, 51, 0.5); 
	margin: -195px 0 0 55px; 
	position: absolute;
	
	/*-ms-box-shadow: 0 20px 40px #888;*/
	-webkit-box-shadow: 0 20px 40px #888;
	-moz-box-shadow: 0 20px 40px #888; 
	box-shadow: 0 20px 40px #888;
	
	/*-ms-transform: translateZ(60px) rotateY(30deg);*/
	-webkit-transform: translateZ(60px) rotateY(30deg);
	-moz-transform: translateZ(60px) rotateY(30deg);
	transform: translateZ(60px) rotateY(30deg);
	
	/*-ms-transition-property: transform, box-shadow, margin;*/
	-webkit-transition-property: transform, box-shadow, margin;
	-moz-transition-property: transform, box-shadow, margin;
	 transition-property: transform, box-shadow, margin;
	
	/*-ms-transition-duration: 0.5s;*/
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	 transition-duration: 0.5s;
}

#movieposters .cols:hover .movieinfo { 
	/*-ms-box-shadow:0 5px 10px #888;*/
	-webkit-box-shadow:0 5px 10px #888;
	-moz-box-shadow:0 5px 10px #888;
	box-shadow:0 5px 10px #888;
	
	/*-ms-ransform: rotateY(0deg);*/
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	 
	margin: -175px 0 0 45px; 
}
	
.movieinfo h3 { 
	color:#fff; 
	font-variant: small-caps; 
	font-family: "Gotham", sans-serif;
	font-size: 18px;
	margin: 0; 
	text-align:center; 
	padding-bottom:15px; 
}

.movieinfo p { color: #fff; font-size: 12px; }

.movieinfo a { 
	background-color: #1b5168; 
	padding: 5px 10px; 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	width: 85px; 
	text-align: center; 
	margin: 0 auto;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.movieinfo a:hover, .movieinfo a:focus { background-color:#bb141a; color:#fff; }

/* *************** Banner CSS ***************** */

.owl-carousel .animated{
	-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.owl-carousel .owl-animated-in {z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
 .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;max-height:inherit}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0, 0, 0)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{
	cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{
	position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;
	-moz-user-select:none;-ms-user-select:none;user-select:none
}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{
	-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto
}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy {
	opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:
	opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease
}
.owl-carousel .owl-item img {transform-style:preserve-3d}
.owl-theme .owl-controls .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-dot span {
	display:block;width:12px;height:12px;margin:5px 7px;filter:alpha(opacity=50);opacity:.5;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-dot.active span,.owl-theme .owl-controls.clickable .owl-dot:hover span{
	filter:alpha(opacity=100);opacity:1
}
.owl-theme .owl-controls .owl-dot span.owl-numbers {
	height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;
	-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-controls .owl-buttons div {
	color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;
	-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:
	alpha(opacity=50);opacity:.5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter:alpha(opacity=100);opacity:1;text-decoration:none
}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0; top: 0;
}
.owl-theme .owl-controls .owl-nav .owl-next,.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0; top: 0;
}
.owl-theme .owl-controls .owl-nav div,.owl-theme .owl-controls .owl-buttons div {
	position:absolute;z-index:14;background-color:transparent;opacity:1;padding:0;margin:0;width:15%;
	height:100%;
}

#banner{
	position:relative;line-height:0;text-align:center;max-height:calc(100vh - 194px);overflow:hidden;
	background:url("../images/bnrLoader.gif") no-repeat scroll center center
}
#banner *{max-height:inherit}
#banner img{max-height:none}
#banner .owl-carousel{background:#fff}
#banner #bannerImg{width:100%}
#banner a.scroll-top {
	width:98px;height:41px;position:absolute;bottom:0;left:50%;margin:0 0 0 -49px;background:
	url(../images/Home-page-scroll.png) no-repeat;display:block
}
#banner .owl-dots{position:absolute;bottom:20px;left:0;right:0}
#banner .owl-dots .owl-dot span{background:#9c9b9b;border:solid 1px #fff;border-radius:10px}
#banner .owl-dots .owl-dot.active span{background:#021e2f}
#banner .owl-nav .owl-prev, #banner .owl-nav .owl-next {
	width:30px;height:45px;top:50%;margin-top:-22px
}
#banner .owl-nav .owl-prev .icon-wrap,#banner .owl-nav .owl-next .icon-wrap,aside.navNextPrev .prev,aside.navNextPrev .next{
	position:relative;display:block;width:100%;height:100%
}
#banner .owl-nav .owl-prev .icon-wrap:before,#banner .owl-nav .owl-next .icon-wrap:before,#banner .owl-nav .owl-prev .icon-wrap:after,#banner .owl-nav .owl-next .icon-wrap:after,aside.navNextPrev .prev:before,aside.navNextPrev .prev:after,aside.navNextPrev .next:before,aside.navNextPrev .next:after{
	position:absolute;left:20%;top:50%;width:3px;height:50%;background:#bb141a;content:'';-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid transparent
}
#banner .owl-nav .owl-prev .icon-wrap:after,#banner .owl-nav .owl-next .icon-wrap:after,aside.navNextPrev.prev:after,aside.navNextPrev .next:after{
	-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);	 
	-webkit-transform-origin:0 0;transform-origin:0 0
}
#banner .owl-nav .owl-prev .icon-wrap:before,#banner .owl-nav .owl-next .icon-wrap:before,aside.navNextPrev .prev:before,aside.navNextPrev .next:before{
	-webkit-transform:translateX(-50%) rotate(-135deg);transform:translateX(-50%) rotate(-135deg);-webkit-transform-origin:50% 0;transform-origin:50% 0
}
#banner .owl-nav .owl-next .icon-wrap:before,#banner .owl-nav .owl-next .icon-wrap:after,aside.navNextPrev .next:before,aside.navNextPrev .next:after{left:80%}#banner .owl-nav .owl-next .icon-wrap:before,aside.navNextPrev .next:before {
	-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);
	-webkit-transform-origin:50% 0;transform-origin:50% 0
}
#banner .owl-nav .owl-next .icon-wrap:after,aside.navNextPrev .next:after {
	-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);
	-webkit-transform-origin:100% 0;transform-origin:100% 0 !important
}
#banner .owl-nav .owl-next:hover .icon-wrap:before,#banner .owl-nav .owl-prev:hover .icon-wrap:after{
	height:50%
}
#banner .owl-nav .owl-prev:hover .icon-wrap:before,#banner .owl-nav .owl-next:hover .icon-wrap:before,#banner .owl-nav .owl-prev:hover .icon-wrap:after,#banner .owl-nav .owl-next:hover .icon-wrap:after{
	background:#fff
}
#banner hgroup {
	position:absolute;font-size:36px;line-height:normal;text-align:left;opacity:0;-webkit-transition:all
	.75s .5s ease-out;transition:all .75s .5s ease-out
}
#banner hgroup h4{
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 1.4em; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color: white; font-weight: 400; padding: 10px; line-height: 1.2em;margin-bottom:.15em
}
#banner hgroup h5{color:#000}
#banner hgroup.topLeft{top:10%;left:10%;margin-top:-25px}
#banner hgroup.topCenter{top:10%;margin-top:-25px}
#banner hgroup.topRight{top:10%;right:10%;margin-right:-25px}
#banner hgroup.middleLeft{top:50%;left:10%;margin-top:-75px}
#banner hgroup.middleCenter{top:48%;left:25%;margin-top:-25px}
#banner hgroup.middleRight{top:50%;right:10%;margin-top:0}
#banner hgroup.bottomLeft{bottom:10%;left:10%;margin-bottom:-25px}
#banner hgroup.bottomCenter{bottom:10%;margin-top:-25px}
#banner hgroup.bottomRight{bottom:10%;right:10%;margin-bottom:-25px}
#banner .owl-item.active hgroup{opacity:1;margin:0}
#banner .owl-item.active hgroup.middleRight{margin-top:-25px}
#banner .owl-item.active hgroup.middleLeft{margin-top:-50px}

@media only screen and (max-width:1600px){#banner hgroup{font-size:30px}}
@media only screen and (max-width:1400px){#banner hgroup{font-size:24px}#banner hgroup.middleCenter{top:42%}}
@media only screen and (max-width:1200px){#banner hgroup{font-size:18px}}
@media only screen and (max-width:992px){
	#banner hgroup{font-size:18px;position:static;text-align:center;padding:1em}
	#banner hgroup.topLeft,#banner hgroup.topCenter,#banner hgroup.topRight,#banner 
	hgroup.middleLeft,#banner hgroup.middleRight,#banner hgroup.bottomLeft,#banner 
	hgroup.bottomCenter,#banner hgroup.bottomRight{
		top:auto;bottom:auto;left:auto;right:auto;margin:auto
	}
	#banner hgroup h4 br{display:none}
	#banner .owl-item.active hgroup.middleRight,#banner .owl-item.active hgroup.middleLeft{
		margin-top:0}#banner .owl-dots{opacity:0
	}
}
@media only screen and (max-width:767px){
	#banner hgroup{font-size:15px}
	#banner hgroup h4 br{display:block}
}
@media (max-device-width:992px) and (orientation:landscape){#banner{max-height:none}}



.movie {
  margin: 0;
}
  .movie-list:after {
    content: " ";
    display: block;
    clear: both; }
  .movie__card {
    position: relative;
    width: 100%;
    height: 100%; }
    .movie__card.hover-in {
      transition: .3s ease-out; }
    .movie__card.hover-out {
      transition: .3s ease-in; }
  .movie [class*="layer"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px; }
  .movie .layer-1 {
    background-image: url(images/deadpool-bg.png);
    background-size: cover; }
  .movie .layer-2 {
    background-image: url(images/deadpool.png);
    background-size: cover;
    -webkit-transform: translateZ(30px);
            transform: translateZ(30px); }
  .movie .layer-3 {
    background-image: url(images/deadpool-title.png);
    background-size: cover;
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px); }