/* Template Options */

/*
	--//-- 1. Color Options --//--

	- Theme color - f04316  (rgba - 240, 67, 22);
	
	--//-- 2. Theme Font --//--
   
	- Main font Roboto;	
	
*/

.wrapper {
    margin-top: 0px;
    padding-top: 0px;
    min-height: 100px;
}

body {
    font-family: 'Roboto', sans-serif;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea {
    font-family: 'Roboto', sans-serif;
}

::selection {
    background: #808080;
    color: #ffffff;
}

::-moz-selection {
    background: #808080;
    color: #ffffff;
}

a,
a:hover {
    color: #3399ff;
}

.email a:hover {
    color: #3399ff;
}

.logo_sect .logo:after,
.footer_logo a:after,
.logo_inline:after {
    background: #3399ff;
}

.main_header.type2 nav ul.menu > li > a:before {
    background: #3399ff;
}

.slide_btn a {
    background: #3399ff;
}

.highlighted_colored {
    background: #3399ff;
}

.dropcap.type2 {
    color: #3399ff;
}

.dropcap.type5 {
    background: #3399ff;
}

blockquote.type2:before {
    color: #3399ff;
}

blockquote.type5:before {
    background: #3399ff;
}

.widget_flickr .flickr_badge_image a:hover .flickr_fadder {
    background: rgba(240, 67, 22, 0.8);
}

#mc_signup_submit:hover {
    background: #3399ff !important;
}

.shortcode_button.btn_type5 {
    background: #3399ff;
}

.shortcode_button.btn_type1:hover,
.shortcode_button.btn_type2:hover,
.shortcode_button.btn_type3:hover,
.shortcode_button.btn_type4:hover {
    background: #3399ff;
    color: #fff;
}

.skills_list li .skill_div {
    background: #3399ff;
}

.color {
    color: #3399ff;
}

h5.shortcode_accordion_item_title:hover,
h5.shortcode_toggles_item_title:hover,
h5.shortcode_accordion_item_title.state-active,
h5.shortcode_toggles_item_title.state-active {
    color: #3399ff;
}

    h5.shortcode_accordion_item_title:hover .ico,
    h5.shortcode_toggles_item_title:hover .ico,
    h5.shortcode_accordion_item_title.state-active .ico,
    h5.shortcode_toggles_item_title.state-active .ico {
        background: #3399ff;
        border-color: #3399ff;
    }

.portf_wall_item:hover .portf_wall_info,
.item_wrapper:hover .featured_item_fadder,
.portfolio_item .img_block:hover .featured_item_fadder,
#zoom_product:hover .featured_item_fadder {
    background: rgba(240, 67, 22, 0.9);
}

.cover_boxes .thumb:hover .featured_item_fadder {
    background: rgba(240, 67, 22, 0.8);
}

.featured_meta a:hover {
    color: #3399ff;
}

.module_cont hr.type3 {
    border-top: #3399ff 1px solid;
}

.most_popular .price_table_descr {
    border-bottom-color: #3399ff;
}

.most_popular .price_table_descr {
    background: #3399ff;
}

.price_item.most_popular .price_item_btn a {
    background: #3399ff !important;
}

a.shortcode_social_icon:hover {
    background: #3399ff;
}

.shortcode_social_icon.type4:hover i {
    color: #3399ff;
}

.timeline_meta a:hover {
    color: #3399ff;
}

.filter_navigation ul li ul li a:hover {
    color: #3399ff;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #3399ff !important;
}

.recent_posts_info a:hover {
    color: #3399ff !important;
}

.widget_tag_cloud a:hover {
    background: #3399ff;
}

.widget_nav_menu ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_meta ul li a:hover {
    color: #3399ff;
}

.widget_categories ul li a:link {
    color: #3399ff;
}


.sitemap ol li:before {
    color: #3399ff;
}

.notify_shortcode input[type="submit"]:hover {
    background: #3399ff;
}

.portfolio_item li a:hover {
    color: #3399ff;
}

.pagerblock li a.current,
.pagerblock li a:hover,
.listing_meta a:hover {
    color: #3399ff;
}

.subtotal span {
    color: #3399ff;
}

.widget_filter .ui-slider-range {
    background: #3399ff;
}

.item_cart,
.item_link:hover,
.project_info a {
    background: #3399ff;
}

.shop_list_info .fright a:hover {
    color: #3399ff;
}

.shop_list_info .amount,
.summary .amount {
    color: #3399ff;
}

.quantity .minus:hover,
.quantity .plus:hover,
a.remove:hover {
    background: #3399ff;
    border: 1px #3399ff solid;
}

.posted_in,
.tagged_as,
.level_form .title_field i {
    color: #3399ff;
}

.level_form input[type="submit"] {
    background: #3399ff;
}

.colored_icons .module_iconboxes.type2 .iconbox_wrapper .ico {
    background: #3399ff;
}

.colored_bg {
    background: #3399ff;
}

.main_header nav li.sublight ul.sub-menu > li:hover > a,
.main_header nav li.sublight ul.sub-menu > li.current-menu-item > a,
.main_header nav li.sublight ul.sub-menu > li.current-menu-parent > a {
    color: #3399ff;
}

.megamenu_wrap input[type="submit"] {
    background: #3399ff;
}

.mobile_menu_wrapper a:hover,
.mobile_menu_wrapper .current-menu-parent a,
.mobile_menu_wrapper .current-menu-parent .sub-menu a:hover {
    color: #3399ff;
}

.mobile_menu_wrapper .current-menu-item a.mob_link {
    color: #3399ff !important;
}

.mobile_menu_wrapper li.current-menu-parent.menu-item-has-children:before {
    color: #3399ff;
}

.progress_bar_welcome_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.progress_bar_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 40px;
    width: 40px;
}

.overlay {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	height: inherit;
	width: inherit;
}

.progress_bar_text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.progress_bar_current {
    border-bottom: solid 5px #3399ff;
}

.styledTextArea {
    border: 1px solid #ACA7A6;
    border-radius: 10px;
    color: red;
    width: 400px;
    height: 70px;
    resize: none;
    font-weight: bold;
}

.right_arrow {
    float: right;
}

.right_contents {
    float: left;
    color: #3399FF;
}

.panel_text {
    text-align: center;
}

.link-color {
    color: #3399ff;
}

#bootstrap-overrides .panel_text_color {
    color: white;
}

#bootstrap-overrides .panel_heading_text {
    background: #231f20;
}

.pointer {
    cursor: pointer;
}

.icon_padding {
    padding: 10px;
    margin-top: -5px;
}

.icon_padding1 {
    padding: 10px;
    margin-top: -15px;
}

#bootstrap-overrides .panel-body {
    background: #848484;
    border-top: 0px;
}

#bootstrap-overrides .span4 {
    background: white;
    border-radius: 5px;
    width: 32.33%;
    margin: 5px;
}

#span-overrides .span1 {
    padding-right: 0px;
    padding-left: 0px;
}

#span-overrides .span2 {
    padding-right: 0px;
    padding-left: 0px;
}

.audiencewrapper {
    margin: 0px;
    width: 100%;
    height: 600px;
}

.audiencediv {
    width: 760px;
    margin: auto;
}

.workswrapper {
    margin:0px;
    width:100%;
    background:#FFFFFF;
    padding-top:25px;
}

.worksdiv {
    margin: auto;
    width: 1141px;
    background-color: #f3f3f3;
    overflow: hidden;
}

.workstext {
    width: 207px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    color: black;
}

.workstext hr{
	width:80%; 
	color:#848484;
	background:#848484;
	border-color:#848484;
}

.worksicon {
    width: 103px;
    float: left;
    margin-top: 35px;
    text-align: center;
    color: #3399ff;
}

.worksicon .worksdown {
    display: none;
}

.audiencediv {
    width: 760px;
    margin: auto;
}

.universitydiv {
    width: 330px;
    height: 436px;
    float: left;
    margin-right: 100px;
    text-align: center;
    background: #ffffff;
}

.studentsdiv {
    width: 330px;
    height: 436px;
    float: left;
    text-align: center;
    background: #ffffff;
}

.titlediv {
    width: 100%;
    height: 40px;
    background: #2d2e2e;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.8em;
    padding-top: 5px;
}

.audienceimg {
    width: 90%;
    display: block;
    margin: auto;
}

.audiencebutton {
    width: 90%;
    background: rgb(51, 153, 255);
    text-align: center;
    border: none;
    border-radius: 10px;
    padding: 10px;
    margin: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.videodiv {
    width: 40%;
    margin: auto;
}

.topvideodiv {
	width:60%;
	margin:auto;
}

.videowrapper {
    background-color: #d1d1d1;
    padding-top: 25px;
    padding-bottom: 40px;
    width: 100vw;
}

.topimg {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.desctext {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    text-align: left;
}

.iconcontrol2 {
    display: none;
}

.desctext i {
    font-size: 40px;
    margin: 20px;
}


.partnerswrapper {
	margin-top:0px;
	width:100%;
	height:300px;
	background:#848484;
	padding-top:25px;
	clear:both;
}

.partners ul {
  list-style: none;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.partners ul li {
  float: left;
  padding: 5px;
}

.partners ul li img {
  float: left;
  height: 100px;
}

.slider {
  position: relative;
  overflow: hidden;
  display: block;
  background: #fff;
}

.partners {
  width: 100%;
margin:auto;
  color: #222;
  overflow:hidden;
}

.partners a {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
}

.partners a span {
  height: auto;
  width: auto;
  padding: 0;
  line-height: normal;
  font-size: 20px;
  position: relative;
  text-align: center;
  display: inline-block;
}

a.prev {
  cursor: pointer;
  position: absolute;
  left: 1.5%;
  top: 40%;
  margin-left: 0;
}

a.next {
  cursor: pointer;
  position: absolute;
  right: 1.5%;
  top: 40%;
  margin-left: 0;
}

.faqwrapper {
	margin-top: 0px;
	width: 100%;
	height: auto;
	background: #d1d1d1;
	padding-top: 25px;
}

.videosliderwrapper {
	margin-top: 0px;
    margin-bottom: 20px;
	width: 100%;
	height: auto;
	background: #f3f3f3;
	padding-top: 25px;
}
	
.featureswrapper2 {
	margin-top: 0px;
    padding-bottom: 40px;
	width: 100%;
	height: auto;
	background: #848484;
	padding-top: 25px;
}

.col-container {
    display: table;
    width: 100%
}

.features {
    display: table-cell;
    background: white;
    border-radius: 5px;
    width: 32.33%;
    margin: 5px;
}

#QA_overrides .panel-heading {
    color: #3399ff;
}

#QA_overrides .panel-heading a:after {
    color: #3399ff;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    #bootstrap-overrides .span4 {
        background: white;
        border-radius: 5px;
        width: 48%;
        margin: 5px;
    }

    .features {
        display: table-cell;
        background: white;
        border-radius: 5px;
        width: 48%;
        margin: 5px;
    }

    .worksdiv {
        margin: auto;
        width: 941px;
        background-color: #f3f3f3;
        overflow: hidden;
    }

    .workstext {
        width: 170px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .worksicon {
        width: 85px;
        float: left;
        margin-top: 35px;
        text-align: center;
    }

    .iconcontrol2 {
        display: none;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .worksdiv {
        margin: auto;
        width: 719px;
        background-color: #f3f3f3;
        overflow: hidden;
    }

    .workstext {
        width: 130px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .worksicon {
        width: 65px;
        float: left;
        margin-top: 35px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    #span-overrides .span4 {
        background: white;
        border-radius: 5px;
        width: 100%;
        margin: 5px;
        display: block;
        height: 80px;
    }

    #bootstrap-overrides .span4 {
        background: white;
        border-radius: 5px;
        width: 100%;
        margin: 5px;
    }

    .icon_padding {
        padding: 5px;
        margin-top: -1px;
    }

    .icon_padding1 {
        padding: 5px;
        margin-top: -1px;
    }

    #bootstrap-overrides .fa-5x {
        font-size: 3em;
    }

    .worksdiv {
        margin: auto;
        width: 96%;
        background-color: #f3f3f3;
        overflow: hidden;
    }

    .workstext {
        width: 17.4%;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .worksicon {
        width: 8.7%;
        float: left;
        margin-top: 35px;
        text-align: center;
    }
}

@media screen and (max-width: 499px) {
    #span-overrides .span4 {
        background: white;
        border-radius: 5px;
        width: 100%;
        margin: 5px;
        display: block;
        height: 123px;
    }

    #bootstrap-overrides .span4 {
        background: white;
        border-radius: 5px;
        width: 100%;
        margin: 5px;
    }

    #bootstrap-overrides .panel_heading_text {
        background: #231f20;
        padding: 33px;
    }

    .worksdiv {
        margin: auto;
        width: 91%;
        background-color: #f3f3f3;
        overflow: hidden;
    }

    .workstext{
	    width: 100%;
	    float:none;
	    margin-top:10px;
	    margin-bottom:10px;
    }

    .worksicon {
	    width: 100%;
	    float:none;
	    margin-top:15px;
	    text-align:center;
    }

    .worksicon .worksdown{
	    display:block;
    }

    .worksicon .worksright {
	    display:none;
    }

    .icon_padding {
        padding: 8px;
    }

    .icon_padding1 {
        padding: 7px;
    }
}

@media screen and (max-width: 999px) and (min-width: 700px) {

    .videodiv {
        width: 80%;
        margin-left: 70px;
    }

    .topvideodiv {
	    width:80%;
	    margin:auto;
	}

    .videowrapper {
        background-color: #d1d1d1;
        width: 100vw;
        padding: 20px;
    }

    .topimg {
        width: 50vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .desctext {
        width: 50vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        text-align: left;
    }
}

@media screen and (max-width: 699px) and (min-width: 500px) {

    .audiencewrapper {
        margin: 0px;
        width: 100%;
        height: 620px;
        background: #f3f3f3;
        padding-top: 50px;
    }

    .audiencediv {
        width: 500px;
        margin: auto;
    }

    .universitydiv {
        width: 245px;
        height: 415px;
        float: left;
        margin-right: 10px;
        text-align: center;
        background: #ffffff;
    }

    .studentsdiv {
        width: 245px;
        height: 415px;
        float: left;
        text-align: center;
        background: #ffffff;
    }

    .titlediv {
        width: 100%;
        height: 40px;
        background: #2d2e2e;
        text-align: center;
        color: #FFFFFF;
        font-size: 1.8em;
        padding-top: 5px;
    }

    .audienceimg {
        width: 90%;
        display: block;
        margin: auto;
    }

    .videodiv {
        width: 80%;
        margin: auto;
    }

    .topvideodiv {
	    width:80%;
	    margin:auto;
	}

    .videowrapper {
        background-color: #d1d1d1;
        width: 100vw;
        padding: 20px;
    }

    .topimg {
        width: 75vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .desctext {
        width: 75vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        text-align: left;
    }

    .iconcontrol1 {
        display: none;
    }
    .iconcontrol2 {
        display: block;
    }
}

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

    .audiencewrapper {
        margin: 0px;
        width: 100%;
        height: 1100px;
        background: #f3f3f3;
        padding-top: 50px;
    }

    .audiencediv {
        width: 100%;
        margin: auto;
    }

    .universitydiv {
        width: 90%;
        height: 455px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        text-align: center;
        background: #ffffff;
    }

    .studentsdiv {
        width: 90%;
        height: 455px;
        float: none;
        margin: auto;
        text-align: center;
        background: #ffffff;
    }

    .titlediv {
        width: 100%;
        height: 40px;
        background: #2d2e2e;
        text-align: center;
        color: #FFFFFF;
        font-size: 1.8em;
        padding-top: 5px;
    }

    .audienceimg {
        width: 90%;
        display: block;
        margin: auto;
    }

    .videodiv {
        width: 90%;
        margin: 9px;
    }

    .videowrapper {
        background-color: #d1d1d1;
        width: 100vw;
        padding: 20px;
    }

    .topimg {
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .desctext {
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        text-align: left;
    }
}