Font Awesome icon usage statistics

  • 11 types of Font Awesome iconic font are used and found 22 times in total.
  • DIADEM.IN used 2.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of DIADEM.IN are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • DIADEM.IN includes "http://diadem.in/wp-content/cache/wpfc-minified/84a07fe7bf4a79f26e858e77688aaf28/1427650759index.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
    font-family: 'flexslider-icon';
    src:url(//diadem.in/wp-content/plugins/testimonials/css/fonts/flexslider-icon.eot);
    src:url(//diadem.in/wp-content/plugins/testimonials/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),
    url(//diadem.in/wp-content/plugins/testimonials/css/fonts/flexslider-icon.woff) format('woff'),
    url(//diadem.in/wp-content/plugins/testimonials/css/fonts/flexslider-icon.ttf) format('truetype'),
    url(//diadem.in/wp-content/plugins/testimonials/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
    font-weight: normal;
    font-style: normal;
    } .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .slides {display: block;}
    * html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0 0 60px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
    .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
    .loading .flex-viewport { max-height: 300px; }
    .flexslider .slides { zoom: 1; }
    .carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
    .flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
    .flex-direction-nav .flex-prev { left: -50px; }
    .flex-direction-nav .flex-next { right: -50px; text-align: right; }
    .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
    .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
    .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
    .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
    .flex-direction-nav a.flex-next:before  { content: '\f002'; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
    .flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
    .flex-pauseplay a:hover  { opacity: 1; }
    .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
    .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
    .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
    .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
    .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
    .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
    .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
    .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
    .flex-control-thumbs img:hover {opacity: 1;}
    .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
    @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
    .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
    }
    .post-ratings {
    width:100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1; }
    .post-ratings-loading {
    display: none;
    height: 16px;
    text-align: left;
    }
    .post-ratings-image {
    border: 0px;
    }
    .post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
    border: 0px;
    padding: 0px;
    margin: 0px;
    }
    .post-ratings-text {
    }
    .post-ratings-comment-author {
    font-weight: normal;
    font-style: italic;
    }
    .wp_syntax {
    color           : #100;
    background-color: #f9f9f9;
    border          : 1px solid silver;
    margin          : 0 0 1.5em 0;
    overflow        : auto;
    } .wp_syntax {
    overflow-x    : auto;
    overflow-y    : hidden;
    padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
    width         : 99%;
    }
    .wp_syntax table {
    border         : none !important;
    border-collapse: collapse !important;
    margin         : 0 !important;
    padding        : 0 !important;
    width          : 100% !important
    }
    .wp_syntax caption {
    margin          : 0 !important;
    padding         : 2px !important;
    width           : 100% !important;
    background-color: #def !important;
    text-align      : left !important;
    font-family     : monospace !important;
    font-size       : 12px !important;
    line-height     : 1.2em !important;
    }
    .wp_syntax caption a {
    color          : #1982d1 !important;
    text-align     : left !important;
    font-family    : monospace !important;
    font-size      : 12px !important;
    line-height    : 16px !important;
    text-decoration: none !important;
    }
    .wp_syntax caption a:hover {
    color          : #1982d1 !important;
    text-decoration: underline !important;
    }
    .wp_syntax div, .wp_syntax td {
    border        : none !important;
    text-align    : left !important;
    padding       : 0 !important;
    vertical-align: top !important;
    }
    .wp_syntax td.code{
    background-color: #EEE;
    background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
    background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
    background-image: -ms-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
    background-image: -o-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
    background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
    background-size : 1px 32px;
    line-height     : normal !important;
    white-space     : normal !important;
    width           : 100% !important;
    } .wp_syntax pre {
    background           : transparent !important;
    border               : none !important;
    margin               : 0 !important;
    padding              : 0 !important;
    width                : auto !important;
    float                : none !important;
    clear                : none !important;
    overflow             : visible !important;
    font-family          : monospace !important;
    font-size            : 12px !important;
    line-height          : 16px !important;
    padding              : 0 4px !important;
    white-space          : pre !important;
    -moz-box-shadow      : 0px 0px 0px rgba(0, 0, 0, 0) !important; -webkit-box-shadow   : 0px 0px 0px rgba(0, 0, 0, 0) !important; box-shadow           : 0px 0px 0px rgba(0, 0, 0, 0) !important; -webkit-border-radius: 0 !important;
    -moz-border-radius   : 0 !important;
    border-radius        : 0 !important;
    }
    .wp_syntax td.line_numbers pre {
    background-color: #def !important;
    color           : gray !important;
    text-align      : right !important;
    width           : 16px !important;
    }
    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, center, dl, dt, dd, ol, ul, 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;
    outline: none;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: center;
    } :focus {
    outline: 0;
    }
    ol, ul { list-style: none; } table {
    border-collapse: separate;
    border-spacing: 0;
    }
    caption, th, td { font-weight: normal; }
    blockquote:before, blockquote:after,q:before, q:after {	content: "";}
    blockquote, q {quotes: "" "";}
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    } button,
    .contributor-posts-link,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
    background-color: #333333;
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px 5px;
    vertical-align: bottom;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    cursor: pointer;
    }
    button:hover,
    button:focus,
    .contributor-posts-link:hover,
    input[type="button"]:hover,
    input[type="button"]:focus,
    input[type="reset"]:hover,
    input[type="reset"]:focus,
    input[type="submit"]:hover,
    input[type="submit"]:focus {
    background-color: #e56a2c;
    color: #fff;
    }
    button:active,
    .contributor-posts-link:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active {
    background-color: #222222;
    } p {	margin-bottom: 1.625em;}
    ul, ol { margin: 0 0 1.625em 1.625em;}
    ul { list-style: square;}
    ol { list-style-type:decimal; }
    ol ol { list-style: upper-alpha;}
    ol ol ol { list-style: lower-roman;}
    ol ol ol ol { list-style: lower-alpha;}
    ul ul, ol ol, ul ol, ol ul { margin-bottom: 0;}
    dl { margin: 3em 0; border-color: rgba(0,0,0,0.1); border-width: 0 0 1px 0;}
    dt { float: left; clear: left; width: 100%; font-weight: bold;} 
    dd { margin: 0 0 0 30%; padding: 5px 0;}
    dd, dt {  border-color: rgba(0,0,0,0.1); border-width: 1px 0 0 0;}
    strong { font-weight: bold; }
    cite, em, i { font-style: italic;}
    pre {
    background: url(//diadem.in/wp-content/themes/hostmev2/images/code_bg.png) repeat scroll left top #f6f6f6;
    font: 12px "Courier 10 Pitch", Courier, monospace;
    line-height: 21px;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 20px 30px;
    border: 1px solid #e2eeee;
    color: #444444;
    white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:		   3px;
    }
    code, kbd {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    code {
    background-color:#f7f7f7;
    display: block;
    font: 12px/18px Consolas,"Courier New",Courier,monospace;
    border: 1px solid #e2e2e2;
    overflow: auto;
    padding: 10px 18px;
    white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
    abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; }
    address { display: block; margin: 0 0 1.625em; }
    ins { background: #fff9c0; text-decoration: none; }
    sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
    sup { bottom: 1ex; }
    sub { top: .5ex; }
    hr {
    position: relative; 
    display: block;
    clear:  both;
    border: none;
    margin: 10px 0;
    background: #ddd;
    height: 1px;
    }
    .sticky,
    .gallery-caption { }
    ::selection,
    ::-moz-selection,
    ::-webkit-selection {
    background:#1abc9c; 
    color:#ffffff; 
    text-shadow: none;
    }
    .more-link { font-style:italic;} .clear	{ 
    clear: both;
    display: block;
    width: 0; 
    height: 0;
    visibility: hidden;
    }
    .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    html[xmlns] .clearfix { display: block; }
    * html .clearfix { height: 1%; }
    figure img { width: auto; max-width: 100%; height: auto; }   .demo { opacity: 0;}   body, input, select, textarea  { 
    font: normal 13px/1.6 'Open Sans', 'Helvetica-Neue', Helvetica, Arial, Sans-serif;
    color: #3b3b3b;
    }
    select {
    background: #f6f6f6;
    padding: 10px 6px;
    font-size: 12px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    }
    body { background: #B4B4B4; }
    #pagebg {
    position:fixed;
    top:0; 
    z-index:-1;
    min-width:100%;
    min-height:100%;
    background-attachment: foxed;
    background-size:100% 100%;
    }
    .bodyoverlay {
    position: fixed;
    top: 0;
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    a {
    text-decoration: none;
    color: #222222;
    -webkit-transition: all .3s ease-out;
    -moz-transition: 	all .3s ease-out;
    transition: 		all .3s ease-out;
    }
    a:hover,
    a:active {
    outline: 0;
    text-decoration: none;
    color: #444444;
    }
    .ui-widget-header,
    .ui-state-active,
    .fancytoggle .active .arrow,
    .flickr_badge_image:hover,
    .flex-direction-nav:hover .flex-prev,
    .flex-direction-nav:hover .flex-next,
    .postformat-link, .postformat-quote,
    .postformat-video, .postformat-audio,
    .postformat-gallery, .postformat-aside,
    .postformat-image, .postformat-status,
    .postformat-standard,
    .sub_nav li.current_page_item > a,
    .sub_nav li.current_page_item > a:hover {
    background-color:#1abc9c;
    } #sidebar .businesshours,
    #sidebar .businesshours p {
    border-color:#dddddd;
    } #footer .businesshours,
    #footer .businesshours p,
    #footer .flickr_badge_image {
    border-color:#454b52;
    }
    .ribbon { position:absolute; top:0; right:0; z-index:2; }
    .preloader {
    display:block;
    background:url(//diadem.in/wp-content/themes/hostmev2/ajax-loader.gif) center center no-repeat #ffffff;
    }
    .atpimage {
    position: relative;
    display: inline-block;
    }
    .image_caption {
    display: block;
    padding: 2px 5px;
    text-align: center;
    }
    [id^='#gallery-'] img,
    .imageborder {
    position: relative;
    margin: 0;
    box-sizing: border-box;
    padding: 3px;
    border: 1px solid #dddddd;
    -webkit-border-radius:	4px;
    -moz-border-radius:	4px;
    border-radius:		4px;
    -webkit-transition: 	all .3s ease-out;
    -moz-transition: 	all .3s ease-out;
    transition: 		all .3s ease-out;
    }
    .client-image img:hover,
    .imageborder:hover {
    background-color:#1abc9c !important;
    }
    .imageborder { margin-bottom: 20px; } .atpimage {
    position:absolute;
    display:inline-block;
    }
    .atpmap img {
    width: auto !important;
    max-width: none;
    } .atpmap-shadow{
    position: relative;
    border: 1px solid #e9e9e9;
    background-color: ff00ff;
    padding: 8px;	
    }   h1, h2, h3, h4, h5, h6 {
    margin: 0 0 25px 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
    font-weight:300;
    }
    h1 { font-size: 30px; }
    h2 { font-size: 26px; }
    h3 { font-size: 22px; }
    h4 { font-size: 20px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    }
    h1 small { font-size: 20px; }
    h2 small { font-size: 16px; }
    h3 small { font-size: 14px; }
    h4 small { font-size: 12px; }
    .heading {
    display:inline-block;
    margin-bottom:5px;
    padding:5px 10px;
    background-color: #B1CC77;
    color: #ffffff;
    font-family: Arial, Helvetica, Sans-serif;
    font-size:40px;
    font-weight:normal;
    line-height:1.1;
    letter-spacing:-1px;
    }   #boxed #wrapper {
    background-color: #ffffff;
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    }
    #stretched #wrapper {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    margin: 0 auto;
    }
    .inner { 
    position:relative;
    width: 90%; 
    max-width: 980px;
    margin: 0 auto;
    }
    .inner:after,
    .inner:before {
    clear:both;
    content: '';
    display:block;
    }
    .one_half      { width: 48%; }
    .one_third     { width: 30.5%; }
    .two_third     { width: 65.3%; }
    .one_fourth    { width: 21.9%; }
    .one_fifth     { width: 16.7%; }
    .three_fourth  { width: 74.0%; }
    .four_fifth    { width: 79.0%; }
    .two_fifth     { width: 37.2%; }
    .three_fifth   { width: 58.0%; }
    .one_sixth     { width: 13.3%; }
    .five_fifth    { width: 82.7%; }
    .one_half,
    .one_third, 
    .two_third,
    .one_fourth, 
    .one_fifth,
    .four_fifth,
    .one_sixth,
    .five_fifth,
    .two_fifth,
    .three_fifth,
    .three_fourth   {
    position: relative;
    display:inline;
    display: inline-block;
    float: left;
    margin-right: 4%;
    margin-bottom:15px;
    }
    .last { margin-right: 0 !important; } .pagemid {
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 40px 0;
    background-color:#ffffff;
    z-index:2;
    }
    .pagemid .inner { margin: 0 auto;}
    .pagemid_section { 
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 0;
    z-index:2;
    }
    .section_row {
    position:relative;
    padding: 30px 0;
    }
    .section_inner { 
    width: 90%; 
    max-width: 1080px;
    margin:0 auto; 
    position:relative; 
    z-index:3; 
    }
    .section_bg {
    position: absolute;
    top: 0;
    background-size: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    } @media screen and (-webkit-min-device-pixel-ratio:0) {
    .section_bg { 
    background-attachment: scroll !important;
    }
    }
    .section_overlay {
    position: absolute;
    top: 0;
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark20.png);
    background-repeat: repeat;
    background-position: top left;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    .pagemid.section a { }
    .pagemid.section a:hover {  }
    #page-title { color: #fff; padding: 0; }
    .pagemid_section:after,
    .pagemid_section:before {
    clear:both;
    content:'';
    display:block;
    }    .leftsidebar #main { 
    float: right; 
    width: 71%; 
    }
    .leftsidebar #main .entry-content { padding-left: 20px; }
    .leftsidebar #sidebar { 
    position: relative;
    float: left; 
    width: 29%; 
    }
    .leftsidebar #sidebar .content { padding: 0 20px 0px 0; } .rightsidebar #main { 
    float: left; 
    width: 71%;
    }
    .rightsidebar #main .entry-content { padding-right: 20px; }
    .rightsidebar #sidebar {
    position: relative;
    float: right;
    width: 29%;
    }
    .rightsidebar #sidebar .content{ 
    padding: 0 0 0 20px; 
    }   #featured_slider {
    position: relative;
    background-color: #f3f3f3;
    padding: 0;
    z-index: 9;
    }
    #slider_bg {
    position: relative;
    background:url(//diadem.in/wp-content/themes/hostmev2/images/slider-bg.jpg) top center no-repeat;
    padding: 0;
    z-index: 9;
    }
    .slider_stretched { margin: 0 auto; }
    .slider_wrapper { width: 90%; margin: 0 auto; }
    .videoslider,
    .planbox_slider {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    }
    .videoslider iframe,
    .staticslider img{
    max-width:100%;
    display: block;
    margin: 0 auto;
    }
    .ei-slider-thumbs li a:hover,
    .ei-slider-thumbs li.ei-slider-element{ background-color: #24A5D9; width: 95px; }
    .flex-caption{ display:none !important;}   .header { 
    position:relative; 
    min-height: 70px;
    z-index: 20; 
    background-color: #fff;
    box-shadow:0 5px 0 rgba(0,0,0,0.2);
    }
    .logo {    
    display: table-cell;
    margin: auto;
    min-height: 70px;
    min-width: 70px;
    padding: 0;
    position: relative;
    vertical-align: middle; 
    }
    .logo img { 
    -webkit-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -ms-transition:     all .3s ease-out;
    -o-transition:      all .3s ease-out;
    transition:         all .3s ease-out;
    } h1#site-title { margin: 0; }
    h1#site-title a { 
    font-size: 30px;
    line-height: 38px;
    color: #666666;
    font-weight: bold;
    letter-spacing: -1px;
    }
    h2#site-description {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    text-decoration: none;
    }
    .topbar_left { text-align:left; }
    .topbar_right { text-align:right; }
    .topbar_left,
    .topbar_right { width: 50%; display: inline-block; float:left; position: relative; }
    .login h1 a {
    background-size:none;
    } .header:after {
    clear: both;
    content: "";
    display: block;
    }
    .header-area {
    position: relative;
    display: table;
    height: 80px;
    margin: 0 auto;
    min-height: 70px;
    max-width: 980px;
    width: 90%; 
    }
    .menuwrap {
    display: table-cell;
    margin: auto;
    padding: 0;
    position: relative;
    vertical-align: middle;
    }   #fixedheader { min-height:60px;}
    .fixed-header { 
    position: fixed !important;
    width:100%; 
    top:0;
    left:0;
    margin: 0 auto;
    padding: 0;
    z-index: 3000;
    background-color: #ffffff; background-color: rgba(255,255,255,0.95); box-shadow:0 5px 0 rgba(0,0,0,0.2);
    }   .header-style2 #atp_menu  { display: table; }
    .header-style2 .sf-menu { float:left;}
    .header-style2 .logo{ text-align: right; float:none;} .topbar {
    position: relative;
    padding:0;
    font-size:11px;
    line-height: 35px;
    background: #2C2C2C;
    border-bottom: 1px solid #3C3C3C;
    color: #ffffff;
    overflow:hidden;
    }
    .topbar .one_half,
    .topbar .one_third,
    .topbar p { margin-bottom:0 !important;}
    .topbar .atpsocials {
    float: right;
    margin: 0 auto;
    padding: 0;
    }
    .topbar .atpsocials li { display:inline-block; width: 18px; }
    .mr10 { margin-right:10px; }
    .ml10 { margin-left:10px; }   .iva-mobile-dropdown { display: none; }
    .iva-children-indenter { display:none; }
    .iva_mmenu .iva_menuicon,
    .sf-menu .iva_menuicon { margin-right: 10px;}
    .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .sf-menu li {
    position: relative;
    }
    .sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    }
    .sf-menu > li {
    float: left;
    }
    .sf-menu li:hover > ul,
    .sf-menu li.sfHover > ul {
    display: block;
    }
    .sf-menu a {
    display: block;
    position: relative;
    }
    .sf-menu ul ul {
    top: 0;
    left: 100%;
    } .sf-menu {
    float: right;
    }
    .sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em; }
    .sf-menu a {
    border-left: 0px solid #fff;
    border-top: 0px solid #dFeEFF; border-top: 0px solid rgba(255,255,255,.5);
    padding: .7em .7em;
    text-decoration: none;
    zoom: 1; }
    .sf-menu a {
    font-size:12px;
    color: #95a5a6;
    }
    .sf-menu li {
    background: transparent;
    white-space: nowrap; -webkit-transition: background .2s;
    transition: background .2s;
    }
    .sf-menu ul { background: #2c3e50;}
    .sf-menu ul li {
    border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .sf-menu li:hover,
    .sf-menu li.sfHover {
    background: #34495e; -webkit-transition: none;
    transition: none;
    } .sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    } .sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0; border: 5px solid transparent;
    border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);
    }
    .sf-arrows > li > .sf-with-ul:focus:after,
    .sf-arrows > li:hover > .sf-with-ul:after,
    .sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; } .sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5);
    }
    .sf-arrows ul li > .sf-with-ul:focus:after,
    .sf-arrows ul li:hover > .sf-with-ul:after,
    .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
    } .iva-mobile-menu {
    display: none;
    position: relative;
    top: 0;
    background-color: #252525;
    padding: 0;
    z-index: 99999;
    }
    .iva-mobile-menu > ul { margin: 0 auto; padding: 0; }
    .iva_mmenu { display: table; margin:0 auto; }
    .iva-mobile-menu ul li  {
    list-style:none;
    }
    .iva-mobile-menu.iva_mobile_container > ul > li:first-child {
    padding-top: 10px;	
    }
    .iva-mobile-menu.iva_mobile_container > ul > li:last-child {
    padding-bottom: 10px;
    }
    .iva-mobile-menu.iva_mobile_container > ul > li:last-child a {
    border-bottom: 0;
    }
    .iva-mobile-menu ul li a {
    border-bottom: 1px dotted #555555;
    position: relative;
    display: block;
    padding: 14px 0 !important;
    font-size: 13px;
    color: #999999;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -khtml-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    }
    .iva-mobile-menu ul li.current-cat > a, 
    .iva-mobile-menu ul li.current_page_item > a, 
    .iva-mobile-menu ul li.current-page-ancestor > a,
    .iva-mobile-menu ul li.current-menu-ancestor > a,
    .iva-mobile-menu ul li a:hover { color: #ffffff;}
    .iva-mobile-menu ul li ul {
    display: none;
    margin-left: 20px;
    }
    .iva-children-indenter {  
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    color:#999999;
    }
    .iva-children-indenter i { padding:14px; }
    .iva-menu-open .iva-children-indenter { color:#3888c8; }   #atp_menu li.current-cat a, 
    #atp_menu li.current_page_item > a,
    #atp_menu li.current-page-ancestor > a { margin: 0; color: #ffffff; } .sub_nav {
    position:relative;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 	1px 1px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 		1px 1px 2px 1px rgba(0,0,0,0.1);
    }
    .sub_nav li ul{
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .sub_nav li ul li a{
    background: #ecf0f1;
    color: #999999;
    padding: 9px 15px 9px 30px;
    }
    .sub_nav li a {
    display: block;
    margin: 0 0 -1px 0;
    padding: 11px 25px;
    border: 1px solid #dddddd;
    border-bottom-color: #eeeeee;
    border-top-color: #eeeeee;
    color: #666666;
    }
    .leftsidebar .sub_nav li a {
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/sub_arrowright_n.png);
    background-position:10px center;
    background-repeat:no-repeat;
    }
    .rightsidebar .sub_nav li a {
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/sub_arrowright_n.png);
    background-position:10px center;
    background-repeat:no-repeat;
    }
    .rightsidebar .sub_nav li.current_page_item > a,
    .rightsidebar .sub_nav li.current_page_item > a:hover {
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/sub_arrowleft.png);
    background-position:10px center;
    background-repeat:no-repeat;
    }
    .leftsidebar .sub_nav li.current_page_item > a,
    .leftsidebar .sub_nav li.current_page_item > a:hover {
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/sub_arrowright.png);
    background-position:95% center;
    background-repeat:no-repeat;
    }
    .sub_nav li.current_page_item > a,
    .sub_nav li.current_page_item > a:hover {
    position: relative;
    padding: 11px 25px;
    zoom: 1;
    color: #ffffff !important;
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 	inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
    box-shadow: 		inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
    }
    .sub_nav li a:hover { background-color: #ecf0f1;}
    .sub_nav li:first-child a { border-top-color: #dddddd; }
    .sub_nav li:last-child a { border-bottom-color: #dddddd; }   .sb-align{ width: 60%; margin: 0;}
    .btn-align{ 
    position: absolute;
    width: 40%; 
    top: 30px; 
    right: 0;
    }
    .domain-names{ 
    font-size: 14px; 
    font-weight: normal; 
    color: #8d8d8d; 
    margin: 10px 0 0 10px; 
    padding: 0;
    } 
    .search-form {
    width: 550px;
    background: #444;
    background: rgba(0,0,0,.2);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
    .search-form input {
    width: 410px;
    height: 40px;
    padding: 10px 15px;
    float: left;    
    font: 18px 'open sans', 'lucida sans', 'arial', 'tahoma';
    font-weight: bold;
    border: 0;
    background: #ffffff;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;      
    }
    .search-form input:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    .search-form input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
    }
    .search-form input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
    }
    .search-form input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
    }    
    .search-form button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 60px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #1abc9c;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }  
    .search-form button:hover{		
    background: #8c659a;
    }
    .search-form button:active,
    .search-form button:focus{   
    background: #8c6599;    
    }
    .search-form button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #1abc9c transparent;
    top: 20px;
    left: -6px;
    }
    .search-form button:hover:before{
    border-right-color: #8c6599;
    }
    .search-form button:focus:before{
    border-right-color: #1abc9c;
    } 
    .search-form button:active:before{
    border-right-color: #8c6599;
    }  	
    .search-form button::-moz-focus-inner {
    border: 0;
    padding: 0;
    }
    .search-button {
    text-decoration: none;
    background-color: rgba(18,127,210,1);
    background-image: -webkit-linear-gradient(top, rgba(111,83,121,1) 0%,rgba(83,57,92,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(111,83,121,1) 0%,rgba(83,57,92,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(111,83,121,1) 0%,rgba(83,57,92,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(111,83,121,1) 0%,rgba(83,57,92,1) 100%);
    background-image:         linear-gradient(top, rgba(111,83,121,1) 0%,rgba(83,57,92,1) 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
    border: solid 1px rgba(97,67,107,1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 210px;
    display: inline-block;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: rgba(255,255,255,1);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.33)
    }
    .search-button:hover {
    background-image: -webkit-linear-gradient(top, rgba(83,57,92,1) 0%,rgba(111,83,121,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(83,57,92,1) 0%,rgba(111,83,121,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(83,57,92,1) 0%,rgba(111,83,121,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(83,57,92,1) 0%,rgba(111,83,121,1) 100%);
    background-image:         linear-gradient(top, rgba(83,57,92,1) 0%,rgba(111,83,121,1) 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
    border: solid 1px rgba(0,52,129,1);
    color: #ffffff;
    cursor: pointer;
    }   .frontpage_teaser	 {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    z-index: 100;
    background-color: #f0f0f0;
    }   #subheader	{	
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: table;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #dddddd;
    }
    #subheader .page-title {
    float:left;
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: -1px;
    line-height: normal;
    font-weight: 700;
    }
    #subheader .subdesc {  }
    #subheader .customtext { 
    display: inline-block; 
    padding: 0 10px; 
    overflow:hidden;
    }
    #subheader .customtext h2 {
    font-size: 22px;
    line-height: normal;
    font-weight: 300;
    margin-bottom: 0;
    }
    #subheader a { color:#999999;}
    #subheader a:hover { color:#444444;}
    .iva-pagetitle-center .page-title { float:none !important; }
    .iva-pagetitle-right .page-title { float:right !important; }
    .iva-pagetitle-left .subdesc { float: left; text-align: left; }
    .iva-pagetitle-right .subdesc { float: right; text-align: right; }
    .iva-pagetitle-center .subdesc { display: table; float: none; margin:0 auto; text-align:center;  }
    .iva-pagetitle-left .breadcrumbs { float: left; }
    .iva-pagetitle-right .breadcrumbs { float: right; }
    .iva-pagetitle-center .breadcrumbs { text-align: center; }   .breadcrumbs {
    clear:both;
    display: block;
    font-size: 11px;
    margin: 0;
    padding: 0;
    position: relative;
    }
    .breadcrumbs .separator { padding:0 3px;}
    .breadcrumbs a { color: #dddddd; }
    .breadcrumbs a:hover{ color: #ffffff;}   #footer {
    color: #ecf0f1;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0;
    font-size: 12px;
    background-color: #2c3e50;
    box-shadow:0 -8px 0 rgba(0,0,0,0.2);
    }
    #footer .footer-sidebar { 
    background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/white10.png) bottom left repeat-x transparent; 
    overflow:hidden;
    margin-bottom:30px;
    }
    #footer a       { color:#95a5a6; }
    #footer a:hover { color:#ffffff; }
    #footer .widget-title { color: #ffffff; } .copyright  { 
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    }
    .copyright_left ul,
    .copyright_right ul { margin: 0; padding: 0; }
    .copyright_left ul li,
    .copyright_right ul li { display: inline-block; padding:0 10px 0 0; background:none;  }
    .copyright_left ul li a,
    .copyright_right ul li a { color: #999999; }
    .copyright_left ul li a:hover,
    .copyright_right ul li a:hover { color: #000000; }
    .copyright p { margin-bottom: 0;}
    .copyright_left {
    float: left;
    width: 50%;
    }
    .copyright_right {
    float: right;
    width: 50%;
    text-align: right;
    }   .custom-animation {
    position: relative;
    padding: 0;
    }   .widget.widget_search {
    position: relative;
    width: 100%;
    }
    * html .search-box               { margin-top: 10px; }
    *:first-child+html .search-box 	 { margin-top: 10px !important; }
    .search-box input  { 
    color: #B2B2B6;
    border: 1px solid #F7F7F8;
    background: none repeat scroll 0 0 #F7F7F8;
    margin: 0 auto; 
    padding: 8px 12px;
    font-size: 13px; 
    width: 93%;
    }
    .search-box input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CFCFCF;
    color: #555555;
    }   .widget-title { font-weight: normal; }
    .widget { margin: 0 0 45px 0; }
    .widget ul  { margin: 0; padding: 0; }
    .widget ul ul { margin-bottom: 0; }	
    .widget ul li {	
    list-style-type: none;
    }
    .widget ul li:last-child{	
    border-bottom: 0! important;
    }
    .widget_pages li,
    .widget_meta li,
    .widget_recent_entries li,
    .widget_archive li,
    .widget_categories li {
    background:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_gray.png) -120px -360px no-repeat;
    padding:0 0 8px 20px;
    margin:8px 0;
    border-bottom:1px solid #f0f0f0;
    }
    #recentcomments li{
    margin: 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #f0f0f0;
    }
    .widget_recent_entries .post-date {
    display: block;
    font-size: 10px;
    }
    #footer .widget_pages li,
    #footer .widget_meta li,
    #footer .widget_recent_entries li,
    #footer .widget_archive li,
    #footer .widget_categories li,
    #footer #recentcomments li {
    border-bottom: 1px solid #454b52;
    }   .widget_calendar { float: left;}
    #wp-calendar { width: 100%; }
    #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
    #wp-calendar thead { font-size: 10px; }
    #wp-calendar thead th { padding-bottom: 10px; }
    #wp-calendar tbody { color: #aaa; }
    #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
    #wp-calendar tbody td:hover { background: #fff; }
    #wp-calendar tbody .pad { background: none; }
    #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
    #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
    #footer #wp-calendar caption { color:#d9dcdf; }
    #footer #wp-calendar tbody td { background: #454b52; border: 1px solid #363a3f; }
    #footer #wp-calendar tbody td:hover { background: #555c64; }   .textwidget ol{
    counter-reset: li; list-style: none; padding: 0;
    margin-bottom: 4em;
    }
    .textwidget ol ol{
    margin: 0 0 0 2em; }
    .textwidget li a{
    position: relative;
    display: block;
    padding: 0;
    margin: 5px 0;
    color: #ffffff;	
    }   .left {float: left;}
    .right {float: right; text-align: right;}
    .center {float: none; text-align: center; margin: inherit auto;}
    .alignleft, 
    img.alignleft, 
    a img.alignleft  { float: left; margin: 3px 15px 20px 3px;}
    .alignright, 
    img.alignright, 
    a img.alignright { float: right; margin: 0 15px 15px 0;	}
    .aligncenter, 
    img.aligncenter, 
    a img.aligncenter { clear: both; display: block; margin: 10px auto 20px auto; padding: 2px; text-align: center;	} .wp-caption { text-align: center; margin-bottom: 20px; padding: 2px; border: 1px solid #ddd; background:#f1f2f3; }
    .wp-caption img { margin: 3px;}
    .wp-smiley { margin: 0; }
    .wp-caption p.wp-caption-text { margin: 0 0 4px; }   .bio .sociables {
    text-align: center;
    margin: 0; 
    padding: 15px 0;
    }
    .bio { 
    position: relative;
    background-color: #f5f5f5;
    box-sizing: border-box;
    }
    .bio hgroup {
    text-align: left; 
    margin-bottom: 10px;
    }
    .bio::before,
    .bio::after {
    box-sizing: border-box;
    position: absolute;
    content: '';
    }
    .bio::before {
    width: 99%;
    left: .5%;
    bottom: -4px;
    }
    .bio::after {
    width: 98%;
    left: 1%;
    bottom: -7px;
    }
    .bio .details {
    background: #f5f5f5;
    padding: 20px 20px 0 20px;
    }
    .bio .details p	{
    padding: 0 20px;
    }
    .bio img { max-width: 100%; display:block;}
    .bio h4 { margin-bottom:0px; }
    .bio span.staff-role {
    display:  block;
    color: #b2b2b2;
    }
    .bio .atpsocials li {
    float:none;
    background: none !important;
    display: inline-block; 
    position:relative;
    }
    .bio .atpsocials li a{ 
    display: table; 
    width: 25px;
    padding: 0 !important;
    height: 25px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition:    all 200ms ease-in;
    -o-transition:      all 200ms ease-in;
    -ms-transition:     all 200ms ease-in;
    transition:        all 200ms ease-in;
    }   ul.atpsocials {
    list-style:none; 
    margin:0 auto; 
    padding:0;
    display: table;
    } 
    ul.atpsocials li img { position: relative; 	vertical-align: middle;}
    ul.atpsocials li { 
    display: table-cell; 
    padding: 1px; 
    margin: 0 3px 0 0; 
    line-height: 25px; 
    text-align: center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: all 300ms ease-in;
    -moz-transition:    all 300ms ease-in;	
    -o-transition:      all 300ms ease-in;
    -ms-transition:     all 300ms ease-in;	
    transition:         all 300ms ease-in;
    }
    ul.atpsocials li a.blogger		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/blogger_bio.png) center center no-repeat; }
    ul.atpsocials li a.delicious	{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/delicious_bio.png) center center no-repeat; }
    ul.atpsocials li a.deviant		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/deviant_bio.png) center center no-repeat; }
    ul.atpsocials li a.digg		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/digg_bio.png) center center no-repeat; }
    ul.atpsocials li a.facebook	{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/facebook_bio.png) center center no-repeat; }
    ul.atpsocials li a.flickr		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/flickr_bio.png) center center no-repeat; }
    ul.atpsocials li a.forrst		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/forrst_bio.png) center center no-repeat; }
    ul.atpsocials li a.google		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/google_bio.png) center center no-repeat; }
    ul.atpsocials li a.linkedin	{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/linkedin_bio.png) center center no-repeat; }
    ul.atpsocials li a.pinterest	{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/pinterest_bio.png) center center no-repeat; }
    ul.atpsocials li a.rss			{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/rss_bio.png) center center no-repeat; }
    ul.atpsocials li a.skype		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/skype_bio.png) center center no-repeat; }
    ul.atpsocials li a.stumbleupon	{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/stumbleupon_bio.png) center center no-repeat; }
    ul.atpsocials li a.twitter		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/twitter_bio.png) center center no-repeat; }
    ul.atpsocials li a.dribbble	{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/dribbble_bio.png) center center no-repeat; }
    ul.atpsocials li a.vimeo		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/vimeo_bio.png) center center no-repeat; }
    ul.atpsocials li a.yahoo		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/yahoo_bio.png) center center no-repeat; }
    ul.atpsocials li a.youtube		{ background: url(//diadem.in/wp-content/themes/hostmev2/images/sociables/youtube_bio.png) center center no-repeat; }
    ul.atpsocials li.facebook:hover	{ background-color:#3B5998; }
    ul.atpsocials li.twitter:hover	{ background-color:#00A0D1; }
    ul.atpsocials li.dribbble:hover	{ background-color:#ea4c88; }
    ul.atpsocials li.flickr:hover	{ background-color:#FE0883; }
    ul.atpsocials li.deviant:hover	{ background-color:#5C7062; }
    ul.atpsocials li.blogger:hover	{ background-color:#FF8833; }
    ul.atpsocials li.google:hover	{ background-color:#C63D2D; }
    ul.atpsocials li.linkedin:hover	{ background-color:#4875B4; }
    ul.atpsocials li.pinterest:hover{ background-color:#910101; }
    ul.atpsocials li.reditt:hover	{ background-color:#CEE3F8; }
    ul.atpsocials li.rss:hover		{ background-color:#FA9B39; }
    ul.atpsocials li.stumbleupon:hover  { background-color:#EB4924; }
    ul.atpsocials li.tumblr:hover	{ background-color:#34526F; }
    ul.atpsocials li.youtube:hover	{ background-color:#C4302B; }
    ul.atpsocials li.vimeo:hover	{ background-color:#0caed4; }   #sticky { 
    top: 0;
    display: none;
    position: relative; 
    width: 100%; 
    padding: 10px 0; 
    z-index: 1000; 
    background-color:#F6F3DA;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 0 rgba(0,0,0,0.1);
    color: #222222;
    font-size: 12px;
    text-align: center;
    }
    #sticky a { }
    #sticky a:hover { text-decoration:underline; }
    .tarrow { 
    position:absolute;
    top: 0px;
    right:10px; 
    width: 29px; 
    height: 41px; 
    background: url(//diadem.in/wp-content/themes/hostmev2/images/toggle_up.png) 0 0 no-repeat; 
    z-index: 2000;
    cursor: pointer;
    }
    .tarrow.active { 
    background: url(//diadem.in/wp-content/themes/hostmev2/images/toggle_down.png) 0 0 no-repeat;
    }   .entry-content .post { 
    position: relative; 
    padding-bottom: 40px; 
    border-bottom:1px solid #dddddd;
    margin-bottom:40px;
    }
    .entry-content .last-post {
    border-bottom: none;
    }
    .post .quote {
    padding:20px;
    background: #f6f6f6;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin: 0;
    font-family: Georgia, Times, Serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .post .quote span {
    display: block;
    font-size: 14px;
    color: #999;
    text-align: left;
    }
    .post .quote span:before { content: "\2014 \00A0"; }
    .post h2.entry-title {
    font-weight: bold;
    text-transform: none !important;
    margin: 0 0 10px 0 !important;
    line-height:30px;
    }
    .post .sub-title {
    color: #B2B2B6;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    top:-10px;
    }
    .post .postimg { margin-bottom:20px; }
    .post_content .flexslider,
    .post_content .video-frame { margin-bottom:20px; } 
    .post-info  {
    position: relative;
    display: block;
    margin-bottom: 25px;
    font-size: 11px;
    color: #999999;
    }
    .post-metadata { overflow:hidden; font-size: 10px; font-weight: bold; text-transform: uppercase; }
    .post-metadata span { padding-right:10px; }
    .post-entry { clear:both; position:relative; }   .status-format {
    margin-right:10px;
    float:left;
    }
    .postformat-link, 
    .postformat-quote,
    .postformat-video,
    .postformat-audio,
    .postformat-gallery,
    .postformat-aside,
    .postformat-image,
    .postformat-status,
    .postformat-standard { 
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ff8989;
    -webkit-border-radius:	5px;
    -moz-border-radius:	5px;
    border-radius:		5px;
    }
    .postformat-link {background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-link.png);}
    .postformat-quote { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-quote.png); }
    .postformat-video { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-video.png); }
    .postformat-audio { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-audio.png); }
    .postformat-gallery { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-gallery.png); }
    .postformat-aside { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-aside.png); }
    .postformat-image { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-image.png); }
    .postformat-status { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-status.png); }
    .postformat-standard { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/postformat/postformat-post.png); }   .portfoliotype .postimg { margin-bottom:40px;}
    .portfolio_items {
    clear: both;
    position: relative;
    padding: 0;
    width: auto;
    overflow: hidden;
    }
    .portfolio_items .item { overflow:hidden; margin-bottom:30px; }
    .portfolio_grid {
    position: relative;
    display: block;	
    margin: 0;	
    }
    .portfoliogrid {
    display: block;
    position: relative;
    overflow:hidden;
    }
    .port_img,
    .sort_img {
    position: relative;
    }
    .port_desc { padding: 10px 0 0 0;	}
    .port_desc h4 { font-size:16px; margin-bottom: 0px; }
    .port_desc h5 { margin-bottom: 5px; }
    .port_desc p.date {
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    }
    .port_box {
    display: block; 
    position: relative;
    float: left;
    margin: 0 0 10px 0;
    }
    .port_desc date { margin-bottom: 20px; }
    .port_desc p.extras { margin-bottom: 0; font-style: italic; letter-spacing: 0.8px;}
    .port_desc.col1     { padding: 0 2px 2px 2px; margin:0; }
    .visitsite { margin-left: 10px;}
    .portfolio_single .postimg { margin-bottom:20px;}
    .post_slider { 
    display: block;
    position: relative; 
    z-index: 2;
    }
    .post_slider img { display: block; margin-bottom:30px;} .portfoliopage .details { list-style:none; margin-left:0;}
    .portfoliopage .details li{
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E7E6E6;
    }
    .portfoliopage .details h5{
    float: left;
    margin: 0 !important;
    width: 120px;
    }
    .portfoliopage .details li span { float:left;}
    .layout-half .postimg { width: 65%; float: left; display: inline; margin-right: 5%; }
    .layout-half .portfoliopage { width: 30%; float: right; }
    .layout-half .two_third,
    .layout-half .one_third { width: 100%; margin-right: 0; float: none; } .singlepostlists { 
    overflow: hidden; 
    margin: 0 0 20px;
    padding: 20px 0; 
    }
    .singlepostlists ul { margin:0; padding:0; }
    .singlepostlists li  { 
    background-position: 0 8px;
    display: inline-block; 
    margin: 0 0 5px 0; 
    padding: 0;
    }   .sortable { width: 100%; }
    .sort_img,
    .postimg {
    display: block;
    position: relative;
    padding: 0;
    }
    .image-grid .item {
    position: relative;
    overflow:hidden;
    }
    .sort_column1 .item {
    width: 100%;
    height: 300px;
    margin: 0 0 40px 0;
    }
    .sort_column1 .item  .sort_img {
    position:relative;
    float: left;
    width: 620px;
    height: auto;	
    margin-right: 30px;
    }
    .sort_column2 .item  {
    position:relative;
    width:49%;
    margin:0 1% 1% 0;
    height:auto;
    }
    .sort_column3 .item {
    width: 32.2%;
    height:auto;
    margin: 0 1% 1% 0;
    }
    .sort_column4 .item {
    width: 24%;
    height:auto;
    margin: 0 1% 1% 0;
    }   .splitter  { 	
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    }
    .splitter ul        { margin-right: 0; margin-top: 0; }
    .splitter > li     { padding-left: 0; }
    .splitter > li ul  { display:table; margin: 0 auto; }
    .splitter ul li a   { border-bottom: 0; position: static; margin: 0 2px; color: #666666;}
    .splitter li,
    .splitter ul,
    .splitter ul li a   { display: inline-block;   line-height: 1.1; }
    .splitter ul,
    .splitter ul li,
    .splitter ul       { background-position: 0 -138px; background-repeat: repeat-x; }
    .splitter ul li     { position:relative; line-height:30px;}
    .splitter ul li a:hover { 
    text-decoration: none; 	
    color: #000000;
    }
    .splitter li a.selected {
    color: #000000;
    }
    .splitter ul li:first-child { margin-left: 0; margin-bottom: 5px; }
    .splitter ul li a   { 
    padding: 5px; 
    text-decoration: none; 
    } .isotope-item {  z-index: 2; }
    .isotope-hidden.isotope-item {  pointer-events: none; z-index: 1; } .isotope,
    .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration:	 0.8s;
    -o-transition-duration:		 0.8s;
    transition-duration:		 0.8s;
    }
    .isotope {
    -webkit-transition-property:	height, width;
    -moz-transition-property:	    height, width;
    -o-transition-property:		    height, width;
    transition-property:		    height, width;
    }
    .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:	 -moz-transform, opacity;
    -o-transition-property:		 top, left, opacity;
    transition-property:		 transform, opacity;
    } .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
    -webkit-transition-duration:	0s;
    -moz-transition-duration:		0s;
    -o-transition-duration:			0s;
    transition-duration:			0s;
    }  .isotope.infinite-scrolling {
    -webkit-transition:	none;
    -moz-transition:	none;
    -o-transition:		none;	
    } .grid figure {
    margin: 0;
    position: relative;
    }
    .grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
    }
    .grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    background-color:#1abc9c;
    color: #ffffff;
    }
    .grid figcaption > div {
    padding:20px;
    }
    .grid figcaption h3 {
    margin: 0;
    padding: 0;
    font-size:14px;
    font-weight:bold;
    color: #ffffff;
    }
    .grid figcaption span { font-size:11px;}
    .grid figcaption a {
    color: #ffffff;
    }
    .grid figcaption a:hover {
    color: #f0f0f0;
    } .cs-style-3 figure {
    overflow: hidden;
    }
    .cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    }
    .no-touch .cs-style-3 figure:hover img,
    .cs-style-3 figure.cs-hover img {
    -webkit-transform:	translateY(-50px);
    -moz-transform: 	translateY(-50px);
    -ms-transform: 		translateY(-50px);
    transform: 			translateY(-50px);
    }
    .cs-style-3 figcaption {
    height: auto;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform:	translateY(100%);
    -moz-transform: 	translateY(100%);
    -ms-transform: 		translateY(100%);
    transform: 			translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition:	-moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: 		transform 0.4s, opacity 0.1s 0.3s;
    }
    .no-touch .cs-style-3 figure:hover figcaption,
    .cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: 	-moz-transform 0.4s, opacity 0.1s;
    transition: 		transform 0.4s, opacity 0.1s;
    }   .col_half { width: 49%; }
    .col_third { width: 32%; }
    .col_fourth { width: 23.5%; }
    .col_fifth { width: 18.4%; }
    .col_sixth { width: 15%; }
    .col_three_fourth { width: 74.5%;}
    .col_twothird{ width: 66%;}
    .col_half,
    .col_third,
    .col_twothird,
    .col_fourth,
    .col_three_fourth,
    .col_fifth{
    position: relative;
    display:inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    }
    .end { margin-right: 0 !important; }   .select_wrapper {
    font-size: 11px;
    background: #fafafa url(//diadem.in/wp-content/themes/hostmev2/images/select.png) no-repeat right center;
    border: 1px solid #dddddd;
    float: left;
    height: 34px;
    margin: 0;
    margin-bottom: 9px !important;
    width: 20%;
    display: block;
    color: #666666;
    -webkit-box-shadow: inset 0px 0px 2px 1px #EEEEEE;
    -moz-box-shadow:    inset 0px 0px 2px 1px #EEEEEE;
    box-shadow:         inset 0px 0px 2px 1px #EEEEEE;
    }
    .select_wrapper:hover { background-color: #fff; border-color: #bbb #eee #eee #bbb; color: #333; }
    .select_wrapper span  { height: 34px; line-height: 34px; position: absolute; z-index: 0; padding-left: 5px; }
    select.select { cursor: pointer; height: 34px; margin: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; padding: 0; position: relative; width: 100%; z-index: 4; }   .pagination {
    margin: 	15px auto;
    padding:	15px 0 0 0;
    background:	url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark10.png) left top repeat-x;
    text-align:	center;
    }
    .pagination a, 
    .pagination a:link, 
    .pagination a:visited,
    .pagination a:active,
    .pagination span.current{ 
    background: #E6E6E6;
    color: #474747;
    border: solid 1px #B6B6B6;
    padding: 5px 10px 5px 10px;
    margin: 0 4px;
    background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
    border-radius:		3px;	
    -moz-border-radius:	3px;
    -webkit-border-radius:	3px;
    }
    .pagination span.current { background: #FFFFFF;}
    .pagination span.extend { background: #FFFFFF;}
    .pagination a:hover { background: #FFFFFF;}   .hover_type   { display: none; position: absolute; z-index: 10; left: 50%; top:52%; }
    .hover_type a { 
    position: absolute; 
    top: 0; 
    width: 40px; 
    height: 40px;
    background-color: #ffffff; 
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: 	all 0.5s ease;
    -o-transition: 		all 0.5s ease;
    transition: 		all 0.5s ease;
    }
    .hover_type a.hoverlink { background-image: url(//diadem.in/wp-content/themes/hostmev2/images/hoverlink.png);   }
    .hover_type a.hoverimage { background-image: url(//diadem.in/wp-content/themes/hostmev2/images/hoverimage.png); right: 5px !important; }
    .hover_type a.hovervideo  { background-position: -30px 0; right: 5px !important; }
    .hover_type a.hovercustomlink { background-position: 0 0; right: 5px !important; }
    .hover_type a.hoverlink:hover,
    .hover_type a.hoverimage:hover,
    .hover_type a.hovervideo:hover,
    .hover_type a.hovercustomlink:hover { background-color: #ff8989; }
    .port-fig { border: none; padding: 0;}
    .hoverimage { position: absolute; background:transparent url(//diadem.in/wp-content/themes/hostmev2/images/hoverimage.png) no-repeat center center; margin-top:6px;}
    .sys_mini_gallery li div a img, .sys_mini_gallery li div  a:hover img 	{ position:relative; z-index:3; }
    .imageframe  a img,  .imageframe  a:hover img 	{ position:relative; z-index:2; }   .list_jcarousel { position: relative; margin-bottom: 20px; }
    .carousel-title { margin-bottom:60px; padding-bottom:10px; font-size:28px; letter-spacing:-1px;  }
    .jcarousel-item {
    padding:0px;
    text-align:center;
    }
    .blog-carousel .jcarousel-item {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    }
    .jcarousel-container { clear:both; }
    .jcarousel-direction-rtl { direction: rtl; }
    .jcarousel-container-horizontal { padding: 0;}
    .jcarousel-clip { overflow: hidden; }
    .jcarousel-clip-horizontal {} 
    .jcarousel-item  .content{ text-align: left; }
    .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 17px;
    width: auto;
    }
    .jcarousel-item .item-title { font-size:14px; font-weight:bold; }
    .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
    }
    .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
    }
    .jcarousel-item img { 
    display:block; 
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    }
    .item-title  a { color:#444;}   .jcarousel-prev-horizontal,
    .jcarousel-next-horizontal {
    position: absolute;
    top: -60px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border:2px solid #dddddd;
    -webkit-transition: all .3s ease-out;
    -moz-transition: 	all .3s ease-out;
    transition: 		all .3s ease-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }
    .jcarousel-next-horizontal {
    left: 50%;
    margin-left:10px;
    background: transparent url(//diadem.in/wp-content/themes/hostmev2/images/next-horizontal.png) center center no-repeat;
    }
    .jcarousel-prev-horizontal {
    right: 50%;
    margin-right:10px;
    background: transparent url(//diadem.in/wp-content/themes/hostmev2/images/prev-horizontal.png) center center no-repeat;
    }
    .jcarousel-prev-horizontal:hover,
    .jcarousel-next-horizontal:hover {
    border-color:#888888;
    }   .blog-carousel-plain .blog-carousel-item-title { 
    margin:0;
    padding:5px 0; 
    font-size:14px; 
    font-weight:bold; 
    }
    .blog-carousel .blog-carousel-item-title { 
    margin:0;
    padding:15px 0; 
    font-size:14px; 
    font-weight:bold; 
    }
    .post_list{ 
    margin: 0;
    text-align: left;
    }
    .post_list .content {
    background-color: #90d0d8;
    padding: 15px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition:    all 0.5s ease 0s;
    -o-transition:      all 0.5s ease 0s;
    transition:         all 0.5s ease 0s;
    }
    .post_list:hover .content{ color: #ffffff; }
    .post_list:hover .content h5,
    .post_list:hover .content a { color: #ffffff;}
    .post_list .entry-title { margin: 0; }
    .post_list .post-info { margin: 0 0 10px 0; font-size:11px; color: #999999; }
    .post_list .postmeta span { padding: 0 10px 0 0; }
    .post_list .post-info a { color: #666;}
    .post_list .post-info a:hover { color: #000000}   .events-carousel .carousel-event-block { text-align:left; }
    .events-carousel .carousel-event-item-title{ 
    margin:0;
    padding:5px 0; 
    font-size:14px; 
    font-weight:bold;
    }
    .events-carousel .carousel-event-date {
    display:inline-block;
    margin:0 0 10px 0;
    padding:5px 10px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    color:#ffffff;
    text-align:center;
    background-color:#1abc9c;
    border-radius:4px;
    }
    .events-carousel .carousel-event-details { }
    .events-carousel .carousel-event-details p { margin-bottom:0;}
    .events-carousel .carousel-event-item-title a { }   #entry-author-info { margin:0 0 40px; overflow: hidden; }
    .author_entry  { margin: 0; }
    .author-avatar  { float: left; margin: 0 20px 0 0; }
    .author-description { overflow:hidden; }
    .author-description p { margin-bottom: 5px;}   #port-nav-below {
    margin: 0 auto; 
    margin: 0 0 10px 0; 
    overflow: hidden; 
    }
    #nav-below {
    margin: 30px 0; 
    padding: 20px 0; 
    overflow: hidden; 
    }
    #port-nav-below .nav-previous,
    #nav-below .nav-previous	{
    position: relative;
    display: inline-block;
    line-height: 1em;
    width: 50%;
    float: left;
    }
    #port-nav-below .nav-next,
    #nav-below .nav-next  {
    display: inline-block;
    position: relative;
    line-height: 1em;
    width: 50%;
    float: right;
    text-align: right;
    }
    .nav-previous span { margin-right: 10px; }
    .nav-next span     { margin-left: 10px; }
    .nav-next span,
    .nav-previous span { 
    line-height: 2em; 
    text-transform: uppercase; 
    display: block; 
    color: #aaa;
    }   #comments { margin: 0; padding: 20px 0; }
    .comments-title em { 
    display: block; 
    font: italic 12px Georgia, Times, Serif;
    }
    .comments-area ol { margin: 0 0 30px 0; padding: 0; }
    .comments-area ol li { margin: 0;  padding:0; list-style-type:none;}
    .comments-area .comment_wrap {
    position: relative;  
    margin: 0 0 30px 0;
    padding: 0 0 15px 0; 
    border-bottom: 1px solid #ddd;
    }
    .comments-area .comment-author { display:block; overflow:hidden; }
    .comments-area .comment-author .avatar { float:left; margin-right:10px; padding-right:10px; border-right:1px solid #ddd; }
    .comments-area .comment-meta { font-size: 11px; }
    .comments-area .single_comment  { clear:both; margin-top:10px; }
    .comments-area li.bypostauthor cite span {
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 11px;
    background: #666;
    color: #fff;
    -webkit-border-radius: 	3px;
    -moz-border-radius: 	3px;
    border-radius: 			3px;
    }
    .comments-area .comment-meta cite { 
    display: block; 
    font-weight: bold;
    font-style: normal;
    }
    .commentlist ul.children { 
    margin: 0; 
    padding: 0 0 0 50px;  
    }
    .commentlist .children .comment_wrap { padding-top: 0; }
    .commentlist .moderation { margin-top: 10px; color: #dd0000;   }
    .commentlist .children   { margin-bottom: 0;}
    .comment-author-admin .avatar { 
    padding-bottom: 1px; 
    border-bottom: 0  solid #222;
    }
    .comment-edit-link,
    .post-edit-link { 
    background: #1abc9c;
    padding: 3px 8px; 
    color: #fff;
    border-radius: 4px;
    }
    .post-edit-link:hover,
    .comment-edit-link:hover { color:#fff;}   #respond {
    margin: 20px 0;
    padding: 0;
    position: relative;
    width: 97%;
    }
    #respond input[type="text"],
    #respond textarea {
    position: relative;
    padding: 5px;
    text-indent: 80px;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:         inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
    }
    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url,
    #respond .comment-form-comment {
    position: relative;
    }
    #respond .comment-form-author label,
    #respond .comment-form-email label,
    #respond .comment-form-url label,
    #respond .comment-form-comment label {
    color: #555;
    display: inline-block;
    font-size: 13px;
    min-width: 60px;
    padding: 4px 10px;
    position: relative;
    top: 30px;
    z-index: 1;
    }
    #respond input[type="text"]:focus,
    #respond textarea:focus {
    text-indent: 0;
    z-index: 1;
    }
    #respond textarea {
    resize: vertical;
    width: 100%;
    }
    #respond .comment-form-author .required,
    #respond .comment-form-email .required {
    color: #bd3500;
    font-size: 22px;
    font-weight: bold;
    right: 0;
    position: absolute;
    top: 7px;
    z-index: 1;
    }
    #respond .comment-notes,
    #respond .logged-in-as {
    font-size: 13px;
    }
    #respond p {
    margin: 0;
    }
    #respond .form-submit {
    margin: 10px 0 10px;
    }
    #respond input#submit {
    background: #222;
    border: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 	0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 		0 1px 2px rgba(0,0,0,0.3);
    color: #eee;
    cursor: pointer;
    font-size: 15px;
    margin: 20px 0;
    padding: 5px 20px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    }
    #respond input#submit:active {
    background: #1982d1;
    color: #bfddf3;
    }
    #respond .logged-in-as a:hover,
    #respond #cancel-comment-reply-link:hover {
    text-decoration: underline;
    }
    .commentlist #respond {
    margin: 1.625em 0 0;
    width: auto;
    }
    #reply-title {
    color: #373737;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    }
    #respond label {
    line-height: 1.1em;
    }
    #respond input[type=text] {
    display: block;
    height: 24px;
    width: 100%;
    }
    #respond p {
    font-size: 12px;
    }
    p.comment-form-comment {
    margin: 0;
    }
    .form-allowed-tags {
    display: none;
    }   .error_404 {
    clear: both;
    padding: 80px 0;
    text-align: center;
    }
    .error_404 h2 {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 30px;
    }
    .error_404 h5 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 55px;
    }   .service-box h1,
    .service-box h2,
    .service-box h3,
    .service-box h4,
    .service-box h5,
    .service-box h6 {
    margin-bottom: 10px;
    }
    .service-box b {
    display: block;
    font-size: small;
    }
    .service-icon {
    float: none;
    }
    .service-content {
    overflow: hidden;
    text-align: left;
    }   .atp-services { margin-bottom: 25px; }
    .services-icon { 
    position: relative;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 8px;
    margin-right: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    }
    .services-content h3 { 
    font-size: 20px; 
    line-height: 28px; 
    margin-bottom: 10px;
    font-weight: 400;
    }
    .services-content { overflow: hidden; }
    .services-icon.left { float:left; margin-right: 10px; margin-left: 0; }
    .services-icon.right { float:right; margin-right: 0; margin-left: 10px; }
    .services-icon.center { float:none; margin-right: 0; margin-left: 0; margin-bottom: 10px; }
    .services-icon .fa-lg.fa-fw,
    .services-icon .fa-2x.fa-fw,
    .services-icon .fa-3x.fa-fw,
    .services-icon .fa-4x.fa-fw,
    .services-icon .fa-5x.fa-fw {
    width: 1.28571429em;
    text-align: center;
    height: 1.28571429em;
    line-height: 1.28571429em;
    } .ttip {
    display:none;
    position:absolute;
    bottom:40px;
    left:0;
    padding:6px 10px;
    font-size:11px;
    line-height:15px;
    background:#333333; 
    color:#ffffff;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    }
    .ttip::after {
    content: "";
    position: absolute;	
    top: 100%;
    left: 10px;
    border-top-color: inherit; 
    border-top: 6px solid #333333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent; 
    }
    #iframevideo {
    max-width:100%;
    }   #back-top {
    position: fixed;
    bottom: 35px;
    right: 35px;
    z-index: 10;
    }
    #back-top a {
    width: 44px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb; -webkit-transition: 0.5s;
    -moz-transition: 	0.5s;
    transition: 		0.5s;
    }
    #back-top a:hover {
    color: #000;
    }
    #back-top a:hover span {
    background-color: #e56a2c 1abc9c;
    } #back-top span {
    width: 40px;
    height: 40px;
    display: block;
    background: #333333 url(//diadem.in/wp-content/themes/hostmev2/images/top_arrow.png) no-repeat center center; -webkit-transition: 1s;
    -moz-transition: 	1s;
    transition: 		1s;
    }   .feature-box{ 
    position: relative;
    overflow:hidden;
    color: #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    .feature-box:hover{ 
    background-color: #f5f5f5;
    cursor: pointer;
    }
    .fb-area{ 
    position: relative;
    display:inline;
    display: inline-block;
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
    text-align:center;
    }
    .fb-area:last-child{ margin-right:0;}
    .fb-area h1, .fb-area h2, .fb-area h3, .fb-area h4{ 
    display: table;
    margin: 10px auto;
    font-size:14px;
    font-weight:bold;
    text-transform: uppercase;
    }
    .feature-box .mid{ 
    position: relative;
    padding: 15px 0 !important;
    z-index: 2;
    }
    .fb-icon img {
    position: relative;
    display: table;
    margin: 0 auto;
    }
    .feature-box * { margin-bottom: 0; }
    .feature-box a { 
    color: #ffffff;
    }
    .feature-box a:hover { 
    color: #ee5b3e;
    }   .events  { position: relative; margin: 0; }
    .event_meta { float: left; }
    .postdate,
    .event_meta {
    display: block;
    width: 36px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px;
    text-align: center;
    border: 1px solid #dddddd;
    -webkit-border-radius: 50px;
    -moz-border-radius:    50px;
    border-radius:         50px;
    }
    .postdate .month,
    .event_meta .month {
    display: block; 
    font-size: 10px; 
    line-height: 14px; 
    text-transform:uppercase;
    }
    .postdate .day,
    .event_meta .day { 
    display: block; 
    font-size: 19px; 
    line-height: 20px;
    }
    .event_entry ul { margin:0 }
    .event_entry ul li { list-style:none; line-height:22px;}
    .events .info {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    }
    .events .info .info_date,
    .events .info .info_time,
    .events .info .info_place {
    margin-right: 45px;
    font-weight: bold;
    }
    .event_thumb { float: left; margin: 0 30px 0px 0;}
    .event_thumb img { max-width:100%; height:auto; }
    .event-single .event_details ul li { 
    display: inline-block; 
    margin: 0 15px 10px 0;
    background: url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark10.png) 0 0 repeat;
    padding: 5px 10px;
    -webkit-border-radius: 	3px;
    -moz-border-radius:		3px;
    border-radius:			3px;
    }
    .event-single .event_thumb { float: none; margin: 0 0 30px 0;}
    .event_details { overflow:hidden; }
    .event_details .entry-title { margin-bottom:5px; }
    .event_details .event_venue span,
    .event_details .event_date span,
    .event_details .event_start span,
    .event_details .event_end span,
    .event_details .event_location span { font-weight:bold; }
    .event_details .event_date .heading { letter-spacing:2px;}
    .event_entry h4,
    .event_entry h5 { margin-bottom:10px; }
    .event-column {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    width: 50%;
    }   .wpcf7-form input, 
    .wpcf7-form textarea {
    background: none repeat scroll 0 0 #F7F7F8;
    border: 1px solid #EEEEEE;
    color: #B2B2B6;
    padding: 5px 10px;
    margin-top:5px;
    width: 500px;
    }
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"] 
    {  	max-width: 100%;
    margin: 5px 0 0 0;
    }
    .wpcf7-form textarea {
    width: 96.5%;
    max-width: 97%;
    margin: 5px 0 0 0;
    }
    .wpcf7-form select {
    width: 400px;
    max-width: 97%;
    margin: 5px 0 0 0;
    padding:8px;
    }
    .wpcf7-form .wpcf7-submit {
    background-color: #333333;
    color: #ffffff;
    padding: 10px 10px;
    margin-top: 5px;
    width: 150px;
    }
    .wpcf7-form input[type="checkbox"] {    width: auto }
    .wpcf7 form .wpcf7-form p {
    font-weight: bold;
    margin: 0 0 18px 0 !important;
    }
    .wpcf7-list-item-label 	{ font-weight: normal }
    .wpcf7-response-output 	{ display: none }
    .wpcf7-form .invalid 	{ color: #bf1515 !important }
    .wpcf7-not-valid 		{ border: 1px solid #bf1515 !important }
    .wpcf7 span.wpcf7-not-valid-tip { display: none }
    div.wpcf7-response-output {
    margin: 0px !important;
    padding: 5px 10px !important;
    }
    div.wpcf7-mail-sent-ok,
    div.wpcf7-mail-sent-ng,
    div.wpcf7-spam-blocked,
    div.wpcf7-validation-errors{
    position:relative;
    border:1px solid #ddd !important;
    display:block;
    background-color:#F7F7F7;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.03);
    box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.03);
    font-weight:bold;
    padding:10px 30px !important;
    text-align:center;
    margin-bottom:20px;
    }
    div.wpcf7-mail-sent-ok {
    background-color: #ebf2d8;
    border-color: #C1D96A !important;
    color: #81A81D;
    }
    div.wpcf7-mail-sent-ng {
    background-color: #E8FAFB;
    border-color: #C2DADE !important;
    color: #468BBF;
    }
    div.wpcf7-spam-blocked {
    background-color: #f6f3da;
    border-color: #D4CFA4 !important;
    color: #b89c00;
    }
    div.wpcf7-validation-errors {
    background-color: #FFE5E5;
    border-color: #E8A7A7 !important;
    color: #E65451;
    }
    .wpcf7-form p span{
    }   .wp-video{width: 100% !important;}
    .iva-page-section {
    position: relative;
    overflow: hidden;
    height:auto;
    }
    .iva-video-patterns, .iva-video-color-mask {
    position: absolute;
    top:0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    }
    .iva-video-color-mask {
    filter: alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
    }
    .iva-video-patterns {
    background: url(//diadem.in/wp-content/themes/hostmev2/images/video-pat.png) center center repeat scroll;
    }
    .iva-video-preload {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    }
    .iva-section-video {
    position: absolute;
    visibility: hidden;
    top:0;
    left:0;
    z-index: 1;
    width: 100%;
    height: 100%;
    }
    .iva-section-video video {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width:100%;
    position: absolute;
    top: 0;
    }
    .section_video .section_inner { padding:30px 0;} .iva_domainSearch .one_fourth,
    .iva_domainSearch .three_fourth { margin-bottom: 0 !important; }
    .web_abbr {
    display: inline-block;
    float:left;
    width: 10%;
    line-height: 32px;
    margin-right: 10px;
    font-size: 20px;
    text-align: right;
    }
    .iva_domainSearch input[type="text"] {
    display:inline-block;
    float: left;
    line-height: 30px;
    margin-bottom: 0px !important;
    margin-right: 10px;
    padding: 2px 8px;
    width: 46%;
    font-size: 18px;
    background-color: #ededed;
    border: 1px solid #dddddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in 0s;
    }
    .iva_domainSearch input:focus {
    background-color: #ffffff;
    border-color:#cccccc #eeeeee #eeeeee #cccccc;
    -webkit-box-shadow: 0 0 2px 1px #aed7e6;
    box-shadow: 0 0 2px 1px #aed7e6;
    }
    .iva_domainSearch .select_wrapper { margin-bottom: 0 !important; }
    .select_wrapper.ds100 { display:inline-block; float:left; width: 12% !important; margin-right: 10px; font-size: 14px; }
    .domainSearch_Title h3 { margin-bottom: 0; }
    .domainSearch.btn { display:inline-block; float:left; width: 20%; margin-bottom: 0;}
    .iva_domainSearch:after {
    clear: both;
    display: block;
    content: '';
    }   #bridge .breadcrumb { border:1px solid #dddddd; }
    #bridge table th  {
    background-color:#4daadd;
    padding:14px; 
    color:#fff; 
    }
    #bridge table td  {
    padding: 10px !important;
    border-bottom: 1px solid #dddddd !important;
    background-color: transparent !important;
    }
    #bridge table tbody tr:hover td	{ }
    #bridge table tfoot {
    background-color: #f0f0f0;
    }
    #bridge table {
    width:100%; 
    margin:0 auto; 
    margin-bottom:10px;
    border-collapse: collapse; 
    border-spacing: 0; 
    }
    #bridge table.data p{
    margin-bottom:0px;
    }
    #bridge body, 
    #bridge td, 
    #bridge th {
    font-size: 13px;
    }
    #bridge input[type='submit']{
    border:none;
    background-color: #16a085;
    font-size: 14px; 
    line-height: 18px; 
    padding: 0.5em 1.3em; 
    text-transform:uppercase; 
    position: relative;
    text-align:center;
    text-decoration:none;
    white-space: nowrap;
    zoom:1; overflow: visible; 
    line-height:1em;
    margin: 0 3px 8px 0;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in;
    -moz-transition:  all 300ms ease-in;
    -o-transition:  all 300ms ease-in;
    transition:   all 300ms ease-in;
    color:#ffffff;
    display: inline-block; 
    vertical-align: baseline;
    }
    #bridge input[type='submit']:hover {
    color:#ffffff; opacity: 0.8;
    }
    #bridge .contentbox table { margin: 0 auto; width: auto; }
    #bridge .contentbox table td { line-height: 30px; padding: 0; border: none; }
    #bridge .contentbox input[type="radio"],
    #bridge .contentbox input[type="checkbox"] { margin: 0 0 0 10px; vertical-align: middle; }
    #bridge input[type="text"],
    #bridge textarea {
    margin-bottom: 0px !important;
    margin-right: 10px;
    border: 1px solid #dddddd;
    border-color:#cccccc #eeeeee #eeeeee #cccccc;
    padding: 2px 8px;
    font-size: 15px;
    -webkit-border-radius: 	2px;
    -moz-border-radius: 	2px;
    border-radius: 			2px;
    transition: all 300ms ease-in 0s;
    }
    #bridge input:focus,
    #bridge textarea:focus {
    border-color: #cccccc;
    -webkit-box-shadow: 0 0 2px 1px #aed7e6;
    box-shadow: 0 0 2px 1px #aed7e6;
    }
    #order-modern #domainconfig { 
    width: 96% !important; 
    padding: 2% !important; 
    margin-bottom: 20px !important;
    }
    #order-modern #domainconfig table { padding:20px 0;}
    #order-modern table.cart th { border-radius: 0 !important; }
    #bridge input, #bridge select, #bridge textarea { padding: 10px !important; line-height: 15px; }
    #bridge select { background-color: #ffffff; border: 1px solid #CCCCCC; }
    .widget_cc_whmcs_sidebarnav_main ul li {
    border-bottom: 1px solid #dddddd;
    padding: 8px 5px;
    }
    #bridge .contentbox input {  }
    #bridge .contentbox table td { border-bottom: none !important; padding: 2px !important; }
    .widget_cc_whmcs_sidebaracsta_main select { border: 1px solid #cccccc; background-color: #FFFFFF; }
    .widget_cc_whmcs_sidebaracsta_main input[name="search"] { margin-bottom: 10px; }
    #order-modern .signuptype { padding: 10px !important; }
    #order-modern textarea { width: 90% !important; }
    #order-modern input[type='submit'] { margin-top: 10px !important; }
    @import url(//diadem.in/wp-content/themes/hostmev2-child/css/shortcodes.css);
    @import url(//diadem.in/wp-content/themes/hostmev2-child/css/fontawesome/css/font-awesome.css);
    @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
    --------------------------------------------------------------------------------------------------------------------------------
    .header { 
    position:relative; 
    min-height: 70px;
    z-index: 20; 
    background-color: #fff;
    box-shadow:0 5px 0 rgba(0,0,0,0.2);
    }
    #back-top a:hover span {
    background-color: #e56a2c 1abc9c;
    }
    a {
    text-decoration: none;
    color: #222222;
    -webkit-transition: all .3s ease-out;
    -moz-transition: 	all .3s ease-out;
    transition: 		all .3s ease-out;
    }
    button,
    .contributor-posts-link,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
    background-color: #333333;
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px 5px;
    vertical-align: bottom;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    cursor: pointer;
    }
    button:hover,
    button:focus,
    .contributor-posts-link:hover,
    input[type="button"]:hover,
    input[type="button"]:focus,
    input[type="reset"]:hover,
    input[type="reset"]:focus,
    input[type="submit"]:hover,
    input[type="submit"]:focus {
    background-color: #e56a2c;
    color: #fff;
    }
    .sf-menu a {
    border-left: 0px solid #fff;
    border-top: 0px solid #dFeEFF; border-top: 0px solid rgba(255,255,255,.5);
    padding: .7em .7em;
    text-decoration: none;
    zoom: 1; }   .for-movie {
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 100%;
    }
    .datacentre-network-top {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    color: #29336E;
    font-weight: lighter;
    }
    .all-images {
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: auto;
    }
    .all-image2 {
    float: left;
    height: auto;
    width: auto;
    padding-top: 20px;
    }
    .usp {
    padding: 0px;
    float: left;
    height: auto;
    width: 800px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    }
    .datacentre-network-top {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    clear: both;
    }
    .text-area {
    padding: 0px;
    height: auto;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    }
    .all-image2 {
    float: left;
    height: auto;
    width: auto;
    padding-right: 20px;
    }
    .text-area-a {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 600px;
    font-size: 26px;
    color: #E56A2C;
    }
    .text-area-b {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 600px;
    font-size: 21px;
    font-weight: bold;
    color: #29336E;
    }
    .text-area-c {
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 600px;
    }
    .text-area-d {
    font-family: 'Open Sans Condensed', sans-serif;
    float: left;
    height: auto;
    width: 600px;
    font-size: 30px;
    color: #E56A2C;
    padding-top: 60px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    }
    .text-area-ad {
    font-family: 'Open Sans Condensed', sans-serif;
    float: left;
    height: auto;
    width: 600px;
    font-size: 30px;
    color: #E56A2C;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    }
    .text-area-hosting {
    padding: 0px;
    height: auto;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    }
    .text-area-hosting-a {
    font-family: 'Open Sans Condensed', sans-serif;
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
    height: auto;
    font-size: 26px;
    font-weight: bold;
    color: #6d71b6;
    }
    .point {
    font-family: "Open Sans";
    float: left;
    display: block;
    padding-top: 20px;
    }
    .point ul {
    margin: 0px;
    padding: 0px;
    }
    .point li {
    font-family: "Open Sans";
    list-style-type: none;
    background-image: url(http://diadem.in/wp-content/uploads/2014/09/bullet3.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: left 7px;
    }
    .text-area-hosting-new {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 100%;
    font-size: 2.500em;
    font-weight: bold;
    color: #6d71b6;
    }
    .text-area-a-new {
    margin: 0px;
    padding: 0px;
    float: right;
    height: auto;
    width: 45%;
    }
    .text-area-hosting-b {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 600px;
    font-size: 21px;
    font-weight: bold;
    color: #E56A2C;
    }
    .linux-hosting-b {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 600px;
    font-size: 18px;
    font-weight: bold;
    color: #29336E;
    }
    .addon {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 600px;
    font-size: 24px;
    color: #E56A2C;
    text-transform: uppercase;
    font-weight: bold;
    }
    .power-panel-demo {
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    float: left;
    height: auto;
    width: 100%;
    font-size: 1.313em;
    font-weight: bold;
    color: #29336E;
    }
    table {
    border-collapse: collapse;
    margin: 15px;
    padding: 0px;
    }
    table, th, td {
    border: 1px solid #EEEEEE;
    padding: 5px;
    margin: 0px;
    }
    .price-head-new {
    padding: 15px;
    background-color: #424242;
    text-align: center;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 1.5em;
    text-transform: uppercase;
    margin: 0px;
    }
    .new-price span {
    font-family: "Open Sans";
    font-size: 2.5em;
    }
    .point-image {
    margin: 0px;
    height: 105px;
    width: 100%;
    text-align: center;
    padding: 10px;
    display: block;
    }
    .point-image2 {
    margin: 0px;
    height: 54px;
    width: 100%;
    text-align: center;
    padding: 10px;
    display: block;
    }
    .point-title {
    font-family: 'Open Sans Condensed', sans-serif;
    display: block;
    margin: 0px;
    padding: 0px;
    height: auto;
    font-size: 26px;
    font-weight: bold;
    color: #6d71b6;
    width: 100%;
    text-align: center;
    }
    .point-page-title {
    font-family: 'Open Sans Condensed', sans-serif;
    display: block;
    margin: 0px;
    padding: 0px;
    height: auto;
    font-size: 30px;
    color: #E77B44;
    width: 100%;
    text-align: left;
    }
    .point-text-area {
    margin: 0px;
    height: 160px;
    width: 100%;
    text-align: justify;
    padding: 20px;
    display: block;
    }
    .point-text-area2 {
    margin: 0px;
    height: 150px;
    width: 100%;
    text-align: justify;
    padding: 20px;
    display: block;
    }
    .widget-title h3  { margin: 0; padding: 0; font-size: 20px; font-weight: bold;}
    .button {
    background: #797878;
    background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878));
    background: -webkit-linear-gradient(top, #797878, #797878);
    background: -moz-linear-gradient(top, #797878, #797878);
    background: -ms-linear-gradient(top, #797878, #797878);
    background: -o-linear-gradient(top, #797878, #797878);
    background-image: -ms-linear-gradient(top, #797878 0%, #797878 100%);
    padding: 8px 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    text-shadow: #797878 0 1px 0;
    color: #ffffff;
    font-size: 14px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    }
    .button:hover {
    text-shadow: #797878 0 1px 0;
    background: #797878;
    background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878));
    background: -webkit-linear-gradient(top, #797878, #797878);
    background: -moz-linear-gradient(top, #797878, #797878);
    background: -ms-linear-gradient(top, #797878, #797878);
    background: -o-linear-gradient(top, #797878, #797878);
    background-image: -ms-linear-gradient(top, #797878 0%, #797878 100%);
    color: #fff;
    }
    .button:active {
    text-shadow: #797878 0 1px 0;
    background: #797878;
    background: -webkit-gradient(linear, left top, left bottom, from(#797878), to(#797878));
    background: -webkit-linear-gradient(top, #797878, #797878);
    background: -moz-linear-gradient(top, #797878, #797878);
    background: -ms-linear-gradient(top, #797878, #797878);
    background: -o-linear-gradient(top, #797878, #797878);
    background-image: -ms-linear-gradient(top, #797878 0%, #797878 100%);
    color: #fff;
    } .form-field {
    width:56%;
    height:42px;
    background:#FFF;
    font-size:1em;
    color:#2DA4FC;
    padding-left:10px;
    margin-left:5px;
    padding-right:9px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border:0px;
    }
    .form-field:focus {
    background: #fff;
    color: #028bca;
    }
    .form-container h2 {
    text-shadow: #000000 0 1px 0;
    font-size:18px;
    margin: 0 0 10px 0;
    font-weight:bold;
    text-align:center;
    }
    .form-title {
    margin-bottom:10px;
    color: #000000;
    text-shadow: #000000 0 1px 0;
    }
    .submit-container {
    margin:8px 0;
    text-align:right;
    }
    .drop-fild {
    border: 1px solid #0193d7;
    background: #c8eeff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius:5px 5px 5px 5px ;
    color: #028bca;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
    box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
    padding:8px;
    margin-bottom:20px;
    margin-left:3px;
    font-size: 25px;
    }
    .domain-search-box-new {
    height:auto;
    width:70%;
    background: #8FCBFF; padding:1% 0.6%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
    #domain-submit-new { 
    height:44px; 
    background:#2DA4FC;
    color:#fff;
    font-size:1.2em; 
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px; 
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border:0px;}
    .domains-input-new {
    height:44px;
    background:#FFF;
    font-size:1em;
    color:#2DA4FC;
    padding-left:10px;
    padding-right:9px;
    border:0px;
    margin-left:3px;
    margin-right:3px;
    } .domain-heading {
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: bold;
    color: #00aeff;
    }
    #ribbon {
    background-image: url(http://diadem.in/wp-content/uploads/2015/01/ribbon.png);
    background-repeat: no-repeat;
    background-position: right top;
    }
    #ribbon2 {
    background-image: url(http://diadem.in/wp-content/uploads/2015/01/bestbuy.png);
    background-repeat: no-repeat;
    background-position: right top;
    }
    #ribbon3 {
    background-image: url(http://diadem.in/wp-content/uploads/2015/01/new.png);
    background-repeat: no-repeat;
    background-position: right top;
    } a.tooltip {
    outline:none;
    margin: 0px;
    padding: 0px;
    }
    a.tooltip strong {line-height:30px;}
    a.tooltip:hover {text-decoration:none;} 
    a.tooltip span {
    z-index:10;
    display:none;
    margin-left:18px;
    width:auto;
    line-height:16px;
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 20px;
    margin-top: -3px;
    }
    a.tooltip:hover span{
    display:inline;
    position:absolute;
    color:#111;
    border:1px solid #fde3cc;
    background-color: #fde3cc;
    background-image: url(//diadem.in/wp-content/themes/hostmev2-child/img/arrow.png);
    }
    .callout {
    z-index:20;
    position:absolute;
    top:15px;
    border:0;
    left:-10px;
    } a.tooltip span
    {
    border-radius:4px; }
    .btn-new a {
    color: #FFFFFF;
    padding: 5px;
    background-color: #d54903;
    border: 1px solid #d54903;
    -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
    font-size: 11px;
    text-transform: uppercase;
    cursor:pointer;
    }
    .btn-new a:hover {
    color: #FFFFFF;
    padding: 5px;
    background-color: #d54903;
    border: 1px solid #d54903;
    -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
    font-size: 11px;
    text-transform: uppercase;
    cursor:pointer;
    }
    .strong-light {color: #666666;}  @media 
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  { * { 
    margin: 0; 
    padding: 0; 
    }
    .price-table {
    width: 100%;
    font-size: .7em;
    }
    .price-table #form1 #select {
    height: auto;
    width: 40px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: .7em;
    color: #000000;
    border: 1px solid #e6e6e6;
    }
    .price-head-new {
    padding: 5px;
    background-color: #424242;
    text-align: center;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 1em;
    text-transform: uppercase;
    margin: 0px;
    }
    .new-price span {
    font-family: "Open Sans";
    font-size: 1em;
    }
    .price-table #form1 #button {
    height: auto;
    width: auto;
    font-size: .7em;
    }
    }
    @charset "UTF-8"; body { -webkit-backface-visibility: hidden;
    }
    .iva_anim{
    opacity:0;
    }
    .animate {
    opacity:1;
    }
    .animated {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    }
    .animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    }
    @-webkit-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
    }
    @-moz-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
    }
    @-o-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
    }
    @keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
    }
    .animated.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
    }
    @-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
    }
    @-moz-keyframes shake {
    0%, 100% {-moz-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
    }
    @-o-keyframes shake {
    0%, 100% {-o-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
    }
    @keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
    }
    .animated.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    }
    @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
    }
    @-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
    }
    @-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
    }
    @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
    }
    .animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    }
    @-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
    }
    @-moz-keyframes tada {
    0% {-moz-transform: scale(1);}
    10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
    100% {-moz-transform: scale(1) rotate(0);}
    }
    @-o-keyframes tada {
    0% {-o-transform: scale(1);}
    10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
    100% {-o-transform: scale(1) rotate(0);}
    }
    @keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
    100% {transform: scale(1) rotate(0);}
    }
    .animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
    }
    @-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
    20% { -webkit-transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
    }
    @-moz-keyframes swing {
    20% { -moz-transform: rotate(15deg); }
    40% { -moz-transform: rotate(-10deg); }
    60% { -moz-transform: rotate(5deg); }
    80% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
    }
    @-o-keyframes swing {
    20% { -o-transform: rotate(15deg); }
    40% { -o-transform: rotate(-10deg); }
    60% { -o-transform: rotate(5deg); }
    80% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
    }
    @keyframes swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
    }
    .animated.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
    } @-webkit-keyframes wobble {
    0% { -webkit-transform: translateX(0%); }
    15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
    30% { -webkit-transform: translateX(20%) rotate(3deg); }
    45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
    60% { -webkit-transform: translateX(10%) rotate(2deg); }
    75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
    100% { -webkit-transform: translateX(0%); }
    }
    @-moz-keyframes wobble {
    0% { -moz-transform: translateX(0%); }
    15% { -moz-transform: translateX(-25%) rotate(-5deg); }
    30% { -moz-transform: translateX(20%) rotate(3deg); }
    45% { -moz-transform: translateX(-15%) rotate(-3deg); }
    60% { -moz-transform: translateX(10%) rotate(2deg); }
    75% { -moz-transform: translateX(-5%) rotate(-1deg); }
    100% { -moz-transform: translateX(0%); }
    }
    @-o-keyframes wobble {
    0% { -o-transform: translateX(0%); }
    15% { -o-transform: translateX(-25%) rotate(-5deg); }
    30% { -o-transform: translateX(20%) rotate(3deg); }
    45% { -o-transform: translateX(-15%) rotate(-3deg); }
    60% { -o-transform: translateX(10%) rotate(2deg); }
    75% { -o-transform: translateX(-5%) rotate(-1deg); }
    100% { -o-transform: translateX(0%); }
    }
    @keyframes wobble {
    0% { transform: translateX(0%); }
    15% { transform: translateX(-25%) rotate(-5deg); }
    30% { transform: translateX(20%) rotate(3deg); }
    45% { transform: translateX(-15%) rotate(-3deg); }
    60% { transform: translateX(10%) rotate(2deg); }
    75% { transform: translateX(-5%) rotate(-1deg); }
    100% { transform: translateX(0%); }
    }
    .animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
    } @-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
    }
    @-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }
    50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
    }
    @-o-keyframes pulse {
    0% { -o-transform: scale(1); }
    50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
    }
    @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
    }
    .animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    }
    @-webkit-keyframes flip {
    0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    }
    40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    }
    50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    }
    80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    }
    100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    }
    }
    @-moz-keyframes flip {
    0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out;
    }
    40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out;
    }
    50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
    }
    80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -moz-animation-timing-function: ease-in;
    }
    100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
    }
    }
    @-o-keyframes flip {
    0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
    }
    40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
    }
    50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
    }
    80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -o-animation-timing-function: ease-in;
    }
    100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
    }
    }
    @keyframes flip {
    0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
    }
    40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
    }
    50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
    }
    80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    animation-timing-function: ease-in;
    }
    100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
    }
    }
    .animated.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
    }
    @-webkit-keyframes flipInX {
    0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    }
    @-moz-keyframes flipInX {
    0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
    -moz-transform: perspective(400px) rotateX(10deg);
    }
    100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    }
    @-o-keyframes flipInX {
    0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    40% {
    -o-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
    -o-transform: perspective(400px) rotateX(10deg);
    }
    100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    }
    @keyframes flipInX {
    0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    40% {
    transform: perspective(400px) rotateX(-10deg);
    }
    70% {
    transform: perspective(400px) rotateX(10deg);
    }
    100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    }
    .animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
    }
    @-webkit-keyframes flipOutX {
    0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    }
    @-moz-keyframes flipOutX {
    0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    }
    @-o-keyframes flipOutX {
    0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    }
    @keyframes flipOutX {
    0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    }
    100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    }
    }
    .animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
    }
    @-webkit-keyframes flipInY {
    0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    }
    @-moz-keyframes flipInY {
    0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
    -moz-transform: perspective(400px) rotateY(10deg);
    }
    100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    }
    @-o-keyframes flipInY {
    0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    40% {
    -o-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
    -o-transform: perspective(400px) rotateY(10deg);
    }
    100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    }
    @keyframes flipInY {
    0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    40% {
    transform: perspective(400px) rotateY(-10deg);
    }
    70% {
    transform: perspective(400px) rotateY(10deg);
    }
    100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    }
    .animated.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
    }
    @-webkit-keyframes flipOutY {
    0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    }
    @-moz-keyframes flipOutY {
    0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    }
    @-o-keyframes flipOutY {
    0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    }
    @keyframes flipOutY {
    0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
    }
    100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
    }
    }
    .animated.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
    }
    @-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
    }
    @-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
    }
    @-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
    }
    @keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
    }
    .animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    }
    @-webkit-keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes fadeInUp {
    0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes fadeInUp {
    0% {
    opacity: 0;
    -o-transform: translateY(20px);
    }
    100% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    }
    @keyframes fadeInUp {
    0% {
    opacity: 0;
    transform: translateY(20px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
    }
    .animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    }
    @-webkit-keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes fadeInDown {
    0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes fadeInDown {
    0% {
    opacity: 0;
    -o-transform: translateY(-20px);
    }
    100% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    }
    @keyframes fadeInDown {
    0% {
    opacity: 0;
    transform: translateY(-20px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
    }
    .animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    }
    @-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -o-transform: translateX(-20px);
    }
    100% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    }
    @keyframes fadeInLeft {
    0% {
    opacity: 0;
    transform: translateX(-20px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
    }
    .animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    }
    @-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes fadeInRight {
    0% {
    opacity: 0;
    -moz-transform: translateX(20px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes fadeInRight {
    0% {
    opacity: 0;
    -o-transform: translateX(20px);
    }
    100% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    }
    @keyframes fadeInRight {
    0% {
    opacity: 0;
    transform: translateX(20px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
    }
    .animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    }
    @-webkit-keyframes fadeInUpBig {
    0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes fadeInUpBig {
    0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes fadeInUpBig {
    0% {
    opacity: 0;
    -o-transform: translateY(2000px);
    }
    100% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    }
    @keyframes fadeInUpBig {
    0% {
    opacity: 0;
    transform: translateY(2000px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
    }
    .animated.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
    }
    @-webkit-keyframes fadeInDownBig {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes fadeInDownBig {
    0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes fadeInDownBig {
    0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
    }
    100% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    }
    @keyframes fadeInDownBig {
    0% {
    opacity: 0;
    transform: translateY(-2000px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
    }
    .animated.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
    }
    @-webkit-keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
    }
    100% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    }
    @keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    transform: translateX(-2000px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
    }
    .animated.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    }
    @-webkit-keyframes fadeInRightBig {
    0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes fadeInRightBig {
    0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes fadeInRightBig {
    0% {
    opacity: 0;
    -o-transform: translateX(2000px);
    }
    100% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    }
    @keyframes fadeInRightBig {
    0% {
    opacity: 0;
    transform: translateX(2000px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
    }
    .animated.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    }
    @-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
    }
    @-moz-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
    }
    @-o-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
    }
    @keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
    }
    .animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    }
    @-webkit-keyframes fadeOutUp {
    0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    }
    }
    @-moz-keyframes fadeOutUp {
    0% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
    }
    }
    @-o-keyframes fadeOutUp {
    0% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(-20px);
    }
    }
    @keyframes fadeOutUp {
    0% {
    opacity: 1;
    transform: translateY(0);
    }
    100% {
    opacity: 0;
    transform: translateY(-20px);
    }
    }
    .animated.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    }
    @-webkit-keyframes fadeOutDown {
    0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    }
    }
    @-moz-keyframes fadeOutDown {
    0% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(20px);
    }
    }
    @-o-keyframes fadeOutDown {
    0% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(20px);
    }
    }
    @keyframes fadeOutDown {
    0% {
    opacity: 1;
    transform: translateY(0);
    }
    100% {
    opacity: 0;
    transform: translateY(20px);
    }
    }
    .animated.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    }
    @-webkit-keyframes fadeOutLeft {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    }
    }
    @-moz-keyframes fadeOutLeft {
    0% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
    }
    }
    @-o-keyframes fadeOutLeft {
    0% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(-20px);
    }
    }
    @keyframes fadeOutLeft {
    0% {
    opacity: 1;
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(-20px);
    }
    }
    .animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    }
    @-webkit-keyframes fadeOutRight {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    }
    }
    @-moz-keyframes fadeOutRight {
    0% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(20px);
    }
    }
    @-o-keyframes fadeOutRight {
    0% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(20px);
    }
    }
    @keyframes fadeOutRight {
    0% {
    opacity: 1;
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(20px);
    }
    }
    .animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    }
    @-webkit-keyframes fadeOutUpBig {
    0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }
    }
    @-moz-keyframes fadeOutUpBig {
    0% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
    }
    }
    @-o-keyframes fadeOutUpBig {
    0% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
    }
    }
    @keyframes fadeOutUpBig {
    0% {
    opacity: 1;
    transform: translateY(0);
    }
    100% {
    opacity: 0;
    transform: translateY(-2000px);
    }
    }
    .animated.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
    }
    @-webkit-keyframes fadeOutDownBig {
    0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    }
    }
    @-moz-keyframes fadeOutDownBig {
    0% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
    }
    }
    @-o-keyframes fadeOutDownBig {
    0% {
    opacity: 1;
    -o-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(2000px);
    }
    }
    @keyframes fadeOutDownBig {
    0% {
    opacity: 1;
    transform: translateY(0);
    }
    100% {
    opacity: 0;
    transform: translateY(2000px);
    }
    }
    .animated.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
    }
    @-webkit-keyframes fadeOutLeftBig {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    }
    }
    @-moz-keyframes fadeOutLeftBig {
    0% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
    }
    }
    @-o-keyframes fadeOutLeftBig {
    0% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
    }
    }
    @keyframes fadeOutLeftBig {
    0% {
    opacity: 1;
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(-2000px);
    }
    }
    .animated.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
    }
    @-webkit-keyframes fadeOutRightBig {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    }
    }
    @-moz-keyframes fadeOutRightBig {
    0% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
    }
    }
    @-o-keyframes fadeOutRightBig {
    0% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(2000px);
    }
    }
    @keyframes fadeOutRightBig {
    0% {
    opacity: 1;
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(2000px);
    }
    }
    .animated.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
    }
    @-webkit-keyframes bounceIn {
    0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    }
    50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    }
    70% {
    -webkit-transform: scale(.9);
    }
    100% {
    -webkit-transform: scale(1);
    }
    }
    @-moz-keyframes bounceIn {
    0% {
    opacity: 0;
    -moz-transform: scale(.3);
    }
    50% {
    opacity: 1;
    -moz-transform: scale(1.05);
    }
    70% {
    -moz-transform: scale(.9);
    }
    100% {
    -moz-transform: scale(1);
    }
    }
    @-o-keyframes bounceIn {
    0% {
    opacity: 0;
    -o-transform: scale(.3);
    }
    50% {
    opacity: 1;
    -o-transform: scale(1.05);
    }
    70% {
    -o-transform: scale(.9);
    }
    100% {
    -o-transform: scale(1);
    }
    }
    @keyframes bounceIn {
    0% {
    opacity: 0;
    transform: scale(.3);
    }
    50% {
    opacity: 1;
    transform: scale(1.05);
    }
    70% {
    transform: scale(.9);
    }
    100% {
    transform: scale(1);
    }
    }
    @-webkit-keyframes slideInDown {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }
    100% {
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes slideInDown {
    0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
    }
    100% {
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes slideInDown {
    0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
    }
    100% {
    -o-transform: translateY(0);
    }
    }
    @keyframes slideInDown {
    0% {
    opacity: 0;
    transform: translateY(-2000px);
    }
    100% {
    transform: translateY(0);
    }
    }
    .slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
    }
    @-webkit-keyframes slideInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    }
    100% {
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes slideInLeft {
    0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
    }
    100% {
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes slideInLeft {
    0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
    }
    100% {
    -o-transform: translateX(0);
    }
    }
    @keyframes slideInLeft {
    0% {
    opacity: 0;
    transform: translateX(-2000px);
    }
    100% {
    transform: translateX(0);
    }
    }
    .slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
    }
    @-webkit-keyframes slideInRight {
    0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    }
    100% {
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes slideInRight {
    0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
    }
    100% {
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes slideInRight {
    0% {
    opacity: 0;
    -o-transform: translateX(2000px);
    }
    100% {
    -o-transform: translateX(0);
    }
    }
    @keyframes slideInRight {
    0% {
    opacity: 0;
    transform: translateX(2000px);
    }
    100% {
    transform: translateX(0);
    }
    }
    .slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
    }
    @-webkit-keyframes slideOutLeft {
    0% {
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    }
    }
    @-moz-keyframes slideOutLeft {
    0% {
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
    }
    }
    @-o-keyframes slideOutLeft {
    0% {
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
    }
    }
    @keyframes slideOutLeft {
    0% {
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(-2000px);
    }
    }
    .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
    }
    @-webkit-keyframes slideOutRight {
    0% {
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    }
    }
    @-moz-keyframes slideOutRight {
    0% {
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
    }
    }
    @-o-keyframes slideOutRight {
    0% {
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(2000px);
    }
    }
    @keyframes slideOutRight {
    0% {
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(2000px);
    }
    }
    .slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
    }
    @-webkit-keyframes slideOutUp {
    0% {
    -webkit-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }
    }
    @-moz-keyframes slideOutUp {
    0% {
    -moz-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
    }
    }
    @-o-keyframes slideOutUp {
    0% {
    -o-transform: translateY(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
    }
    }
    @keyframes slideOutUp {
    0% {
    transform: translateY(0);
    }
    100% {
    opacity: 0;
    transform: translateY(-2000px);
    }
    }
    .slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
    }
    .animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    }
    @-webkit-keyframes bounceInUp {
    0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    }
    60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    }
    80% {
    -webkit-transform: translateY(10px);
    }
    100% {
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes bounceInUp {
    0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
    }
    60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
    }
    80% {
    -moz-transform: translateY(10px);
    }
    100% {
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes bounceInUp {
    0% {
    opacity: 0;
    -o-transform: translateY(2000px);
    }
    60% {
    opacity: 1;
    -o-transform: translateY(-30px);
    }
    80% {
    -o-transform: translateY(10px);
    }
    100% {
    -o-transform: translateY(0);
    }
    }
    @keyframes bounceInUp {
    0% {
    opacity: 0;
    transform: translateY(2000px);
    }
    60% {
    opacity: 1;
    transform: translateY(-30px);
    }
    80% {
    transform: translateY(10px);
    }
    100% {
    transform: translateY(0);
    }
    }
    .animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
    }
    @-webkit-keyframes bounceInDown {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }
    60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    }
    80% {
    -webkit-transform: translateY(-10px);
    }
    100% {
    -webkit-transform: translateY(0);
    }
    }
    @-moz-keyframes bounceInDown {
    0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
    }
    60% {
    opacity: 1;
    -moz-transform: translateY(30px);
    }
    80% {
    -moz-transform: translateY(-10px);
    }
    100% {
    -moz-transform: translateY(0);
    }
    }
    @-o-keyframes bounceInDown {
    0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
    }
    60% {
    opacity: 1;
    -o-transform: translateY(30px);
    }
    80% {
    -o-transform: translateY(-10px);
    }
    100% {
    -o-transform: translateY(0);
    }
    }
    @keyframes bounceInDown {
    0% {
    opacity: 0;
    transform: translateY(-2000px);
    }
    60% {
    opacity: 1;
    transform: translateY(30px);
    }
    80% {
    transform: translateY(-10px);
    }
    100% {
    transform: translateY(0);
    }
    }
    .animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
    }
    @-webkit-keyframes bounceInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    }
    60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    }
    80% {
    -webkit-transform: translateX(-10px);
    }
    100% {
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes bounceInLeft {
    0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
    }
    60% {
    opacity: 1;
    -moz-transform: translateX(30px);
    }
    80% {
    -moz-transform: translateX(-10px);
    }
    100% {
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes bounceInLeft {
    0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
    }
    60% {
    opacity: 1;
    -o-transform: translateX(30px);
    }
    80% {
    -o-transform: translateX(-10px);
    }
    100% {
    -o-transform: translateX(0);
    }
    }
    @keyframes bounceInLeft {
    0% {
    opacity: 0;
    transform: translateX(-2000px);
    }
    60% {
    opacity: 1;
    transform: translateX(30px);
    }
    80% {
    transform: translateX(-10px);
    }
    100% {
    transform: translateX(0);
    }
    }
    .animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    }
    @-webkit-keyframes bounceInRight {
    0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    }
    60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    }
    80% {
    -webkit-transform: translateX(10px);
    }
    100% {
    -webkit-transform: translateX(0);
    }
    }
    @-moz-keyframes bounceInRight {
    0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
    }
    60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
    }
    80% {
    -moz-transform: translateX(10px);
    }
    100% {
    -moz-transform: translateX(0);
    }
    }
    @-o-keyframes bounceInRight {
    0% {
    opacity: 0;
    -o-transform: translateX(2000px);
    }
    60% {
    opacity: 1;
    -o-transform: translateX(-30px);
    }
    80% {
    -o-transform: translateX(10px);
    }
    100% {
    -o-transform: translateX(0);
    }
    }
    @keyframes bounceInRight {
    0% {
    opacity: 0;
    transform: translateX(2000px);
    }
    60% {
    opacity: 1;
    transform: translateX(-30px);
    }
    80% {
    transform: translateX(10px);
    }
    100% {
    transform: translateX(0);
    }
    }
    .animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
    }
    @-webkit-keyframes bounceOut {
    0% {
    -webkit-transform: scale(1);
    }
    25% {
    -webkit-transform: scale(.95);
    }
    50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    }
    100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    }
    }
    @-moz-keyframes bounceOut {
    0% {
    -moz-transform: scale(1);
    }
    25% {
    -moz-transform: scale(.95);
    }
    50% {
    opacity: 1;
    -moz-transform: scale(1.1);
    }
    100% {
    opacity: 0;
    -moz-transform: scale(.3);
    }
    }
    @-o-keyframes bounceOut {
    0% {
    -o-transform: scale(1);
    }
    25% {
    -o-transform: scale(.95);
    }
    50% {
    opacity: 1;
    -o-transform: scale(1.1);
    }
    100% {
    opacity: 0;
    -o-transform: scale(.3);
    }
    }
    @keyframes bounceOut {
    0% {
    transform: scale(1);
    }
    25% {
    transform: scale(.95);
    }
    50% {
    opacity: 1;
    transform: scale(1.1);
    }
    100% {
    opacity: 0;
    transform: scale(.3);
    }
    }
    .animated.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
    }
    @-webkit-keyframes bounceOutUp {
    0% {
    -webkit-transform: translateY(0);
    }
    20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }
    }
    @-moz-keyframes bounceOutUp {
    0% {
    -moz-transform: translateY(0);
    }
    20% {
    opacity: 1;
    -moz-transform: translateY(20px);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
    }
    }
    @-o-keyframes bounceOutUp {
    0% {
    -o-transform: translateY(0);
    }
    20% {
    opacity: 1;
    -o-transform: translateY(20px);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
    }
    }
    @keyframes bounceOutUp {
    0% {
    transform: translateY(0);
    }
    20% {
    opacity: 1;
    transform: translateY(20px);
    }
    100% {
    opacity: 0;
    transform: translateY(-2000px);
    }
    }
    .animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
    }
    @-webkit-keyframes bounceOutDown {
    0% {
    -webkit-transform: translateY(0);
    }
    20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    }
    }
    @-moz-keyframes bounceOutDown {
    0% {
    -moz-transform: translateY(0);
    }
    20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
    }
    100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
    }
    }
    @-o-keyframes bounceOutDown {
    0% {
    -o-transform: translateY(0);
    }
    20% {
    opacity: 1;
    -o-transform: translateY(-20px);
    }
    100% {
    opacity: 0;
    -o-transform: translateY(2000px);
    }
    }
    @keyframes bounceOutDown {
    0% {
    transform: translateY(0);
    }
    20% {
    opacity: 1;
    transform: translateY(-20px);
    }
    100% {
    opacity: 0;
    transform: translateY(2000px);
    }
    }
    .animated.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
    }
    @-webkit-keyframes bounceOutLeft {
    0% {
    -webkit-transform: translateX(0);
    }
    20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    }
    }
    @-moz-keyframes bounceOutLeft {
    0% {
    -moz-transform: translateX(0);
    }
    20% {
    opacity: 1;
    -moz-transform: translateX(20px);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
    }
    }
    @-o-keyframes bounceOutLeft {
    0% {
    -o-transform: translateX(0);
    }
    20% {
    opacity: 1;
    -o-transform: translateX(20px);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
    }
    }
    @keyframes bounceOutLeft {
    0% {
    transform: translateX(0);
    }
    20% {
    opacity: 1;
    transform: translateX(20px);
    }
    100% {
    opacity: 0;
    transform: translateX(-2000px);
    }
    }
    .animated.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
    }
    @-webkit-keyframes bounceOutRight {
    0% {
    -webkit-transform: translateX(0);
    }
    20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    }
    }
    @-moz-keyframes bounceOutRight {
    0% {
    -moz-transform: translateX(0);
    }
    20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
    }
    }
    @-o-keyframes bounceOutRight {
    0% {
    -o-transform: translateX(0);
    }
    20% {
    opacity: 1;
    -o-transform: translateX(-20px);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(2000px);
    }
    }
    @keyframes bounceOutRight {
    0% {
    transform: translateX(0);
    }
    20% {
    opacity: 1;
    transform: translateX(-20px);
    }
    100% {
    opacity: 0;
    transform: translateX(2000px);
    }
    }
    .animated.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
    }
    @-webkit-keyframes rotateIn {
    0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
    }
    100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    }
    @-moz-keyframes rotateIn {
    0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
    }
    100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    }
    @-o-keyframes rotateIn {
    0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
    }
    100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
    }
    }
    @keyframes rotateIn {
    0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
    }
    100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
    }
    }
    .animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
    }
    @-webkit-keyframes rotateInUpLeft {
    0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    }
    @-moz-keyframes rotateInUpLeft {
    0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    }
    @-o-keyframes rotateInUpLeft {
    0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    }
    @keyframes rotateInUpLeft {
    0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
    }
    }
    .animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    }
    @-webkit-keyframes rotateInDownLeft {
    0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    }
    @-moz-keyframes rotateInDownLeft {
    0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    }
    @-o-keyframes rotateInDownLeft {
    0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    }
    @keyframes rotateInDownLeft {
    0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
    }
    }
    .animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    }
    @-webkit-keyframes rotateInUpRight {
    0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    }
    @-moz-keyframes rotateInUpRight {
    0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    }
    @-o-keyframes rotateInUpRight {
    0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    }
    @keyframes rotateInUpRight {
    0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
    }
    100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
    }
    }
    .animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    }
    @-webkit-keyframes rotateInDownRight {
    0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    }
    @-moz-keyframes rotateInDownRight {
    0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    }
    @-o-keyframes rotateInDownRight {
    0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    }
    @keyframes rotateInDownRight {
    0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
    }
    100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
    }
    }
    .animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    }
    @-webkit-keyframes rotateOut {
    0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
    }
    }
    @-moz-keyframes rotateOut {
    0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
    }
    }
    @-o-keyframes rotateOut {
    0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
    }
    }
    @keyframes rotateOut {
    0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
    }
    100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
    }
    }
    .animated.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
    }
    @-webkit-keyframes rotateOutUpLeft {
    0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
    }
    }
    @-moz-keyframes rotateOutUpLeft {
    0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
    }
    }
    @-o-keyframes rotateOutUpLeft {
    0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
    }
    }
    @keyframes rotateOutUpLeft {
    0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
    }
    100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
    }
    }
    .animated.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    }
    @-webkit-keyframes rotateOutDownLeft {
    0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
    }
    }
    @-moz-keyframes rotateOutDownLeft {
    0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
    }
    }
    @-o-keyframes rotateOutDownLeft {
    0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
    }
    }
    @keyframes rotateOutDownLeft {
    0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
    }
    100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
    }
    }
    .animated.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    }
    @-webkit-keyframes rotateOutUpRight {
    0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
    }
    }
    @-moz-keyframes rotateOutUpRight {
    0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
    }
    }
    @-o-keyframes rotateOutUpRight {
    0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
    }
    }
    @keyframes rotateOutUpRight {
    0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
    }
    100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
    }
    }
    .animated.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    }
    @-webkit-keyframes rotateOutDownRight {
    0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
    }
    }
    @-moz-keyframes rotateOutDownRight {
    0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
    }
    }
    @-o-keyframes rotateOutDownRight {
    0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
    }
    100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
    }
    }
    @keyframes rotateOutDownRight {
    0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
    }
    100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
    }
    }
    .animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    }
    @-webkit-keyframes hinge {
    0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
    20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
    40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
    80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
    100% { -webkit-transform: translateY(700px); opacity: 0; }
    }
    @-moz-keyframes hinge {
    0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
    20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
    40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
    80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
    100% { -moz-transform: translateY(700px); opacity: 0; }
    }
    @-o-keyframes hinge {
    0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
    20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
    40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
    80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
    100% { -o-transform: translateY(700px); opacity: 0; }
    }
    @keyframes hinge {
    0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
    20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
    40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
    80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
    100% { transform: translateY(700px); opacity: 0; }
    }
    .animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
    } @-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
    }
    @-moz-keyframes rollIn {
    0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
    }
    @-o-keyframes rollIn {
    0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
    }
    @keyframes rollIn {
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
    }
    .animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
    } @-webkit-keyframes rollOut {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    }
    }
    @-moz-keyframes rollOut {
    0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
    }
    }
    @-o-keyframes rollOut {
    0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
    }
    }
    @keyframes rollOut {
    0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
    }
    100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
    }
    }
    .animated.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
    } @-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }
    @-moz-keyframes lightSpeedIn {
    0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }
    @-o-keyframes lightSpeedIn {
    0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }
    @keyframes lightSpeedIn {
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    }
    .animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    }
    .animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    } @-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    }
    @-moz-keyframes lightSpeedOut {
    0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    }
    @-o-keyframes lightSpeedOut {
    0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    }
    @keyframes lightSpeedOut {
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
    }
    .animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    }
    .animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
    }
    div.pp_default .pp_top,
    div.pp_default .pp_top .pp_middle,
    div.pp_default .pp_top .pp_left,
    div.pp_default .pp_top .pp_right,
    div.pp_default .pp_bottom,
    div.pp_default .pp_bottom .pp_left,
    div.pp_default .pp_bottom .pp_middle,
    div.pp_default .pp_bottom .pp_right { height: 13px; }
    div.pp_default .pp_top .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
    div.pp_default .pp_content_container .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
    div.pp_default .pp_content_container .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
    div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
    div.pp_default .pp_gallery ul li a { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
    div.pp_default .pp_gallery ul li a:hover,
    div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
    div.pp_default .pp_social { margin-top: 7px; }
    div.pp_default .pp_gallery a.pp_arrow_previous,
    div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
    div.pp_default .pp_nav .pp_play,
    div.pp_default .pp_nav .pp_pause { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
    div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
    div.pp_default .pp_details { position: relative; }
    div.pp_default a.pp_arrow_previous,
    div.pp_default a.pp_arrow_next { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
    div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
    div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
    div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
    div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
    div.pp_default .pp_bottom .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
    div.light_rounded .pp_content_container .pp_left,
    div.light_rounded .pp_content_container .pp_right { background: #fff; }
    div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
    div.light_rounded .pp_description { margin-right: 85px; }
    div.light_rounded #pp_full_res .pp_inline { color: #000; } 
    div.light_rounded .pp_gallery a.pp_arrow_previous,
    div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
    div.light_rounded .pp_nav .pp_play { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
    div.light_rounded .pp_nav .pp_pause { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
    div.light_rounded .pp_arrow_previous { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_rounded .pp_arrow_next { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.light_rounded .pp_bottom .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
    div.dark_rounded .pp_description { margin-right: 85px; }
    div.dark_rounded .currentTextHolder { color: #c4c4c4; }
    div.dark_rounded .pp_description { color: #fff; }
    div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
    div.dark_rounded .pp_gallery a.pp_arrow_previous,
    div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
    div.dark_rounded .pp_nav .pp_play { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
    div.dark_rounded .pp_nav .pp_pause { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
    div.dark_rounded .pp_arrow_previous { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_rounded .pp_arrow_next { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.dark_rounded .pp_bottom .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
    div.dark_square .pp_middle,
    div.dark_square .pp_right,
    div.dark_square .pp_content { background: #000; }
    div.dark_square .currentTextHolder { color: #c4c4c4; }
    div.dark_square .pp_description { color: #fff; }
    div.dark_square .pp_loaderIcon { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
    div.dark_square .pp_description { margin: 0 85px 0 0; }
    div.dark_square #pp_full_res .pp_inline { color: #fff; }
    div.dark_square .pp_gallery a.pp_arrow_previous,
    div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
    div.dark_square .pp_nav { clear: none; }
    div.dark_square .pp_nav .pp_play { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
    div.dark_square .pp_nav .pp_pause { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
    div.dark_square .pp_arrow_previous { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_square .pp_arrow_next { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.dark_square .pp_next:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
    div.light_square .pp_middle,
    div.light_square .pp_right,
    div.light_square .pp_content { background: #fff; }
    div.light_square .pp_content .ppt { color: #000; }
    div.light_square .pp_expand { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
    div.light_square .pp_description { margin-right: 85px; }
    div.light_square #pp_full_res .pp_inline { color: #000; }
    div.light_square .pp_gallery a.pp_arrow_previous,
    div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
    div.light_square .pp_nav .pp_play { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
    div.light_square .pp_nav .pp_pause { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
    div.light_square .pp_arrow_previous { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_square .pp_arrow_next { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.light_square .pp_next:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
    div.facebook .pp_content_container .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
    div.facebook .pp_description { margin: 0 37px 0 0; }
    div.facebook #pp_full_res .pp_inline { color: #000; } 
    div.facebook .pp_loaderIcon { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
    div.facebook .pp_arrow_next { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
    div.facebook .pp_nav { margin-top: 0; }
    div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
    div.facebook .pp_nav .pp_play { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
    div.facebook .pp_nav .pp_pause { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
    div.facebook .pp_next:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
    div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
    }
    div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
    }
    .pp_top {
    height: 20px;
    position: relative;
    }
    * html .pp_top { padding: 0 20px; }
    .pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
    }
    .pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    }
    * html .pp_top .pp_middle {
    left: 0;
    position: static;
    }
    .pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    }
    .pp_content { height: 40px; min-width: 40px; }
    * html .pp_content { width: 40px; }
    .pp_fade { display: none; }
    .pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
    }
    .pp_content_container .pp_left { padding-left: 20px; }
    .pp_content_container .pp_right { padding-right: 20px; }
    .pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
    }
    .pp_description {
    display: none;
    margin: 0;
    }
    .pp_social { float: left; margin: 0; }
    .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
    .pp_social .twitter { float: left; }
    .pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
    }
    .pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
    }
    .pp_nav .pp_play,
    .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
    }
    a.pp_arrow_previous,
    a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
    }
    .pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
    }
    .pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
    }
    .pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
    }
    .pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
    }
    .pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0,0,0,0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
    }
    .pp_gallery ul a:hover,
    .pp_gallery li.selected a { border-color: #fff; }
    .pp_gallery ul a img { border: 0; }
    .pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    }
    .pp_gallery li.default a {
    background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
    }
    .pp_gallery li.default a img { display: none; }
    .pp_gallery .pp_arrow_previous,
    .pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
    }
    a.pp_next {
    background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    }
    a.pp_previous {
    background: url(//diadem.in/wp-content/themes/hostmev2/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    }
    a.pp_expand,
    a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;	
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
    }
    a.pp_close {
    position: absolute; right: 0; top: 0; 
    display: block;
    line-height:22px;
    text-indent: -10000px;
    }
    .pp_bottom {
    height: 20px;
    position: relative;
    }
    * html .pp_bottom { padding: 0 20px; }
    .pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
    }
    .pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
    }
    * html .pp_bottom .pp_middle {
    left: 0;
    position: static;
    }
    .pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    }
    .pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
    }
    #pp_full_res {
    line-height: 1 !important;
    }
    #pp_full_res .pp_inline {
    text-align: left;
    }
    #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
    div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
    }
    .widget-title       { margin: 0 0 20px 0; font-size: 16px; vertical-align:middle;}
    .widget-title  span {  border-bottom:3px solid #00aeff; }   .divider {
    display:block; 
    clear:both;
    margin: 30px 0;
    border-bottom-width: 1px;
    border-color: #e4e4e4;
    }
    .divider.thin	{ border-bottom-style: solid; }
    .divider.fat	{ border-bottom-style: solid; border-bottom-width: 2px;  }
    .divider.dotted	{ border-bottom-style: dotted; }
    .divider.dashed	{ border-bottom-style: dashed; }
    .divider_space {
    display:block; 
    clear:both; 
    margin: 30px 0;
    }	
    .demo_space {
    display: block;
    margin: 0;
    width: 100%;
    }
    .divider img { max-width:100%;}
    .customdivider {
    width:auto;
    display:block; 
    clear:both; 
    height:100%;
    padding:40px 0 40px 0;
    text-align:center;
    }
    .customdivider img { width:auto; max-width:100%; height:auto; }
    .divider_top {
    position: relative; 
    background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark10.png) center center repeat-x;
    height:2px;
    padding:40px 0;
    clear:both;
    }
    .divider_top a { 
    font-size: 10px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 24px;
    }
    .divider_top a span{ 
    font-size: 11px; 
    line-height: 10px;
    text-transform: uppercase; 
    color:#fff;
    background-color:#000;
    padding:3px 6px;
    }
    .divider_line { 
    position: relative; 
    display: block;
    clear: both;
    margin:25px 0;
    background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark10.png) center center repeat-x;
    height:1px;
    text-align:center;
    }   .dropcap1 { 
    background-color: #1abc9c;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-position: left top;
    background-repeat: repeat;
    font-size: 30px;
    line-height: 48px;
    margin: 5px 15px 0 0;
    width: 48px;
    color: #ffffff;
    }
    .dropcap2 { 
    background-color: #222222;
    border-radius: 75px 75px 75px 75px;
    color: #FFFFFF;
    font-size: 29px;
    line-height: 50px;
    margin: 0 15px 0 0;
    width: 50px;
    }
    .dropcap1, 
    .dropcap2 {
    float: left; 
    text-align: center; 
    overflow:hidden;
    }
    .dropcap3 { 
    color: #000000;
    float: left;
    font-size: 60px;
    line-height: 25px;
    margin: 0 10px 0 0;
    padding: 11px 0;
    position: relative;
    text-transform: uppercase;
    top: 5px;
    }
    .dropcap1.greensea, .dropcap2.greensea		{ background-color: #16a085; } 
    .dropcap1.nephritis, .dropcap2.greensea		{ background-color: #27ae60; } 
    .dropcap1.belizehole, .dropcap2.greensea	{ background-color: #2980b9; } 
    .dropcap1.wisteria, .dropcap2.greensea		{ background-color: #1abc9c; } 
    .dropcap1.midnightblue, .dropcap2.greensea	{ background-color: #2c3e50; } 
    .dropcap1.orange, .dropcap2.greensea		{ background-color: #f39c12; } 
    .dropcap1.pumpkin, .dropcap2.greensea		{ background-color: #d35400; } 
    .dropcap1.pomegranate, .dropcap2.greensea	{ background-color: #c0392b; } 
    .dropcap1.silver, .dropcap2.greensea		{ background-color: #bdc3c7; } 
    .dropcap1.abestos, .dropcap2.greensea		{ background-color: #7f8c8d; } 
    .dropcap1.black, .dropcap2.greensea			{ background-color: #222222; } 
    .dropcap1.white, .dropcap2.white			{ background-color: #FFFFFF; }
    .dropcap4{
    color: #ffffff;
    text-align: right;
    font-size: 10px;
    font-weight: normal;
    height: 36px;
    width: 36px;
    margin: 0 20px 15px 0;
    line-height: 36px;
    background-color: #7ea1bf;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    }
    .dropcap4 span{text-align: left;}
    .dropcap4 i { vertical-align: middle;}   .pricing li		{ 
    background:#ffffff; 
    border:1px solid #eeeeee; 
    border-bottom:1px solid #ddd; 
    margin-bottom:1px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    }
    ul.doubles {
    clear:both;  
    padding-left:20px;  
    margin-left:0px !important; 
    overflow:hidden;
    }
    .doubles li {
    float:left; 
    width:42%;
    }
    ul.sitemap { margin-left:0px !important; }
    ul[class^='list-'],
    ol[class^='list-'] {
    position: relative;
    margin-left:0;
    }
    ul.list-disc li, 
    ul.list-circle li,
    ul.list-square li, 
    ul.list-arrow1 li, 
    ul.list-arrow2 li, 
    ul.list-arrow3 li,
    ul.list-arrow4 li, 
    ul.list-arrow5 li,  
    ul.list-bullet1 li,
    ul.list-bullet2 li, 
    ul.list-bullet3 li, 
    ul.list-bullet4 li, 
    ul.list-bullet5 li, 
    ul.list-star1 li, 
    ul.list-star2 li, 
    ul.list-star3 li, 
    ul.list-plus li, 
    ul.list-minus li, 
    ul.list-pointer li,
    ul.list-style1 li,
    ul.list-check li,
    ul.sitemap li,
    ul.list-tree li 	{ 
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/bullets/lists.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    padding:7px 0 7px 25px;
    list-style-type:none;
    line-height:20px;
    font-size:14px;
    }
    ul.list-disc li       { background-position: -480px 6px; }
    ul.list-circle li     { background-position: -460px -14px; }
    ul.list-square li     { background-position: -440px -34px; }
    ul.list-arrow1 li     { background-position: -420px -34px; } 
    ul.list-arrow2 li     { background-position: -400px -74px; } 
    ul.list-arrow3 li     { background-position: -380px -94px; }
    ul.list-arrow4 li     { background-position: -360px -114px; }
    ul.list-arrow5 li     { background-position: -340px -134px; }
    ul.sitemap li         { background-position: -340px -134px; }
    ul.list-bullet1 li    { background-position: -320px -154px; }
    ul.list-bullet2 li    { background-position: -300px -174px; }
    ul.list-bullet3 li    { background-position: -280px -194px; }
    ul.list-bullet4 li    { background-position: -260px -214px; }
    ul.list-bullet5 li    { background-position: -240px -234px; }
    ul.list-star1 li      { background-position: -220px -254px; }
    ul.list-star2 li      { background-position: -200px -274px; }
    ul.list-star3 li      { background-position: -180px -294px; }
    ul.list-plus li       { background-position: -160px -314px; }
    ul.list-minus li      { background-position: -140px -334px; }
    ul.list-pointer li    { background-position: -120px -354px; }
    ul.list-style1 li 	  { background-position: -100px -374px; }
    ul.list-check li 	  { background-position: -80px  -394px; }
    ul.red li            { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_red.png); }
    ul.green li          { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_green.png); }
    ul.blue li           { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_blue.png); }
    ul.yellow li         { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_yellow.png); }
    ul.magenta li        { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_magenta.png); }
    ul.cyan li           { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_cyan.png); }
    ul.orange li         { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_orange.png); }
    ul.black li          { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_black.png); }
    ul.pink li           { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_pink.png); }
    ul.navy li           { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_navy.png); }
    ul.gray li           { background-image:url(//diadem.in/wp-content/themes/hostmev2/images/bullets/list_gray.png); }
    ul.bullet-check li   { background: transparent url(//diadem.in/wp-content/themes/hostmev2/images/bullets/check.gif) no-repeat 0 5px; list-style:none; padding-left:25px;   }
    ul.bullet-check      { padding:0;}
    ul.list-tree li      { background-position: -340px -137px; }
    ul.list-tree ul      { border-left:1px solid #aaa; margin-left:20px; }   span.inset-left { 
    display: block;
    float: left;
    width: 35%;
    padding: 15px;
    border-left:1px solid #dddddd;
    font:italic normal 14px/25px Georgia, Arial, Sans-serif;
    letter-spacing:0;
    }
    span.inset-right {
    display: block;
    float: right;
    width: 35%;
    padding: 15px;
    border-right:1px solid #dddddd;
    font:italic normal 14px/25px Georgia, Arial, Sans-serif;
    letter-spacing:0; 
    }   blockquote {
    border-left: 5px solid #dddddd;
    margin: 15px 15px 20px;
    }
    blockquote  p {
    font-family: Georgia, Helvetica, Times, Serif;
    font-style: italic;
    color: #999999;
    margin-bottom: 0; 
    }
    blockquote cite:before {
    content: "\2014 \00A0";
    }
    blockquote cite {
    position: absolute;
    display:block; 
    margin-top:20px; 
    font-size: 90%; 
    font-style: normal;
    color: #444444;
    }
    blockquote.alignleft  { 
    background-color: #F6F6F6;
    width: 30%;
    padding: 15px !important;
    }
    blockquote.aligncenter { 
    text-align: center;
    clear: both;
    display: block;
    margin: 0 auto;
    background-color: #F6F6F6;
    padding: 15px !important;
    }
    blockquote.alignright { 
    background-color: #F6F6F6;
    width: 30%;
    padding: 25px !important;
    }   .pricetable {
    display:block;
    position: relative;
    padding:0;
    margin:0 auto;
    }
    .pricing-inner {
    position: relative;
    display: block;
    margin: 20px 0;
    }
    .pricetable .column{
    float: left;
    position: relative;
    z-index: 3;
    margin-right: 1%;
    width:24.2%;
    }
    .pricetable.col2 .column{ width:49% !important; }
    .pricetable.col3 .column{ width:32.6%; }
    .pricetable .column:last-child { margin-right:0; }
    .pricetable .column-block {
    border: 1px solid #dddddd;
    border-width: 1px 0px 1px 1px;
    }
    .pricetable .column-block:last-child{
    border: 1px solid #dddddd;
    border-width: 1px 1px 1px 1px;
    }
    .pricetable .price-head { 
    position: relative;
    text-align:center;
    padding: 25px 0;
    text-align:center;
    background: #f1f2f3;
    }
    .price-head .title { 
    font-size: 14px;
    font-weight: 700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom: 10px;
    }
    .pricetable .price-font {
    font-size: 46px;
    line-height: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    }
    .pricetable .price-font span{ font-size:11px; line-height:14px;}
    .pricetable sup{
    letter-spacing: 0px;
    font-size:small;
    }
    .pricetable .price-content  { 
    text-align: left;
    line-height: 24px;	
    padding: 20px 40px; 
    background-color: #f6f6f6;
    }
    .pricetable .price-content ul { 
    margin: 0 0 20px 0; 
    padding:0;
    }
    .pricetable .price-content ul li { 
    list-style: none; 
    padding:5px;
    line-height:150%;
    background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark10.png) bottom left repeat-x transparent; 
    }
    .pricetable .featured { 
    position:relative;
    margin-top:-10px;
    padding-bottom:20px;
    z-index: 4;
    box-sizing: border-box;
    -webkit-box-shadow : 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 	 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 		 0 0 3px rgba(0, 0, 0, 0.15);
    }
    .pricetable .featured .price-head { 
    padding-top:25px;
    }   .fancytoggle {
    position:relative;
    margin-bottom:5px;
    }
    .fancytoggle .toggle-title  {
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 15px;
    border-bottom: 1px solid #E8E6E6;
    background:#f5f5f5;
    }
    .fancytoggle .active  { background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark05.png) 0 0 repeat transparent; }
    .fancytoggle .active .arrow  { background: transparent url(//diadem.in/wp-content/themes/hostmev2/images/t_minus.png) no-repeat center center; }
    .fancytoggle .toggle_content { position:relative;}
    .fancytoggle .toggleinside 	 { padding:15px}
    .toggle-title [class^="icon-"] { margin-right:10px; }
    .toggle-title.active .arrow{
    background-color: #1abc9c;
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/t_minus.png);
    }
    .fancytoggle .arrow{
    background: #bdc3c7 url(//diadem.in/wp-content/themes/hostmev2/images/t_plus.png) no-repeat center center;
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    }   .ac_wrap {
    width: 100%;
    margin-bottom: 40px;
    }
    .ac_wrap .ac_title {
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 15px;
    border-bottom: 1px solid #E8E6E6;
    background:#f5f5f5;
    }
    .ac_title .arrow{
    background: #bdc3c7 url(//diadem.in/wp-content/themes/hostmev2/images/t_plus.png) no-repeat center center;
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    }
    .ac_title [class^="icon-"] { margin-right:10px; }
    .ac_title.active .arrow{
    background-color: #e16706;
    background-image: url(//diadem.in/wp-content/themes/hostmev2/images/t_minus.png);
    }
    .ac_title.active {
    border:none;
    }
    .ac_wrap .ac_content {
    border-bottom:1px solid #E8E6E6;
    margin: 0;
    padding: 15px 10px 15px 15px;
    }   .galleria {
    clear: both;
    position: relative;
    margin-bottom: 20px;
    }
    ul.sys_mini_gallery {
    display: inline-block;
    margin: 0 0 25px;
    padding: 0;
    }
    ul.sys_mini_gallery {
    position:relative;
    clear:both;
    width:100%;
    opacity: 1;
    }	
    ul.sys_mini_gallery li {
    display: inline-block;
    float: left;
    padding: 5px;
    margin: 0 10px 15px 0;
    background: #ffffff;
    border: 1px solid #cccccc;
    }
    ul.sys_mini_gallery li:hover {
    background: #1abc9c;
    transition: 		all .3s ease-out;	
    -moz-transition: 	all .3s ease-out;
    -webkit-transition: all .3s ease-out;	
    }
    ul.sys_mini_gallery li a {
    display: block;
    }
    .sys_mini_gallery img { display: block;} .imageframe {
    position: relative;
    margin-bottom:10px;
    padding:5px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    }   .input_small   { width:25% !important; }
    .input_medium  { width:50% !important; }
    .input_large   { width:95% !important; }
    #validate_form label.error { border:none;   }  
    #validate_form .error       { color: #e77963; border: 1px solid #e77963; }
    div#note,
    div#result {
    position:relative;
    }
    .close_note {
    position: absolute; 
    top: 18px; 
    right: 10px; 
    font-size:9px; 
    }
    div#note p,
    div#result p {
    margin-bottom:0;
    }   .sysform input.txtfield, 
    .sysform textarea { 
    color: #747474;
    outline: 0;
    padding: 9px;
    border: solid 1px #E5E5E5;
    font: normal 12px/100% arial, verdana, tahoma, sans-serif;
    background: #FFFFFF;
    -webkit-transition: 	all 300ms ease-in;
    -moz-transition: 		all 300ms ease-in;
    -o-transition: 			all 300ms ease-in;
    transition: 			all 300ms ease-in;	
    }
    .sysform textarea { 
    height: 200%;
    min-height: 100px;
    line-height: 150%;
    }
    .sysform input:hover, .sysform textarea:hover,
    .sysform input:focus, .sysform textarea:focus { 
    border-color: #C8CDD1; 
    box-shadow: 			0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #FFFFFF;
    box-shadow: 			0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #FFFFFF;
    -moz-box-shadow: 		0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #FFFFFF;
    -webkit-box-shadow: 	0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #FFFFFF;
    }	
    .sysform p {
    margin-bottom:10px;
    }
    .sysform label.captcha { 
    clear:both;
    display:block;
    margin-top: 10px; 
    width:20%
    }
    .sysform .submit input {
    width: auto;
    padding: 5px 15px;
    background: transparent;
    border: 0;
    color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }
    .sysform input.txtfield, 
    .sysform textarea,
    #respond input[type="text"],
    #respond textarea {
    border-color:#dddddd; background-color:#ffffff; }
    .sysform input:hover, .sysform textarea:hover,
    .sysform input:focus, .sysform textarea:focus,
    #respond input[type="text"]:hover, #respond input[type="text"]:focus,
    #respond textarea:hover, 
    #respond textarea:focus { 
    border-color: #aaa; }
    .sysform span.atpcaptcha { background:#444444; color:#ffffff; padding:2px 5px; border-radius:3px;}   #footer .contactinfo-wrap,
    #footer .contactinfo-wrap .details,
    #footer .contactinfo-wrap p { border: 0;}
    .contactinfo-wg 	 { margin-bottom:40px; }
    .contactinfo-wrap { 
    position:relative; 
    border-style:solid; 
    border-color:#dddddd;
    background: url(//diadem.in/wp-content/themes/hostmev2/images/world-map.png) 0 30px no-repeat;
    width: 100%;
    height: 100%;
    }
    .contactinfo-wrap p { 
    margin-bottom: 0px; 
    padding-bottom: 3px;	
    }
    .contactinfo-wrap .details { 
    display: block; 
    overflow: hidden; 
    }
    .contactinfo-wrap .phone .details { font-size:15px; font-weight:bold; }
    .contactinfo-wrap [class^="icon-"],
    .contactinfo-wrap [class*=" icon-"] { 
    display:block;
    float:left;
    width: 30px;
    }   .widget_postslist { 
    padding: 0; 
    }
    .widget_postslist ul {
    margin: 0; 
    padding: 0;
    }
    .widget_postslist ul li {
    clear:both;
    overflow:hidden; 
    padding:12px 2px !important; 
    list-style:none; 
    line-height:normal;
    background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/dark10.png) bottom left repeat-x;
    }
    #footer .widget_postslist ul li {
    background:url(//diadem.in/wp-content/themes/hostmev2/images/opacs/white10.png) bottom left repeat-x;
    }
    .widget_postslist li:first-child { padding-top:10px; }
    .widget_postslist li:last-child { border-bottom:0; }
    .widget_postslist .pdesc > a{
    font-size: 12px;
    font-weight: bold;
    }
    .widget_postslist p {
    color: #747474;
    font-size: 11px;
    letter-spacing: 0.5px;
    margin-top: 3px;
    padding: 0;
    margin-bottom:0px;
    }
    .widget_postslist li .thumb {
    float:left; 
    width:55px;
    margin:0 5px 0 0; 
    padding:0 5px 0px 0;
    }
    .widget_postslist li .w-postmeta {
    padding: 0; 
    font-size: 11px;
    letter-spacing: 1px;
    }   .highlight { 
    padding:1px 4px;
    color:#ffffff;
    background-color:#5E5E5E;	
    margin: 0 3px;
    }
    .highlight2	{ font-style: italic; border-bottom:1px dashed; padding: 1px }
    .highlight.yellow	{ background-color:#ffda48; color:#000000; }   .fancybox .boxcontent {
    padding: 25px;
    }
    .fancybox {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    height: 100%;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    }
    .fancybox::before,
    .fancybox::after {
    box-sizing: border-box;
    position: absolute;
    content: '';
    border: 1px solid #dddddd;
    height: 2px;
    }
    .fancybox::before {
    width: 99%;
    left: .5%;
    bottom: -4px;
    }
    .fancybox::after {
    width: 98%;
    left: 1%;
    bottom: -7px;
    }
    .fancybox .fancytitle {
    margin-bottom: 0px;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    background-color:#f5f5f5;
    }   .frame_box  {
    margin: 0 0 20px;
    padding: 25px;
    border: 3px solid #dddddd;
    }   .callOutBox {	
    position:relative;
    overflow: visible; 
    margin: 0;
    padding:20px;
    zoom:1; -webkit-transition: all 300ms ease-in;
    -moz-transition: 	all 300ms ease-in;
    -o-transition: 		all 300ms ease-in;
    transition: 		all 300ms ease-in;
    }
    .callOutBox .teaser_Content {
    height: 100%;
    overflow: hidden;
    margin:0;
    }
    .callOutBox .callOut_Text   { float:left; }
    .callOutBox .callOut_Button { 
    float:right; 
    }
    .callOut_Button a{
    font-weight: bold; 
    padding: 5px 10px;
    }
    .callOutBox p,
    .callOutBox h1,
    .callOutBox h2,
    .callOutBox h3,
    .callOutBox h4,
    .callOutBox h5,
    .callOutBox h6,
    .callOutBox .button { margin-bottom:0; }   .btn { 
    position:relative;
    zoom:1; overflow: visible; 
    line-height:1em;
    margin: 0 3px 8px 0;
    padding: 0 !important;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in;
    -moz-transition:  all 300ms ease-in;
    -o-transition:  all 300ms ease-in;
    transition:   all 300ms ease-in;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color:#ffffff;
    }
    .btn.border { 
    border-width: 1px;
    border-style: solid;
    }
    .btn,.btn span { display: inline-block; vertical-align: baseline; }
    .btn span {
    position: relative;
    text-align:center;
    text-decoration:none;
    white-space: nowrap;
    }
    .btn.full, 
    .btn.full span { display: block; }
    .btn.small span,
    .border.small span   { font-size: 12px; line-height: 14px; padding: 0.5em 1.3em; text-transform:uppercase;  }
    .btn.medium span,
    .border.medium span { font-size: 14px; line-height: 20px; padding: 0.5em 1.3em; text-transform:uppercase; }
    .btn.large span,
    .border.large span { font-size: 16px; line-height: 24px; padding: 0.5em 1.3em; text-transform:uppercase; }
    .btn.dark { border:2px solid; background:none !important; border-radius:none; }
    .btn.light { border:2px solid #ffffff; background:none !important; border-radius:none; } .btn.greensea		{ background-color: #16a085; } 
    .btn.nephritis		{ background-color: #27ae60; } 
    .btn.belizehole		{ background-color: #2980b9; } 
    .btn.wisteria		{ background-color: #8e44ad; } 
    .btn.midnightblue	{ background-color: #2c3e50; } 
    .btn.orange			{ background-color: #f39c12; } 
    .btn.pumpkin		{ background-color: #d35400; } 
    .btn.pomegranate	{ background-color: #c0392b; } 
    .btn.silver			{ background-color: #bdc3c7; } 
    .btn.abestos		{ background-color: #7f8c8d; } 
    .btn.black			{ background-color: #222222; } 
    .btn.white	{ background-color: #FFFFFF; }
    .btn.white span  { color: #666666; }
    .btn:hover { color:#ffffff; opacity:0.8 } .btn.border.greensea	{ background:none; color: #16a085; border: 1px solid #16a085; } .btn.border.greensea :hover 		{ background:none; color: #63d6c7; border-color: #63d6c7;}
    .btn.border.nephritis	{ background:none; color: #27ae60; border: 1px solid #27ae60; } .btn.border.nephritis :hover 	{ background:none; color: #67d49f; border-color: #67d49f;}
    .btn.border.belizehole	{ background:none; color: #2980b9; border: 1px solid #2980b9; } .btn.border.belizehole :hover 	{ background:none; color: #66b5d9; border-color: #66b5d9;}
    .btn.border.wisteria	{ background:none; color: #8e44ad; border: 1px solid #8e44ad; } .btn.border.wisteria :hover 		{ background:none; color: #c38cd6; border-color: #c38cd6;}
    .btn.border.midnightblue{ background:none; color: #2c3e50; border: 1px solid #2c3e50; } .btn.border.midnightblue :hover   { background:none; color: #738697; border-color: #738697;}
    .btn.border.orange		{ background:none; color: #f39c12; border: 1px solid #f39c12; } .btn.border.orange :hover 		{ background:none; color: #f39c12; border-color: #e18f0e;}
    .btn.border.pumpkin		{ background:none; color: #d35400; border: 1px solid #d35400; } .btn.border.pumpkin :hover		{ background:none; color: #f9cc45; border-color: #f9cc45;}
    .btn.border.pomegranate	{ background:none; color: #c0392b; border: 1px solid #c0392b; } .btn.border.pomegranate :hover	{ background:none; color: #ea9a00; border-color: #ea9a00 ;}
    .btn.border.silver		{ background:none; color: #bdc3c7; border: 1px solid #bdc3c7; } .btn.border.silver :hover 		{ background:none; color: #d1d5d8; border-color: #d1d5d8;}
    .btn.border.abestos		{ background:none; color: #7f8c8d; border: 1x solid #7f8c8d; } .btn.border.abestos :hover		{ background:none; color: #a0abac; border-color: #a0abac;}
    .btn.border.black		{ background:none; color: #222222; border: 1px solid #222222; } .btn.border.black :hover 		{ background:none; color: #666666; border-color: #666666;}   .facnyicon_circle {
    color: #000000;
    text-align: center;
    border-style:solid;
    border-width: 2px;
    margin: 0 auto;
    -webkit-border-radius:	50%;
    -moz-border-radius: 		50%;
    border-radius: 			50%;
    }
    .facnyicon_square {
    color: #000000;
    text-align: center;
    background-position: center center;
    border-style:solid;
    border-width:2px;
    margin: 0 auto;
    }
    .facnyicon_circle i,
    .facnyicon_square i { vertical-align: middle;}
    .small i,
    .facnyicon_circle.small i,
    .facnyicon_square.small i { font-size: 13px !important;}
    .medium i,
    .facnyicon_circle.medium i,
    .facnyicon_square.medium  i { font-size: 18px !important;}
    .large i,
    .facnyicon_circle.large i,
    .facnyicon_square.large i { font-size: 28px !important;}
    .xlarge i,
    .facnyicon_circle.xlarge i,
    .facnyicon_square.xlarge i { font-size: 40px !important;}
    .facnyicon_square.left,
    .facnyicon_circle.left{
    float: left;
    margin: 0 20px 20px 0;
    text-align: none;
    }
    .facnyicon_square.right,
    .facnyicon_circle.right {
    float: right;
    margin: 0 0 20px 20px;
    text-align: center;
    }
    .facnyicon_square.center,
    .facnyicon_circle.center  {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    } .facnyicon_square.small ,
    .facnyicon_circle.small {
    height: 25px;
    width: 25px;
    line-height: 25px;
    }
    .facnyicon_square.medium ,
    .facnyicon_circle.medium {
    height: 36px;
    width: 36px;
    line-height: 36px;
    }
    .facnyicon_square.large,
    .facnyicon_circle.large {
    height: 60px;
    width: 60px;
    line-height: 60px;
    }
    .facnyicon_square.xlarge,
    .facnyicon_circle.xlarge {
    height: 80px;
    width: 80px;
    line-height: 80px;
    }   table.fancy_table     { border: 1px solid #eee; }
    table.fancy_table th  {
    background-color:#4daadd;
    padding:14px; 
    color:#fff; 
    }
    table.fancy_table td  {
    padding:12px; 
    background:#fff; 
    border: 1px solid #eee;
    text-align: center; 
    }
    table.fancy_table tbody tr:hover td	{
    background-color:#F3F3F3;
    }
    table.fancy_table tfoot {
    background-color: #F3F3F3;
    }
    table.fancy_table {
    width:99%; 
    margin:0 auto; 
    margin-bottom:10px;
    border-collapse: collapse; 
    border-spacing: 0; 
    }
    .fancy_table.alignleft    { float:left; margin:3px 15px 20px 3px;}
    .fancy_table.alignright   { float:right; margin:3px 3px 20px 15px;	}
    .fancy_table.aligncenter  { 
    display:table; 
    clear:both; 
    margin:0 auto; 
    padding:2px; 
    margin-bottom: 20px;
    text-align:center;
    }
    .fancy_table p{
    margin-bottom:0px;
    }   .error,
    .info,
    .alert,
    .success{
    color: #444444;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 10px 30px 10px 20px;
    position: relative;
    }
    .error p,
    .info p,
    .alert p,
    .success p{ margin-bottom:0; }
    .error [class^="icon-"],
    .info [class^="icon-"],
    .alert [class^="icon-"],
    .success [class^="icon-"] { vertical-align:middle;}
    .error  { 
    background-color: #FFE5E5;
    border-color: #FFE5E5;
    color: #E65451;
    }
    .info   { 
    background-color: #E8FAFB;
    border-color: #E8FAFB;
    color: #468BBF;
    } 
    .alert  { 
    background-color: #F6F3DA;
    border-color: #F6F3DA;
    color: #B89C00;
    }
    .success{ 
    background-color: #EBF2D8;
    border-color: #EBF2D8;
    color: #81A81D;
    }
    .error span.close,
    .info span.close,
    .alert span.close,
    .success span.close {
    cursor: pointer;
    display: block;
    opacity: 0.5;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight:bold;
    }
    .error span.close:hover, .info span.close:hover, .alert span.close:hover, .success span.close:hover {
    opacity: 1;
    }
    .error span.close:hover,
    .info span.close:hover,
    .alert span.close:hover,
    .success span.close:hover{
    } .post .notes { background-color: #eaf3fb; border-color:#d4e5f3; margin-bottom:20px;}
    .notes {
    background: #FFFFE0;
    margin-bottom: 30px;
    }
    .notes_content {
    padding:20px; 
    }
    .notes_content p {
    margin-bottom: 10px; 
    }
    .notes.alignleft {
    float: left; 
    margin-right: 15px; 
    margin-bottom: 15px;
    }
    .notes.alignright {
    float: right; 
    margin-left: 15px; 
    margin-bottom: 15px;
    }
    h4.notes_title {
    margin-bottom: 10px;
    }
    .notes .post-info { margin-top:20px; margin-bottom:0}   .progress_wrap {
    position:relative;
    margin-bottom: 15px;
    }
    .progress_wrap h4 {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    }
    .progress_container {
    position: relative;
    width: 100%;
    line-height: 25px;
    background-color:rgba(0, 0, 0, 0.12);
    }
    .progress_bar {
    position: relative;
    width: 0;
    height: 25px;
    background-color: #8ba0b6;
    }
    .progress_bar span {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    text-transform: uppercase;
    }
    span.percentage {
    position: relative;
    float: right;
    padding-right:10px;
    }   .CircleBarWrap {
    display:table;
    text-align:center;
    margin:0 auto;
    }
    .CircleBarWrap .label { }
    .easyPieChart {
    position: relative;
    text-align: center;
    margin:0 auto;
    }
    .easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
    }
    .chart {
    float: left;
    margin: 10px;
    }
    .CircleBar {
    text-align: center;
    color: #333;
    font-size: 1.2em;
    margin-bottom: 0.3em;
    }
    .chart .label {
    text-align: center;
    color: #333;
    font-size: 1em;
    margin: 0.8em 0;
    }   .systabspane  {
    clear: both;
    margin: 10px 0 30px;
    padding: 0;
    position: relative;
    -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    -moz-box-shadow:    0 1px 1px 0 rgba(180, 180, 180, 0.1);
    box-shadow:         0 1px 1px 0 rgba(180, 180, 180, 0.1);
    }
    .systabspane .panes              { clear:both; }
    .systabspane.centertabs ul.tabs  {     
    background-color: #F1F2F3;
    display: table;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    }
    .systabspane.righttabs ul.tabs   { margin:0 0 0 auto; float:right; }
    .tabs {
    display: table;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    }
    .tabs li {
    float: left;
    line-height: 40px;
    list-style-type: none;
    padding: 0 30px;
    cursor: pointer;
    background-color: #f5f5f5;
    border-width: 1px 1px 0 0;
    border-color: #dddddd;
    border-style: solid;
    }
    .tabs li:first-child{
    border-width: 1px 1px 0 1px;
    border-color: #dddddd;
    border-style: solid;
    }
    .tabs a span { 
    display:block;
    }
    .tabs a { 
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;		
    }
    .tab_content {
    background-color: #ffffff;
    display: none;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #dddddd;
    }
    .tabs li.current { 
    color: #000000;
    margin: 0;
    position: relative;
    font-weight: bold;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    }
    .tabs li.current a {
    cursor: pointer;
    color:#000;
    }   .systabspane.vertical {
    border:1px solid #e1e2e3;
    }
    .vertical .panes  { clear:none;}
    .vertical .tabs {
    clear: none;
    float: left; 
    width: 160px;
    height: auto;
    margin: 0 !important;
    padding: 0;
    border-bottom: none;
    }
    .vertical .tabs li {
    clear: left;
    display: block;
    float: none;
    margin: 0; 
    padding: 0; 
    border: 1px solid #e1e2e3;
    border-width: 1px 1px 0px 0px;
    line-height: normal;
    list-style-type:none; 
    }
    .vertical .tabs li:last-child {
    border-width:1px 1px 1px 0px;
    }
    .vertical .tabs a { 
    display: block; 
    clear: left;
    float: none;
    position: relative; 
    height: auto; 
    padding: 10px 15px; 
    text-decoration: none; 
    }
    .vertical .tab_content {
    padding: 20px;
    border-width: 0 0 0 1px;
    }
    .vertical .tabs li.current { 
    position: relative;
    border: 1px solid #e1e2e3;
    margin-left: 0;
    border-width: 1px 0 0 0;
    }
    .vertical .tabs li.current:first-child { 
    border-width: 0;
    }
    .vertical .tabs li.current a { 
    color: #444;		
    cursor: pointer;
    }   .twitter_widget ul {
    margin: 0;
    padding: 0;
    list-style:none;
    }
    .twitter_widget ul li {
    border-bottom: 0 !important;
    background: none !important;
    padding: 0 !important;
    margin-bottom: 15px;
    color: #747474;
    }
    .twitter_widget ul li span {
    display: block;
    font-size: 10px;
    }
    .twitter_widget ul li a:hover {
    border-bottom: 1px dotted #ffffff;
    } ul.tweet { 
    margin:0 0 20px 0; 
    padding:0; 
    list-style:none;
    }   .fancyheading {padding: 0; position: relative; margin: 0 0 15px 0; text-transform: none; line-height:130%; overflow: hidden; }
    .fancyheading span{ display: inline-block;	position: relative;	padding: 2px 10px; }
    .fancyheading span:before, .fancyheading span:after { content: ""; position: absolute; height: 2px; bottom: 40%; width: 50%; }
    .fancyheading span:before { right: 100%;  margin-right: 10px; }
    .fancyheading span:after {  left: 100%;  margin-left: 10px; }
    .fancy-title.large { font-size: 300%; }
    .fancy-title.xlarge { font-size: 400%; }
    .fancy-title:after {
    background: none repeat scroll 0 0 #F3F3F3;
    content: "-";
    display: block;
    height: 2px;
    overflow: hidden;
    position: relative;
    text-indent: -999em;
    bottom: 0;
    width: 10%;
    }
    .fancy-title.textcenter:after {
    margin:0 auto;
    text-align:center;
    }
    .fancy-title.textright:after {
    margin:0 0 0 auto;
    }
    .fancy-title .gray     { background-color: #666666; }
    .fancy-title .orange   { background-color: #ff5c00; }
    .fancy-title .red      { background-color: #e62727; }
    .fancy-title .magenta  { background-color: #61456b; }
    .fancy-title .yellow   { background-color: #ffb515; }
    .fancy-title .blue     { background-color: #00ADEE; }
    .fancy-title .pink     { background-color: #e22092; }
    .fancy-title .green    { background-color: #91bd09; }
    .fancy-title .black    { background-color: #333333; }
    .fancy-title .white    { background-color: #FFFFFF; }
    .fancy-title .white span { color: #666666; }
    .textright { text-align: right }
    .textleft { text-align: left; }
    .textcenter { text-align: center; }
    .fancyheading.textleft span { padding-left:0; }
    .fancyheading.textright span { padding-right:0; }
    .fancy_ampersand {
    font-family: 'Lato','Vidaloka',serif !important;
    font-size: 24px;
    }
    .fancy-title small { display:block; font-size: small; padding: 5px 0 20px 0; }   .flickr_badge_image {
    float: left;	
    width: 70px;
    height: 70px;
    display: block;
    padding: 3px;
    border: 0 solid #dddddd;
    -webkit-transition: all .3s ease-out;
    -moz-transition: 	all .3s ease-out;
    transition: 		all .3s ease-out;
    }
    .flickr_badge_image img {
    width: 70px;
    height: 70px;
    }   .tagcloud {
    display: inline-block;
    margin:10px 0;
    }
    .tagcloud a {
    background: #777;
    color: #fff;
    display: block;
    float: left;
    margin: 5px 5px 0 0;
    font-weight:bold;
    padding: 5px 10px;
    font-size: 12px !important;
    }
    .tagcloud a:hover, .tagcloud a:active {
    color:fff !important;
    }
    .taglist { margin:0; padding:0; border: none;}
    .emptybg {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 40px;
    color: #000;
    padding-top: 20px;
    position: relative;
    text-align: center;
    }   .testimonial-box {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    min-height: 100px;
    }
    .testimonial-arrow{
    bottom: -15px;
    height: 0px;
    width: 0px;
    left: 50px;
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #f0f0f0 transparent transparent transparent;
    }
    .testimonial-box .testimonial-content {
    background-color: #f0f0f0;	
    margin-bottom: 0;
    padding: 20px;
    position: relative;
    }
    .testimonial-content p {
    margin-bottom:0px;  }
    .client-image {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 15px;	
    margin-top: 15px;
    }
    .client-meta { overflow: hidden; margin-top: 15px;  }
    .client-name { display: block; } .testimonial_list { position:relative; }
    .testimonial_list {
    min-width: 100px;
    position: relative;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    }
    .testimonial_list ul { margin-left:0; }
    .testimonial_list li {
    top: 0;
    left: 0;
    display: none;
    background: none;
    padding: 0 0 25px 0;
    list-style: none;
    }
    .widget_testimonial .testimonial_list li { padding-bottom:0; }
    .testimonial_list li:first-child {
    display:block;
    }
    .testimonial_list .client-meta { overflow: hidden; margin-top: 15px; } #testimonialid input,textarea{
    width:200px;
    border:1px solid #DDDDDDD;
    }
    #testimonialid button{
    border:0;
    }   .plan_box {
    width: auto; 
    min-height: 350px; 
    height: 100%; 
    overflow: hidden; 
    position: relative; 
    padding:0;
    }
    .plan_box .plan_info {
    width: 100%; 
    position: absolute; 
    min-height: 350px; 
    height: 100%;  
    top: 0; 
    left: 0; 
    text-align: center; 
    cursor: pointer; 
    z-index: 1;
    background-color: #ffffff; 
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow:         0 1px 3px rgba(0, 0, 0, 0.15);
    }
    .plan_box .plan_details {
    position: absolute; 
    width: 100%; 
    margin: 0 auto; 
    min-height: 350px; 
    height: 100%; 
    text-align: center; 
    z-index: 0; 
    top: 0;
    background-color:#ffffff; 
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow:         0 0 3px rgba(0, 0, 0, 0.15);
    }
    .plan_box .content { margin: 0 10px; }
    .plan_box ul { margin: 15px 0 15px 0;}
    .plan_box ul li {
    padding: 5px 6px 5px 25px; 
    border-bottom: 1px solid #ddd; 
    text-align: left; 
    margin-left: 10px;
    }
    .plan_box h2 { 
    margin-top: 20px;
    padding: 0;
    letter-spacing: -1px;
    }
    .plan_box .price { font-family:Helvetica, Arial, Sans-serif; margin:0 auto; padding:0; font-size:36px; font-weight:bold; line-height:1; letter-spacing:-2px; }
    .plan_box .price span { font-size:12px; display:block; letter-spacing:normal; font-weight:normal; text-transform:uppercase; }
    .plan_box h4 { margin:10px 0; } 
    .google-font {
    line-height: 165%;
    }
    @font-face {
    font-family: 'FontAwesome';
    src: url(//diadem.in/wp-content/themes/hostmev2/css/fortawesome/fontawesome-webfont.eot?v=3.2.1);
    src: url(//diadem.in/wp-content/themes/hostmev2/css/fortawesome/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(//diadem.in/wp-content/themes/hostmev2/css/fortawesome/fontawesome-webfont.woff?v=3.2.1) format('woff'), url(//diadem.in/wp-content/themes/hostmev2/css/fortawesome/fontawesome-webfont.ttf?v=3.2.1) format('truetype'), url(//diadem.in/wp-content/themes/hostmev2/css/fortawesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');
    font-weight: normal;
    font-style: normal;
    }

Examples and source code

fa-angle-down

Place Font Awesome icons just about anywhere with the <i> tag.

<i class="fa fa-angle-down"></i> fa-angle-down
Icon classes are echoed via CSS :before.

fa-angle-down

fa-angle-down

fa-angle-down

fa-angle-down

fa-angle-down

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<p><i class="fa fa-angle-down fa-lg"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-2x"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-3x"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-4x"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-5x"></i> fa-angle-down</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-angle-down fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-angle-down fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-angle-down"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-angle-down fa-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-angle-down fa-2x pull-left fa-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-angle-down"></i>  normal<br>
<i class="fa fa-angle-down fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-angle-down fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-angle-down fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-angle-down fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-angle-down fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-angle-down fa-2x fa-spin"></i>
<i class="fa fa-angle-down fa-3x fa-spin"></i>
<i class="fa fa-angle-down fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-angle-down on fa-square-o
fa-angle-down on fa-circle
fa-angle-downl on fa-square
fa-ban on fa-angle-down

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-angle-down fa-stack-1x"></i>
</span>
fa-angle-down on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-angle-down fa-stack-1x fa-inverse"></i>
</span>
fa-angle-down on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-angle-down fa-stack-1x fa-inverse"></i>
</span>
fa-angle-down on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-angle-down fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-angle-down

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-angle-down fa-lg"></i> fa-angle-down</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-angle-down"></i> fa-angle-down</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-angle-down fa-2x pull-left"></i> Font Awesome<br>fa-angle-down



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-angle-down fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-angle-down">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-angle-down fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-angle-down">
</div>