/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* start editing from here */
a {
    text-decoration: none;
}
.txt-rt {
    text-align: right;
}/* text align right */
.txt-lt {
    text-align: left;
}/* text align left */
.txt-center {
    text-align: center;
}/* text align center */
.float-rt {
    float: right;
}/* float right */
.float-lt {
    float: left;
}/* float left */
.clear {
    clear: both;
}/* clear float */
.pos-relative {
    position: relative;
}/* Position Relative */
.pos-absolute {
    position: absolute;
}/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}/* vertical align top */
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
    display: block;
}/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}/* horizontal menu */
img {
    max-width: 100%;
}
/*end reset*/
body {
    font-family: 'Raleway', sans-serif;
    background: #FFF;
}
.wrap {
    width: 80%;
    margin: 0 auto;
    transition: all .2s linear;
    -moz-transition: all .2s linear;/* firefox */
    -webkit-transition: all .2s linear; /* safari and chrome */
    -o-transition: all .2s linear; /* opera */
    -ms-transition: all .2s linear;
}
.header_top {
    padding: 2px 0;
    border-bottom: 8px solid #f59331;
    position: fixed;
    z-index: 9;
    width: 100%;
    clear: both;
    background: #ffffff;
}
.logo {
    float: left;
}
.logo img {
    height: 72px;
}
.language {
	position:absolute;
	top:3px;
	right:3px;
}
.language a {
	color:#000;
}
.menu {
    margin: 10px 0;
    float: right;
}
.menu li {
    display: inline-block;
}
.menu li a {
    display: block;
    font-size: 0.8em;
    font-weight: 600;
    margin: 5px 15px;
    color: #242e3a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.menu li a:hover {
    color: #f59331;
}
/**
 .menu .current a {
	color: #FFF;
}
***/
.menu li.login a {
    background: #a3d39c;
    color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-bottom: 4px solid #739e6c;
}
.menu li.login a:hover {
    background: #95C08F;
}
.menu li.login a:active {
    position: relative;
    top: 5px;
}
/********** Login *************/
/*-------LOGIN STARTS HERE -------*/
#loginContainer {
    position: relative;
}
#loginContainer a span {
    display: block;
    padding: 12px 25px;
    letter-spacing: 1px;
}
/* Login Button */
#loginButton {
    display: inline-block;
    position: relative;
    z-index: 30;
    cursor: pointer;
}
/* Login Box */
#loginBox {
    position: absolute;
    top: 75px;
    right: 10px;
    display: none;
    z-index: 29;
}
#loginForm:after {
    content: '';
    position: absolute;
    right: 40px;
    top: -10px;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #151C27;
}
/* Login Form */
#loginForm {
    width: 250px;
    border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    margin-top: 0px;
    background: #151C27;
    border: 1px solid #151C27;
}
#loginForm fieldset {
    margin: 0 0 10px 0;
    display: block;
    border: 0;
    padding: 0;
}
fieldset#body {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 15px 15px;
    margin: 0;
}
#loginForm #checkbox {
    width: auto;
    margin: 1px 6px 0 0;
    float: left;
    padding: 0;
    border: 0;
 *margin:-3px 9px 0 0; /* IE7 Fix */
}
#body label {
    color: #E0E0E0;
    margin: 10px 0 0 0;
    display: block;
    float: left;
    font-size: 0.8em;
}
#loginForm #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 4px 0;
    text-align: left;
}
#body label i {
    color: #A0A0A0;
    text-shadow: 1px 1px #000;
    font-weight: 500;
}
/* Default Input */
#loginForm input {
    width: 92%;
    border: 1px solid #DADADA;
    color: #222;
    background: #FFF;
    padding: 3px 8px;
    font-size: 0.85em;
    -webkit-apperance: none;
    font-family: 'Open Sans', sans-serif;
}
/* Sign In Button */
#loginForm #login, #loginForm #registration, #loginForm #forget, #loginForm #facebook {
    width: auto;
    float: left;
    background: #7ACCC8;
    border-width: 0 0 3px 0;
    border-style: solid;
    border-color: #45A39E;
    color: #fff;
    font-size: 0.85em;
    padding: 8px 20px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    margin: 0 12px 0 0;
    cursor: pointer;
 *padding:7px 2px 8px 2px; /* IE7 Fix */
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
#loginForm #facebook {
    width: 100%;
    background: #3b5998;
    border-color: #29487d;
}
#loginForm #login:hover, #loginForm #forget:hover, #loginForm #registration:hover {
    background: #60C2BD;
}
#loginForm #facebook:hover {
    background: #325190;
}
/* Forgot your password */
#loginForm span {
    display: block;
    padding: 0px 0px 15px 0px;
}
#loginForm span a {
    color: #D1D1D1;
    text-shadow: 1px 1px #000;
    font-size: 0.8em;
    font-weight: 500;
    background: none;
    border: none;
    box-shadow: none;
}
#loginForm span a:hover {
    color: #FFF;
    text-decoration: underline;
}
input:focus {
    outline: none;
}
/*** main ****/
.content_top {
    position: relative;
    background: #f7cd5e; /* Old browsers */
    background: -moz-linear-gradient(top, #f7cd5e 0%, #f7cd5e 0%, #f7cd5e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7cd5e), color-stop(0%, #f7cd5e), color-stop(100%, #f7cd5e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7cd5e 0%, #f7cd5e 0%, #f7cd5e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7cd5e 0%, #f7cd5e 0%, #f7cd5e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7cd5e 0%, #f7cd5e 0%, #f7cd5e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7cd5e 0%, #f7cd5e 0%, #f7cd5e 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cd5e', endColorstr='#f7cd5e', GradientType=0 ); /* IE6-9 */
/*border-bottom:30px solid #ff742c;*/
}
.banner_desc {
    padding: 8em 0 3em 0;
    text-align: center;
    color: #000;
}
/**** Slider *****/
.wmuSlider {
    position: relative;
    overflow: hidden;
}
.wmuSlider .wmuSliderWrapper article {
    position: relative;
    text-align: center;
}
.wmuSliderWrapper article p {
    font-size: 3em;
    font-weight: 500;
    padding: 15px 15%;
}
.wmuSlider .wmuSliderWrapper article img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}
.wmuGallery .wmuGalleryImage {
    position: relative;
    text-align: center;
}
.wmuGallery .wmuGalleryImage img {
    max-width: 100%;
    width: auto;
    height: auto;
}
/* Default Skin */
.wmuGallery .wmuGalleryImage {
    margin-bottom: 10px;
}
.wmuSliderPrev, .wmuSliderNext {
    position: absolute;
    width: 70px;
    height: 85px;
    text-indent: -9999px;
    background: url(../images/sprites.png) no-repeat;
    top: 50%;
    margin-top: -40px;
    cursor: pointer;
}
.wmuSliderPrev {
    background-position: -275px -170px;
    left: 20px;
}
.wmuSliderNext {
    background-position: -352px -170px;
    right: 20px;
}
.dropdown-buttons {
    margin: 2em 0 1em 0;
}
/**** Drop Down *********/
/* PREFIXED CSS */
.flat, .flat div, .flat li, .flat div::after, .flat .carat, .flat .carat:after, .flat .selected::after, .flat:after {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.flat .selected::after, .flat.scrollable div::after {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
}
/* WRAPPER */
.dropdown-button:first-child {
    margin-left: 0;
}
.dropdown-button {
    margin-left: 15px;
    width: 25%;
}
.dropdown-button {
    display: inline-block;
}
.flat {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    background: #FFF;
    color: #898989;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom: 2px solid #CC6128;
}
.flat.open {
    z-index: 2;
}
.flat:hover, .flat.focus {
    color: #666;
}
/* OLD SELECT (HIDDEN) */
.flat .old {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}
.flat select {
    position: absolute;
    left: 0px;
    top: 0px;
}
.flat.touch select {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
/* SELECTED FEEDBACK ITEM */ 
.flat .selected {
    color: #898989;
}
.flat .selected:hover {
    color: #666;
}
.flat .selected, .flat li {
    display: block;
    font-size: 1em;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0px 18px 50px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}
.flat .selected {
    background: url(../images/chart.png) no-repeat 15px 14px;
}
.flat .selected::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px 20px;
    width: 20px;
    height: 20px;
    background: #7accc8 url(../images/sprites.png) no-repeat 9px 11px;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
}
.flat:hover .selected::after, .flat.focus .selected::after {
    background-color: #48BEB9;
}
/* DROP DOWN WRAPPER */
.flat div {
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 1px;
    background: #7ACCC8;
    overflow: hidden;
    opacity: 0;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.flat:hover div {
}
/* Height is adjusted by JS on open */

.flat.open div {
    opacity: 1;
    z-index: 2;
}
/* FADE OVERLAY FOR SCROLLING LISTS */
.flat.scrollable div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}
.flat.scrollable.bottom div::after {
    opacity: 0;
}
/* DROP DOWN LIST */
.flat ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.flat.scrollable.open ul {
    overflow-y: auto;
}
/* DROP DOWN LIST ITEMS */
.flat li {
    list-style: none;
    padding: 6px 10px;
    font-size: 1em;
    font-weight: 400;
}
.flat li:last-child {
    border-bottom: 0;
}
/* .focus class is also added on hover */
.flat li:hover {
    background-color: #48BEB9;
}
.flat li.focus {
    background: #48BEB9;
    position: relative;
    z-index: 3;
    color: #FFF;
}
.flat li.active {
    background-color: #48BEB9;
    color: #fff;
}
.quote_button a {
    display: inline-block;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 400;
    background: #7accc8;
    padding: 20px 60px;
    border-bottom: 4px solid #45A39E;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.quote_button a:hover {
    background: #60C2BD;
}
.quote_button a:active {
    position: relative;
    top: 5px;
}
.comment_icons {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
}
.comment_icons li a {
    display: block;
    width: 35px;
    height: 35px;
    padding: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.comment_icons li a.comments {
    background: #36AAA4 url(../images/sprites.png) no-repeat -125px 13px;
    border-radius: 3px 3px 0px 0px;
}
.comment_icons li a.comments:hover {
    background-color: #229993;
#5FC4BF
}
.comment_icons li a.email {
    background: #80d3cf url(../images/sprites.png) no-repeat -178px 11px;
}
.comment_icons li a.email:hover {
    background-color: #5FC4BF;
#55AAA5
}
.comment_icons li a.like {
    background: #5dbab5 url(../images/sprites.png) no-repeat -231px 10px;
    border-radius: 0px 0px 3px 3px;
}
.comment_icons li a.like:hover {
    background-color: #55AAA5;
}
.comment_icons li a span {
    width: 120px;
    height: auto;
    line-height: 0px;
    padding: 20px 0;
    top: 1em;
    left: 6em;
    margin-left: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 3px solid #232D3B;
    background: #232D3B;
    text-indent: 0px;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.comment_icons li a span:before {
    content: '';
    position: absolute;
    bottom: 9px;
    left: -12px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #232D3B;
    border-top: 10px solid transparent;
}
.comment_icons li a:hover span {
    opacity: 0.9;
    left: 100px;
}
.comment_icons li a.comments span {
    top: 1em;
}
.comment_icons li a.email span {
    top: 6.5em;
}
.comment_icons li a.like span {
    top: 12em;
}
.about_desc {
    background: #f6f5f2;
    padding: 8em 0 8em 0;
}
/*  GRID OF TWO   ============================================================================= */
.section {
    clear: both;
    margin: 0px;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}
.col_1_of_2 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col_1_of_2:first-child {
    margin-left: 0;
}
.span_1_of_2 {
    width: 46.2%;
    padding: 1.5%;
}
.span_1_of_2 h3 {
    color: #232d3b;
    font-size: 1.8em;
    margin-bottom: 10px;
}
.span_1_of_2 p {
    font-size: 0.85em;
    padding: 10px 0;
    color: #8F8F8F;
    line-height: 2em;
    font-family: 'Open Sans', sans-serif;
}
.span_1_of_2 p span {
    color: #ff742c;
}
/****** Features *******/
.features {
    text-align: center;
    padding-top: 6em;
}
.features h2 {
    margin-bottom: 3em;
    color: #232D3B;
    font-size: 2.5em;
}
.features li {
    display: inline-block;
    margin-left: 20px;
}
.features li:first-child {
    margin-left: 0;
}
.features li a {
    display: block;
    padding: 50px 60px;
    border-radius: 5px;
}
.features li a i {
    width: 90px;
    height: 90px;
    display: block;
    background: url(../images/sprites.png) no-repeat;
}
.features li a.cloud_icon {
    background-color: #232d3b;
    border-bottom: 5px solid #05080e;
}
.features li a i.cloud_icon {
    background-position: -6px -56px;
}
.features li a.cross {
    background-color: #7accc8;
    border-bottom: 5px solid #3aa39d;
}
.features li a i.cross {
    background-position: -115px -52px;
}
.features li a.bubble {
    background-color: #a3d39c;
    border-bottom: 5px solid #68af5f;
}
.features li a i.bubble {
    background-position: -222px -57px;
}
.features li a.right_arrow {
    background-color: #ff742c;
    border-bottom: 5px solid #ff4712;
}
.features li a i.right_arrow {
    background-position: -327px -56px;
}
.ui-slider-tabs {
    margin-bottom: -8em;
}
.ui-slider-tabs-list-wrapper {
    position: relative;
    width: 100%;
    font-family: Arial, sans-serif;
    margin: 0 0 0px 0;
}
.ui-slider-tabs-list {
    position: relative;
    left: 23%;
}
.ui-slider-tabs-list-wrapper.bottom {
    margin: -1px 0 0 0;
}
.ui-slider-tabs-list-container {
    overflow: visible;
}
.ui-slider-tabs-list li.selected {
    position: relative;
    top: -5em;
}
.ui-slider-tabs-list li.selected a {
    cursor: default;
    color: #000;
}
.ui-slider-tabs-content-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    top: -8em;
    background: #5DBAB5;
    padding-bottom: 5em;
}
.ui-slider-tab-content {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    padding: 0px;
}
.ui-slider-tabs-indicator-container {
    position: absolute;
    bottom: 3em;
    left: 0;
    width: 100%;
    text-align: center;
}
.ui-slider-tabs-indicator {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #1f6e6a;
    box-shadow: 1px 0px 0px rgba(221, 221, 221, 0.59);
    -webkit-box-shadow: 1px 0px 0px rgba(221, 221, 221, 0.59);
    -moz-box-shadow: 1px 0px 0px rgba(221, 221, 221, 0.59);
    -o-box-shadow: 1px 0px 0px rgba(221, 221, 221, 0.59);
    text-indent: -9999px;
    border: 0;
    margin: 0 5px;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -o-border-radius: .5em;
    cursor: pointer;
}
.ui-slider-tabs-indicator.selected {
    background: #3e948f;
}
.ui-slider-tabs-leftPanelArrow {
    position: absolute;
    left: 0px;
    width: 30px;
    height: 35px;
    background-image: url("../images/leftPanelArrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=5);
}
.ui-slider-tabs-rightPanelArrow {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 35px;
    background-image: url('../images/rightPanelArrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=5);
}
.ui-slider-tabs-rightPanelArrow.showOnHover, .ui-slider-tabs-leftPanelArrow.showOnHover {
    opacity: 0;
    display: none;
}
.ui-slider-tabs-content-container:hover .ui-slider-tabs-rightPanelArrow.showOnHover, .ui-slider-tabs-content-container:hover .ui-slider-tabs-leftPanelArrow.showOnHover {
    opacity: .5;
    display: inline-block;
}
.ui-slider-tabs-content-container .ui-slider-tabs-rightPanelArrow:hover, .ui-slider-tabs-content-container .ui-slider-tabs-leftPanelArrow:hover, .ui-slider-tabs-content-container .ui-slider-tabs-rightPanelArrow.showOnHover:hover, .ui-slider-tabs-content-container .ui-slider-tabs-leftPanelArrow.showOnHover:hover {
    opacity: 1;
}
/********* Footer **********/
.footer {
    background: #151c27;
    border-top: 10px solid #0d131a;
    padding-bottom: 2em;
}
.footer p {
    color: #727E8D;
}
.footer_logo img {
    margin-top: 1em;
}
/********* Search box ***********/
.search_box {
    float: left;
    background: #080c11;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 0px auto;
    padding: 20px 20px;
    width: 90%;
    margin-top: 15px;
}
.search_box form input[type="text"] {
    border: none;
    outline: none;
    background: none;
    font-size: 1.1em;
    color: #FFF;
    width: 80%;
    padding: 6px 15px;
    -webkit-appearance: none;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
.search_box form input[type="submit"] {
    border: none;
    outline: none;
    cursor: pointer;
    background: url(../images/sprites.png) no-repeat -195px -6px;
    float: right;
    width: 36px;
    height: 36px;
}
/****** Social_icons *******/
.social_icons {
    margin-top: 20px;
}
.social_icons li {
    display: inline-block;
    margin-left: 15px;
}
.social_icons li:first-child {
    margin-left: 0;
}
.social_icons li a {
    width: 32px;
    height: 32px;
    display: block;
    padding: 12px;
    border-radius: 0px 0px 3px 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: url(../images/sprites.png) no-repeat;
}
.social_icons li a:hover {
    position: relative;
    top: 2px;
}
.social_icons li a.rss {
    background-position: -10px -150px;
    background-color: #ffaa16;
    border-bottom: 3px solid #d38600;
}
.social_icons li a.rss:hover {
    background-color: #F89E00;
}
.social_icons li a.dribble {
    background-position: -57px -150px;
    background-color: #ec5b95;
    border-bottom: 3px solid #d30054;
}
.social_icons li a.dribble:hover {
    background-color: #E74385;
}
.social_icons li a.twitter {
    background-position: -108px -150px;
    background-color: #00aeef;
    border-bottom: 3px solid #0081b1;
}
.social_icons li a.twitter:hover {
    background-color: #009FDB;
}
.social_icons li a.facebook {
    background-position: -175px -148px;
    background-color: #0054a6;
    border-bottom: 3px solid #003a72;
}
.social_icons li a.facebook:hover {
    background-color: #004D99;
}
/*----copy-right-----*/
.copy-right {
    text-align: center;
    padding: 1em 0;
    background: #131A25;
    position: relative;
}
.copy-right p {
    color: #727E8D;
    font-size: 0.85em;
    line-height: 1.8em;
}
.copy-right p span {
    color: #6ec5ea;
}
.copy-right p a {
    color: #FF742C;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.copy-right p a:hover {
    color: #FFF;
    text-decoration: underline;
}

/**************** Media Quries ************************/
@media only screen and (max-width: 1366px) {
.wrap {
    width: 90%;
}
.ui-slider-tabs-list {
    left: 18%;
}
}

@media only screen and (max-width: 1280px) {
.wrap {
    width: 90%;
}
.ui-slider-tabs-list {
    left: 15%;
}
}

@media all and (max-width:1024px) {
.wrap {
    width: 90%;
}
.dropdown-button {
    width: 30%;
}
.features li a {
    padding: 30px;
}
.wmuSliderWrapper article p {
    padding: 15px 0;
}
}

@media all and (max-width:800px) {
.wrap {
    width: 95%;
}
.wmuSliderWrapper article p {
    padding: 15px 0;
    font-size: 2.5em;
}
.menu li a {
    margin: 5px;
}
#loginContainer a span {
    padding: 10px;
}
.search_box form input[type="text"] {
    width: 75%;
}
.dropdown-button {
    width: 38%;
}
.features li {
    padding-left: 5px;
}
.features li a {
    padding: 22px;
}
}

@media all and (max-width:640px) {
.wrap {
    width: 95%;
}
.header_top {
    padding: 0;
}
.logo, .menu {
    float: none;
    text-align: center;
}
.logo img {
    height: 48px;
}
.menu {
    margin: 0;
}
.menu li a {
    margin: 5px 10px;
}
.wmuSliderWrapper article p {
    font-size: 2.2em;
}
.wmuSlider .wmuSliderWrapper article img {
    width: 35%;
}
.dropdown-button {
    display: block;
    margin: 10px auto;
    width: 50%;
}
.dropdown-button:first-child {
    margin: 0 auto;
}
.col_1_of_2 {
    margin: 1% 0 1% 0%;
}
.span_1_of_2 {
    width: 94%;
    padding: 3%;
}
.features {
    padding-top: 8em;
}
.features li {
    margin-left: 5px;
}
.features li a {
    padding: 20px;
}
.ui-slider-tabs-list {
    left: 5%;
}
.ui-slider-tabs-list li.selected {
    top: -6em;
}
.ui-slider-tabs-content-container {
    top: -7em;
}
}

@media all and (max-width:480px) {
.wrap {
    width: 95%;
}
.header_top {
    padding: 0;
}
.social_icons {
    margin-top: 0;
}
.menu {
    margin: 0;
}
.menu li a {
    margin: 5px 5px;
    font-size: 0.7em;
}
.wmuSliderWrapper article p {
    font-size: 1.4em;
}
.dropdown-button {
    width: 70%;
}
.comment_icons {
    left: 0;
}
.comment_icons li a {
    padding: 10px;
}
.comment_icons li a.comments {
    background-position: -134px 6px;
}
.comment_icons li a span {
    width: 100px;
    padding: 15px 0;
}
.comment_icons li a span:before {
    bottom: 5px;
}
.comment_icons li a.email span {
    top: 5.3em;
}
.comment_icons li a.like span {
    top: 9.4em;
}
.comment_icons li a:hover span {
    left: 80px;
}
.wmuSliderPrev {
    background-position: -425px -170px;
}
.wmuSlider .wmuSliderWrapper article img {
    width: 40%;
}
.wmuSliderPrev, .wmuSliderNext {
    width: 40px;
    margin-top: 0;
}
.wmuSliderNext {
    background-position: -465px -170px;
}
.comment_icons li a.email {
    background-position: -186px 3px;
}
.comment_icons li a.like {
    background-position: -240px 2px;
}
.dropdown-buttons li a {
    font-size: 0.85em;
}
.dropdown-buttons li {
    margin-left: 5px;
}
.dropdown-buttons li a span.text {
    padding: 17px 10px 14px 5px;
}
.dropdown-buttons li a span.down_aroww {
    padding: 15px 10px;
    background-position: -1px 6px;
}
.features li a {
    padding: 5px;
}
.quote_button a {
    padding: 20px 40px;
}
.ui-slider-tabs-list li.selected {
    top: -5em;
}
.ui-slider-tabs-content-container {
    top: -5em;
}
.ui-slider-tabs {
    margin-bottom: -6em;
}
}

@media all and (max-width:320px) {
.wrap {
    width: 95%;
}
.wmuSliderWrapper article p {
    font-size: 1.2em;
}
.span_1_of_2 h3 {
    font-size: 1.4em;
    margin-bottom: 0;
}
.dropdown-button {
    width: 100%;
}
.about_desc {
    padding: 1em 0;
}
.span_1_of_2 p {
    font-size: 0.8em;
    padding: 5px 0;
}
.search_box {
    padding: 8px 5px;
    width: 95%;
}
.search_box form input[type="text"] {
    padding: 5px;
    font-size: 0.85em;
}
.social_icons li {
    margin-left: 8px;
}
.footer_logo img, .social_icons {
    margin-top: 0;
}
.features li a i {
    width: 45px;
    height: 45px;
    background: url(../images/sprite.png) no-repeat;
}
.features li a i.cloud_icon {
    background-position: -20px -78px;
}
.features li a i.cross {
    background-position: -75px -75px;
}
.features li a i.bubble {
    background-position: -130px -75px;
}
.features li a i.right_arrow {
    background-position: -188px -75px;
}
.ui-slider-tabs-list li.selected {
    top: -2.5em;
}
.ui-slider-tabs-content-container {
    top: -3em;
}
.features {
    padding-top: 2em;
}
.features h2 {
    font-size: 2em;
}
.ui-slider-tabs {
    margin-bottom: -3em;
}
#loginForm {
    width: 225px;
}
#loginBox {
    right: -10px;
    top: 65px;
}
}
